@charset "utf-8";



/* CSS Document JamesWetzel.com */







body {



	background-position: center -80px;



	text-align: center;cn



	margin: 0;



	padding: 0;



	font-family: verdana;



}







#wrapper {



	background: transparent url(/Images/jameswetzelcom_header.jpg) no-repeat center top;



	min-width: 950px;



}







#doc {



	width: 950px;



	margin: auto;



	text-align: left;



	position: relative;



	z-index: 1;



}







[dir="rtl"] #doc {



	text-align: right;



}







#doc:after {



    content: ".";



    display: block;



    height: 0;



    clear: both;



    visibility: hidden;



}







.hide { display: none; }







#header {



	width: 920px;



	margin: 0 5px;



	height: 100px;



	font-family: verdana;



}







#header #return {



	float: right;



	font-family: georgia, serif;



	font-size: 120%;



	margin: 10px 20px 0 0;



}







#header a#return:link,



#header a#return:visited {



	color: #000;



}







#header h1 {



	margin: 0px 20px 0 0;



	float: left;



	font-size:80%;



}







#header h1 img { display: block; }







#header h1 a:link,



#header h1 a:visited { color: #fff; }



#main-feature {



	font-size: 165%;



	padding-top: 45px;



	padding-bottom: 1px; /* Safari collapsing borders min-height fix */



}







#main-feature h2 {



	margin: 0 235px 0 35px;



	color: #fff;



	font-size: 360%;



	margin-right: 0;



}







#main-feature p {



	font-size: 100%;



	margin: 8px 445px 35px 35px;



	color: #4b4742;



}







#central #main-feature { min-height: 187px; align:center;}







* html #central #main-feature { height: 187px; /* Hack for IE6 */ }







#feature {



	margin: 0 10px;



	font-size: 100%;



}







.js #feature {



	overflow: hidden;



	height: 525px;



	width: 950px;



	margin: 0 0 0 10px;



	background: url(/Images/Design/feature-background.png) 0 50px no-repeat;



}







#nav {



	margin: 10px 115px;



	padding: 0;



	left: auto;



}







#nav li {



	background: none;



	float: left;



	display: inline;



	margin: 0;



	padding: 15px 0 5px 0;



	min-height: 60px;



}







.js #nav li {



	background-image: url(/Images/Design/tab-background.png);



	background-position: center top;



	background-repeat: no-repeat;



}







#nav li a {



	display: block;



	font-size: 150%;



	text-align: center;



	padding: 10px 25px 8px 25px;



	border-right: 1px solid #d7d5d1;



}







#nav li.first {



	background-position: left top;



	padding-left: 45px;



}







#nav li.last {



	background-position: right top;



	padding-right: 0px;



}



#nav li.last a {



	border-right: 0;



}







#nav li a.selected:link,



#nav li a.selected:visited {



	color: #4B4740;



	outline: none;



}



#page-feature-videos {



	/*background: url(/Images/Design/curtains.jpg);*/



}



#nav li a.selected:hover,



#nav li a.selected:active { text-decoration: none; }







#nav.pager-selected-feature-videos    li#videos-link    { background-position: left   -80px; }



#nav.pager-selected-feature-bio   li#bio-link   { background-position: center -80px; }



#nav.pager-selected-feature-images    li#images-link    { background-position: center -80px; }



#nav.pager-selected-feature-music    li#music-link    { background-position: center -80px; }



#nav.pager-selected-feature-links    li#links-link { background-position: right  -80px; }







.feature-contents {



	clear: both;



	padding: 10px 35px;



}







.feature-contents h3 { font-size: 137%; margin-top: 10px; }



.feature-contents h4 { font-size: 110%; }







.feature-contents p { margin-bottom: 2em; }







.feature-contents h4 a img {



	float: right;



	padding: 0 0 0 1em;



}







.feature-contents .try-this {



	background: url(/Images/Design/column-divider.png) top left no-repeat;



	padding-top: 35px;



	margin-top: 35px;



}





.center { 

	

	text-align: center;
	

	height: 338px;

}



.col1 {



	float: left;



	width: 435px;

	

	height: 365px;



	margin-right: 35px;



	background: #fff;



}







.col2 {



	float: left;



	width: 385px;



	background: #fff;

	

	height: 365px;



}







/* Text and Links */







body {



	font-family: georgia, serif;



	color: #807970;



}







a:link,



a:visited {



	text-decoration: none;



	color: #0489b7;



}







a:hover,



a:active {



	text-decoration: underline;



	color: #0489b7;



}







a.external:link,



a.external:visited {



	padding-right: 8px;



}







a.external:hover,



a.external:active {



	padding-right: 8px;



	background: transparent url(/img/tignish/content/external-link.png) center right no-repeat;



}







h1 a.external:link,



h2 a.external:link,



h3 a.external:link,



h4 a.external:link,



h5 a.external:link,



h6 a.external:link,



h1 a.external:visited,



h2 a.external:visited,



h3 a.external:visited,



h4 a.external:visited,



h5 a.external:visited,



h6 a.external:visited {



	padding-right: 16px;



}







h1 a.external:hover,



h2 a.external:hover,



h3 a.external:hover,



h4 a.external:hover,



h5 a.external:hover,



h6 a.external:hover,



h1 a.external:active,



h2 a.external:active,



h3 a.external:active,



h4 a.external:active,



h5 a.external:active,



h6 a.external:active {



	padding-right: 16px;



	background: transparent url(/img/tignish/content/external-link-large.png) center right no-repeat;



}







p,



dd,



#content li,



#main-content li {



	line-height: 1.5;



}







#footer a.external:hover,



#footer a.external:hover {



	background-image: url(/img/tignish/content/external-link-footer.png);



}







strong { font-weight: bold; }







em { font-style: italic; }







abbr,



acronym {



	border-bottom :1px dotted #000;



	cursor: help;



}







p,



fieldset,



table,



pre {



	margin-bottom: 1em;



}







h1, h2, h3, h4, h5, h6 {



	font-family: georgia, serif;



	font-weight: normal;



	color: #4b4740;



}







h1 { font-size: 185%; }



h2 { font-size: 170%; }



h3 { font-size: 165%; }



h4 { font-size: 137%; }



h5 { font-size: 110%; }



h6 { font-size: 100%; }







h1, h2, h3 {



	margin: 1em 0;



}







ul {



	margin: 1em 0 1em 0;



	padding: 0;



	position: relative;



	left: -10px;



	zoom: 1;



}







ul li,



ol li ul li {



	list-style-type: none;



	padding: 3px 0 4px 10px;



	background: url(/img/tignish/content/bullet.png) 0 10px no-repeat;



}







html[dir=rtl] ul li,



html[dir=rtl] ol li ul li {



	padding: 3px 10px 4px 0;



	background-position: 100% 10px;



}







blockquote {



	margin: 1em;



}







ol,



dl {



	margin: 1em;



}







ol,



dl {



	margin-left:2em;



}







ol li,



ul li ol li {



	list-style: decimal outside;



	background: none;



}







dl dd {



	margin-left:1em;



}







/* }}} */



/* {{{ Table */







td, th { border: 0; }







table.data-table {



	border-top: 1px solid #eee;



}







table.data-table td,



table.data-table th {



	padding: 0.5em 0.5em;



	border-bottom: 1px solid #eee;



}







/*  Footer */



#firefox-info,



#wetzel-info {



	float: left;



	width: 315px;



	padding: 28px 20px 80px 100px;



	background-position: top left;



	background-repeat: no-repeat;



	margin: 1em 20px 1em 20px;



	color: #afaba3;



	display: inline;



}







#firefox-info {



	background-image: url(/Images/Design/firefox-info.png);



}







#wetzel-info { background-image: url(/Images/Design/wetzel-info.png); }







#firefox-info h3,



#wetzel-info h3 {



	margin: 0 0 10px 0;



	color: #807970;



	font-size: 175%;



}