/*   
Theme Name: On Financial Success
Theme URI: http://www.onfinancialsuccess.com
Description: The original theme for On Financial Success
Author: Aaron Stroud

Version: 2.0

Do not copy this layout.
*/

#middle_column ul{
	font-size: 1.3em;
	margin-left: -1em !important; margin-left: 0 !important;  /*second margin declaration for IE6, gets rid of li indent*/
	padding-left: 0; 										  /*gets ride of li indent for other browsers*/
}

#middle_column li{
	list-style-type: none;
	padding-bottom: 0.75em;}

#left_column a, #middle_column a{text-decoration: none;}

#tag_cloud{
	text-align: justify;
	line-height: 200%;
	background: url(./images/right_column_grad_top.gif) bottom center no-repeat;
	padding-bottom: 1em;
}

#tag_cloud:hover{
	background: url(./images/right_column_grad_top-big.gif) bottom center no-repeat;
}

#tag_cloud a{text-decoration: none;}
#tag_cloud a:hover{text-decoration: underline;}

#container img{
	float: left;
	border: 1px solid #999;
	padding: 3px;
	margin: 1em 1.5em 1em -2.5em !important; margin: 1em 1.5em 1em 0;  /*second margin declaration for IE6*/
	position: relative;
}

#container img.nofloat{float: none;}
#container img.noborder{border: 0;}

#container img.float_right{
	float: right;
	padding: 3px;
	margin: 1em -2.5em 1em 1.5em !important; margin: 1em 0 1em 1.5em;  /*second margin declaration for IE6*/
	position: relative;
}

#navigation{
	background: url(./images/right_column_grad_top.gif) bottom center no-repeat;
	padding-bottom: 0.5em;
}
#navigation:hover{
	background: url(./images/right_column_grad_top-big.gif) bottom center no-repeat;
}

#navigation a{
	text-decoration: none;
}

#navigation p{
	line-height: 1.15em;
}


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




/* GRID LAYOUT */
body{
	margin: 0;
    padding: 0;
    margin: 0 auto;
	max-width: 1350px;
	font-size: 76%;
	color: #2E2E25;
	background: #D4D0AD;}

/*#search_box{float: right;padding: 1px 3% 0;}*/

#header{
	background: url(./images/header-background.gif) repeat-x bottom;
    margin: 0 auto;
	padding-left: 2%;
}

#header_navigation{
	float: right;
	margin-top: 0.5em;
	margin-right: 0.5em;
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;}
	
#header_navigation a, #header_navigation a:visited{color: #007DA9;text-decoration: none;}
#header_navigation a:hover{color: #5D8129;text-decoration: underline	;}

#container{
	float: left;
	width: 60%;
	padding-top: 0.5em;
	margin-top: 0;
	padding-left: 5%;
	padding-right: 5%;
	background: url(./images/bg_gradient.gif) top repeat-x #f3ecc4;
	/*background: url(content-arrow.gif) no-repeat top left #f3ecc4;*/}
	
#left_column{
	float: left;
	width: 44%;
	padding: 1.5em 6% 0 0;
	overflow-x: hidden;  /*footnote 1*/
}
#middle_column{
	float: left;
	width: 44%;
	padding: 1.5em 0 0 6%;
	overflow-x: hidden;  /*footnote 1*/
}
#right_column{
	float: right;
	width: 26%;
	padding: 0 1.5% 0 1.5%;
	background: #D4D0AD;
	overflow-x: hidden;}  /*footnote 1*/
	
#double_column{
	float: left;
	width: 100%;
	margin-top: 0;
}  /*footnote 1*/

#featured{
	float: left;
	width: 98%;
	padding: 1.5em 0 1.5em 0;
	overflow-x: hidden;}  /*footnote 1*/
#featured_title{width: 25%;float: left;overflow-x: hidden;}
#featured_content{width: 70%; float: right;overflow-x: hidden;}

#featured_freebies{
	float: left;
	width: 98%;
	padding: 2% 0 2% 0;
	border-bottom: 1px dashed #BFB99B;
	overflow-x: hidden;}  /*footnote 1*/
#freebies_left_column{width: 46%;padding-right:4%;float: left;overflow-x: hidden;}		/*footnote 1*/
#freebies_right_column{width: 46%;padding-left:4%; float: right;overflow-x: hidden;}	/*footnote 1*/

#footer{
	font-size: 0.8em;
	text-align: center;
	width: 100%;
	margin-top: 3.5em;
/*	border-top: 1px solid #D4D0AD;
*/}

#subscriptions{
	width: 100%;
	margin-bottom: 1.5em;
	margin-top: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.1em;
	text-align: right;
	background: url(./images/right_column_grad_top.gif) bottom center no-repeat;
}
	
	#subscriptions:hover{
	background: url(./images/right_column_grad_top-big.gif) bottom center no-repeat;
}
.email_input{
	background: #ffffff;
	color: #000;
	border-top: 0; border-left: 0; border-right: 1px solid #A6A188; border-bottom: 1px solid #A6A188;
	font-size: 1em;}
.email_submit{
	margin-top: 5px;
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#000;
	font-size: 1em;
	font-weight:bold;
	padding: 1px 2px;
	background: url(./images/formbg.gif) repeat-x left top;}		/* button from: http://www.dynamicdrive.com/style/csslibrary/item/stylish-submit-buttons/*/

.email_submit:hover {color: #346ba4;}

#categories{float: right; width: 95%; padding-right: 5%; text-align: right;}
#categories h2{font-size: 1.45em;}
#categories p{font-size: 1.2em;line-height: 120%;font-weight: bold;}
#categories a{text-decoration: none;}
#categories a:hover{text-decoration: underline;}
#categories_right{width: 48%;float: right;}
#categories_left{width: 48%;padding-right: 3%;float: left;}

/*#subscription_invitation{
	margin-top: 2em;
}
*/
.float_left{float: left;}
.float_right{float: right;}
.float_left img{padding-right: 1em;}
.float_right img{padding-left: 1em;}

#optional_excerpt{ 		/* for image at top of each post */
	float: right;
	text-align: right;
	font-style: italic;
	font-size: .8em;
	padding-left: 1em;
}

#tumblelog_sidebar{
	float: right; width: 90%; margin-bottom: 4em; padding: 5%; text-align: right;font-size: 0.8em;  /*same font size as <small>*/
}


/* **************** */
/* Typography 		*/
.title{
	text-align: left;
	font: 3em Georgia, Times, serif;}
	
#masthead{width: 300px;}
p.title{margin-bottom: -15px;padding-top: 70px;margin-left: 7px;}
.subtitle{
	font-size: 1.2em;
	margin-left: 7px;
	text-transform: uppercase;
	letter-spacing: 7px;
	color: #8D6B08;}
.title_byline{
	margin-bottom: 2em;
	padding-right: 15px;
	font-size: 1.2em;
	font-style: italic;
	text-align: right;	
	color: #000;}

p.blurb{
	padding: 1em 0 1em 0;
	color: #404034;
	font-size: 1.7em;
	letter-spacing: .05em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;}

p.blurb_single_tumble{
	color: #000;
	font-size: 1.7em;
	letter-spacing: .05em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;}

p.postmetadata, p.notes, p.feedburnerFlareBlock{
	font-size: 1em;
	font-style: italic;
	color: #646451;
}

.postmetadata a, .postmetadata a:visited{color: #646451;}

#subscriptions p{
	margin-top: 0.1em;

	font-size: 1.5em;
	font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;
	font-style:italic;}
p.subscribe_now_link{margin-bottom: 0.2em;}

#featured p, #featured_freebies p, #left_column p, #middle_column p{line-height: 130%;}
	
p{
	font-size: 1.25em;
	line-height: 145%;
	font-family: Verdana, Arial, sans-serif;}    

ul li{list-style-type: square;font-family: Verdana, Arial, sans-serif;}
ol li{font-family: Verdana, Arial, sans-serif;}
.entry li{font-size: 1.25em;line-height: 150%;}

#right_column ul{
	
	font-family: Verdana, Arial, sans-serif;
	margin-left: -1em !important; margin-left: 0 !important;  /*second margin declaration for IE6, gets rid of li indent*/
	padding-left: 0; 										  /*gets ride of li indent for other browsers*/
	font-size: 1.4em;}

#right_column ul li{
	list-style-type: none;
	margin: 0.5em 0;
	padding-bottom: 0.2em;

	border-bottom: 1px solid #BAB799;
}

#right_column ul a{text-decoration: none;}

#right_column a:hover{text-decoration: underline;color: #007DA9;}

h1{ font: 3em Georgia, Times, serif;
	font-weight: bold;
	color: #5D8129;
	margin-top: 0;}


h2{ margin-bottom: -.6em;
	margin-top: 1.75em;
	font: 1.6em Georgia, Times, serif;
	font-weight: bold;
	color: #000;}

h3{ margin-bottom: -.7em;
	margin-top: 1.5em;
	font: 1.3em Georgia, Times, serif;
	font-weight: bold;
	color: #000;}

strong{font-weight: bold;}
small{font-size: 0.8em;}

.highlight{background: #D4D0AD;} 	/*To highlight text, wrap designed text with <span class="highlight">text goes here</span>*/

.article_title{text-align: center;} 				/*<h1 class="article_title">Title of individual posts goes here</h1>*/
.byline{text-align: center;font-style: italic;}		/*<p class="byline">by Aaron Stroud</p>*/

.align_left{text-align: left;}
.align_right{text-align: right;}
.black_text{color: #000;}

.feedburnerFlareBlock{padding: 0.5em;text-align: center;}
.feedburnerFlareBlock:hover{background: #DEDAB6;padding: 0.5em;}

.feedburnerFlareBlock a{color: #000;}

.post{background: url(./images/gradient2.gif) bottom center no-repeat;padding-bottom: 1em;}

/* **************** */
/* Hyperlinks 		*/	
.title a, .title a:visited{
	color: #528210;
	text-decoration: none;}

.title a:hover{text-decoration: underline;}


#footer a{text-decoration: none;}

a{color: #007DA9;} /*#5D8129, #4F81D1 2666D0*/
a:hover:visited, a:hover{color: #5D8129/*#346ba4*/;}
a:visited{color: #8D6B08;}
a img{border: 0;}

#container h1 a{color: #5D8129;text-decoration: none;}
#container h1 a:hover{color: #007DA9;text-decoration: underline;}

#right_column a{color: #5D8129;}

.cursive{font-style:font-family: Comic Sans MS, cursive;font-style: italic;}


.commentlist ul{

}
.item{
	max-width: 650px;
	margin: 3em 1.5em 0 -3em;
	padding: 0 1em 1em 1em;
	list-style-type: none;	
	background: url(./images/comment.gif) top left no-repeat #ACCCBC;
	font-size: 0.8em;
/*	background: #DEDAB6;*/
/*	font-size: 1em;*/
/*	line-height: 100%;*/
/*	font-family: Verdana, Arial, sans-serif;*/
	
/*	font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;*/
	
	}
/*.alt {background: #ACCCBC or #f3ecc4;}*/
.author { 									/*Formats my comments differently*/
	border: 0 1px 1px 0 solid #8D6B08;
	background: url(./images/comment-author.gif) top left no-repeat #C7CD97;}
.trackback{font-size: 0.9em;}
.trackback a, .trackback a:visited{color: #807D69;text-decoration: none;}




/* page navigation (plug-in css moved here) */
.wp-pagenavi{text-align: center;}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.25em;					/*to make font match regular text size*/
	font-weight: bold;
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
}
.wp-pagenavi a:hover {	
	color: #000000;
	background-color: #D4D0AD
}
.wp-pagenavi span.pages {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.25em;					/*to make font match regular text size*/
	padding-right: 1em;
}
.wp-pagenavi span.current { 			/*current page*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.25em;					/*to make font match regular text size*/
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	color: #000;
	background-color: #D4D0AD;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

/* END OF page navigation  */


/*

>>> FOOTNOTES

1 - "overflow-x: hidden;" needed because italics in IE widen the column, breaking the layout



>>> COLOR REFERENCE

	background 							#f3ecc4
	right_columns' background 			#D4D0AD
	default font				 		#404034
	default a							#5D8129
	default a:visited					#8D6B08
	default a:hover						#346ba4
	highlight							#D4D0AD
	title								#8D6B08
	
*/

/* Default pull-quote style by Stephen Rider */

/*	NOTE: Right-side quotes will get the .pullquote class AND the .pqRight class.

Sample Pull-Quote HTML:

<blockquote class="pullquote">
	<p>Zowie!</p>
</blockquote>

*/

/*blockquote.pullquote, div.pullquote {
	text-align: center;
	font-size: 1.3em;
	font-style: italic;
}

blockquote.pullquote em, div.pullquote em, blockquote.pullquote i, div.pullquote i {
	font-style: normal;
}

blockquote.pqRight, div.pqRight {
	margin-right: -2.5em;
}

blockquote.pullquote p, div.pullquote p {
	color: #000;
	border: 1px solid #CCC;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}*/

/* End of pull-quote styling */

blockquote.pullquote, div.pullquote {
/* box */
	display: block;
	border: none;
	background: transparent none;
	vertical-align: middle;
/* positioning */
	float: left;
	margin: 0.25em 1em 0.25em -2em !important;  margin: 0.25em 1em 0.25em 0;  /*second margin declaration for IE6*/
	padding: 0;
	width: 10em;
/* typography */
	color: #99997A;



	font-size: 1.6em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
	word-spacing: normal;
}

blockquote.pqRight, div.pqRight { 
	float: right;
	margin: 0.25em -2em 0.25em 1em !important; 	margin: 0.25em 0 0.25em 1em;  /*second margin declaration for IE6*/
}

blockquote.pullquote p, div.pullquote p {
	margin:  0;
	padding: 0.5em;
	line-height: 1.2;
	letter-spacing: normal;
	
	font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;
	font-style:italic;
}

/* Capitalize first letter of the quote */
blockquote.pullquote p:first-letter, div.pullquote p:first-letter {
	text-transform: uppercase;
}