/* Main Styles */
/* Left Tan : 6f6c53, Maroon: 391412 */

html {background-color: #F2F2F2;}
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	-webkit-text-size-adjust:none;
}

div.container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:750px;
	background:#f0f0f0;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

/* Changing backgrounds/headers per category 
body.defaultColor { background-color: #391412; }
body.homeColor { background-color: #391412; }
body.audioColor { background-color: #391412; }
body.webColor { background-color: #391412; }
*/

.hidden {display: none;}

h1 {}
h2 {font-size: 138.5%; font-weight: bold;} /* 18px */
h3 {font-size: 123.1%; font-weight: bold;} /* 16px */
h4 {font-size: 108%; font-weight: bold;} /* 14px */ 
/* Other font size percentages YUI | 77 - 85 - 93 - 100% */

strong {font-weight: bold;}
em {font-style: italic;}
.alignright {float: right;}
.alignleft {float: left;}

blockquote {border-left: 5px solid #DDDDDD; margin: 15px 30px 0 10px;padding-left: 20px;}

code {background-color:#F9F9F9;border:1px dashed #2F6FAB;color:black;line-height:1.1em;
padding:1em; display: block;}

code.inline {display: inline-block;}

#searchform label {font-size: 77%; font-style: oblique;}

/* May 09 - Fleetwood Mac Theme */
/* Links */
a {color: #6f6c53;}
a:hover {color: #391412;}
a.reverse {color: #391412;}
a.reverse:hover {background-color: #6f6c53; color: #FFF;}
a.none:hover {background: none;}

/* Site Navigation */
.mainNavigation {
	text-align: right;  
	padding: 6px 30px 0; 
	margin-top: 5px;
	font-size: 100%;
}

.mainNavigation ul li {padding-bottom: 7px;}

.mainNavigation ul li a {
	padding: 3px 25px 0 0; 
	background: url(images/turntablesprites_2.png) no-repeat right -22px;
	color: #FFF; 
	text-decoration: none;
	font-family: Verdana;
	letter-spacing: .2em;
	text-transform: uppercase;   
}

.mainNavigation ul li.selected a {
	background-position: right 0;  
}

.mainNavigation ul li a:hover {
	background-position: right 0;
	color: #4E1200;
}

#header { padding: 10px; }

#headerBlogInfo { padding: 54px 0 0 84px; }

.headerWrapper {
	height: 200px;
	/* Main Album header background */
	background: repeat-y url(images/header_yes.jpg); height: 140px;
}

#headerBlogInfo h1 {
	/* blog title header */
	/* background: no-repeat url(images/hd_blog_fm.png); 
	height: 48px; 
	width: 375px;*/
}

#headerBlogInfo h1 a {
	font-family: Verdana;
	text-decoration: none;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #FFF;
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
	/* height: 48px; */	
}

.headerImg {
	border: none; 
	height: 80px; /* 176 */
}

.homepagePosts {
	/* other main album image for homepage */
	 background: url(images/bkgMain_yes.jpg);
	 border: none; 
	 height: 773px;
	 color: #FFFFFF;
}

.homepagePosts .description {
	font-size: 123.1%;
	color: #4D432E;
	padding: 0 48px;
	font-style: italic;
	line-height: 143%; /* 16px */
}

.homepagePosts a {
	display: block;
	text-decoration: none;
}

.homepagePosts a:hover {
	background: none;
}

.homepagePosts a strong {
	float: left;
	background-color: #F3E8E9;
	font-weight: normal;
	padding: 0 2px 0 0;
}

.homepagePosts h2, .post h2 {
	 font-size: 123.1%;
	 font-weight: bold;
	 padding-bottom: 10px;
}

.homepagePosts h2 a {
	 color: #FFFFFF;
}

.homepagePosts .post {
	padding-right: 77px;
}

.homepagePosts .post.homeLeft {
	padding: 20px 65px 20px 30px;
}

.homepagePosts .post.homeRight {
	text-align: right; 
	padding: 20px 30px 20px 65px;
}

.homepagePosts .post .entry {
	padding: 0;
}

.homepagePosts .post {
	text-align: left;
}

.homepagePosts .recentPosts.web {
	padding: 130px 30px 0;
	text-align: right;
	margin-bottom: 20px; 
}

.homepagePosts .recentPosts.web h3, .homepagePosts .recentPosts.audio h3 {
	color: #391412; /*, maroon: 391412 */
	text-align: left;
	font-weight: normal;
}

.homepagePosts .recentPosts.audio {
	text-align: right; 
	padding: 0 30px;
}

.homepagePosts .recentPosts ul li {
	padding: 2px 0;
	color: #000;
	clear: both;
	text-align: right;
}

.homepagePosts .recentPosts ul li a {
	background: url(images/dot.png) repeat scroll 0 0;
}

.timeStamp {
	color: #999;
	font-size: 85%;
	background-color: #F3E8E9;
	display: inline;
	font-style: italic;
	font-variant: small-caps;
	padding: 0 0 0 4px;
}

.homepagePosts .recentPosts a.morePosts {
	text-decoration: none;
	float: none;
	display: inline;
	background: none;
}

/* 404 */
#content.missingPage {
	text-align: center;
	background: url(http://hansgutknecht.org/wp-content/uploads/2009/11/error7.jpg) no-repeat;
	width: 420px;
	height: 255px;
	margin: 10px auto;
}

#content.missingPage h2 {
	color: #FFF;
}

/* article navigation prev,next */
.navigation {display: block; text-align: center; width: 700px; border: 1px groove #CCC; overflow: auto; margin: 9px auto 0; padding: 3px;}

.footContent {
	border-top: 1px solid #391412;
}

.footContent .yui-u .tweet  {
	border-left: solid 1px #6f6c53;
	border-right: solid 1px #6f6c53;
	background-color: #CCCCCC;
	color: #391412;
	font-size: 108%;
	height: 85px;
	text-overflow: ellipsis;
	overflow: auto;
}

.footContent .yui-u .tweet .followTweets  {
	clear: both;
	/* font-size: 77%;
*/}

#content.archive h2, #content.archivesPage h2, #content.links h2, #content.page h2, #content.single h2 {
	padding: 10px 20px;
	background-color: #4E1200;
	color: #FFF;
}

/* Archives and Archive Page */

#content.archives { padding: 20px; }

#content.archive.web h2 {
	background-color: #391412;
}

#content.archive.audio h2 {
	background-color: #6f6c53;
}

#content.archive h3, #content.searchPage h3 {
	padding: 0;
}

#content.archive .post .entry {padding: 10px 20px 0}

#content.archive ul.archive_subnav {padding: 10px 0 0 20px; font-size: 77%; font-style:italic;}

#content.archive div.archiveHead {background-color: #CCCCCC; padding: 3px;}

#content.archive div.archiveHead span {font-size: 77%; font-weight: 100; font-style: italic;}

#content.archivesPage {
	padding-bottom: 20px; 
}

#content.archivesPage h3 {
	color: #391412;
	 padding: 10px 20px 0;
}

#content.archivesPage ul {
	padding: 4px 40px;
}

#content.archivesPage ul li {
	list-style-type: katakana-iroha;
	padding: 1px;
}

#content.archivesPage ul li.categories {
	font-weight: bold;
}


#content.searchPage h2 {
	padding: 10px 20px;
	background-color: #CFB069;
	color: #FFF;
	border-bottom: 1px solid #391412;
}

#content.archive h3 a {
	color: #000;
}



/* Apply to first child of in class entry with the p tag */
.entry span:first-child + p { 
	display: inline; 
}

.entry span:first-child + p + p {
	margin-top: 1.2em;
}

.entry ol, .entry ul, .entry dl { 
	    /*bringing lists on to the page with breathing room */ 
	    margin: 1em; 
} 

.entry dt {
		font-weight: bold; 
		padding: 2px;
		font-size: 123.1%;
} 

.entry ol li { 
	    /*giving OL's LIs generated numbers*/ 
	    list-style: decimal outside;  
		padding: 2px;   
} 

.entry ul li { 
	    /*giving UL's LIs generated disc markers*/ 
	    list-style: disc outside; 
} 

.entry dl dd { 
	    /*giving UL's LIs generated numbers*/ 
	    margin-left: 1em;
		padding: 2px; 
} 

.post { /* Difference? */
	padding: 10px 20px 0;
	text-align: justify;
}

.entry p {
	margin-bottom: 1.2em; 
}

.entry {
	padding: 0 30px;
}

.entry ul.portList {
	padding: 10px;
	margin-bottom: 10px;
	overflow: auto;
	width: 750px;
}

.divider {
	border-top: 1px solid #999;
	margin: 10px 0;
}

.entry ul.portList li {
	list-style-type: none;
	display: inline;
}

.entry ul.portList .thumb {
	width: 300px;
	margin-bottom: 20px;
}

.entry .portList img {
	margin-right: 20px;
	padding: 5px;
	border: 1px solid #666;
	margin-bottom: 20px;
}

.entry .portList .desc {
	line-height: 130%;
}


#content .skills, #content .code {font-size: 85%; overflow: auto;}
#content .skills h4, #content .code h4 {padding: 15px 25px 0 25px;}
#content .code span {font-style: italic;}
#content .code span.sub {padding-left: 25px;}
#content .skills ul {padding: 0 25px 10px 25px;}
#content .skills ul li {padding-bottom: 7px;}
#content .code dl {padding: 0 25px 10px 25px; margin-top: 0;}
#content .code dl dt {font-size: 100%; padding-top: 10px;}
#content.page {padding-bottom: 85px;}



.spiffy {display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #391412;
  border-right:1px solid #391412;
  background:#391412}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #391412;
  border-right:1px solid #391412;background:#391412}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #391412;
  border-right:1px solid #391412;background:#391412}
.spiffy4{
  border-left:1px solid #391412;
  border-right:1px solid #391412}
.spiffy5{
  border-left:1px solid #391412;
  border-right:1px solid #391412}
.spiffyfg{
  background:#FFFFFF;
  border-left:1px solid #391412;
  border-right:1px solid #391412;
}


/* jQuery */
#selector { float: right; background-color: #666666; border: 1px solid #DDD; padding: 5px; margin: 0 0 15px 15px; }
#selector .hover { cursor: pointer; }
#selector h3 { font-size: 10px; padding: 0; margin: 0; text-align: center; color: #FFF; padding: 0 5px;}
#selector .selButton, #fontSwitcher .button { 
	font-size: 10px;
	background-color: #FFFFFF; 
	border-color: #888888 #444444 #444444 #888888; 
	border-style: solid; 
	border-width: 1px;
	margin: 5px;
	padding: 5px;
	text-align: center;
	width: 77px;
	line-height: 13px;
	position: relative;
}
#selector .selButton.selected { font-weight: bold; }
#formatEntry.moreSpace { padding: 0 30px 0 60px; line-height: 170%; }
#formatEntry.fontLarge { font-size: 130%; line-height: 150%; }

#fontSwitcher { background-color: #666; margin-bottom: 10px; padding: 10px; width: 200px; height: 65px; position: relative; }
#fontSwitcher .button { float: left; }
#fontSwitcher .label { text-align: center; cursor: pointer; font-style: italic;}

span.footnote {display: block; font-style: italic; margin-bottom: 10px;}
.chapter span.footnote {display: inline;}


.postmetadata {
	font-size: 77%;
	padding: 10px;
	background-color: #F8F8F8;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	color: #777777;
	margin: 5px 0 0;
	line-height: 161.6%;
}

.homepagePosts .postmetadata {
	 padding: 3px 10px;
	 border: none;
	 background-color: #FFF;
}

.homepagePosts .postmetadata a {
	 color: #777777;
}

.recentPosts h3 {
	padding: 3px 0;
}

.recentPosts a.morePosts {
	/* font-weight: bold; */
}

/* Links Page */

#content.links { padding: 0 0 85px 0; }

#content.links ul { padding: 5px 20px; }

#content.links ul li.linkcat { list-style-type: none;}

#content.links ul li {list-style-type: square; padding: 3px;}

#content.links h2.mainTitle {background-color: #391412; margin-bottom: 10px; font-size: 138.5% }

#content.links h2 {padding: 5px 20px; background-color: #6f6c53; color: #FFF; font-size: 100%;}

#content.links h3 {font-size: 100%; padding: 0;}

#content.links h4 {font-size: 100%; padding-top:10px;}

/* PAGES */

#content.page h2 { /*background-color: #6f6c53; */ margin-bottom: 10px; }

#content.page h2.alt { background-color: #391412; }

#content.page .recentPosts { padding: 0 0 20px 55px; }

#content.page .recentPosts .divider { width: 92%; }

#content.page .recentPosts a.morePosts { text-decoration: none; }

#content.page .recentPosts ul li { padding: 2px; }

#content.page .recentPosts.audio h3 { padding: 0; color: #391412; }

#content.page .recentPosts.web h3 { padding: 0; color: #6f6c53; }

#content.page ul.contact li { padding: 5px; }

/* SINGLE PAGE */

#content.single h2 { margin-bottom: 10px; }
#content.single h2.web { background-color: #6f6c53; }
#content.single h2.audio { background-color: #391412; }

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
}

.commentlist {
	padding: 0 100px;
	text-align: justify;
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar {
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	font-weight: normal;
}

.alt {
	background-color: #F8F8F8;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
}

#commentform {padding: 0 20px;}

/* End Comments */

/* Footer */

#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	text-align: center; padding: 10px 0; color: #CCC; overflow: auto;background: url(images/footer_yes.jpg); }

#footer ul.w3 { padding-left: 20px; }
#footer ul.wpfoot { padding-right: 20px; }
#footer ul li { display: inline; }
#footer ul li a { color: #CCC; }
#footer ul li a:hover { color: #6f6c53; }
#footer ul li.syndication { font-size: 77%; }

/* Flickr */

.flickrHeader { font-style:italic; font-size: 87%; text-align: center; padding-bottom: 5px;}

ul.flickr { text-align: center; padding-bottom: 10px; }

ul.flickr li { display: inline; }

ul.flickr li img { border: 1px solid #999; margin: 2px; padding: 2px; }

ul.flickr li a:hover { background: none;}

/* Videos in posts */

.videoContainer {width: 219px; background-color: #CCCCCC; overflow: auto; margin-bottom: 10px;}
.videoContainer .clip {}
.videoContainer .clipInfo {padding: 10px; font-size: 87%;}

/* Disco */
.discoWrapper h1 { color:#FFF; font-size: 160%; background: #000 url(../monochrome/img/stripe4.gif) left top; padding:10px; border:1px solid #454545; margin:0 15px; line-height:160%; }
#disco { text-align: left; }
#disco h2 { margin: 5px 0; color: #391412;}
#disco h3 { margin: 3px 0; color: #6f6c53;}
#disco th,#disco td { padding: 5px; }
#disco th { font-weight: bold; background-color: #391412; color: #FFFFFF; }


.footContent .yui-u .about, .footContent .yui-u .search, .footContent .yui-u .tweet, #content.searchPage .yui-u .search {
	padding: 10px 20px;
}

/*


.headContent .yui-u .audioHead, .headContent .yui-u .webHead {
	padding: 10px 30px;
}


.headContent .yui-u .audioHead, .headContent .yui-u .search {
 	text-align: right;
}

.webHead dl dt, .audioHead dl dt {
	font-weight: bold;
	padding-top: 5px;
}

.headContent .yui-u .audioHead h3 {color: #391412; border: 1px dotted #391412; padding: 2px 5px;}

.headContent .yui-u .webHead h3 {color: #6f6c53; border: 1px dotted #6f6c53; padding: 2px 5px;}
*/