/*   
Theme Name: AAO Project
Theme URI: 
Description:  A Buddymatic Child ThemeChild Theme 
Author: nextnode.net
Author URI: http://nextnode.net
Template: buddymatic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../buddymatic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../buddymatic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../buddymatic/library/layouts/3c-r-fixed-primary.css');

/* Apply basic image styles */
@import url('../buddymatic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../buddymatic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../buddymatic/library/styles/plugins.css');
*{
	padding: 0;
}

/* Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* Layout corrections */
#blog-title,
.entry-meta,
.entry-utility,
#nav-below,
h1.author
{
	display: none;
}


body{
	background: #f2f2f2 url(library/assets/aao-bg.png);
}
a, a:visited , li a:link, li a:visited{
	text-decoration: none;
	color: #777777;
}

a:hover, li a:hover{
	color: #444444;
}
p{
	margin-bottom: 8px;
}
p, label, #content li, h4{
	color: #666666;
	line-height: 17px;
	font-size: 12px;
}
p a:link, p a:visited{
	color: #777777;
	text-decoration: none;
	border-bottom: 1px dotted #CCC;
}
p a:hover{
	color: #444;
}
.wp-caption{
	border: none;
}
p.wp-caption-text{
	text-align:left;
	font-size: 11px;
	color: #333;
	line-height: 13px;
	padding-top: 6px;
}
h1.entry-title{
	display: none;
}


h2.entry-title{
	font-size: 12px;
	line-height: 15px;
}
h2.entry-title a, h2.entry-title a:visited{
	color:  #000;
	font-size: 13px;
}
h2.entry-title a:hover{
	color:  #000;
	border-bottom: 1px dotted #888;
}
.entry-content h3{
	line-height: 17px;
	font-size: 12px;
	margin-left: 20px;
}
.entry-content h2, .entry-content h4{
	padding-top: 10px;
	line-height: 17px;
	font-size: 13px;
}

.entry-content h4 a, .entry-content h4 a:visited{
	color: #888888;
}
.entry-content h4 a:hover{
	color: #444;
}

.page h3{
	font-style: normal;
	padding: 8px 0 3px 0;
}
#accordion h4{
	font-weight: normal;
	margin-bottom: 20px;
	cursor: pointer;
	text-transform: none;
	letter-spacing: normal;
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	line-height: 36px;
}
h5{
	font-weight: normal;
	font-size: 14px;
}
h6{
	font-weight: normal;
	font-size: 11px;
}
input, textarea{
	border: 1px solid #CCC;
	padding: 2px;
	font-family: "Helvetica Neue", Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	color: #888888;
}
sup{
	font-size: 10px;
}

/* @end */
#header, #footer, #main{
	width: 960px;
	margin: auto;
	background-color: #FFF;
}
#branding{
	background-color: #21ff00;
	background-image: none;
	padding: 0px;
	margin: 0 auto; 
	width: 920px;
	height: 40px;
}
#logo{
	margin-left: 20px;
}
#access{
	text-align: right;
	margin: 0 auto;
	padding: 5px 0;
	color:  #ccc;
	border: none;
	width: 940px;	
}
#social{
	width: 100%;
	text-align: right;
	padding: 0;
	margin: 0;
	padding-top: 12px;
}
#social ul{
	margin: 0;
	padding: 0;
}
#social li{
	display: inline;
	margin-bottom: 0;
	margin-right: 4px;
}
div.sociable{
	float: none;
	clear: both;
	margin-top: 30px;
	display: block;
	width:  520px;
}
#motto{
	position: absolute;
	top: 160px;
	width: 725px;
	font-size: 2em;
	z-index: 100;
	padding: 4px 0px;
	text-align: center;
	background: url(library/assets/bg50.png);
	color: #FFF;
	
}
#main{
	padding-top: 0;
	background: #FFFFFF url(library/assets/main_bg.gif) repeat-y;
}
#sidebar{
	float: left;
}
#primary{
	border: none;
	padding-top: 0;
	padding-left: 0;
	margin-left: 0;
	width:  196px;
}
#submenu, #fake{
	float: left;
	width:  160px;
	padding: 0;
	margin: 0;
	font-size: 13px;
}
#fake{
	min-height: 300px;
	margin-right: 20px;
}
#sub{
	margin-top: 430px;
	font-weight: bold;
}
#secondary {
	float:left;
	width:  200px;
	border-right: 1px dotted #000;
	margin-left: 0;
}
#container{
	width: 725px;
	padding: 0;
	margin: 0 0;
	float: left;
	z-index: 29999;
}
#content{
	width: 100%;
	margin: 0;
	padding: 0 0 0 5px;
}
#footer{
	border-top: none;
}

/* Fonts */
body{
	font-family: "Helvetica Neue", Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#access ul{
	margin: 0;
	padding:  0;
}
#access li{
	display: inline;
	margin-right: 10px;
}

#access a, #access a:visited{
	color: #ccc;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
}
#access a:hover{
	color: #000;
}
ul.sf-menu a
{
	color: #000;
	text-decoration: none;
	font-size: 10px;
	background-color: #FFFFFF;
	line-height: 14px;
}
ul.sf-menu a:hover, 
ul.sf-menu li.sfHover a,

ul.sf-menu li.current-menu-item a
{
	color: #000;
	background: #21ff00;
}
ul.sf-menu li.sfHover ul.sub-menu li a{
	background-color: #FFFFFF;
}
ul.sf-menu li.sfHover ul.sub-menu li a:hover,
ul.sf-menu li.sfHover ul.sub-menu li.current-menu-item a,
li.current-menu-item a
{
	background-color: #21ff00;
}

#primary .widgetcontainer h3.widgettitle, #primary .widget_search h3.widgettitle, #secondary .widgetcontainer h3.widgettitle{
	font-style: normal;
	color: #000;
	margin-bottom: 10px;
	font-size: 12px;
}
#primary input{
	width: 160px;
	border: 1px solid #999;
	padding: 2px 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#primary .widgetcontainer .submit{
	cursor: pointer;
	text-align: left;
	width:  auto;
	color:  #000000;
	background: transparent;
	border: none;
}
#primary ul, #secondary ul, #submenu ul{
	margin-left: 0;
	width: 160px;
}
#primary ul li, #secondary ul li{
	list-style: none;
	display: block;
	padding: 4px 0;
}

#primary ul li ul li, #secondary ul li ul li{
	border-bottom: 1px solid black;
} 
#primary ul li ul li:first-child, #secondary ul li ul li:first-child{
	border-top: 1px solid black;
}

/* Content */
.category-image{
	position:absolute;
	top: 0px;
	left: 0px;
}

.featured{
	margin-bottom: 30px;
	line-height: 36px;
	text-align: left;
	overflow: hidden;
}

.entry-content{
	padding-top: 0;
	margin-top: 0;
	font-size: 13px;
	
}
#content ul{
	 margin-bottom: 6px;	
	
}
#content ul, #content li{
	text-indent: 0px;
	margin-left: 10px;
	
}
.entry-content .wp-post-image {
	float:left;
	margin:  0 18px 20px 0;
}
#index-container{
	padding-top: 0px;
	width: 720px;
}


#index-loop, #page-loop{
	float: left;
	width: 520px;
	margin: 0;
	padding:  370px 0 0 10px;
	float:left
}
#index-loop{
	width: 530px;
	margin:  0px;
}
#single-loop{
	float: left;
	width: 520px;
	margin: 0;
	padding:  370px 0 0 15px;
	float:left
}
#page-loop{
	width: 530px;
}
.category #single-loop{
	padding:  70px 0 0 15px;
	
}
#comments{
	width: 760px;
	display: none;
} 
div.nopassword{
	display: none;
}
/*
#single-loop .hentry, #page-loop .hentry{
	padding: 0 15px 10px 10px;
	line-height: 17px;
}*/
#index-activities, #index-news{
	width: 250px;
	margin: 5px;
	float:left;
	overflow-x:hidden;
}
#index-activities-sticker{
	width: 120px;
	height: 120px;
	position: absolute;
	background: url(library/assets/aao_now.png) no-repeat;
	top:330px;
	left: 350px;
	
}
#index-news{
	padding-left: 5px;
	border-left-color: 1px dotted #ccc;
}

#index-loop .index-title {
	color:  #21ff00;
	border-bottom: 4px solid #21ff00;
	font-weight: bold;
}
#index-loop .index-title a{
	color:  #21ff00;
}

#index-loop .hentry{
	width: 250px;
	float: left;
	line-height: 17px;
	color: #888888;
	border-bottom: 1px dotted #000;
	padding-bottom: 0;
}
#index-loop h2.entry-title{
	padding-top: 4px;
	text-transform: none;
}
div.with-thumb{
}
#index-loop div.with-thumb h2.entry-title{
	font-size: 15px;
}

.home #content .sticky {
	border: none;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px dotted #000;
}

/* featured panes */
#flow-container{
	padding: 0 0 20px 0;
	background-color: #FFF;
	overflow: hidden;
	height: 345px;
	width: 730px;
	margin: 0;
	position: absolute !important;
	top: 0px;
	left: 208px;
}

	
#flow-container div.featured{
	height: 345px;
	overflow: hidden;
}
#flow-container #now{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 720px;
	height: 345px;
	background: url(library/assets/now.png) no-repeat;
}	
	
	#flowpanes {
		position:relative;
		overflow:hidden;
		clear:both;
		height: 345px;
		width: 750px;
	}

	/* override single pane */
	#flowpanes div.featured, #rotator {
		float:left;
		display:block;
		width:745px;
		height: 345px;
		padding: 10px;
	}

	/* our additional wrapper element for the items */
	#flowpanes .items {
		width:20000em;
		position:absolute;
		clear:both;
		margin:0;
		padding:0;
	}

	#flowpanes .less, #flowpanes .less a {
		color:#999 !important;
		font-size:11px;
	}
	
	#flowtabs{
		font-size: 11px;
	}
	
#flowpanes p{
	font-size: 36px;
	font-weight: normal;
	text-decoration: none;
	line-height: 46px;
	color: #FFFfff;
	
}
#flowpanes h6 a p, #flowpanes h6 a:visited p, #flowpanes h6 a:link p{
	font-size: 36px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFfff;
}
#flowpanes h6 a:hover p{
	color: #21ff00;
}
	
/* auto anchors */

div.autoanchors {
	margin-bottom: 8px;
	background:  url(library/assets/border_aao.gif) no-repeat bottom;
	padding-bottom: 8px;
}

div.autoanchors h3 {
	font-style: normal;

}

div.autoanchors ul {
	margin: 0px;
	padding: 0px;
}

div.autoanchors li {
	list-style: none;
	padding: 0px;
	margin: 2px;
}

div.autoanchors li a {

	color: #333;
}

div.autoanchors li a:hover {
	background: #21ff00;
	color: #000;
}

span.numbering {
}

/*register*/
#content .form-submit{
	text-align: left;}

#accordion .pane {
	display:none;
	background-color: #f0f0f0;
	padding: 8px;
	margin-bottom: 16px;
}
p.close-pane{
	font-weight: bold;
	text-align: right;
	margin-bottom: 4px;
	padding-right: 10px;
	font-size: 18px;
	cursor: pointer;
}

table{
	margin-bottom: 4px;
}
table, tr, td, tbody{
	border: none;
	color: #666666;
}
th, td {
    padding: 0.1em 1.25em;
    vertical-align:text-bottom;
}
.post th, .post td {
    padding: 0.1em 1.25em;
    vertical-align:top;
}
#wp_fb_like_button{
	height: 24px;
	width: 57px;
	overflow: hidden;
}
.like{
	float: left;
	padding-bottom: 6px;
}
.like li{
	display: inline;
	padding-left:4px;
	
}
.social{
	margin-top: 16px;
}

.list-container{
	clear: both;
}
.list-thumb{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 50%;
	overflow-x:hidden;
}
.list-text{
	padding-left: 5px;
	float: left;
	width: 45%;
}
.clearme{
	clear:both; display:block; height:1px; max-height: 1px;padding: 0; margin: 0;
}
#siteinfo{
	padding: 22px 0 0 20px;
	margin: 0;
	color: #999;
}
#siteinfo a, #siteinfo a:visited{
	color: #999;
}
#siteinfo a:hover{
	color: #000;
}
#siteinfo a:hover span{
	color: #80C824;
}

ul.dlm_download_list, ul.dlm_download_list li{
	margin-left: 0px;
	padding-left: 0px;
	text-indent: 0px;
}

/* Downloads */
ul.dlm_download_list li,  #content #post-3094 li{
	display: block;
	list-style: none;
}
ul.dlm_download_list li a, ul.dlm_download_list li a:visited{
	color: #666;
}
ul.dlm_download_list li a:hover{
	color: #000;
}
ul.dlm_download_list li div.d-container{
	clear: both;
	width:100%;
	display: block;
	border-bottom: 1px dotted #333;
	height:180px;
	margin-bottom: 10px;
}
ul.dlm_download_list li div.d-container strong{
	clear: both;
	display: block;
	padding-left: 10px;
}
ul.dlm_download_list li div.d-container div.d-thumbnail{
	float: left;
	width: 190px;
	display: inline;
}
img.attachment-.size-.wp-post-image {
    width: 270px;
    height: 270px;
}
ul.dlm_download_list li div.d-container div.d-link{
	float: right;
	width: 300px;
	text-align: right;
}