/*
	design.css (extends core.css)
	contains all design specific colors, images and text formatting
	
	All style rule attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
	
	-- START ALL STYLES --
*/

/* 
	COLOR GLOSSARY

	#4495A1 main blue
	#EC6600 main orange
	#3F3322 main brown
	#C5008F main purple
	#6F5E45 secondary brown
	#FAFFD3 highlight yellow
	
	#AAAAAA faded grey
	#E6E6E6 border grey

*/

/* import additional sheets
----------------------------------------------------------------------------- */

@import url("core.css");

/* design specific presentational elements
----------------------------------------------------------------------------- */

body{
	background: #FFF url(img/tao_body_bg.gif) repeat-x 0 0;
	color: #3F3322;
	font: normal normal 12px "Helvetica", "Arial", Sans-Serif;
}

/* global text presentation
----------------------------------------------------------------------------- */

code, samp, kbd, var{ font-family: "Courier New", "Courier", Monospace; }

h1, h2, h3, h4, h5, h6, b, strong{ font-weight: bold; }
i, em, cite, dfn, ins{ font-style: italic; }
del, code, samp, kbd, var{ font-style: inherit; }

del{ text-decoration: line-through; }
ins{ text-decoration: none; }

abbr, acronym{ border: 0; cursor: help; text-decoration: none; }

h1{ font-size: 24px; }
h2{ font-size: 20px; }
h3{ font-size: 18px; }
h4{ font-size: 16px; }
h5{ font-size: 14px; }
h6{ font-size: 13px; }

ul, dl{ list-style: square; }
ol{ list-style: decimal; }

li, dt, dd,
p, pre, address,
legend, label, input, textarea, 
select, option, optgroup,
th, td{ font: inherit; }

small{ font-size: 10px; } 	/* 2px smaller, than body base */
big{ font-size: 14px; } 	/* 2px larger, than body base */

img.float-left,
img.float-right{
	background: #FFF;
	border: 1px solid #AE0084;
	margin: 2px 10px 5px;
	padding: 3px;
}

img.float-left{ margin-left: 0; }
img.float-right{ margin-right: 0; }

/* hyperlinks
----------------------------------------------------------------------------- */

a{ text-decoration: underline; }
.no-dec a{ text-decoration: none; }

#column a:link, 
#column a:visited{ background: #FAFFD3; color: #4495A1; }

#column a:hover, 
#column a:active{ color: #C5008F; }

#secondary a:link, 
#secondary a:visited{ background: #FAFFD3; color: #EC6600; }

#secondary a:hover, 
#secondary a:active{ color: #C5008F; }

/* forms
----------------------------------------------------------------------------- */

form#commentform{
	background: #FAFFD3;
	border: 1px solid #CED3AA;
	margin: 0 0 50px 50px;
	padding: 10px 10px 0;
}

	form#commentform p{ margin: 0 0 5px; }

form#searchform{
	background: #FAFFD3;
	border: 1px solid #CED3AA;
	margin: 0 0 15px 50px;
	padding: 5px;
	width: 425px;
}

	form#searchform input{ 
		float: left;
		margin: 0; 
		width: 348px;
	}
	
		form#searchform input#searchsubmit{
			background: transparent url(img/tao_ss_bg.gif) repeat-x 0 0;
			border: 0;
			color: #FFF;
			float: left;
			font-size: 11px;
			margin-left: 5px;
			padding: 5px 5px 3px 5px;
			text-transform: uppercase;
			width: 60px;
		}

label{
	color: #6F5E45;
	display: block;
	font-size: 11px;
	padding: 5px 0;
	text-transform: uppercase;
}

label em{
	font-style: normal;
	text-transform: none;
}

fieldset.float-clear{ 
	border-bottom: 1px solid #CED3AA;
	padding: 0 0 10px;
	margin-bottom: 15px;
	text-align: right; 
}

fieldset.button{ text-align: right; }

	.float-clear label{
		float: left;
		padding: 12px 0 0;
		width: 87px;
	}

	.float-clear input{
		float: left;
		margin: 5px 135px 5px 15px;
		width: 250px;
	}

input,
select,
textarea{
	background: #FFF;
	border: 1px solid;
	border-color: #AAA #CCC #CCC #AAA;
	padding: 3px 5px;
	width: 400px;
}

textarea{ height: 150px; width: 506px; }

select,
.button input,
.chad input{ width: auto; }

	.button input{
		background: #C5008F;
		border: 0;
		color: #FFF;
		font-size: 11px;
		margin: 10px 0;
		padding: 5px 5px 3px;
		text-transform: uppercase;
	}

	.chad input{ 
		background: transparent;
		border: 0;
		vertical-align: middle; 
	}

/* design specific presentational ID's
----------------------------------------------------------------------------- */

#wrap{
	background: transparent url(img/tao_wrap_bg.png) no-repeat 0 0;
	padding: 23px 0 0;
	position: relative;
}

#masthead{ width: 239px; }

	#masthead h1{
		background: transparent url(img/tao_logo.png) no-repeat 0 0;
		height: 215px;
		text-indent: -13000em;
	}
	
		#masthead h1 a:link,
		#masthead h1 a:visited{
			display: block;
			height: 215px;
		}

#content-wrap{
	background: transparent;
	height: 700px;
	left: 259px;
	position: absolute;
	top: 63px;
	width: 590px;
}

#column{
	background: transparent url(img/tao_content_sep.gif) repeat-x 0 100%;
	padding-bottom: 15px;
}

	#column h2{
		color: #4495A1;
		font-size: 24px;
		font-weight: normal;
		letter-spacing: 1px;
	}
	
		#column h2 a:link,
		#column h2 a:visited{
			background: transparent;
			text-decoration: none;
		}
		
		#column h2.ptitle{
			color: #E6E6E6;
			font-size: 16px;
			margin: 0 0 15px;
			text-transform: uppercase;
		}
		
	#column h3{
		color: #FF008F;
		font-size: 14px;
		font-weight: normal;
	}
		
	#column code,
	#column .wp_syntax{
		background: #E6E6E6 url(img/tao_code_icon.gif) no-repeat 0;
		border: 0;
		color: #C5008F;
		margin-left: -50px;
		padding: 5px 5px 5px 50px;
	}
	
	#column .wp_syntax{
		font-family: "Courier New", "Courier", Monospace;
		font-size: 12px;
		margin-left: -5px;
	}
	
	#column ul,
	#secondary ul{ list-style: none; }
	
	#column ul,
	#column p{ margin: 15px 0 15px 50px; }
	
	#column p,
	#column li{ line-height: 1.3; }
	
	#column li{ 
		background: transparent url(img/tao_li_marker.gif) no-repeat 0 2px;
		margin-left: -20px;
		padding-left: 20px;
	}
	
	blockquote{ background: transparent url(img/tao_bq_icon.gif) no-repeat 15px 3px; }
	
		#column blockquote p,
		#secondary blockquote p{
			color: #4495A1;
			font-family: "Georgia", Serif;
		}
		
			#secondary blockquote{ margin-left: 50px; }
			
			#secondary .comment blockquote{
				margin-left: 0;
				padding-left: 50px;
			}
	
		#column p.info,
		#secondary p.info,
		#secondary .authorinfo p{
			color: #AAAAAA;
			font-size: 11px;
			margin: 0 0 5px;
			text-transform: uppercase;
		}
	
			#column p.info a:link,
			#column p.info a:visited{
				background: transparent;
				color: #AAAAAA;
				text-decoration: none;
			}
	
			#column p.info a:hover,
			#column p.info a:active{ color: #4495A1; }
			
		#column p.txt-center{
			background: #FAFFD3;
			font-size: 16px;
			padding: 5px;
		}
			
#secondary{ padding-top: 20px; }

	#secondary h3{
		color: #EC6600;
		font-size: 18px;
		font-weight: normal;
		text-transform: lowercase;
	}
	
		#secondary #star h3{ margin-left: 50px; }
		
		#secondary .authorinfo h4{ color: #3F3322; }
	
		#secondary .authorinfo h4 a:link, 
		#secondary .authorinfo h4 a:visited{ 
			background: transparent; 
			text-decoration: none; 
		}

		#secondary .authorinfo h4 a:hover, 
		#secondary .authorinfo h4 a:active{ color: #C5008F; }
	
	#secondary ul,
	#secondary p{ margin: 15px 0 15px 50px; }
	
	#secondary .comment p{ margin: 15px 0; }
	
	#secondary p,
	#secondary li{ 
		color: #6F5E45;
		font-size: 12px;
		line-height: 1.5;
	}
	
		#secondary p.info{ margin: 5px 0 0; }
	
		#secondary .authorinfo p{ margin: 3px 0 0; }
		
		#secondary ul.categories li{ 
			background: #E6E6E6;
			float: left; 
			margin-right: 5px;
			padding: 5px 5px 3px;
		}

#footer{ padding: 10px 0 150px; }

#footer p{
	color: #6F5E45;
	font-size: 11px;
	margin: 5px 0 5px 50px;
}

#star{
	background: transparent url(img/tao_star_icon.gif) no-repeat 2px 0;
	margin: 15px 0;
}

#author-bio{ border-top: 1px solid #E6E6E6; }

#column #author-bio p{
	color: #AAA;
	font-size: 11px;
}

#mdot{
	left: 900px;
	position: fixed;
	top: 81px;
}

	#mdot a:link,
	#mdot a:visited{
		background: transparent url(img/tao_mdot.gif) no-repeat 0 0;
		display: block;
		height: 14px;
		text-indent: -130000em;
		width: 40px;
	}

/* design specific presentational classes
----------------------------------------------------------------------------- */

.half-box{ float: left; width: 250px; }

.comment{
	border-bottom: 1px solid #E6E6E6;
	margin: 0 0 25px 50px;
	padding-bottom: 5px;
}

	.comment.author{ 
		background: transparent url(img/tao_author_icon.gif) no-repeat 0 0; 
		margin-left: 20px;
		padding-left: 30px;
	}

.authorinfo{
	border: solid #E6E6E6;
	border-width: 0 0 0 1px;
	float: right;
	margin: 0 0 5px 10px;
	padding-left: 10px;
	width: 100px;
}

	.authorinfo h4{
		color: #EC6600;
		font-size: 14px;
		font-weight: normal;
	}
	
.smart-archives{ margin: 15px 0; }
	
#secondary .smart-archives p{ margin: 0 0 0 50px; padding: 5px 0; }

#secondary .smart-archives p a,
#secondary .smart-archives p span{ padding: 5px 5px 3px; }

	#secondary .smart-archives p span{
		background: #E6E6E6;
		color: #AAA;
	}
	
	#secondary .smart-archives p a:link.year-link,
	#secondary .smart-archives p a:visited.year-link{
		background: #EC6600;
		border-right: 1px solid #CA5700;
		color: #FFF;
		text-decoration: none;
	}
	
#column .navbar a:link,
#column .navbar a:visited{ 
	font-size: 11px;
	padding: 5px 5px 3px;
	text-transform: uppercase; 
}

	#column .navbar .float-right a:link,
	#column .navbar .float-right a:visited{ 
		background: #FAFFD3 url(img/tao_new_arrow.gif) no-repeat 100%;
		padding-right: 20px; 
	}
	
	#column .navbar .float-left a:link,
	#column .navbar .float-left a:visited{ 
		background: #FAFFD3 url(img/tao_old_arrow.gif) no-repeat 0;
		padding-left: 20px; 
	}
	
#secondary p.nocomments{
	background: #FAFFD3;
	border: 1px solid #CED3AA;
	font-size: 16px;
	padding: 5px 5px 3px;
	text-align: center;
}

/*
	-- /END ALL STYLES --
	
	- Please do not steal my code!
	- "I cannot abide useless people"
	- Thank you, I appreciate it.
*/