/*---------------------------------------------------------------------------------

Theme Name: Advance Yourself
Theme URI: http://www.attitudedesign.co.uk/
Description: Advance Yourself bespoke theme developed by Attitude Design 
Version: 1.1
Author: Attitude Design Ltd
Author URI: http://www.attitudedesign.co.uk/

---------------------------------------------------------------------------------*/




/*---------------------------------------------------------------------------------
GLOBAL RESET
---------------------------------------------------------------------------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	/*padding:0;*/
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	text-transform:uppercase;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*---------------------------------------------------------------------------------
GLOBAL FONT CONSISTENCY (http://developer.yahoo.com/yui/fonts/#using)
---------------------------------------------------------------------------------*/

/*
body {font:13px/1.22;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
*/


/*---------------------------------------------------------------------------------
GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5 {
	text-transform: uppercase;
	letter-spacing:3px;
	font-weight: bold;
}

/* base.css, part of YUI's CSS Foundation */
h1 {
	font-size: 80%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size: 80%;
	padding: 0;
	margin: 0;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size: 80%;  
}

h4 {
	/*14px via YUI Fonts CSS foundation*/
	font-size: 80%;  
}


h1{
	margin: 0 0 .5em 0;
	padding: 0;
}

h2{
	/* top & bottom margin based on font size */
	padding: 0;
	margin: 1.2em 0 .5em 0;
}


h1,h2 {
	/*color: #334a75;*/

	color: #303051;
}

h3,h4,h5,h6 {
	/*color: #334A76;*/
	font-weight: bold;
	color: #000000;
	margin: 0.8em 0 .5em 0;
}

strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight: bold;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:0.4em;
}
ol {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
	margin: 0 0 0 15px;

}

ul {
	padding: 0 0 0 10px;
}

ol li {
	margin: 0 0 0 8px;
}



ul li {
	list-style-type: disc;
}

.cf-ol {
	list-style-type: none;
}

li {
	/*giving UL's LIs generated disc markers*/
	font-size: 80%;
	padding: 0 0 5px 6px;
	color: #000000;
	font-family: 'Lucida Grande' ;

}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
	line-height: 1.3em !important;
	font-size: 0.8em !important; /*due to font settings within posts, this is set */
	font-family: 'Lucida Grande' ;
	color: #000000;
}

a:link		{ color: #6D4343;	text-decoration: none;}
a:visited	{ color: #6D4343;	text-decoration: none;}
a:hover		{ color: #303051 !important;	text-decoration: none;}
a:active	{ color: #6D4343; 	text-decoration: none;}

/*---------------------------------------------------------------------------------
Global Layout
---------------------------------------------------------------------------------*/

body {
	margin-right: auto; /* this centres the body */
	margin-left: auto;  /* this centres the body */
	margin-top: 0;
	padding: 0;
	width: 100%;
	/*font-family: Verdana, Arial, Lucida Grande, Helvetica,  sans-serif;*/
	font-family: Georgia, Times, Lucida Grande, Helvetica,  sans-serif;
    background-color: #FFF;
}

.page_width {
	margin-right: auto; /* this centres the body */
	margin-left: auto;  /* this centres the body */
	margin-top: 0;
	width: 900px;
}

/*---------------------------------------------------------------------------------
IE Hack - Only need to use in extreame cicumstances!

  voice-family: "\"}\"";
  voice-family: inherit;


html>name {
	
	}
---------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------
Global Divs
---------------------------------------------------------------------------------*/
div {
	text-align: left;
	margin: 0;
	padding: 0;
}

.clear {
	height: 0;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}

/*---------------------------------------------------------------------------------
Page Structure-*/


/*--Header--*/



/*--Main Navigation--*/

#navigation_container {
	width: 100%;
	padding-top:50px;
	float:left;
}

#navigation_container ul{
	float:left;
	padding:25px 0px 0px 0px;
	margin:0px;
}

#navigation_container li {
	float:left;
	padding:0px;
	margin:0px;
	list-style-type:none;
}
#navigation_container a {
	padding:0px 30px 0 0;
	font-size:10pt;
	text-transform:uppercase;
	color:#6D4343;
	float:left;
}

#navigation_container a.logo_link {
	padding:0px;
}

.current_page_item a {
	 color: #303051 !important;
}

.logo_container {
	float:right;
	padding-top:0px;
	color:#000000;
}

/*--Page Body Specific--*/

#page_container {
	float:left;
	width:100%;
	padding-top:3px;
}

/*--Inner Page Specific--*/

#main_content, .inner_right {
	float:left;
	width: 670px;
	padding:31px 0px 0px 20px;
	color: #000000;
}
div {
	/* border:1px solid #000000; */
}
#main_content_lef {
	float:left;
	width: 665px;
	padding:31px 20px 0px 0px;
	color: #000000;
}

#main_content_lar {
	float:left;
	width: 900px;
	padding-top:31px;
	color: #000000;
}
.entry img {
	padding: 10px 0px;
}
#main_content h1, #page_content h1, #inner_right h1, #main_content_lar h1, #sidebar_container h3, #main_content_lef h1, .rightbar h3 {
	color: #303051;
	width:100%;
	border-bottom:1px solid #D6D6D6;
	font-size:80%;
	font-style:normal;
	padding: 0;
	padding-bottom:6px;
	margin: 0;
	margin-bottom:10px;
}

#main_content a,#page_content a {
	color: #6D4343;
}

.post h4 {
	width:100%;
	border-bottom: 1px dashed #999999;
	padding-top:10px;
}

.center { /*used to center the images on the about me page. */
	text-align:center;
}
/*--Side Bar--*/

#sidebar_container {
	float:left;
	width: 210px;
	padding-top:31px;
}

/*for pages wihtout children */
.rightbar {
	width:210px;
	float:right;
}


.success_block {
	width:800px;
	margin-left:50px;
	padding:20px;
	padding-top:30px;
	border-bottom:1px solid #9A9DA1;
	border-right:1px solid #C1C6Cb;
	margin-bottom: 20px;
	background: #EDEDED URL('images/quote.gif') top left no-repeat;
}
.success_block p.name {
	height: 40px;
	width:800px;
	background: URL('images/quote_e.gif') bottom right no-repeat;
}

#submenu ul {
	padding:0px; margin:0px;
	margin-bottom:20px;
}

#submenu li {
	list-style-type:none;
	margin:0px;
	padding: 6px 0px;
	display: block;
	width:100%;
	border-bottom:1px solid #F0F0F0;
}
#submenu a, #submenu a:link {
	color: #6D4343;	
	font-size:13px;
}

/* -- Footer -- */
#footer_info, #designedby {
	padding-top:40px;
	padding-bottom:100px;
	
}
#footer_info p, #designedby p, #footer_info a, #designedby a{
	color: #B3B1BC;
}
#footer_info {
	float:left;
}
#designedby {
	float:right;
}



/* -- Blog Specific Items -- */
.sub_blogpost { /* Called sub due to the fact this is not the complete blog post. */
	border-bottom:1px solid #626262;
	margin-bottom:10px;
}

.sub_blogpost h4 {
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:20px;
}
.sub_blogpost p {
	line-height:1.4em;
}




/*---------------------------------------------------------------------------------
Wordpress -*/


.post{
	margin: 0 0 20px 0;
}

.category a:hover {
	color: #000;
}

#content .post_title a, .category a{
	color: #6D4343;
	text-decoration: none;
}

.post_title a:hover{
	color: #000;	
}


.post h3 {
	font-size:100%;
	border-bottom: none;
	margin-bottom: 2px;
}


form #comment {
width: 600px;
}

.archivelist li{
	border-bottom: 1px solid #D2D2D2;
	padding: 5px 0 5px 0;
}

.C2A {
	margin: 10px 0 10px 0;
}
.postmetadata {
	color: #86868C;	
}
.commentlist p{
	font-size: 90%;
	padding: 2px 0 0 0;
	margin: 0;
}

.commentlist li{
	padding: 5px 5px 2px 0;
	float: left;
	margin: 0 0 5px 0;
}

.commentlist li .commentmetadata {
	padding: 0 0 2px 0;
}


#C2A_long{
	text-align: center;
	margin: 0 auto 0 auto;
}

#searchform {
	padding: 10px 0 10px 0; 
}

#searchform #s{
	width: 100%;
	margin: 0 0 6px 0;
}

#content .post .entry p object{
	padding: 10px 0 10px 0;
}

.entry img{
	float: left;
}

.entry table {
	width: 100%;
	}

.entry table th{
	padding: 8px 5px;
}

.entry table td{
	}

.half_right {
	float: right;
	width: 430px;
}

.half_left {
	float: left;
	width: 430px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 12px 3px 12px 3px;
	display: inline;
	float: right;
	}

img.alignleft {
	margin: 12px 4px 12px 4px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


.wp-caption-text {
	color: #000;
	font-size: 80%;
	margin: 5px 0 0 0;
	float: left;
}


.end {
	margin: 0;
}

#page h1 {
	margin: 0 0 10px 0;
}

.home_container {
	float:left;
	margin-top:33px;
	margin-bottom:40px;
}

h3 {
	text-transform:uppercase;
	color:#2D3357;	
	width:100%;
	padding-bottom:6px;
	margin-bottom:5px;
	border-bottom:1px solid #D5D5D5;
}
.home_container .sidebar_sect {
	margin-bottom:5px;
}

.sidebar_sect p {
}

.large {
	font-size: 100%;
	margin: 0;
}

/* Home Intro (text used as homepage text, bottom left. */
.home_intro {
	float:left;
	width: 390px;
}

.sidebar_success {
	margin-top:50px;
	margin-bottom:50px;
}

.rightbar .sidebar_success {
	margin-top:31px;
}

.sidebar_success p, .successes p {
	width:210px;
	float: left;
	display: block;
	font-family: 'Georgia';
	border-bottom: 0px !important; /* This is here because of the bellow style includes a border, saves coding. */
}

.successes p {
	font-style:italic;
	font-size:1em !important;
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom: 2px solid #F1F1F1;
	padding-bottom:10px;
}

.suc_by {
	font-size: 12px;
	font-family: Verdana, Arial;
	color: #5A567B;
}

.successes img {
	padding:5px 5px 0px 0px;
}

/* Home Col 200 (new topics) */
.home_success {
	width:210px;
	float: left;
	margin: 0 0 0 20px;
	display: block;
}
.home_blogs {
	width:230px;
	float: left;
	margin: 0 0 0 20px;
	display: block;
}

.home_blogs ul {
	padding:0px;
	margin:5px 0 1em 0;
}
.home_blogs li {
	padding:0px;margin:0px;
	padding:5px 0 5px 0;
	list-style-type:none;
}

/* Home Col 300 (Hot Topics + keepinttouch) */
.home_col300 {
	float: right;
}


/* Q Home, Quote used at the bottom of the homepage */
#home_rotate {
	padding:7px 0px;
	margin: 10px 0px;
	border-top:1px solid #D5D5D5;
	border-bottom:1px solid #D5D5D5;
	width: 900px;
}

.home_rotate {
	padding:7px 0px;
	margin: 10px 0px;
	border-top:1px solid #D5D5D5;
	border-bottom:1px solid #D5D5D5;
	width: 900px;
}

.page_rotate {
	padding:5px 0px;
	margin: 10px 0px;
	border-top:1px solid #D5D5D5;
	border-bottom:1px solid #D5D5D5;
	width: 900px;
}
.q_home_holder {
	border-top:1px solid #D5D5D5;
	padding:6px 0px;
	margin-top:10px;
	border-bottom:1px solid #D5D5D5;	
}
.q_home_holder p {
	background: #F3F3F3;
	width:860px;
	margin:0px;
	text-align:center;
	padding:20px;
	color:#6D4343;
	font-family: 'Georgia';
	font-size:1.2em !important;
}
.q_home_holder a:link		{ color: #303051;	text-decoration: none;}
.q_home_holder a:hover		{ text-decoration: underline;}
.ddsg-wrapper {
	padding-left:20px;
}
a:link		{ color: #6D4343;	text-decoration: none;}
a:visited	{ color: #6D4343;	text-decoration: none;}
a:hover		{ color: #303051 !important;	text-decoration: none;}
a:active	{ color: #6D4343; 	text-decoration: none;}


/* In this section */

/*.half {
	width: 49%;
	float: left;
	margin: 0 1% 0 0;
	border-top:1px solid #535353;
}

.printpage {
	float: left;
	width: 100%;
}
.printpage p{
	float: right;
	width: 40%;
	text-align: right;
}

*/

.sidebar_container h2{
	color: #000;
}

.hr {
	border-bottom:1px solid #626262;
	margin:0;
	width: 100%;
	float: left;
	height: 1px;
}

#commentform input{
	float: left;
	width: 210px;
}

#submit {
	margin: 0 0 18px;

}

#stafLink {
	float: left;
	text-align: left;

}

p a img {
	margin: 0 4px 0 0;
}



#stafBlock {
	position: absolute !important;
	z-index: 100000;
	display: none;
	width: 323px;
	float: left;

}

#stafForm {
	background-color: #FFF;
	margin:0;
	float: left;
	padding: 10px;


}
#stafForm h2 {
	margin: 0;
	
} 

#stafForm input, #stafForm label, #stafForm h2 {
	color: #222222;
	float: left;
}

#stafForm label {
	font-size: 0.9em;
}


#stafForm input {
	width: 300px;
	height: 15px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

#stafForm label {
	float: left;
	display: block;
	width: 300px;
}

#stafClose {
	color: #D8AD41;
	float: right;
	margin: 0 0 0 0;
	background-color: #FFF;
	padding: 4px 10px 0 10px;
}

a#stafClose:hover{
	color: #000;
}
.comment_form {
	float: left;
}

input#checkbox{
	float: left;
	width: 18px;
	margin: 0 4px 0 0;

}

.comment-meta {
	font-size: 80%;
	padding: 0;
}

label {
	float: left;
}

.commentlist {
	font-size: 120%;
	margin: 0;
}