@import url("../../../../css/myagentmenu.css");

/*
Theme Name: MY AGENT LISTINGS
Theme URI: http://www.myagentlistings.com
Version: 1.0
Author: 601MEDIA
Author URI: http://www.601media.com/
This design is fork of a great design by Justin Scheetz at http://www.scheetzdesigns.com/

Images are drawn from the OPen Realty 601_v2.1 Template located at myagentlistings.com/template/601_v2.1/

*/

/* All color changes are right here! ------------------------------- */
/* ----------------------------------------------------------------- */

body {
	background-image: url('../../../../template/601_v2.1/img/back.jpg');
	background-repeat: repeat;
	background-position: center top;
	margin:0;
	padding:0;
	text-align: center;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 14px;
}
#content {
	background:#F2F6F8 url('../../../../template/601_v2.1/img/2-col-bg.gif');
	text-align: left;
}
a { color:#053554 }
a:hover { color:#555 }

.search-area .textbox, #searchform .textbox { 			/* SEARCH TEXTBOX */
	color:#555; 										/* text color */
	border:1px solid #000;								/* border color */
	background:#FFF }									/* background color */
	
#nav ul li a {											/* NAVIGATION */
	color:#FFF;											/* text color */
	border-right:1px solid #04d3e0 }					/* link seperator color (the little line) */
	
#nav ul li a:hover {
	background:#0282c5;									/* hover background color */
	color:#FFFFFF;
	background:#f6f2ed url('images/nav_bgOver.gif') repeat-x;    
}

#nav li:hover ul,
#nav li.over ul { background:#6D889B }					/* dropdown rollover background color */
#nav ul ul li a:hover { background:#B2C5D3 }			/* dropdown link rollover color */

.widecolumn { background:#f2f5f8 }						/* Should be same as above */

.post .date { color:#555 }								/* Date number color */
.post .date .top { color:#fff }							/* Date month color */

.post h2 { border-bottom:1px solid #053054 }			/* Post bottom border color */
.post h2 a { color:#3e459f }							/* Post title link color */
.post h2 a:hover { color:#555 }							/* Post title link hover color */

.full h2 { color:#6d789b }								/* Post page - title color */
	
.full .postmetadata {
	background:#FFFFFF;									/* Meta data background color */
	border-top:1px solid #DEE7ED }						/* Meta data top border color */

h2.pagetitle {
	background:#FFF;									/* Page - title background color */
	border-bottom:2px solid #050e54;					/* Page - title border color */
	color:#788b9c }										/* Page - title text color */

blockquote p { bcolor:#5B5143 }							/* Blockquote text color */
		
h3 { color:#19256d }									/* H3 title text color */
	
ul.commentlist li {
	background:#f6f2ed url('images/comment_bg.gif') no-repeat    }	/* Comment background color */
			
ul.commentlist .rightside { border-left:1px solid #a5b3d3 }		/* Comment line seperator color */
		
#sidebar h2 { color:#191d6d }							/* Sidebar title color */
#sidebar p { color:#555 }								/* Sidebar text color */

/* ----------------------------------------------------------------- */
/* END COLOR CHANGES ----------------------------------------------- */



/* DEFAULT WORDPRESS CSS FOR IMAGES */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}




/* Main Styles ----------------------------------------------------- */
/* ----------------------------------------------------------------- */

body {
}
	
a:active, a:focus { outline:none }
.clear { clear:both; font-size:1px; display:block }

#content {
	width:922px;
	margin:0 auto 0 auto;
	background: #FFF;
	padding: .2em .2em .2em .2em;
}
	
a { text-decoration:underline }	
a:hover { text-decoration:none }
	
/* Header ---------------------------------------------------------- */
/* ----------------------------------------------------------------- */
	
#header {
 background: #fff url(../../../../template/601_v2.1/img/header1.jpg) no-repeat;
	position:relative;
 color: #f2f2f2;
 height: 258px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

#header .search-area {
display:block;
margin:0; padding:0;
width:400px;
text-align:right;
position:absolute;
right:14px;
top:2px;
}

.search-area p, #searchform p {
margin:0; padding:0;
display:inline;
}

.search-area form, #searchform form {
margin:0; padding:0;
}

.search-area .textbox, #searchform .textbox {
padding:2px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

.search-area .button, #searchform .button {
border:none;
padding:0; margin:0;
position:relative;
top:0px;
background:url('images/button_search.gif') no-repeat;
width:24px;
height:21px;
}

/* Navigation ------------------------------------------------------ */
/* ----------------------------------------------------------------- */
			
#nav {
	width:922px;
	height:42px;
	background:url('images/nav_bg.gif') no-repeat;
	margin:0; padding:0 }
	
	#nav ul {
		list-style:none;
		margin:0; padding:0;
		width:922px;
		height:42px }
		
	#nav ul li {
		position:relative;
		display:block;
		float:left;
		height:42px;
		margin:0;
		padding:0 }
		
	#nav ul li a {
		text-decoration:none;
		display:block;
		padding:13px 20px 13px 20px;
		font-size:14px;
		font-weight:bold }
		
	#nav ul li a:hover { text-decoration:none }
		
	#nav ul ul {
		display: none;
		width:200px;
		height:auto;
		position:absolute;
		top:42px;
		left:0 }
			
	#nav li > ul {
		top: auto;
		left: auto }
	
	#nav li:hover ul, #nav li.over ul { 
		z-index:2000px;
		display: block;
		width:200px;
		height:auto;
		top:42px; left:0
	}
	
	#nav ul ul li {
		height:auto;
		display:block;
		float:none;
		margin:0; padding:0 }
		
	#nav ul ul li a {
		font-size:12px;
		height:auto;
		padding:8px 10px;
		border:none }
					
/* Main Content ---------------------------------------------------- */
/* ----------------------------------------------------------------- */

#main-content {
	width:928px;
	margin:0; padding:20px;
    padding-left:45px;
}
	
.narrowcolumn {
width:630px !important;
float:left;

}

.post { clear:both; margin:0; padding:0 }

.post .date {
	display:block;
	float:left;
	position:relative;
	width:46px;
	height:30px;
	padding:18px 0 0 0;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	background:url('images/date_bg.gif') no-repeat;
	margin:4px 10px 10px 0 }
	
.post .date .top {
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	display:block;
	width:46px;
	position:absolute;
	top:1px; left:0 }

.post h2 {
	width:623px;
	float:right;
	font-size:22px;
	font-weight:normal;
	margin:0 0 7px 0;
	padding:0 0 5px 0 }
	
.post h2 a { text-decoration:none }
.post h2 a:hover { text-decoration:none }

.entry { clear:both; }
.entry p { font-size:12px; margin:0 0 25px 0 }

.full h2 {
	font-weight:bold;
	border:none !important;
	margin:0 0 15px 0 !important;
	padding:0 !important;
	width:auto !important;
	float:none !important }
	
.post .postmetadata {
	float:left;
	width:623px;
	font-size:12px;
	font-style:italic;
	padding:0;
	margin:0 0 15px 0 }
	
.full .postmetadata {
	float:none;
	width:auto;
	line-height:18px;
	font-size:12px;
	font-style:italic;
	padding:10px;
	margin:0 0 15px 0 }
	
.post .postmetadata .category {
	display:block;
	width:323px;
	float:left; }

.post .postmetadata .comments {
	display:block;
	width:200px;
	text-align:right;
	float:right; }

h2.pagetitle {
	margin:0 0 20px 0;
	padding:3px 10px 3px 10px;
	font-size:22px;
	font-weight:bold;
	letter-spacing:-1px }
		
.navigation { width:100%; font-size:12px; margin:0 }	
.navigation .alignleft { display:block; float:left; width:49% }
.navigation .alignright { display:block; float:right; width:49%; text-align:right }

blockquote {
	display:block;
	padding:0 60px 0 60px;
	margin:0;
	background:url('images/quotes_left.gif') 30px 0 no-repeat    }
	
blockquote p {
	margin:0;
	padding:0;
	font-style:italic;
	background:url('images/quotes_right.gif') bottom right no-repeat    }
		
h3 {
	font-size:16px;
	font-weight:bold }
		
ul.commentlist {
	list-style:none;
	width:600px;
	margin:0;
	padding:0 }

ul.commentlist li {
	display:block;
	width:600px;
	margin:0 0 15px 0 }

ul.commentlist li div {
	display:block;
	padding:15px 15px 15px 26px;
	margin:0;
	width:559px;
	background:url('images/comment_bottom.gif') bottom no-repeat    }
			
ul.commentlist .leftside { display:block; width:211px; float:left }
ul.commentlist .rightside { display:block; width:489px; float:right }
ul.commentlist img { float:left; margin:0 10px 0 0 }
ul.commentlist cite { font-size:16px; font-weight:bold; font-style:normal; position:relative; top:-2px }
ul.commentlist small { font-size:11px; font-weight:normal; font-style:italic; display:block }
ul.commentlist p { margin:0; padding:0 0 0 15px; line-height:20px; font-size:12px }

#commentform { margin:0; padding:0 }
#commentform p { margin:0 0 15px 0; padding:0 }
#commentform .textarea {
	width:600px }

/* Sidebar --------------------------------------------------------- */
/* ----------------------------------------------------------------- */

#sidebar {
	font-size:14px;
	line-height:20px;
	float:left;
	width:195px;
	padding:0px 20px 20px 0px;
	color: #f8f8f8;
}
	
#sidebar h2 {
	padding:0;
	margin:0 0 10px 0;
	font-size:16px }
	
#sidebar p {
	padding:0;
	margin:0 0 10px 0 }

#sidebar ul {
	list-style:none;
	margin:0; padding:0 }
		
#sidebar .archives li {
	margin:0 0 4px 0;
	display:block;
	height:18px;
	padding:0 0 0 0px;
}

#sidebar .categories ul li {
	margin:0 0 4px 0;
	display:block;
	height:18px;
	padding:0 0 0 0px;
}
	
	
/* Footer ---------------------------------------------------------- */
/* ----------------------------------------------------------------- */

#footer {
clear: both;
color: #000;
/* background: #fff url(img/footer.jpg) no-repeat;*/
background-color:#2F4253;
margin: 0px 0px 3px 0px;
width:922px;
height: 75px;
}
#footer a {
color: #d1d1d1;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
color: #f2f2f2;
}
.footer {
/* padding-top:42px; */
}

#copyright {
width: 175px;
float: left;
padding-top: 20px;
color: #f2f2f2;
}
#copyright img {
border: 0;
padding:0;
margin:0;
}
.bottom_nav {
width: 740px;
float: right;
margin-top: 0px;
padding-top: 20px;
text-align: center;
color: #f2f2f2;
font-weight: bold;
font-size: .9em;
}


/* <<-   START DHTML NAVIGATION   ->> */ 
#dhtmlgoodies_menu {
font-family:arial;
width:225px;
}

#dhtmlgoodies_menu li {
	list-style-type:none;
	margin:0;
}

#dhtmlgoodies_menu ul li ul {
padding-left:10px;
}

#dhtmlgoodies_menu li a {
text-decoration:none;
height:20px;
line-height:20px;
display:block;
background: #D4CAB6;
border-top: 1px solid #F4EFDF;
list-style: none;
font-size: 14px;
padding: 7px 0 8px 35px;
}

.dhtmlgoodies_subMenu {
visibility:hidden;
position:absolute;
overflow:hidden;
border:0px solid #000;
background-color:#518ec7;
font-family:arial;
text-align:left;
}

.dhtmlgoodies_subMenu ul li {
list-style-type:none;
margin:0;
padding:1px;
}

.dhtmlgoodies_subMenu ul li a {
font-size: 14px;
white-space:nowrap;
text-decoration:none;
color:#FFFFFF;
height:16px;
line-height:20px;
display:block;
padding:9px 11px 9px 11px;
background-color: #78a7d3;
}

#dhtmlgoodies_menu ul {
margin:0;
padding:0;
background: url(images/nav.jpg);
}

#dhtmlgoodies_menu li a:link, #dhtmlgoodies_menu ul a:visited {
color:#FFFFFF;
text-decoration:none;
background: url(images/nav.jpg);
}

#dhtmlgoodies_menu li a:hover {
color:#000000;
text-decoration:none;
background: url(images/nav.jpg) 0 -32px;
}
.dhtmlgoodies_subMenu ul li a:hover {
color:#000000;
background-color:#518ec7;
text-decoration:none;
}
/* <<-   END DHTML NAVIGATION   ->> */