/*
Theme Name: Shadows Community Homeowners Association
Theme URI: http://www.shadowshoa.com
Description: Custom theme developed for Shadows Community Homeowners Association
Version: 1.0
Author: Maxon Media
Author URI: http://www.maxonmedia.net
*/



*{margin:0; padding:0;}

htm, html, body{height:100%;}

a{outline:none; text-decoration:none; color:#a2bb42;}

a img{border:0;}

html{background:#f6f7eb url("images/wrapper-shadow.gif") center repeat-y; }

body{font:12px Arial, Helvetica, sans-serif;}

#wrapper-center{}

#wrapper{width:950px; margin:0 auto; background:url("images/content-btm.gif") bottom no-repeat;}

#header{float:left;}

#header img{position:relative;}

#main-content{float:left; width:950px; background:url(images/content-btm.gif) bottom no-repeat;}

#slideshow{width:950px; height:475px; overflow:hidden;}

address{ font-style:normal; text-transform:uppercase; color:#77a0c0; position:absolute; font-size:11px; z-index:10; top:10px; margin-left:10px;}

address a{width:15px; height:12px; display:block; background:url(images/mailto.gif) no-repeat; text-indent:-9999px; float:right;}


/*---------------------------- Headings ----------------------------------------------------------*/

h1.shadowshoa-logo{position:absolute; z-index:5; margin-left:613px; top:8px;}

h1.shadowshoa-logo a{width:311px; height:129px; background:url(images/Shadows-HOA.gif) no-repeat; text-indent:-9999px; display:block;}

h2{font:20px Georgia, "Times New Roman", Times, serif; color:#1d6196; margin-bottom:20px;}

h3{font:16px Georgia, "Times New Roman", Times, serif; margin:24px 0 14px 0; text-transform:uppercase; color:#99CC00; }

h4{}


/*---------------------------- Main Nav ----------------------------------------------------------*/

div.menu-bg{float:left; position:absolute; z-index:10; margin-left:588px; background:url(images/menu-bg.png) repeat-x; top:162px; border:1px solid #bcc1a1; overflow:auto; padding:0 10px;}

ul#main-nav{ width:340px; list-style-type:none;border-top:1px solid #b0bd82; font-size:11px; background:url(images/nav-divide.gif) center repeat-y; overflow:auto;}

ul#main-nav li{ float:left; width:170px; text-transform:uppercase; border-bottom:1px solid #b0bd82;}

ul#main-nav li a{color:white; padding:4px 0 4px 7px; display:block; float:left; width:163px; font-weight:bold;}

ul#main-nav li a:hover{}


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

#sidebar{float:right; width:340px;}

#sidebar ul{list-style-type:none;}

#sidebar ul li#events-calendar, #sidebar ul li.widget_text{width:288px; padding:10px; color:#9bb635; background:url(images/sidebar-module.png) no-repeat; margin-bottom:30px;}

#sidebar ul li.widget_text {color:#6f7266;}
#sidebar ul li.widget_text strong{color:#3b709a;}

#sidebar ul li.widget_text div{padding:20px;}

#sidebar li a{}

#sidebar ul li ul li{background:none; padding:5px; border-bottom:1px solid #f5f5f5; background:none;}

#sidebar ul li#events-calendar strong{color:#6f7266; font-weight:normal; text-transform:uppercase; font-size:12px;}


#sidebar a:hover{}

#sidebar h2{color:#f6f7eb; font:bold 14px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; height:35px; line-height:35px; padding:0 10px; margin:0;}


/*---------------------------- Footer ----------------------------------------------------------*/

#footer{float:left; height:53px; width:910px; color:#eaefd8; padding:20px; background:url("images/footer-bg.gif") bottom repeat-x; font-size:11px;}

#footer a{color:#eaefd8;}

#footer a:hover{}

#footer ul{list-style-type:none;}

#footer ul li {float:left;}

#footer ul li a{display:block; float:left; padding:0 7px; border-left: 1px solid white;}


#footer p.copyright{clear:left; float:left; margin-top:10px;}


/*---------------------------- Home ----------------------------------------------------------*/

div#dues{border:1px solid #CCC; padding:5px; margin:0 0 10px 0; float:left;}
div#dues h3{margin:0 0 5px 0;}



/*---------------------------- Content ----------------------------------------------------------*/

#content-inner{float:left; width:550px; padding:40px 40px 40px 20px; color:#6B6F60; line-height:18px;}

#content-inner p{ margin-bottom:15px;}

#content-inner ul, #content-inner ol{margin:0 0 10px 15px;}

#content-inner a{text-decoration:underline;}

#content-inner a:hover{}

#calendar_wrapLarge h2{font:16px Arial, Helvetica, sans-serif;}

#EC_previousMonthLarge, #EC_nextMonthLarge{color:#a2bb42;}

div.post{margin-bottom:20px;}


/*---------------------------- Common Classes ----------------------------------------------------------*/

.last a{border-right:0 !important;}

.float-right, .alignright{float:right;}
.float-left, .alignleft{float:left;}
.clear-right{clear:right;}
.clear-left{clear:left;}

.border{}

.dues{ margin:5px 20px;}
.dues a{color:white; background-color:#B5C775; display:block; padding:5px; -webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;}
.dues a:hover{background-color:#A2B269;}