/*   
Theme Name: Association Theme
Theme URI: http://html5reset.org
Description: A custom theme based on the HTML5 Reset theme by Chris Coyier & Jeff Starr.
Author: Curtis.
Author URI: http://www.createwithcurtis.com
Version: 1.0
*/

/* -------------------------------------------------------------------------------------
	GENERAL STYLE AREA -->
------------------------------------------------------------------------------------- */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}	

body {
	background: url(images/bg.png) repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #333333;
}

a {
	color: #224268;
	text-decoration: none;
}

a:hover {
	color: #D4A001;
}

p {
	padding: 0 0 20px 0;
	line-height: 25px;
}

h1 {
	
}

h2 {
	color: #D4A001;
	font-size: 20px;
}

h3 {
	font-size: 14px;
}

ul, ol {
	padding-left: 30px;
}

hr {
	
}

label {
	
}

#page_wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/* -------------------------------------------------------------------------------------
	HOME PAGE STYLE AREA -->
------------------------------------------------------------------------------------- */





/* -------------------------------------------------------------------------------------
	HEADER STYLE AREA -->
------------------------------------------------------------------------------------- */

#header {
	background: #FFFFFF;
	height: 182px;
	margin: 0 5px;
}

#logo {
	float: left;
	padding: 0 2px;
}

#banner {
	float: left;
}

/* -------------------------------------------------------------------------------------
	NAVIGATION STYLE AREA -->
------------------------------------------------------------------------------------- */

#navigation {
	background: url(images/nav-bg.png) no-repeat;
	height: 50px;
}

#menu-main-nav-menu {
	margin: 0;
	padding: 0 0 0 0;
	width: 100%;
}

#menu-main-nav-menu li {
	float: left;
	position: relative;
	list-style: none;
	border-right: 1px solid #CCCCCC;
}

#menu-main-nav-menu li#menu-item-34 a { /* Rounded corners for first nav element */
	border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
}

#menu-main-nav-menu li#menu-item-40 a { /* Rounded corners for last nav element */
	border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
}

#menu-main-nav-menu li.last {
	border-right: none;
}

/* main level link */
#menu-main-nav-menu a {
	font-weight: bold;
	color: #555555;
	text-decoration: none;
	display: block;
	padding: 16px 0;
	width: 159px;
	margin: 0;
	text-align: center;
	cursor: pointer;
}

/* main level link hover */
#menu-main-nav-menu .current a, #menu-main-nav-menu li:hover > a {
	background: #d1d1d1; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#E1E7ED'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#E1E7ED)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #F9F9F9,  #E1E7ED); /* for firefox 3.6+ */
	color: #444;
}

/* sub levels link hover */
#menu-main-nav-menu ul li:hover a, #menu-main-nav-menu li:hover li a {
	background: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border-bottom: 1px solid #BBBBBB;
}

#menu-main-nav-menu ul a:hover {
	background: #CCCCCC !important; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#CCCCCC'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#CCCCCC)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #EEEEEE,  #CCCCCC) !important; /* for firefox 3.6+ */
	color: #333333; !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

/* level 2 list */
#menu-main-nav-menu ul {
	background: #F4F4F4;
	display: none;
	margin: 0;
	padding: 0;
	width: 159px;
	position: absolute;
	top: 48px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

/* dropdown */
#menu-main-nav-menu li:hover > ul {
	display: block;
}

#menu-main-nav-menu ul li {
	float: left;
	margin: 0;
	padding: 0;
	border-right: none;
	width: 100%;
}

#menu-main-nav-menu ul a {
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
}

/* level 3+ list */
#menu-main-nav-menu ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners for first and last child */
#menu-main-nav-menu ul li:first-child > a {
	/*-webkit-border-top-left-radius: 9px;*/
	/*-moz-border-radius-topleft: 9px;*/
	/*-webkit-border-top-right-radius: 9px;*/
	/*-moz-border-radius-topright: 9px;*/
}
#menu-main-nav-menu ul li:last-child > a {
	/*-webkit-border-bottom-left-radius: 9px;*/
	/*-moz-border-radius-bottomleft: 9px;*/
	/*-webkit-border-bottom-right-radius: 9px;*/
	/*-moz-border-radius-bottomright: 9px;*/
}

/* clearfix */
#menu-main-nav-menu:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#menu-main-nav-menu {
	display: inline-block;
}

html[xmlns] #menu-main-nav-menu {
	display: block;
}

* html #menu-main-nav-menu {
	height: 1%;
}

/* -------------------------------------------------------------------------------------
	CONTENT STYLE AREA -->
------------------------------------------------------------------------------------- */

#content_wrapper {
	background: #FFFFFF;
	width: 910px;
	margin: 0 5px;
	padding: 20px;
	overflow: auto;
}

#sidebar_left {
	width: 650px;
	float: left;
}

#breadcrumbs {
	font-size: 12px;
	padding: 0 0 15px 5px;
	border-bottom: 1px solid #EEEEEE;
	width: 95%;
}

#content {
	padding: 20px 50px 15px 15px;
}

#content h2, #content #wpmudevevents-wrapper h2 {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#content #wpmudevevents-wrapper h2 {
	font-size: 20px;
	float: none;
}

.entry-post {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #DDDDDD;
}

.gform_title {
	display: none;
}

#gform_wrapper_1 {
	border-top: 1px solid #CCCCCC;
}

.page-id-11 p {
	padding-bottom: 10px;
	line-height: 20px;
}

.board_member {
	padding: 10px;
	line-height: 20px;
	border-bottom: 1px solid #EEEEEE;
}

.board_member_title {
	font-style: italic;
}

#board_member_docs h3, #homeowner_docs h3 {
	background: url(images/folder.png) no-repeat 0 -3px;
	padding: 0 0 0 22px;
}

#board_member_docs, #homeowner_docs {
	padding: 10px 0;
}

#board_member_docs ul li, #homeowner_docs ul li {
	background: url(images/doc.png) no-repeat 0 3px;
	list-style: none;
	padding: 0 0 0 22px;
	line-height: 25px;
}

#board_member_docs ul, #homeowner_docs ul {
	padding: 7px 0 0 22px;
}

.document_subfolder {
	margin-left: 20px;
}

#sidebar_left .box_wrapper {
	width: 260px;
}

#sidebar_right { 
	width: 260px;
	float: right;
}

.box_wrapper, .widget_recent_entries {
	background: #FEFBF5;
	border: 1px solid #CCCCCC;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	min-height: 200px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	margin-bottom: 20px;
} 

.box_header, .widget_recent_entries h2 {
	background: #DDDDDD;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFBF5', endColorstr='#DDDDDD'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FEFBF5), to(#DDDDDD)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FEFBF5,  #DDDDDD) !important; /* for firefox 3.6+ */
	border-bottom: 1px solid #CCCCCC;
	border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
}

.box_header h3, .widget_recent_entries h2 {
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	padding: 15px 15px 10px 17px;
}

.widget_recent_entries h2 {
	color: #333333;
	font-size: 14px;
}

.box_content, #event-popular, .widget_recent_entries ul {
	font-size: 12px;
	padding: 10px 15px 0 15px;
}

.box_content ul, #event-popular ul {
	padding: 0;
}

.box_content ul li, #event-popular ul li, .widget_recent_entries ul li {
	list-style: none;
	padding: 5px 0;
}

.box_content ul li.last {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}

.box_content p.view_all {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #CCCCCC;
}

#upcoming_events li, #association_announcements li, #property_manager_news li, .widget_recent_entries ul li {
	padding: 5px 10px 5px 25px;
}

#upcoming_events li.last, #association_announcements li.last, #property_manager_news li.last {
	padding-bottom: 15px;
}

#upcoming_events li {
	background: url(images/date.png) no-repeat 0 4px;
}

#association_announcements li, .widget_recent_entries ul li {
	background: url(images/doc.png) no-repeat 0 4px;
}

#property_manager_news li {
	background: url(images/doc.png) no-repeat 0 4px;
}

.box_date {
	font-size: 11px;
	color: #666666;
}

.box_content p {
	padding: 0 0 12px 5px;
}

#logout {
	background: #DDDDDD;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFBF5', endColorstr='#DDDDDD'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FEFBF5), to(#DDDDDD)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FEFBF5,  #DDDDDD) !important; /* for firefox 3.6+ */
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	margin-bottom: 20px;
	padding: 5px 15px;
}

#logout p {
	background: url(images/logout.png) no-repeat 0 7px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 20px;
}

label {
	display: block;
	font-weight: bold;
}

.box_content .error_message {
	color: red;
}

#transaction_history {
	float: left;
	width: 100%;
}

#transaction_history tr.odd td {
	background: #d7e0eb;
}

#transaction_history th {
	border-bottom: 1px solid #B1B1B1;
}

#transaction_history td, #transaction_history th {
	padding: 4px 5px;
}

#issue {
	width: 80%;
	height: 150px;
}

#current_residents {
	float: left;
	width: 100%;
	margin: 0 0 15px;
}

#current_residents td {
	padding: 5px 10px;
	background: #516e90;
	color: #fff;
	border-bottom: 2px solid #fff;
}

#current_residents .edit_row {
	text-align: right;
}

#current_residents td a {
	color: #f5a12d;
	text-transform: uppercase;
}

h3.update_account {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}

#content p.system_message {
	background: #F7F2CC;
	color: #2B2B2B;
	float: left;
	width: 518px;
	padding: 10px 20px;
	margin: 0 0 15px;
	border: 1px solid #B4AB41;
}

.entry-date {
	background: url(images/date.png) no-repeat 0 -1px;
	font-style: italic;
	color: #999999;
	padding: 1px 0 10px 20px;
	margin-bottom: 3px;
}

.homewise {
	padding: 15px 0;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	color: #797979;
	margin: 10px 0;
	line-height: 16px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

.homewise.interior {
	margin-top: 0;
}

.homewise a {
	color: #31588B;
}

.homewise_content {
	text-align: center;
}

.homewise_image {
	text-align: center;
}

/* -------------------------------------------------------------------------------------
	FOOTER STYLE AREA -->
------------------------------------------------------------------------------------- */

#footer {
	font-size: 11px;
	color: #BCCFE6;
	background: #224268;
	padding: 15px 15px 30px 15px;
	overflow: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#footer a {
	color: #D4A001;
}

#footer a:hover {
	color: #FFFFFF;
}

#footer_left {
	float: left;
	width: 50%;
}

#footer_right {
	float: right;
	width: 50%;
	text-align: right;
}

.footer_address {
	padding: 0 0 5px 0;
	font-weight: bold;
}

.footer_contact {
	
}

.copyright {
	padding: 25px 0 0 0;
}

.curtis {
	padding: 25px 0 0 0;
}