/*
---------------------------------------------------------------
Textura Design CSS file for screen media
FileName:    tdi_styles.css
Version:     10.05
Coded by: http://texturadesign.com/

You may adapt elements of this CSS in your own projects, 
but the design is copyright 2006 Textura Design.
----------------------------------------------------------------
The layout is a centered box, with a horizontal nav, 
floated elements, more
----------------------------------------------------------------
*/

/* hide the bottom border on long pages, in Mozilla at least :) */
html { margin-bottom: -1px; }

body {
	margin: 0;
	padding: 0;
	color:#363636;
	font:10px/14px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; /*establishes the base font for the proportional ems */
	background: #ebebeb url(http://www.texturadesign.com/images/bg.gif);
	line-height:150%;
	/*background-image:url(../images/bkrd.gif)
	background-image: url(images/bkrd.gif);
	background-attachment: fixed;*/
	}
	
img {border:0}	
	
/* top randomized banner */

/* banner logo */
#banner{
	margin:0;
	padding:0;
	width: 768px;
	height: 112px;
	border:0;
	display: block; /* fixes an IE windows bug. yes, really. */
	float: left;
	background: #ffffff url(http://www.texturadesign.com/banners/banner_road.jpg) 0 0 no-repeat;
}
	
#banner { /* sBMH for IE 5.x Win */
	\width: 765px; 
	w\idth: 768px;
}
/*banner background image on */
#bannerimg {
	padding: 0;
	border: 0;
	margin: 0;
	width: 768px;
	height: 112px;
	display: block; 
	/*	background: url(http://texturadesign.com/banners/banner_cloudy.jpg) no-repeat;*/
	background: url(http://www.texturadesign.com/banners/banner_road.jpg) no-repeat;
}
#bannerimgon {
	padding: 0;
	border: 0;
	margin: 0;
	width: 768px;
	height: 112px;
	display: block;
	/*	background: url(http://texturadesign.com/banners/banner_plane.jpg) no-repeat;*/
	background: url(http://www.texturadesign.com/banners/banner_road.jpg) no-repeat;
}
/*logo background image rollover */
a#bannerimgon:hover {
	/*	background: url(http://texturadesign.com/banners/banner_plane.jpg) no-repeat;*/
	background: url(http://www.texturadesign.com/banners/banner_road.jpg) no-repeat;
}	

/* when/where thing */
#slogan {
	margin:0;
	padding:0;
	width:427px;
	height:66px;
	border:0;
	display: block; /* fixes an IE windows bug. yes, really. */
	float: left;
	background: #e7e7e7 url(http://www.texturadesign.com/images/slogan.gif) 0 0 no-repeat;
}
/* when/where background image on */
#sloganimg {
	margin:0;
	padding:0;
	width:427px;
	height:66px;
	display: block; 
	float: left;
	background: url(http://www.texturadesign.com/images/slogan.gif) no-repeat;
}
#sloganimgon {
	margin:0;
	padding:0;
	width:427px;
	height:66px;
	display: block; /* fixes an IE windows bug. yes, really. */
	float: left;
	background: url(http://www.texturadesign.com/images/slogan.gif) no-repeat;
}
/*when/where background image rollover */
a#sloganimgon:hover {
	background: url(http://www.texturadesign.com/images/slogan.gif) no-repeat;
}
	
/* Nav */

#navcontainer {
 margin:0;
 padding: 0;
 width:768px;
 height: 27px;
 background: #e6e6e6;
 border-top: 2px solid #ffffff;
 border-bottom: 2px solid #ffffff;
 clear:left;
 overflow: hidden;
}

/* nav items are unordered list */
#navcontainer ul {
 border: 0;
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: center;
}
#navcontainer ul li {
 display: block;
 float: left;
 text-align: center;
 padding: 0 1px 0 0;
 margin: 0;
 background: url(http://www.texturadesign.com/images/nav_sep.gif) right top no-repeat;
}

/* make the nav item links (A HREFs) big clickable boxes */
#navcontainer ul li a {
	background: transparent;
	color:#669600;
	height: 27px;
	border: 0;
	margin: 0;
	padding: 8px 13px 9px 13px;
	text-decoration: none;
	display: block;
	float: left;	/* added to workaround an IE 5 Mac bug, IE/Win seems to need it too */
	text-align: center;
	font:11px "Gill Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:2px;
	text-transform:uppercase;
}
html[xmlns] #navcontainer ul li a { float: none; } /* Opera (7.5) didn't like the float:left */
#navcontainer ul li a:hover {
 color: #c14900;
 background: #dedbdb;
}

/* nav you are here */

body#About li#Aboutnav a,
body#Blog li#Blognav a,
body#Bloggy Mountain High li#Bloggy Mountain Highnav a,
body#Book li#Booknav a,
body#Clip-n-Seal li#Clip-n-Sealnav a,
body#Contact li#Contactnav a,
body#Cycling li#Cyclingnav a,
body#Design li#Designnav a,
body#Dreeping li#Dreepingnav a,
body#People li#Peoplenav a,
body#Projects li#Projectsnav a,
body#Speaking li#Speakingnav a,
body#Store li#Storenav a,
body#Switch2Mac li#Switch2Macnav a,
body#SXSW li#SXSWnav a,
 /*To end the string*/
body#Archives li#Archivesnav a
 {
 color: #333;
 background: #efefef;
 cursor: default;
}


/* seperates the nav from the content - a faint grey line and a margin */
div#sep {
  height: 0px;
  font-size: 0px;
  line-height: 0px;
	width: 768px;
	padding: 0;
	margin:0;
	color: #fff;
	border:0;
	border-bottom: 1px solid #ddf0ff;
}
/* hide the HR from CSS browser that use the above styles, necessary because IE Win is inept at styling HRs */
div#sep hr {
  display: none;
}

/* contains mainfeature, main, sidebar, and footer in a centered, bordered box */
#container { 
	background: #FFF;
	width: 768px;
	margin: 0 auto;
	padding:0 14px 0 14px;
	border-left:2px solid #ebebeb;
	border-right:2px solid #ebebeb;
}

/* the snappy description at the top of the home page */
a#snapper, a#snapper:visited {
	color: #474744;
	display:block;
	background-color: #FDFAE5;
	border: 1px solid #DBDADE;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 7px 9px;
	margin: 0 0 0px 0;
	width: 300px;
}

a#snapper:hover, a#snapper:active {
	color: #474744;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background-color: #FCF7C2;
	border: 1px solid #C9C7C1;
}
head:first-child+body #main	a#snapper:hover { /* for smart browsers */
	border: 1px solid #C9C7C1;
}

#mainfeature a#snapper:hover { /* for IE Win */
	border-bottom: 1px solid #C9C7C1;
}

/*#blogtitle {font-size:16px;
            font-weight:bold;
            color:#000000;
            margin:0 0 14px 0;}*/

#main { padding: 10px 220px 0 20px} /* use padding on a container DIV to avoid box model issues */

/* the main content area */
#mainfeature {
	margin-left: 135px; 
	padding: 0;
	width: 364px;
	position: relative;
}

#main h1 {
	padding:0;
	margin:0 0 2px 0;
	font:12px/14px "Gill Sans", Helvetica, Geneva, Verdana, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#464646;
}	

#main h1.cathead {
	padding:0;
	margin:6px 0 10px 0;
	font:10px/18px "Gill Sans", Helvetica, Geneva, Verdana, sans-serif;
	color:#C2C2C2;
	background:transparent;
	text-transform:uppercase;
	letter-spacing:2px;
	border-bottom:1px solid #ebebeb;
}	

#main h2 {
	padding: 0;
	margin:0 0 10px 0;
	font:9px/10px "Lucida Grande", Helvetica, Geneva, Verdana, sans-serif;
	font-weight: normal;
	color:#999;
	text-transform:uppercase;
}	

#main h3 {
	padding: 0;
	margin: 0.8em 0 0 0;
	font: 1em/1.3em Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-weight: bold;
	color:#3f3f3f;
	/*text-transform: capitalize;*/
}

#main p {
	padding: 0 0 1em 0;
	margin: 0;
	font-size:1.0em;
	line-height:1.6em;
}	

/* class for 'posted by' paragraphs in blog */
#main p.posted {
	color: #666;
	}	
	
/* class for 'grey text'  in blog */	

#main p.grey {
	color:#B4B4B4;
}	
	
#main ul {
	padding: 0 0 1em 1.3em;
	margin: 0;
	font-size:1.0em;
	line-height:1.6em;
}	

#main dl {
	padding: 0 0 1em 1.3em;
	margin: 0;
	font-size:1.0em;
	line-height:1.6em;
}

#main img {
	border: 1px solid #666666;
	padding:0;
	margin: 0.5em 0.8em 0.8em 0;
	float: left;
	position:relative;
}
#main form {
	padding: 0 0 1em 0;
	margin: 0;
}

/* dotted separators */
#main div.hr {
  height: 2px;
	width: 348px;
	padding: 0;
	margin: 15px 0 23px 0;
	border: 0;
	color: #fff;
	background: #ffffff url(http://www.texturadesign.com/images/hr.gif) top left no-repeat;
	position:relative;
}
#main div.hr hr {
  display: none; /* hide the HR from CSS browser that use the above styles, necessary because IE Win is inept at styling HRs */
}

#main #gallery img {
	border: 1px solid #666666;
	padding:0;
	margin: 0.5em;
	clear: both; 
}

#mainfeature .logo img {
	border: 0px;
}

/* adbar */
#adbar {
	float:left;
	width:124px;
	padding:0 0 15px 0;
	margin:20px 20px 0 0;
	border-right:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
}	

#adbar ul {
	margin:0;
	padding:0 5px 0 0;
	list-style:none;
	font-size:9px;
	line-height:13px;
}

#adbar ul li {
	margin:8px 0 8px 10px;
	padding:0;
	/*padding: 0 0 0 10px;background:url(images/listitemdot.gif) no-repeat 0 4px;*/
}

#adbar a {
	font-weight: bold;
	}
	
 #adbar table, td, tr {
	padding: 0;
	margin: 0;
	width:100%;
	height:100%;
}

 #adbar iframe {
 /*float: left;*/
 	padding: 0;
 	margin: 0;
 	/*display:compact;*/
 	position: relative;
 	width: 120px;
 	/*height:90px;*/
 }	

 #adbar object,embed {
padding: 0;
 	margin: 0;
 	/*display:compact;*/
 	position: relative;
 	width: 125px;
 	height:240px;
	}

/* sidebars */
#sidebar {
	float:right;
	width:202px;
	padding:0 0 15px 0; 
	margin:20px 0 20px 0;
	border-left:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
}	


.sidebarheading {
	margin:0;
	padding:6px 0 6px 6px;
	color:#303030;
	background:#ebebeb;
	font:10px "Gill Sans", Helvetica, Geneva, Verdana, sans-serif;
	position: relative;
	/* to fix IE Win display bug */
	text-transform:uppercase;
	letter-spacing:0.1em;
	overflow:hidden;
}

.leftsidebarheading {    
	margin:0;
	padding:6px 0 6px 6px;
	color:#303030;
	background:#ebebeb;
	font:10px "Gill Sans", Helvetica, Geneva, Verdana, sans-serif;
	position: relative;
	/* to fix IE Win display bug */
	text-transform:uppercase;
	letter-spacing:0.1em;
	overflow:hidden;
}

#sidebar p {
	margin:10px 0 10px 10px;
	padding:0;
}
/* Win IE glitch, if li defined it'll throw off the other lis */
#sidebar ul {
	margin:0;
	padding:0;
	list-style:none;
	line-height:14px;
}

#sidebar li {
	margin:8px 0 8px 10px;
	padding:0;
	/*padding: 0 0 0 10px;background:url(images/listitemdot.gif) no-repeat 0 4px;*/
}

#sidebar li li
{
	list-style-type: square;
	list-style-position: inside;
}

#sidebar a {
	font-weight: bold;
	}
	
#sidebar img {
	border:0;
	padding:0;
	margin:10px 0 10px 10px;
}		
	
#sponsoredby {
	margin:0 0 12px 0;
	font: 1.1em/1em Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-weight: bold;
}

#sponsoredbycopy {
	margin:0 0 12px 0;
	text-align: center;
}

#whatdo p
{
	margin:0;
	padding:10px;
	color:#111111;
	font-weight:bold;
}

/* paragraph that contains sidebar pictures */
#sidebar p.pic {
	text-align:center; 
	color: #666666;
	margin: 0.7em 15px 10px 15px;
	padding: 0;
	font-size: 0.9em;
	line-height:1.2em;
}
#sidebar p.pic a {
	font-weight: normal;
}

/* body links */

a, a:visited {
	text-decoration: none;
	color:  #669900;
	background: transparent;
}

a:hover {
	text-decoration: underline;
	color: #CC3300;
	background: transparent;
}
a:active { 
	text-decoration: none;
	color: #CC3300;
	background: transparent;
}	

/* footer */
#footer {
	margin: 0 auto 0 auto;
	padding:10px 0 10px 0;
	text-align:center;
	color:#666666;
	position:relative;
	clear:both;
	/* make sure we are under the sidebar */
}

#footer p {
	margin: 0;
	font:10px "Gill Sans", Helvetica, Geneva, Verdana, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	padding: 1px 0 2px 0;
}
/* extra space for the vertical separators */
#footer .sep {
	margin: 0 9px;
}

/*#bottomborder {
    height:22px;
    background-image:url(images/bottom.gif);background-repeat:no-repeat;
	width: 764px;
	margin: 0 auto;
	padding:0 0 0 0;}*/

/*misc */

/* to skip the navigation */	
.skippytheskipper { display: none; }
	
/* xfn met */
a[rel~="met"]:after {content: " (met)";}
	
/* to hide the text link */
.alt { display: none; }


/* form labels are clickable */
label {cursor: pointer;}

code, pre	{
	margin: 0 0 0 1.5em;
	font:	11px monaco, "andale mono", courier, "courier new";
	color:	#630;
	background-color: transparent;
}

/*.blogosphere {
	background-color: #F4F4F4;
	padding: 0.25em 0.5em 0.25em 0.5em;
	border: 1px solid #E4E4E4;
}*/

 /* zebra stripe comments */

.even {
	background-color: #F5F5F5;
	padding: 0.5em 0.5em 0.25em 0.5em;
	/*border-top: 1px dotted #B2B2B2;
	border-bottom: 1px dotted #B2B2B2;*/
}

a,area,label {outline:none;} /* hide the nasty outline in IE 5 mac */
strong {font-weight: bold;}
em {font-style: italic}

/* turn off image border for banners */

#banners a:hover {text-decoration: none; border-bottom: 0px solid #000; color: #000;}
#banners img {border:0px}

head:first-child+body #banners a:hover { /* for smart browsers */ text-decoration: none; border-bottom: 0px solid #000;}