/* td_css.css
Taylor Davidson
v1: May 24, 2009
Refresh design, white background for blog, integrating Unstructured Ventures 
*/


/* Overall site */


body {
	background-color: #666666;
    font-family: Lucida Grande, Helvetica Neue, Arial, sans-serif;
}

.ringer {
    width: 1005px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0 20px 50px;
}

.bottom {
 	width: 1000px;
 	padding: 30px 0 0 05;
 	clear:both;
}

.interests {
	font-size: 28px;
	color: #666666;
	line-height:125%;
}
.outside {
   	width: 900px;
	background-color: #FFFFFF;
	margin: 0 0 0 0;
	padding: 30px 0 0 50px;
	float:left;
}
.home {
	font-size: 16px;
	color: #333333;
	line-height:125%;
}

.outside_sidebar {
	width:50px;
	height:400px;
	position:relative;
	top:155px;
	float:right;
}

.wrapper {
	width:  850px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a:link img{
	border: none;
}
a:visited img{
	border: none;
}
a:hover img{
	border: none;
}
a:active img{
	border: none;
}


input {
     font-size: 12px;
}


/*
.main img {
	padding: 0 0 0 0;
	border: 3px;
	border-color:#191919;
}

.main a:link img{
	border: 3px;
	border-color:#191919;
}
.main a:visited img{
	border: 3px;
	border-color:#191919;
}
.main a:hover img{
	border: 3px;
	border-color:#191919;
}
.main a:active img{
    border: 3px;
	border-color:#191919;
}
*/

/* Styles for the header and header nav */


.header {
	height:80px;
	width: 850px;
	margin: 0 0 10px 0;
	color: #191919;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica Neue, Lucida Grande, sans-serif;
	text-align: left;
	font-size: 16px;	
}

.header_outside {
	height:50px;
	width: 850px;
	margin: 0 0 10px 0;
	color: #191919;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica Neue, Lucida Grande, sans-serif;
	font-size: 12px;
	width: 310px;
	text-align: left;
	font-size: 28px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}

.header_name {
	width: 316px;
	text-align: left;
	font-size: 28px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}
.header_right {
	width:520px;
	text-align: right;
	font-size: 16px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
}

.header_block {
	/* height:44px; */
	width:100px;
	font-size: 12px;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 7px;
	float: left;
	border-left-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
}

.header_block_2 {
	/* height:44px; */
	width:124px;
	font-size: 12px;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 7px;
	float: left;
	border-left-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
}

.header_block_3 {
	/* height:44px; */
	width:128px;
	font-size: 12px;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 7px;
	float: left;
	border-left-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
}

.header_block_4 {
	/* height:44px; */
	width:75px;
	font-size: 12px;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 7px;
	float: left;
	border-left-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
}

.header_block_end {
	/* height:44px; */
	font-size: 12px;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 7px;
	float: right;
	border-left-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
}


.header a:link {
	color: #FF6600;
	text-decoration: none;
}
.header a:visited {
	color: #FF6600;
	text-decoration: none;
}
.header a:hover {
	color: #191919;
	text-decoration: none;
}
.header a:active {
	color: #191919;
	text-decoration: none;
}


/* Styles for the NAV - Top, middle and bottom rows.  Used for Portfolio and Project pages */

.nav_top{
	clear: both;
	line-height: 30px;
	vertical-align: bottom;
	width: 850px;
	margin: 15px 0 4px 0;
	padding: 0 0 0 0;
	text-align: left;
	font-size: 14px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-color: #FF6600;
	border-bottom-style: solid;
}

.nav_top a:link {
	font-size: 16px;
	color: #FF6600;
	text-decoration: none;
}
.nav_top a:visited {
	font-size: 16px;
	color: #FF6600;
	text-decoration: none;
}
.nav_top a:hover {
	font-size: 16px;
	color: #191919;
	text-decoration: none;
}
.nav_top a:active {
	font-size: 16px;
	color: #191919;
	text-decoration: none;
}



/* Nav - for the numbers section */

.nav_bottom{
	clear: both;
	height: 18px;
	vertical-align: middle;
	width: 850px;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
}

.nav_bottom a:link {
	font-size: 12px;
	vertical-align: middle;
	color: #FF6600;
	text-decoration: none;
	margin: 2px 3px 2px 2px;
	width: 25px;
	float: left;
	text-align: center;
}
.nav_bottom a:visited {
	font-size: 12px;
	vertical-align: middle;
	color: #FF6600;
	text-decoration: none;
	margin: 2px 3px 2px 2px;
	width: 25px;
	float: left;
	text-align: center;
}
.nav_bottom a:hover {
	font-size: 12px;
	vertical-align: middle;
	color: #191919;
	text-decoration: none;
	margin: 2px 3px 2px 2px;
	width: 25px;
	float: left;
	text-align: center;
}

.nav_bottom a:active {
	font-size: 12px;
	vertical-align: middle;
	color: #191919;
	text-decoration: none;
	margin: 2px 3px 2px 2px;
	width: 25px;
	float: left;
	text-align: center;
}


/* Styles for the main section for the picture.  The Portfolio and Project index pages have separate classes */


.main {
	width: 850px;
	clear: both;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
	text-align: left;
	line-height: 150%;
}
.main_search {
	width: 850px;
	min-height:300px;
	clear: both;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
	text-align: left;
	line-height: 150%;
}
.main_hello {
	width: 850px;
	margin: 0 0 10px 0;
	padding: 15px 0 0 0;
	clear: both;
	font-size: 14px;
	text-align: left;
	line-height: 150%;
}

.main_left{
	float: left;
	text-align: left;
	margin: 0 10px 15px 0;
}
.main_right:{
	float: right;
	text-align: right;
	margin: 0 0 15px 0;
}

.main a:link {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}
.main a:visited {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}
.main a:hover {
	color: #191919;
	font-weight: bold;
	text-decoration: none;
}
.main a:active {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}

.main_hello a:link {
	color: #FF6600;
	text-decoration: none;
}
.main_hello a:visited {
	color: #FF6600;
	text-decoration: none;
}
.main_hello a:hover {
	color: #191919;
	text-decoration: none;
}
.main_hello a:active {
	color: #FF6600;
	text-decoration: none;
}

/* Project-specific layouts */

.main_sleep {
	width: 850px;
	clear: both;
}

.main_sleep img {
	margin: 0 5px 6px 0;
}



/* Projects page.  Used for laying out grid in CSS */


.projects{
	width: 850x;
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;	
	font-size: 13px;
	color:#191919;
	text-align: left;
	line-height: 150%;
	background-color: #FFFFFF;
}


.projects_type{
	font-size: 13px;
	color:#666666;

}


.projects_left{
	float: left;
	width: 300px;
	height: 224px;
	border-bottom-width: 1px;
	border-bottom-color: #FF6600;
	border-bottom-style: solid;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}


.projects_right{
	float: right;
	width: 525px;
	height: 225px;
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	text-align: right;
}



.projects a:link {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}
.projects a:visited {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}
.projects a:hover {
	color: #191919;
	font-weight: bold;
	text-decoration: none;
}
.projects a:active {
	color: #191919;
	font-weight: bold;
	text-decoration: none;
}



/* Talks, Books */

.talks_type{
	font-size: 13px;
	color:#666666;

}

.talks_left{
	float: left;
	width: 300px;
	height: 250px;
	margin: 10px 0 15px 0;
	padding: 0 0 0 0;
}


.talks_right{
	float: right;
	width: 525px;
	height: 249px;
	border-bottom-width: 1px;
	border-bottom-color: #FF6600;
	border-bottom-style: solid;;
	margin: 10px 0 0 15px;
	padding: 0 0 0 0;
}

.store_type{
	font-size: 13px;
	color:#666666;

}

.store_left{
	float: left;
	width: 300px;
	height: 225px;
	margin: 10px 0 15px 0;
	padding: 0 0 0 0;
}


.store_right{
	float: right;
	width: 525px;
	height: 224px;
	border-bottom-width: 1px;
	border-bottom-color: #FF6600;
	border-bottom-style: solid;;
	margin: 10px 0 0 15px;
	padding: 0 0 0 0;
}

.toc{
	width: 850px;
	clear: both;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
	font-size: 14px;
	text-align: left;
	line-height: 150%;
}

.toc_block{width:850px;clear:both;margin:0 0 15px 0;text-align:left;}
.toc_left{width:850px;padding:20px 0 15px 0;text-align:left;font-weight:bold;font-size:22px;}
.toc_right{width:810px;padding:0 0 10px 40px;text-align:left;}


/* About and Contact pages use same structure, although the classes named About */

.about{
	width: 850px;
	clear: both;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
	font-size: 14px;
	text-align: left;
	line-height: 150%;
}

.about_title{
	font-size: 14px;
	color:#191919;
	font-weight:bold;
}

.about_left{
	float:left;
	width: 410px;
	font-size: 13px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	text-align: left;
	line-height: 150%;
}

.about_right {
	float: right;
	width: 410px;	
	font-size: 13px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	text-align: left;
	line-height: 150%;
}

.bottom_about {
	width: 810px;
	float: left;
	clear: both;
	margin: 10px 0 10px 0;
	padding: 10px 20px 10px 20px;
	background-color:#E9E9E9;
}
.bottom_left_about_td {
	width: 390px;
	float: left;
	font-size:13px;
	margin: 10px 15px 0 0;
	background-color:#E9E9E9;
	line-height: 125%;
}

.bottom_right_about_td {
	width: 400px;
	float: right;
	font-size:13px;
	margin: 10px 0 0 0;
	background-color:#E9E9E9;
	line-height: 125%;
}

.consulting_bottom {
	width: 810px;
	float: left;
	clear:both;
	font-size:13px;
	margin: 10px 0 10px 0;
	padding: 10px 20px 10px 20px;
	line-height: 125%;
}

.consulting_top {
	width: 810px;
	float: right;
	clear:both;
	font-size:13px;
	margin: 10px 0 10px 0;
	padding: 10px 20px 10px 20px;
	background-color:#E9E9E9;
	line-height: 125%;
}

.consulting_top_left {
	width: 250px;
	float: left;
	font-size:13px;
	margin: 10px 20px 0 0;
	background-color:#E9E9E9;
	line-height: 125%;
}

.consulting_top_middle {
	width: 250px;
	float: left;
	font-size:13px;
	margin: 10px 20px 0 10px;
	background-color:#E9E9E9;
	line-height: 125%;
}

.consulting_top_right {
	width: 250px;
	float: right;
	font-size:13px;
	margin: 10px 0 0 10px;
	background-color:#E9E9E9;
	line-height: 125%;
}


.about a:link {
	color: #FF6600;
	text-decoration: none;
}
.about a:visited {
	color: #FF6600;
	text-decoration: none;
}
.about a:hover {
	color: #191919;
	text-decoration: none;
}
.about a:active {
	color: #191919;
	text-decoration: none;
}


.toc a:link {
	color: #FF6600;
	text-decoration: none;
}
.toc a:visited {
	color: #FF6600;
	text-decoration: none;
}
.toc a:hover {
	color: #191919;
	text-decoration: none;
}
.toc a:active {
	color: #191919;
	text-decoration: none;
}




/* Captions for photos */
.caption{
	clear: both;
	width: 850px;
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	font-size: 11px;
}

.caption a:link {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}
.caption a:visited {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}
.caption a:hover {
	color: #191919;
	font-weight: bold;
	text-decoration: none;
}
.caption a:active {
	color: #191919;
	font-weight: bold;
	text-decoration: none;
}

.caption_photo{
	clear: both;
	text-align: right;
	width: 850px;
	margin: 2px 0 20px 0;
	padding: 0 0 0 0;
	font-size: 11px;
}


/* Footer details */

.footer {
	clear: both;
	width: 850px;
	margin: 10px 0 0 0;
	padding: 10px 0 20px 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 110%;
	border-top-width: 1px;
	border-top-color: #FF6600;
	border-top-style: solid;
}
.footer a:link {
	color: #FF6600;
	text-decoration: none;
}
.footer a:visited {
	color: #FF6600;
	text-decoration: none;
}
.footer a:hover {
	color: #191919;
	text-decoration: none;
}
.footer a:active {
	color: #FF6600;
	text-decoration: none;
}