/*  
Theme Name: I Will Teach You To Be Rich
Theme URI: http://www.iwillteachyoutoberich.com/
Description: Port of the MT theme for <a href="http://www.iwillteachyoutoberich.com/">I Will Teach You To Be Rich</a>.
Version: 1.0
Author: Richard Wu
Author URI: http://tablexi.com/

*/

/*-------------------------------------------------------
	Grid elements
*/

body {
	background: #eee;
	color:#666;
	text-align: center;
}

body,
input,
td,
textarea,
th {
	font:normal 11px Verdana, Tahoma, sans-serif;
}

#root {
	background: #fff;
	border-bottom: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	margin: 20px auto 0 auto;
	padding: 3px;
	text-align: left;
	width: 761px;
	w\idth: 754px;
}

#content_wrapper:after {
	content: "."; 
	display: block; 
	height:0; 
	clear: both; 
	visibility: hidden;
}

#content_wrapper {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html #content_wrapper {
	height: 1px;
}

#content_wrapper {
	display:block;
}
/* End hiding from IE-mac */

#header {
	margin: 0 0 3px;
}

#content_wrapper {
	background:url("images/content_bg.gif") 100% 0 repeat-y;
}

#content {
	float: left;
	width: 539px;
}

#context_info {
	margin:0 0 0 554px;
	padding:13px 15px;
}

* html #context_info {
	height: 1px;
	margin:0 0 0 551px;
}

#footer {
	color: #a9a9a9;
	font: 9px Tahoma, Verdana, sans-serif;
	margin: 10px auto 20px auto;
	text-align: left;
	width: 761px;
}

#footer:after {
	content: "."; 
	display: block; 
	height:0; 
	clear: both; 
	visibility: hidden;
}

#footer {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html #footer {
	height: 1px;
}

#footer {
	display:block;
}
/* End hiding from IE-mac */

/*-------------------------------------------------------
	Common elements
*/

a {
	border-bottom:1px dotted #007bb6;
	color:#007bb6;
	text-decoration:none;
}

a:visited {
	color:#844a9f;
	border-bottom:1px dotted #844a9f;
}

a:hover {
	border-bottom:0;
}

a img {
	border:0;
}

input,
textarea {
	font:11px Verdana, Tahoma, sans-serif;
}

input.text,
textarea.text {
	background: #fff url("images/input_bg.gif") 0 0 repeat-x;
	border:1px solid #d5d5d5;
	color:#a0a0a0;
	padding:3px 0;
}

hr {
	display: none;
}

/*-------------------------------------------------------
	Header Details
*/

#header strong {
	display: none;
}

#header h1,
#header h2 {
	margin: 0;
}

#header a {
	background: url("images/header.jpg") 0 0 no-repeat;
	border:0;
	display: block;
	height: 80px;
	width: 754px;
}

#header a:hover {
	background-position:0 -80px;
}

/*-------------------------------------------------------
	Content Details
*/

#content p {
	margin:7px 0;
}

table {
	border:1px solid #C0C0C0;
	border-collapse: collapse;
}

	table th,
	table td {
		border:1px solid #C0C0C0;
		padding:3px;
	}
	
	table th {
		background:#EFEFEF;
		font-weight:bold;
	}

span.req {
	color: #921111;
}

span.html {
	color: #B4B4B4;
	display:block;
	font-size:10px;
	margin:5px 0 0;
}

dl.info {
	background: #f7f7f7;
	font-size:10px;
	margin:0 0 3px;
	padding:7px 15px;
}

	dl.info.done_reading {
		margin:15px 0;
	}

	dl.info dt {
		color:#921111;
		display:inline;
		font:10px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif;
		margin:0 5px 0 0;
	}

	dl.info dd {
		color:#979696;
		display:inline;	
		margin:0;
	}
	
dl.error {
	background: #f7f7f7;
	font-size:10px;
	margin:15px 41px 15px 56px;
	padding:7px 15px;
}

	dl.error dt {
		color:#921111;
		font:10px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif;
		margin:0 0 3px;
	}

	dl.error dd {
		color:#707070;
		font-size: 11px;
		font-weight: bold;
		margin:0;
		text-align:center;
	}
	
dl.note {
	background: #f7f7f7;
	font-size:10px;
	margin:15px 41px 15px 56px;
	padding:7px 15px;
}

	dl.note dt {
		color:#70af00;
		font:10px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif;
		margin:0 0 3px;
	}

	dl.note dd {
		color:#707070;
		font-size: 11px;
		margin:0;
	}
	
	dl.note dd a {
		font-size:10px;
		font-weight:bold;
	}

div.post {
	margin:0 0 11px;
}

	div.post .head {
		background: #feffc1;
		padding: 8px 15px 8px 15px;
	}

		#content div.post .head h1,
		#content div.post .head h2 {
			font:bold 14px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif;
			line-height:1em;
			margin:0;
			padding:0;
		}

			#content div.post .head h1 a,
			#content div.post .head h2 a {
				border-bottom:1px dotted #5e5e5e;
				color:#5e5e5e;
			}

			#content div.post .head h1 a:visited,
			#content div.post .head h2 a:visited {
				color: #979797;
			}

			#content div.post .head h1 a:hover,
			#content div.post .head h2 a:hover {
				background:#a0d239;
				border:0;
				color:#fff;
			}

		div.post .head .tag {
			color:#888;
			font: 10px Tahoma, Verdana, sans-serif;
			margin:3px 0 0;
		}

			div.post .head .tag a {
				border-color:#5e5e5e;
				color:#5e5e5e;
			}
			
			div.post .head .tag span {
				color:#aaaaaa;
			}

	div.post .excerpt,
	div.post .body {
		line-height:1.5em;
		margin: 2px 15px 0;
		font-size: 110%;
	}
	
	div.post .excerpt:after,
	div.post .body:after {
		content: "."; 
		display: block; 
		height:0; 
		clear: both; 
		visibility: hidden;
	}
	
	div.post .excerpt,
	div.post .body {
		display: inline-table;
	}

	/* Hides from IE-mac \*/
	* html div.post .excerpt,
	* html div.post .body {
		height: 1px;
	}

	div.post .excerpt,
	div.post .body {
		display:block;
	}
	/* End hiding from IE-mac */

		div.post .excerpt blockquote,
		div.post .body blockquote {
			background: url("images/quote.gif") 19px 4px no-repeat;
			margin:7px 0;
			min-height:31px;
			padding:0 0 0 78px;
		}

		* html div.post .excerpt blockquote,
		* html div.post .body blockquote {
			height:31px;
		}

		div.post .excerpt ul,
		div.post .body ul {
			font-size:11px;
			margin:5px 0 5px 15px;
			padding:0;
		}

		div.post .excerpt ul li,
		div.post .body ul li {
			background: url("images/bullet_yellow.gif") 5px 9px no-repeat;
			list-style: none;
			margin:0;
			padding:3px 0 3px 15px;
		}
		
		div.post .excerpt img,
		div.post .body img {
			border: 1px solid #d9d9d9;
			display: block;
			margin:15px auto;
			padding:2px;
		}
		
		div.post .excerpt img.left,
		div.post .body img.left {
			display: inline;
			float:left;
			margin:0 5px 5px 0;
		}
		
		div.post .excerpt img.right,
		div.post .body img.right {
			display: inline;
			float:right;
			margin:0 0 5px 5px;
		}

	div.post .more {
		padding:0 15px 4px;
	}

		div.post .more a {
			font-size:10px;
			font-weight:bold;
		}

#content h1.normal,
#content h2,
#content h3 {
	color:#5e5e5e;
	font:bold 14px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif;
	line-height:1em;
	margin:15px 0;
	padding:0 0 0 15px;
}

	#content h2 span,
	#content h3 span {
		color:#b1b1b1;
	}

dl.comment {
	background:#f7f7f7;
	border-bottom:1px solid #fff;
	margin:0;
	padding:7px 10px 10px 0;
}

dl.comment.odd {
	background:#fbfbfb;
}

dl.comment.ramit {
	background:#feffd3;
}

dl.comment:after {
	content: "."; 
	display: block; 
	height:0; 
	clear: both; 
	visibility: hidden;
}

dl.comment {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html dl.comment {
	height: 1px;
}

dl.comment {
	display:block;
}
/* End hiding from IE-mac */

	dl.comment dt {
		color:#e1e1e1;
		float:left;
		font:bold 30px "Courier New", "Courier", monospace;
		margin:0;
		text-align:right;
		width:90px;
	}

	dl.comment dd {
		font: 10px Verdana, Tahoma, sans-serif;
		margin:0 0 0 90px;
		padding:3px 0 0;
	}

		dl.comment dd div.body {
/*			color:#888;*/
			color:#000;
			font-size: 110%;
		}

			#content dl.comment dd div.body * {
				margin:0;
			}

		dl.comment dd div.tag {
			color:#ababab;
			margin:5px 0 0;
			text-align:right;
		}

p.typekey {
	padding:0 0 0 15px;
}

form.leave_comment {
	background: #fbfbfb;
	border:1px solid #fff;
	margin:15px 41px 15px 56px;
	padding:0;
}
	
	form.leave_comment .info {
		border-bottom:1px solid #fff;
		margin:0 0 3px;
	}

	form.leave_comment table {
		border:0;
		color: #888888;
	}
		
		form.leave_comment table td {
			border:0;
			padding:4px 0 4px 10px;
		}
		
		#content form.leave_comment table th {
			background:0;
			border:0;
			font-weight:normal;
			padding:7px 0 4px;
			text-align:right;
			vertical-align:top;
			width:145px;
		}

		form.leave_comment table input {
			vertical-align:middle;
		}

		form.leave_comment table .text {
			width:193px;
			w\idth:191px;
		}

		form.leave_comment table textarea.text {
			height:111px;
			he\ight:109px;
			overflow:auto;
		}

	form.leave_comment .controls {
		background: #f7f7f7;
		border-top:1px solid #fff;
		margin:3px 0 0;
		padding:3px 0 3px 155px;
	}

		form.leave_comment .controls .preview {
			margin:0 10px 0 0;
		}

		form.leave_comment .controls .post {
			font-weight:bold;
		}
		
div.toc {
	margin:0 0 15px 15px;
}

div.toc:after {
	content: "."; 
	display: block; 
	height:0; 
	clear: both; 
	visibility: hidden;
}

div.toc {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html div.toc {
	height: 1px;
}

div.toc {
	display:block;
}
/* End hiding from IE-mac */

	#content div.toc h1 {
		padding-left:0;
		text-align: center;
	}

		div.toc table th.archiv-cat {
			background: #f7f7f7;
			border:0;
			font-size:11px;
			font-weight:bold;
			padding:5px 0;
			text-align: center;
		}

		div.toc table th {
			background:0;
			border:0;
			font-weight:normal;
			padding:3px 5px 5px 0;
			text-align:left;
		}
		
		div.toc table td {
			border:0;
			padding:3px 0 5px;
		}
		
		div.toc table td.date {
			text-align: right;
			white-space: nowrap;
		}
		
		div.toc table {
			border:0;
			width:100%;
		}
	
	div.toc_cat {
		float:left;
		width:49%;
	}

	div.toc_date {
		float:right;
		width:49%;
	}

/*-------------------------------------------------------
	Context Info Details
*/

#context_info dl {
	margin:0;
}

#context_info dt {
	height:11px;
}

#context_info dt strong {
	display:none;
}

	#context_info dl.getting_started dt {
		background: url("images/h_getting_started.gif") 0 0 no-repeat;
	}
	#context_info dl.about_me dt {
		background: url("images/h_about_me.gif") 0 0 no-repeat;
	}
	#context_info dl.categories dt {
		background: url("images/h_categories.gif") 0 0 no-repeat;
	}
	#context_info dl.stay_tuned dt {
		background: url("images/h_stay_tuned.gif") 0 0 no-repeat;
	}	
	#context_info dl.ads dt {
		background: url("images/h_ads.gif") 0 0 no-repeat;
	}
	#context_info dl.archives dt {
		background: url("images/h_archives.gif") 0 0 no-repeat;
	}
	
#context_info dd {
	margin:0;
	padding:4px 0 7px 0;
}

#context_info dd p {
	color:#aeaeae;
	font:10px Verdana, Tahoma, sans-serif;
	margin:5px 0;
}

#context_info .about_me a.foto {
	border:0;
}

#context_info .about_me a.foto img {
	border:2px solid #77b300;
	display: block;
	margin: 7px 0 10px 0;
}

#context_info ul {
	font-size:11px;
	margin:5px 0;
	padding:0;
}
#context_info ul li {
	background: url("images/bullet_green.gif") 5px 9px no-repeat;
	list-style: none;
	margin:0;
	padding:3px 0 3px 15px;
}

#context_info .stay_tuned form,
#context_info .stay_tuned .feeds {
	background: #eeeeee;
	margin:10px 0;
	padding:11px 5px;
}

#context_info .stay_tuned .feeds {
	margin-bottom:5px;
	padding-bottom:9px;	
	text-align: center;
}

#context_info .stay_tuned .feeds a {
	border:0;
}

#context_info .stay_tuned .feeds img {
	margin:0 5px;
}

#context_info .stay_tuned form input.text {
	width:119px;
	w\idth:117px;
}

#context_info .stay_tuned form .modes {
	margin:5px 0 0;
}

#context_info .stay_tuned form .modes input {
	margin:0;
	vertical-align:middle;
}

* html #context_info .stay_tuned form .modes input {
	margin: 0 -5px 0 0;
}

#context_info .stay_tuned form label {
	color:#aeaeae;
	font-size:10px;
}

/*-------------------------------------------------------
	Footer Details
*/

#footer a {
	border-color:#a9a9a9;
	color: #a9a9a9;
}

#footer .copy {
	border-left:1px solid #d1d1d1;
	float:left;
	height:37px;
	margin:0 0 0 2px;
	padding:0 0 0 5px;
}

#footer .design {
	border-left:1px solid #d1d1d1;
	float:right;
	height:37px;
	margin:0 0 0 2px;
	padding:0 0 0 5px;
	width:202px;
	w\idth:194px;
}

	#footer .design span {
		color: #a71c1c;
	}

.navigation {
	padding-bottom: 15px;
	position: relative;
}

.navigation .alignleft {
	padding: 0 15px;
}

.navigation .alignright {
	text-align: right;
	position: absolute;
	top: 0;
	right: 15px;
}

.topnavigation {
	margin-top: 15px;
}

p.mia {
	padding: 10px;
}

p.mia img {
	padding-right: 10px;
}

p.smaller {
	font-size: 90%;
}

.center {
	text-align: center;
}

.w250 {
	width: 250px;
}

#moderated {
	padding-left: 15px;
	text-align: center;
	font-weight: bold;
	color: red;
}

#content dl.comment dd div.body p {
	padding-bottom: 12px;
}