/*  
Theme Name: HOA 3 Column Website
Description: A 3 column magazine-style website layout for Wordpress
Author: HOA Web Designer
Author URI: http://www.hoawebdesigner.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php



/************************************************
*	HTML Elements								*
************************************************/

* {
	margin:0;
	padding:0;
	}

body,html {
	min-height:100%;
	}
	
body {
	background: #dbecfa;
	color: #666666;
	padding: 0px;
	}

body, select, input, textarea {
	font: 100% Verdana, Sans-Serif;
	}
	
p {	
	margin: 15px 0 25px 10px;
	}

a:link, a:visited {
	color: #04a6fc;
	text-decoration:none
	}

a:hover, a:active {
	color:#80c712;
	text-decoration:underline;
	}
hr {
      border: 0;
      width: 100%;
      color: #c0c0c0;
      background-color: #c0c0c0;
      height: 1px;
      margin-top: 20px;
	  margin-bottom: 20px;
      }

small {
	font-size: 0.95em;
	background:#ffffff;
    border-top: 1px dotted #c0c0c0;
    border-bottom: 1px dotted #c0c0c0;
    margin: 10px 0px 20px 5px;
	padding:3px 6px 3px 2px;
	}

img, a:link img, a:visited img {
	border:0;
	}	
		

/************************************************
*	Structure									*
************************************************/

#page {
	width:1000px;
	margin:0px auto 0px;
	font-size:0.72em;
	background:#ffffff;
    border: 2px solid #94bedf;
	padding: 0px 0px 10px 0px;
	}

/************************************************
*	Header Area									*
************************************************/

#start {
     background: url(images/startbg.png) top center no-repeat;
	 float: left;
	 width: 995px;
	 margin: 0px 0px 10px 0px;
	 padding: 5px 5px 5px 0px;
	 color: #ffffff;
     font-size: 0.98em;
	 font-weight: bold;
	 text-align: right;
	 }
	 
#start a, #start a:hover, #start a:visited {
     color: #ffffff;
	 text-decoration: none;
	 }
	 	 
#header {
	width:1000px;
	height: 100px;
	float: left;
	list-style-type: none;
	}

.left {
	float:left;
	width: 515px;
	}
	
.middle {
    float: left;
	margin: 5px 0px 0px 10px;
	}

.right {
	float:right;
	}
	
#description {
	font-size: 1em;
	font-weight: normal; 
	color:#ababab;
    margin-left: 255px;
	margin-bottom: 20px;
	letter-spacing: 2px;
	}
		
/************************************************
*	Hyperlinks									*
************************************************/

.subnav li {
	list-style:none;
         font: .98em Verdana;
	border-bottom:1px solid #FFF;
	}

.subnav li a:link, .subnav li a:visited {
	background:#eef5e1;
	display:block;
	padding:4px 4px 4px 8px;
	border-left:4px solid #e4efd5;
	color: #ffffff;
	}
		
.subnav li a:hover, .subnav li a:active {
	background:#e4efd5;
	text-decoration:none;
	color: #ffffff;
	}

.subnav li li a:link, .subnav li li a:visited {
	border-left:none
	}
			
	
/************************************************
*	Content 									*
************************************************/

#wrap {
	margin: 0px auto 0px;
	padding: 0px;
	}

#content {
    float: left;
    background: url(images/pgbg.jpg) top center repeat-y;
	width: 985px;
	padding: 0px;
	margin: 0px auto 0px;
	margin-top: 5px;
	padding: 0px 7px 0px 7px;
	}
	
#middle {
	width: 565px;
        padding: 10px 5px 10px 20px;
	float: left;
	margin: 0px auto 0px;
	}

#middle li {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        }
		
#middle ul.wplc_event_list li {
        list-style-type: none;
        background: #ffffff;
        margin: 0px 0px 10px 0px;
        padding: 8px 8px 1px 8px;
        }
	
#highlights {
    width:565px;
	margin-top:10px;
    margin-bottom:15px;
    padding-bottom: 25px;
    padding:0;
    }

.hdg {
	color: #b1b1b1;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0px 0px 10px 10px;
	}

#leftcol {
	width:270px;
    float:left;
	padding: 0px 0px 0px 5px;
    margin-bottom: 10px;
    list-style-type: none;
	}	
	
#rightcol {
	width:270px;
    float:right;
	padding: 0px 5px 0px 0px;
    margin-bottom:20px;
	}
	
#leftcol2 {
	width:270px;
    float:left;
	padding: 0px 0px 0px 5px;
    margin-bottom: 0px;
    list-style-type: none;
	}	
	
#rightcol2 {
	width:270px;
    float:right;
	padding: 0px 5px 0px 0px;
    margin-bottom:20px;
	}
	
#middle p {	
	padding:0px;
    font: 1em Verdana;
    margin: 0px 0px 15px 0px;
	padding: 0px 5px 0px 5px;
	}
	
.table {	
	padding:0px;
    font: 1em Verdana;
    margin:10px 0px 10px 10px;
	}
	
.list {	
	padding:0px;
    font: 0.97em Verdana;
    margin:10px 0px 10px 20px;
	}

.feature {
	background:#ffffff;
	padding:15px 10px 10px 10px;
	border:1px solid #c0c0c0;
	}
	
.feature p, #rightcol p {
	margin:0;
	}

.feature img, #rightcol img {
	padding:1px;
	border:1px solid #d7d7d7;
	}
			
#leadpic {
	float:left;
	margin: 0 18px 8px 5px;
	}

#lead {
	margin-top:10px;
	margin-bottom:15px;
	}

.title {
	font-size:1.2em;
    color:#66a505;
	font-weight:bold;
	line-height:115%;
	}
	
.feature#lead .title {
	font:1.5em Verdana;
    font-weight:bold;
	line-height:100%;
    color:#66a505;
	display:block;
	padding:5px 0px 10px 0px;
	}

.exc {
    padding: 0px;
    margin: 0px;
    height: 85px;
    border-bottom: 1px dotted #c0c0c0;
    }

.readm {
    background: #ffffff url(images/arrow.png) center left no-repeat;
    padding: 5px 0px 5px 17px;
    margin: 4px 1px 0px 160px;
    line-height: 12px;
    text-transform: uppercase;
    }

#leftcol .feature {
	margin: 0px 0px 5px 0px;
    background: #ffffff;
    border:none;
	}

#leftcol img {
	float:left;
	margin:0px 5px 0px 0px;
    border:none;
	}
	
#leftcol .clearfloat {
        background: #ffffff;
	height: 165px;
	padding: 5px;
        margin: 6px 0 10px 0;
	font-size: 11px;
        border: 1px solid #c0c0c0;
	}
	
#leftcol2 img {
	float:left;
	margin: 0px 5px 0px 0px;
    border:none;
	}
	
#leftcol2 .clearfloat {
        background: #ffffff;
	height: 165px;
	padding: 5px;
        margin: 6px 0 10px 0;
	font-size: 11px;
        border: 1px solid #c0c0c0;
	}

#leftcol a {
    color:#0486df;
    font-weight:bold;
	}
	
#leftcol2 a {
    color:#0486df;
    font-weight:bold;
	}
	
#rightcol img {
	float:left;
	margin:0px 5px 0px 0px;
        border:none;
	}
	
#rightcol .clearfloat {
        background: #ffffff;
	height: 165px;
	padding: 5px;
        margin: 6px 0 10px 0;
	font-size: 11px;
        border: 1px solid #c0c0c0;
	}

#rightcol2 img {
	float:left;
	margin:0px 5px 0px 0px;
        border:none;
	}
	
#rightcol2 .clearfloat {
        background: #ffffff;
	height: 165px;
	padding: 5px;
        margin: 6px 0 10px 0;
	font-size: 11px;
        border: 1px solid #c0c0c0;
	}
	
#rightcol a {
    color:#0486df;
    font-weight:bold;
	}
	
#rightcol2 a {
    color:#0486df;
    font-weight:bold;
	}

#crumbs {
    font-size:10px;
	margin-top:5px;
	margin-bottom:5px;
	text-align:right;
    line-height: 15px;
	}
	
#crumbs a {
    font-size:10px;
	}
	
.caltl {
    background: #ffffff;
	font-size:1.4em;
    color:#0486df;
	font-weight:bold;
	padding: 8px 0px 8px 5px;
	border-top: 1px dotted #c0c0c0;
	border-bottom: 1px dotted #c0c0c0;
        margin: 0px 0px 15px 0px;
	}
	
.caldes {
    background: #ffffff;
    margin: 3px 0px 5px 0px;
	padding: 8px 0px 8px 5px;
	}

.caldes p {
    margin: 0px;
    padding: 0px;
    }

#calcont {
    background: #ffffff;
	font-size: 0.96em;
    color: #0486df;
	font-weight: normal;
	padding: 5px 5px 5px 0px;
    margin: 2px 5px 0px 5px;
	border-top: 1px dotted #c0c0c0;
	border-bottom: 1px dotted #c0c0c0;
	}

#disclaimer {
	margin: 10px 0px 0px 0px;
	}

#stuff {
	width: 565px;
	padding:0px;
    text-align:justify;
    font: 1em Verdana;
    margin: 5px 0px 20px 0px;
	}

#stuff img {
    margin: 0px;
    padding: 0px 10px 0px 0px;
    float: left;
    }
	
#notes {
	padding:10px;
	border-bottom:1px dotted #d7d7d7;
	border-top:1px dotted #d7d7d7;
    text-align:justify;
    font: .85em Verdana;
    margin: 20px 0px 20px 0px;
	}

#impt {
	width: 265px;
    background:#eef6e1;
	padding:5px;
    color: #66a505;
	border-bottom:1px dotted #66a505;
	border-top:1px dotted #66a505;
    text-align:left;
    font: 1em Verdana;
    font-weight:bold;
    margin: 5px 0px 5px 0px;
	}

#impt a {
	width: 265px;
    background:#eef6e1;
	padding:5px;
    color: #66a505;
    text-decoration: none;
	border-bottom:1px dotted #66a505;
	border-top:1px dotted #66a505;
    text-align:left;
    font: 1em Verdana;
    font-weight:bold;
    margin: 5px 0px 5px 0px;
	}

#impt a:hover {
	width: 265px;
    background:#eef6e1;
	padding:5px;
    color: #0486df;
    text-decoration: none;
	border-bottom:1px dotted #66a505;
	border-top:1px dotted #66a505;
    text-align:left;
    font: 1em Verdana;
    font-weight:bold;
    margin: 5px 0px 5px 0px;
	}

#mail a {
    color: #0486df;
    text-decoration: underline;
    font:.85em Verdana;
    font-weight: bold;
    padding-right: 25px;
	}

#mail a:hover {
    color: #66a505;
    text-decoration: underline;
    font:.85em Verdana;
    font-weight: bold;
    padding-right: 25px;
	}

.size-thumbnail {
    margin: 5px 0px 2px 30px;
    }
	
.size-medium {
    margin: 5px 0px 2px 30px;
    }

.wp-caption-text {
    margin: 2px 0px 10px 30px;
    }

#categ {
	font: 1.1em Verdana;
	text-transform: uppercase;
	margin: 5px 0px 10px 0px;
    padding: 0px 0px 5px 5px;
    border-bottom: 1px dotted #c0c0c0;
	font-weight:bold;
	color:#777777;
	}

.catttl {
	font:1em Verdana;
	margin: 3px 0px 3px 0px;
	font-weight:bold;
	color:#66a505;
	}

.catttl a {
	font:1em Verdana;
	margin: 3px 0px 3px 0px;
	font-weight:bold;
	color:#66a505;
	}

.catttl a:hover {
	margin: 3px 0px 3px 0px;
	font-weight:bold;
	color:#0486df;
	}

#news {
    background: #0486df;
    color:#ffffff;
	font-size:1.1em;
    font-weight:bold;
	margin:5px 0px 6px 0px;
    padding:5px 0px 5px 10px;
	}
	
#gall {
    margin: 0px 25px 0px 25px;
	}

.navigation {
    font-size: 0.98em;
    font-weight: bold;
    margin: 0px auto 0px;
	padding: 8px 0px 8px 0px;
	}
	
#contentlinks {
	width:964px;
	margin: 0px auto 0px;
    padding: 10px 10px 20px 10px;
    background: #f2f2f2;
	}

#contentlinks ul li {
    margin: 0px 20px 0px 40px;
    padding: 8px 5px 10px 5px;
    border-bottom: 1px dotted #c0c0c0;
	}
	
.linkcat {
    margin-bottom: 25px;
	}
	
#contentclsfd  {
	width:964px;
	margin: 0px auto 0px;
    padding: 10px 10px 20px 10px;
    background: #f2f2f2;
	}
	
#contentclsfd ul li {
	padding: 0px 0px 5px 5px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	}
	
#contentclsfd ul li li {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 5px 0px;
    border-bottom: none;
	background: none;
	list-style-type: square;
	}
	
.maincategoryclass {
	border-top: 1px dotted #04a6fc;
	border-bottom: 1px dotted #04a6fc;
	}
	
	
/************************************************
*	Headers				    					*
************************************************/

h1 {
	font:2.1em Verdana;
	font-weight: normal;
	padding-bottom:8px;
	border-bottom:1px solid #555555;
	margin: 0px 0 25px 0px;
	}
	
h2 {
	font: 1.8em Verdana;
	padding-bottom:8px;
	border-bottom:1px solid #555555;
	margin: 5px 5px 25px 5px;
	}
	
h2.widgettitle {
    display: none;
	}

h3 {
	font: 1.1em Verdana;
	text-transform:uppercase;
	margin: 5px 0px 5px 0px;
        padding: 10px 0px 10px 0px;
	font-weight:bold;
	color:#0486df;
	}

h3 a {
	margin: 5px 0px 5px 0px;
	font-weight:bold;
	color:#0486df;
	text-decoration: none;
	}

h3 a:hover {
	margin: 5px 0px 5px 0px;
	font-weight:bold;
	color:#66a505;
	text-decoration: none;
	}
	
h3#respond {
	border-top:1px dotted #b6b6b6;
	margin-top:25px;
	padding-top:20px
	}

h3#comments {
	margin-top:32px
	}

h4 {
	font-size:1.2em;
	text-transform:uppercase;
    color:#66a505;
	margin-bottom:6px;
	}

h5 {
    background: #66a505;
    color:#ffffff;
	font-size:1.1em;
    font-weight:bold;
	margin:5px 0px 6px 0px;
    padding:5px 0px 5px 10px;
	}

#leftcol h3 {
    background: #0486df; 
    text-transform: none;
    padding: 6px 0px 6px 5px; 
	margin: 10px 0 5px 0;
	font-size:1em;
    color: #ffffff;
	}

#leftcol h3 a, #sidebar h3 a {
    line-height: 24px; 
    color: #0486df; 
    text-decoration: none;
	}

#leftcol h3 a:hover, #sidebar h3 a:hover {
    color: #66a505;
    text-decoration: none;
	}

.hdr     {
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
    padding: 5px 0px 5px 5px; 
	margin: 25px 0 15px 0px;
	font-size: 1.1em;
	font-weight: bold;
    color: #666666;
    text-transform: uppercase;
	}
	
#ptitle {
	font: 1.1em Verdana;
	text-transform:uppercase;
	margin:10px 0px 10px 5px;
	font-weight:bold;
	color: #555555;
	}
	
#ptitle a, #ptitle a:visited {
	color: #555555;
    text-decoration: none;
	}
	
#ptitle a:hover {
	color: #0486df;
    text-decoration: none;
	}
	
.author {
    font-size: 0.92em;
	padding: 0px 0px 12px 0px;
	}
	
#post-date {
    float: left;
	width: 52px;
	margin: 0px 15px 3px 0px;
	padding: 1px;
    text-align: center;
	}
	
.month {
    background: url(images/month-bg.png) top center no-repeat;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 0px 5px 0px;
	}
	
.day {
    background: url(images/date-bg.png) top center no-repeat;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 0px 8px 0px;
	}
	
/************************************************
*	Tables  							        *
************************************************/

#tableleft {
        float: left;
        background: #ffffff;
	margin: 0px 10px 10px 0px;
	padding: 7px 5px 1px 5px;
        border: 1px solid #c0c0c0;
	}
	
#tableright {
        float: right;
        background: #ffffff;
	margin: 0px 0px 10px 10px;
	padding: 7px 5px 1px 5px;
        border: 1px solid #c0c0c0;
	}

#tablemid {
        margin: 0px auto 0px;
        background: #ffffff;
        padding: 7px 5px 1px 5px;
        margin-top: 10px;
        margin-bottom: 10px;
        border: 1px solid #c0c0c0;
        }

	
/************************************************
*	Sidebars							        *
************************************************/

#sidelist { 
	padding:0px 0px 30px 0px;
	}

#sidelist li {
	list-style:none;
	}
	
.bullets li {
	list-style:none;
	border-bottom:2px solid #FFF;
    font: .98em Verdana;
    padding: 3px 0px 3px 5px;
	margin: 0px 2px 0px 2px;
    background: #f7f7f7;
	}
	
ul.bullets {
	list-style:none;
	border-bottom:2px solid #FFF;
    font: .98em Verdana;
    padding: 3px 0px 3px 5px;
	margin: 0px 2px 0px 0px;
    background: #f7f7f7;
	}
	
.bullets {
	list-style:none;
	border-bottom:2px solid #FFF;
    font: .98em Verdana;
    padding: 3px 0px 3px 5px;
	margin: 0px 2px 0px 2px;
    background: #f7f7f7;
	}
	
#sidelist .bullets li {
	list-style:none;
    padding: 3px 0px 3px 0px;
    background: #f7f7f7;
	}

#sidelist .children {
	background:#f7f7f7;
	}
	
#sidelist .children li {
	list-style: square;
	margin-left: 15px;
	border-bottom:1px solid #ffffff;
	}
	
#sidelist .children li a, #sidelist .children li a:visited {
	padding:2px 2px 2px 0px;
	border:0;
	background:#f7f7f7;
	color: #066398;
	}

#sidelist .children li a:hover, #sidelist .children li a:active	{				
	color:#066398;
	}

#leftside {
	width: 188px;
	float: left;
	padding: 0px 3px 0px 3px;
	margin:0px;
	}
	
#rightside {
	width: 174px;
	float: right;
	padding: 0px 2px 0px 10px;
	margin: -10px 0px 0px 0px;
	}

p.des  {
        font-size: 0.82em;
        padding: 0px 0px 5px 0px;
        margin: 0px;
}

#rightside ul li ul li {
     padding: 5px 0px 0px 7px;
     background: #f4f4f4;
     margin: 0px;
     font-size: 1em;
     font-weight: bold;
}

#rightside ul li ul li ul li {
     padding: 0px 0px 10px 0px;
     background: #f4f4f4;
     margin: 0px;
border-bottom: 5px solid #ffffff;
     font-weight: normal;
}
	
.cat-post-item {
	list-style:square;
	border-bottom:2px solid #FFF;
    font: .98em Verdana;
    padding: 3px 0px 3px 5px;
	margin: 0px 2px 0px 0px;
    background: #f7f7f7;
	}
	
#count {
    background: url(images/countdownbg.png) top center no-repeat;
	color: #CC0033;
	font-size: 0.93em;
	font-weight: bold;
	text-align: center;
	padding: 67px 18px 34px 18px;
	margin: 0px auto 0px;
	}
	
#wthn {
    float: right;
	width: 180px;
	margin: 0px 0px 10px 20px;
	padding: 0px;
	}
	
ul#child {
    margin-top: 10px;
	list-style-type: none;
	}
	
ul#child li {
    background: #04a6fc;
	color: #ffffff;
	padding: 5px 0px 5px 5px;
	margin: 0px;
	list-style-type: none;
	border-bottom: 2px solid #ffffff;
	}
	
ul#child li a, ul#child li a:visited {
	color: #ffffff;
	text-decoration: none;
	}
	
ul#child li a:hover {
	color: #ffffff;
	text-decoration: underline;
	}
	
ul#child li.current_page_item	a {
    background: none;
	color: #044365;
    font-weight: bold;
	}
	
h2.child {
    background: #80c712;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 0px 5px 5px;
	margin: 10px 0px -10px 0px;
	border-bottom: 2px solid #ffffff;
	}

/************************************************
*	Post Formatting								*
************************************************/

#post  {
    margin: 5px 10px 10px 10px;
    }
		 
#post ul li {
	list-style-type: none;
	margin: 5px 5px 5px 0px;
	line-height:15px;
	padding: 5px 10px 10px 0px;
	}	

.entry {
	padding: 0px 0px 10px 0px;
	margin: 5px 0px 0px 0px;
	border-bottom: 1px dotted #c0c0c0;
	}

.picleft {
	float:left;
	margin:25px;
	}

.picright {
	float:right;
	margin:3px 0 10px 14px;
	}

.post p {
    padding: 0px 10px 0px 10px;
	}

.post blockquote {
	padding:15px;
	margin: 10px 25px 10px 25px;
	}	

.post ul li {
	list-style:disc;
	margin-bottom:5px;
	line-height:105%;
	margin-left:42px;
	}

.post ol li {
	margin-bottom:5px;
	line-height:105%;
	margin-left:48px;
	}
	
#tags {
	padding:5px 0px 5px 0px;
    margin-top: 15px;
	border-top: 1px dotted #c0c0c0;
	font-size: 10px;
	}

.call {
    margin: 25px 30px 45px 40px; 
    padding-left: 15px; 
    border-left: 5px solid #e2e2e2;
    }
		 
.call2 {
    margin: 0px;
    padding: 0px 20px 10px 35px; 
    }
       	
.postmetadata {
	margin: 0px 0 5px 10px;
	}			

/************************************************
*	Form Elements								*
************************************************/

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%
	}
	
#searchform {
	padding:30px 15px 15px 0px; 
	}
	
#searchbox {
	color: #666666;
	width: 155px; 
	}

.button {
	padding: 1px;
	background:#80c712;
	color:#FFF;
	border:none;
	}

.button:hover {
	background:#04a6fc;
	color:#FFF;
	text-decoration:none
	}

#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}



/************************************************
*	Comments 									*
************************************************/

.commentlist {
	padding-left:30px;
	}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#ffffff;
	border-top: 1px solid #c0c0c0;
	}

#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	}

.commentlist small {
	background:#e9e9e9
	}

.commentlist cite {
	font: 1.6em Verdana;
	font-weight:bold;
	letter-spacing:-0.05em;
	}	
	

/************************************************
*	Floats  									*
************************************************/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}


/************************************************
*	Footer  									*
************************************************/

#footer {
	margin: 0px auto;
	width: 980px;
	font-size:0.99em;
	padding-top: 15px;
	padding-bottom: 5px;
	color:#555555;
    text-align: center;
	border-top: 1px dotted #94bedf;
	margin-top: 10px;
	}

#footer a, #footer a:visited {
	color:#555555;
	text-decoration: none;
	}
	
#footer a:hover {
	color:#80c712;
	text-decoration: underline;
	}