/*

Theme Name:Oceanside Realty


Description: The default WordPress theme based on the famous <a href="Webbyguruhttp://Webbyguru.com/">Webbyguru</a>.

Author: WebbyGuru.com


Tags: blue,white, custom headera, fixed width, two columns, widgets



	Saima

	 saima.khan@logodesignguru.com



	This theme was designed and built by Webbyguru.com,

	whose blog you will find at http://blog.logodesignguru.com/



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/




body {
	margin:0px;
	padding:0px;
	font: Normal 12px Tahoma;
	color: #fefefe;
	text-align:justify;
	background:url(images/bg.jpg) no-repeat center -100px fixed;

}

/* ======================= Reset Styles! ======================= */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, hr, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

img {
	float:left;
	border:none;
}

.clear {
	clear:both;
}
a:link, a:active, a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration:underline;
}

/* ======================= Main Wrapper ======================= */

#wrapper {
	margin:0 auto;
	padding:20px 0 0 0px; 
	width:918px;
}

/* ======================= Logo Main ======================= */

#logo_main {
	width:918px;
	float:left;
}
#logo_main img {
	margin:0 0 0 290px;
}

/* ======================= Navigation ======================= */

#nav_bar {
	width:918px;
	float:left;


}

/* ======================= body ======================= */

#body_bg {
	width:918px;
	*width:915px;
	background:url(images/body_bg_1px.png) repeat-y;
	min-height:560px;
	height:auto !important;
	float:left;
}
#container {
	padding:8px 0 0px 30px;
	width:858px;
	float:left;
}
#header {
	padding:0 16px 0 0;
	width:630px;
	float:left;
}
#header img {
	float:left;
}

/* ======================= Right Panel ======================= */

#main_panel {
	width:212px;
	float:left;
}

/* ======================= First Panel ======================= */

#main {
	padding:0 0 11px 0;
	width:212px;
	float:left;
}
#first_pan_one {
	background:url(images/first_pan_bg_1px.png) repeat-y;
	width:212px;
	float:left;
}
#first_pan_bg {
	background:url(images/first_pan_bg.jpg) no-repeat;
	width:212px;
	float:left;
	min-height:109px;
	height:auto !important;
	height:109px;
}




#first_pan_bg form {
	width:195px;
	padding:0 5px 0 9px;
	float:left;
	}

h1.contact {
	padding:13px 0 0 8px; 
	width:160px;
	font:bold 15px "Times New Roman", Times, serif;
	color:#ffffff;
	float:left;
}
	
#first_pan_bg form label {
	width:190px;
	padding:5px 0;
	float:left;
	}
	
#first_pan_bg form input{
	width:195px;
	padding:0 0 5px 0;
	float:left;
	background:#FFF;
	border:#000;
	}	


#first_pan_bg p {
	padding:7px 0 0 15px;
	line-height:16px;
	width:118px;
	float:left;
}
h1 {
	padding:13px 0px 0 0px;
	font:bold 15px "Times New Roman", Times, serif;
	color:#ffffff;
	float:left;
}
#first_pan_bg img {
	margin:6px 0 0 0;
	float:left;
}
#click_here {
	width:201px;
	background:url(images/btn_bg.png) no-repeat 30px 6px;
	height:28px;
	float:left;
}

#click_here p {
	padding:9px 0 0 47px;
	width:135px;
	float:left;
}
#first_pan_btm {
	width:212px;
	float:left;
}

/* ======================= Second Panel ======================= */

#contact_main {
	width:212px;
	float:left;
	background:url(images/contact_bg.jpg) no-repeat left top;
	height:195px;
}
#contact_one {
	background:url(images/contact_bg_onepx.jpg) repeat-y;
	width:212px;
	float:left;
}
#contact_bg {
	background:url(images/contact_bg.jpg) no-repeat;
	width:212px;
	float:left;
	min-height:185px;
	height:auto !important;
	height:185px;
}
#contact_main p {
	padding:8px 8px 0 85px;
	line-height:16px;
	float:left;
}
#contact_main p.sec {
	padding:20px 0px 0 10px;
	line-height:16px;
	width:189px;
	float:left;
}
#contact_main img {
	margin:9px 0 0 1px;
	float:left;
}
#contact_click {
	width:201px;
	background:url(images/click_bg.png) no-repeat 13px top;
	height:40px;
	margin:25px 0 0 0;
	float:left;
}

.width	{
	width:120px;
	*width:150px;
	}
#contact_click p {
	padding:5px 0 0 23px;
	font-size:13px;
	width:145px;
	float:left;
}
#contact_btm {
	width:212px;
	float:left;
}

/* ======================= Featured Properties ======================= */

#featured {
	padding:45px 0 10px 0;
	width:858px;
	float:left;
	background:url(images/featured_img_bg.png) no-repeat;
	margin:16px 0 0 0
}

/* ======================= Body Bottom ======================= */

#footer {
	width:918px;
	background:url(images/shadow.png) no-repeat center top;
	height:101px;
	float:left;
}
#footer p {
	padding:22px 0 0 1px;
	width:918px;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:16px;
	color:#09357b;
}
#footer a {
	color:#09357b;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

/* ======================= Buyers Page ======================= */

#bottom_panel {
	padding:0px 0 0 0;
	background:url(images/featured_bg.png) no-repeat left top;
	height:37px;
	width:858px;
	float:left;
}
#bottom_panel img {
	margin:9px 0 0 12px; 
	float:left;
}
#border_panel {
	background:#55b1d2 url(images/panel_bg.jpg) repeat-x;
	width:856px;
	border-top:#163d7b solid 1px;
	border-left:#163d7b solid 1px;
	border-right:#163d7b solid 1px;
	min-height:490px;
	height:auto !important;
	float:left;
}
#border_panel p {
	padding: 0 20px 0 0px;
	width:603px;
	float:left;
}

#border_panel_btm {
	width:858px;
	float:left;
}
h3 {
	padding:7px 0 0 14px;
	font:bold 15px "Times New Roman", Times, serif;
	font-size:18px;
	color:#ffffff;
	float:left;
}

h3.seller {
	padding:7px 0 0 0px; 
	width:200px;
	font:bold 15px "Times New Roman", Times, serif;
	font-size:18px;
	color:#ffffff;
	float:left;
}
h4 {
	padding:7px 0 0 0px; 
	width:400px;
	font:bold 15px "Times New Roman", Times, serif;
	font-size:18px;
	color:#ffffff;
	float:left;
}

h5 {
	padding:7px 0 0 0px; 
	width:400px;
	font:bold 14px "Times New Roman", Times, serif;
	font-size:18px;
	color:#ffffff;
	float:left;
}

#content_inner {
	padding:15px 0 0 15px;
	width:848px;
	height:441px;
	overflow:auto;
	float:left;
}


#content_inner p {
	padding:15px 0 0 0px;
	width:828px;
	float:left;
}

#content_inner ol {
	clear:left;
	padding:10px 0 0 0;
	list-style-position:inside;
}

#content_inner ul {
	clear:left;
	padding:10px 0 0 0;
	list-style-position:inside;
}

#content_inner ul.padding {
	padding:10px 0 0 20px;
	}

#content_inner li {
	clear:left;
	background:none;
	line-height:16px;
}

/* ----------------------- Form ----------------------- */

#form {
	padding:15px 0 0 25px;
	width:830px;
	height:481px;
	overflow:auto;
	float:left;
}
.field, .text_area, .list, .menu, .txt_area_new, .text_area_two, .menu_short, .field_two {
	font:normal 10px Tahoma;
	color:#000000;
	background-color:#FFFFFF;
	width:150px;
	height:14px;
	padding: 3px 2px 1px 2px;
	border:#2e90b3 solid 1px;
}
.field:hover, .text_area:hover, .menu, .txt_area_new:hover, .text_area_two:hover, .menu_short:hover, .field_two:hover {
	background-color: #FFFFFF;
	border:solid 1px  #153c7a;
}
.field:focus, .text_area:focus, .menu, .txt_area_new:focus, .text_area_two:focus, .menu_short:focus, .field_two:focus {
	background-color:#FFFFFF;
	border:solid 1px  #09357b;
}
.field_two {
	width:50px;
}
.text_area {
	width:200px;
	height:80px;
}
.text_area_two {
	width:180px;
	height:73px;
}
.list {
	width:100px;
	height:80px;
	border:#153c7a solid 1px;
}
.list_yes {
	width:60px;
	height:40px;
	border:#153c7a solid 1px;
}
.menu {
	width:100px;
	height:20px;
	border:#153c7a solid 0px;
}
.menu_short {
	width:50px;
	height:20px;
	border:#153c7a solid 1px;
}
.txt_area_new {
	width:200px;
	height:70px;
}
.form_txt {
	padding:0px 0 0 0;
}
.table {
	height:8px;
}
.table_hei {
	height:25px;
}
.table_widht {
	width:200px;
}
.table_sec_widht {
	width:300px;
}
.input_widht {
	width:26px;
}
.table_hei_btn {
	height:15px;
}
.table_widht_btn {
	width:95px;
}
.table_widht_btn_clear {
	width:521px;
}

/* ----------------------- Properties For Sale ----------------------- */

.model {
	width:240px;
}
.short {
	width:50px;
}
.for {
	font:normal 10px Tahoma;
	padding:3px 0 0 0;
	width:215px;
}
.for_text {
	font:normal 10px Tahoma;
	text-align:center;
	padding:10px 0 0 0;
	width:828px;
}
.menu_table {
	width:108px;
}
.menu_table_short {
	width:60px;
}
.to {
	width:25px;
}
.year_built {
	width:65px;
}
.hi {
	width:20px;
}

/* ----------------------- Featured Listings ----------------------- */

.featured_widht_img {
	width:138px;
}
.featured_widht_custom {
	width:300px;
}
.featured_widht_price {
	width:100px;
	color:#000000;
	font-size:12px;
	text-decoration:underline;
}
.featured_widht_status {
	width:90px;
	color:#000000;
	font-size:12px;
	text-decoration:underline;
}
.img {
	margin:10px 0 0 15px;
}
.color {
	color:#000000;
	font-size:12px;
	text-decoration:underline;
}

#featured_properties {
	padding:0;
	width:856px;
	float:left;
	margin:0;
	
}
.table_new	{
	width:350px;
	*width:350px;
	}
	
.table_new td	{
	padding:0px;
	*padding:0;}
	
.table_new td input.chk	{
	padding:5px 0 0 0;
	}		
	
	#content {
	float: right;
	width: 603px;
}

.post {
width: 603px;
}

.post .title {
	margin: 0;
	padding: 20px 20px 0 0px;
	width:100%;
	
}
.title h2 a,a:link, h2 a:active , h2 a:visited
{
color:#1f4d95;
}

.title h2 a:hover{
text-decoration:underline;
color:#1f4d95;
}

.post .entry {
	width:603px;
	font-size:12px;
	text-align:justify;
	

	
}


 .post .entry p {
	width:400px;
	font-size:12px;
	text-align:justify;
	padding-left:10px;

	
}


.post .meta {
	height: 27px;
	margin: 20px 0 40px 0;
	padding: 15px 0 0 20px;
	line-height: normal;
	color:#1f4d95;
	font-weight:bold;
	font-size:12px;
	
}
.post .meta a{
color:#1f4d95;
}

h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1, h1 a, h2, h2 a {
	text-decoration: none;
	color: #125798;
}

h1 a:hover, h2 a:hover {
color: #125798;
	text-decoration: underline;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 22px;
	font-weight: bold;
	color:#125798;
	
}

h3 {
	font-size: 16px;
	color: #939292;
}
p, ol {
	margin-top: 1.5em;
	line-height: 190%;
}

#navigation_wrapper
{
width:918px;
margin:0 auto;
padding:0px 0 0 0;
height:47px;
}

ul.menu 
{
list-style:none; 
margin:0; 
padding:0;
display: inline;
}

ul.menu * 
{
margin:0; 
padding:0;
}

ul.menu a 
{
color:#fff; 
text-decoration:none; 
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
}

ul.menu li 
{
position:relative; 
float:left; 
/*margin-right:2px;*/
}

ul.menu li  img
{
float:left; 
/*margin-right:2px;*/
}

ul.menu ul 
{
position:absolute; 
top:47px; 
left:0; 
background:#143b78; 
display:none; 
opacity:0; 
list-style:none;
}

ul.menu ul li 
{
position:relative; 
border-bottom:1px solid #fff; 
border-top:none; 
width:192px; 
margin:0;
}

ul.menu ul li a 
{
display:block; 
padding:3px 7px 5px; 
background-color:#143b78;
font-size:12px;
}

ul.menu ul li a:hover 
{
background-color:#54b0d1;
}

ul.menu ul ul 
{
left:148px; 
top:-1px;
}

ul.menu .menulink 
{
border:0px solid #aaa; 
padding:15px 10.2px 7px 10.2px; 
font-weight:bold; 
background:url(images/header.gif); 
width:auto; 
height:25px;
display:block;
}

ul.menu .menulink:hover, ul.menu .menuhover 
{
background:url(images/header_over.gif);
}

ul.menu .sub 
{
background:#143b78 url(images/arrow.gif) 136px 8px no-repeat;
}

ul.menu .topline 
{
border-top:1px solid #54b0d1
}

#sidebar {
padding:10px;
	float: left;
	width: 200px;
	margin:10px 0 0 10px;
	border:#204f97 1px solid;
	background:#299cd5 url(images/blog-rpt.gif) repeat-x left top;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 20px;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0 0 0 30px;
	padding: 0px 10px;
	background: url(images/news-bul.gif) no-repeat left 2px
}

#sidebar li h2 {
	height: 32px;
	margin-bottom: 15px;
	padding: 8px 0px 5px 45px;
	background:#184080 url(images/bul-dolphine.gif) no-repeat 8px 8px;
	font-size: 18px;
	color: #FFFFFF;
	
}
#sidebar li a:link, a:active, a:visited {
color:#FFFFFF;
font-weight:bold;
}

#sidebar li a:hover{
text-decoration:underline;
color:#FFFFFF;
}

#sidebar li p {
	padding: 0 20px;
}
#comments h2
{
width:100%;
padding:0 0 10px 0;

}
#comments ul

{

width:100%;

padding:50px 0 20px 27px;

float:left;


}


#comments  li

{
width:100%;
list-style:none;

padding:5px 0px 5px 0;

float:left;

border-bottom:#125798 dashed 1px;

}