/*
Theme Name: Eagle Island View
Theme URI: http://www.floatcreative.com
Description: For the Eagle Island View Condominium project
Version: 1.0
Author: Eric Wuebben
Author URI: http://www.ericwuebben.com
Latest updated: June 15th, 2007
*/

/* Body */
*{margin:0; padding:0;}
html, body, div {margin:0; padding:0;}
body{background:#f4f4f4 url(images/back.jpg) center top; color:#716a52; font:11px Verdana, Tahoma, Arial, sans-serif;}
#fade{ background-image: url(images/back_header.jpg); background-repeat: repeat-x; background-position: center top; }
#wrap{color:#303030; margin:0 auto; width:760px;}
#mainbody { background-image: url(images/back_undernav.jpg); background-repeat: repeat-x; background-position: 0 0; width: 720px; clear: both; margin: 0; padding: 0 20px; }
/* Links */
a{color:#546140; text-decoration:none;}
a:hover{color:#4c6b1a; text-decoration:underline;}
a img{border:0;}

/* Header */
#header{ background-image: url(images/header.jpg); background-repeat: no-repeat; background-position: 0 0; height: 177px; margin:0; }
#header h1{color:#716a52; font-size:14px;}
#header h1 a{ color:#fff0bd; text-indent: -5000px; width: 350px; height: 142px; display: block; }
#header .subhead { color:#ded2ad; font-size: 12px; background-image: url(images/back_bar.jpg); background-repeat: no-repeat; background-position: 0 0; margin:0; text-align:right; width:700px; height: 24px; padding: 11px 30px 0; }
#header p{ color:#ded2ad; font-size:11px; margin:0; text-align:right; }
#header p a { color: #ded2ad; }
#header p a:hover { color: #2a2925; }
#header img { margin: 0; padding: 0; }
#header select { color: #716a52; font-size: 12px; border: solid 1px #85784f; }
#frontphoto{margin:0 0 10px;}

/* Sidebars */
#leftside{ float:left; line-height:1.4em; margin:0 0 10px; padding:0; width:160px; }
#extras{float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:140px;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget{font-size:0.9em; margin:0 0 20px;}
#leftside li, #extras li{line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul, #extras ul ul{margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li{margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a{font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist{font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul{margin:0 0 20px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a{font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption{background-color:inherit; color:#505050; font-size:1.3em; font-weight:normal; text-align:left; margin:0 0 6px;}
#leftside label, #extras label{display:none;}

/* Main menu */
ul.page{ list-style:none; margin:0; width:160px; }
ul.page li{display:inline; line-height:24px; width:165px;}
ul.page li a{ background-color:#f3ecdc; color:#a7a08b; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; float:left; font-weight:normal; line-height: 24px; background-image: url(images/back_nav.jpg); background-repeat: no-repeat; background-position: 0 0; margin-bottom:3px; padding:0 0 0 15px; text-decoration:none; width:145px; }
ul.page li a:hover{ color: #7d7764; background-color: #e7dec7; background-image: url(images/back_nav_over.jpg); text-decoration: none; }
ul.page li.current_page_item a, ul.page li.current_page_ancestor a{ color: #f0efee; background-color: #99937d; background-image: url(images/back_nav_on.jpg); }
ul.page ul{font-size:0.9em;margin:0 0 0 15px;padding:0 0 5px;width:125px;}
ul.page li.current_page_item li a, ul.page ul a, li.current_page_ancestor li.page_item a{ color: #756d62; font-size: 10px; font-family: verdana; line-height: 11px; background-color: transparent; background-image: url(images/bullet.jpg); background-repeat: no-repeat; background-position: 0 2px; padding:0 0 0 15px; width:130px; margin: 0 0 5px; }
ul.page li.current_page_item li a:hover, ul.page ul a:hover{ color: #4c4842; background-image: url(images/bullet_over.jpg); background-color: transparent; }
ul.page ul .current_page_item a{ color: #28231c; background-image: url(images/bullet_on.jpg); background-color: transparent; }
ul.page ul ul{width:113px;}
ul.page ul ul a{width:100px;}
/* Content */
.main { background-image: url(images/back_content.jpg); background-repeat: repeat-y; background-position: 0 0; width: 680px; margin: 0; padding: 0 20px; }
.top { background-image: url(images/back_content_top.gif); background-repeat: no-repeat; background-position: center 0; width: 720px; height: 15px; display: block; }
.top_buttons { line-height: 8px; background-image: url(images/back_buttons_top_home.gif); background-repeat: no-repeat; background-position: 0 0; width: 605px; height: 8px; float: right; margin: 0; padding: 0; display: block; }
.bottom { background-image: url(images/back_content_bottom.gif); background-repeat: no-repeat; background-position: center 0; width: 720px; height: 15px; clear: both; display: block; }
.bottom_home { background-image: url(images/back_content_bottom_home.gif); background-repeat: no-repeat; background-position: 0 0; width: 605px; height: 15px; float: right; display: block; }
#content{line-height:1.6em;margin:0 155px 5px;padding:0;}
#contentwide{ line-height:1.6em; width: 500px; float: right; margin:0; padding: 0; }
#content h2,#contentwide h2{font-size:1.6em;margin:0 0 10px;}
#content h2.younever,#contentwide h2.younever { background-image: url(images/nedrebos_slogan.gif); background-repeat: no-repeat; background-position: 0 0; text-indent: -5000px; width: 198px; height: 62px; margin: 0; padding: 0; display: block; }
#content h3,#contentwide h3{font-size:1.4em;margin:0 0 8px;}
#content img,#contentwide img{}
#content ul,#contentwide ul,#content ol,#contentwide ol{margin:0 0 16px 20px;}
#content li,#contentwide li{padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol{margin:0 0 0 16px;}

#no_flash_eaglehome { float: right; margin: 0 0 15px 15px; padding: 0; border:1px solid white;}


#results { margin: 0 0 0 150px; }
.linklists { color: #6f6547; font-size: 11px; line-height: 14px; }
.linklists ol li { margin: 0 0 8px; }
.linklists a { border-bottom: 1px solid #b8b2a1; }
.linklists a:hover { background-color: #e8e0cb; text-decoration: none; border-bottom-color: #4c6b1a; }
/* Footer */
#footer{ clear:both; color:#85784f; font-size: 10px; font-weight:normal; line-height:40px; background-image: url(images/back_footer.jpg); background-repeat: no-repeat; background-position: 0 0; text-transform: uppercase; margin:10px auto 0; padding:0 20px; text-align:left; width:720px; }
#footer p{margin:0;padding:0;}
#footer a{color:#554f3c;font-weight:normal;text-decoration:none;}
#footer a:hover{color:#28231c;text-decoration:underline;}
#footer strong a { color: #484239; font-weight:bold; }
#footer strong a:hover { color: #28231c; }
#footer .footer_right { float: right; }
#footer .byfloat { color: #564330; font-size: 9px; float: right; }
#footer .byfloat a { color: #564330; }
/* Subpage menu */
#subpages{border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;float:right;font-weight:bold;line-height:1.3em;margin:-5px 0 8px 15px;padding:0 0 10px 10px;width:190px;}
#subpages h2{font-size:1.2em;font-weight:bold;letter-spacing:-1px;line-height:1.3em;margin:0 0 12px;}
#subpages ul.submenu{line-height:1.4em;list-style:none; margin:0;}
#subpages ul.submenu li{display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a{background-color:#f4f4f4;border-left:4px solid #cccccc;color:#505050;float:left;font-weight:bold;margin-bottom:5px;padding:3px 1px 3px 5px;text-decoration:none;width:180px;}
#subpages ul.submenu li ul{margin:0 0 5px 10px;width:170px;}
#subpages ul.submenu li ul li a{width:170px;}
#subpages ul.submenu li ul ul{margin:0 0 5px 10px;width:160px;}
#subpages ul.submenu li ul ul li a{width:160px;}
#subpages ul.submenu li ul ul ul{margin:0 0 5px 10px;width:150px;}
#subpages ul.submenu li ul ul ul li a{width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a{background-color:#eaeaea;border-left:4px solid #286ea0;color:#505050;}
#subpages ul.submenu li.current_page_item ul li a{background-color:#f4f4f4;border-left:4px solid #cccccc;color:#505050;}

/* Tags */
p,ul,ol{margin:0 0 7px;}
blockquote{border-left:4px solid #e0e0e0;margin:20px;padding:8px 8px 8px 15px;}
blockquote p{background-color:inherit;color:#505050;font-size:0.9em;line-height:1.3em;}
label{background-color:inherit;color:#606060;font-size:0.9em;font-weight:bold;}
table#wp-calendar{margin:0 0 20px;width:140px;}

/* Forms */
#s,#submit{background-color:#ffffff;border:1px solid #cccccc;color:#505050;font-size:0.9em;margin:0 0 16px;padding:4px;width:130px;}
#author,#email,#url,#comment{border:1px solid #cccccc;font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:1em;margin:0;padding:4px;}
#commentsection{margin:25px 0 0;}
#commentsection p{margin:0 0 6px;}

/* Float fix */
.contenttext{overflow:hidden;}
* html .contenttext{height:1px;overflow:visible;}
* html .contenttext p{overflow:hidden;width:99%;}

/* Various classes */
.left{border:1px solid #cccccc;float:left;margin:10px 15px 10px 0;}
.right{border:1px solid #cccccc;float:right;margin:10px 0 5px 10px;}
.center{border:1px solid #aaaaaa;margin:5px auto 12px;text-align:center;}
.textright{text-align:right;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.hide{display:none;}
.post{margin:0;}
.postinfo{background-color:#f4f4f4;border-left:4px solid #cccccc;color:#606060;font-size:0.9em;font-weight:bold;line-height:1.5em;margin:1px 0 40px;padding:8px 5px 8px 8px;}
.post a {text-decoration: underline; }
.comment{background-color:#f4f4f4;border-left:4px solid #cccccc;color:#606060;margin:0 0 10px;padding:8px 5px 0 8px;}
.comment p.commenthead{line-height:1.6em;}
.comment p{font-size:0.9em;line-height:1.3em;margin:0 0 6px;padding-bottom:5px;}
.navigation{display:block;margin:10px 0;padding:0 0 15px;text-align:center;}
.navigation p{margin:0;padding:0;}
.prevlink{margin-right:20px;}
.nextlink{margin-left:20px;}
.legal { color: #a48e4d; font-size: 10px; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
