/*

Theme Name: John

Theme URI: http://jefferiesdesign.com/

Description: Band website for John Cowan.

Author: Oliver Denson

Author URI: http://jefferiesdesign.com/

version: 2.0

Tags: two-column, widget-ready, blank

*/







/*reset*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

}







/* basics */



*{margin:0; padding:0;}



body {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	background-attachment: fixed;

	background-color: #FFF;

	background-image: url(images/john_background.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	}

small{

	font-family: Verdana, Geneva, sans-serif;

	font-size: 9px;

}



p{

	line-height: 14px;

}



h1 {font-size: 18pt;}

h2 {font-size: 14pt;}

h3 {

	font-size: 10pt;

	color: #64241A;

	margin-top: 20px;

	padding: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

h4 {font-size: 9pt;}



.post img {
	padding-right: 20px;	
}

img{ border: none; padding:0; }

img a{border:none;}



img.left{ float: left; border: none; padding: 6px 0 0 0; }

img.right{ float: right; border: none; padding: 0 0 0 6px; }



blockquote{

	border-left:1px solid #A5ABAB;

	margin:15px;

	padding:0 12px 0 12px;

	}



code{

	font-family:"Courier New", Courier, monospace;

	}





/* links */



a{

	color:#64241A;

	text-decoration:none;

	}



a:hover{

	color: #000;

}







/* container */





#container {

	width: 960px;

	margin: 0 auto;

	overflow: hidden;

	}

	

/* header */



#header {

	width: 960px;

	height: 100px;

	margin-top: 10px;

	}



#header h1, #header h2{

	text-indent: -9999px;

	margin: 0px;

	padding: 0px;

	}

	

#header h1 a{

	color: #404040;

	text-decoration: none;

	float: right;

	background-image: url(images/logo.png);

	display: block;

	height: 93px;

	width: 628px;

}





/* main menu */





#menu {

	font-size: 12pt;

	width:960px;

	padding-top:10px;



}





#menu ul {

	padding:0;

	float: right;

	margin-top: 0;

	margin-right: 6px;

	margin-bottom: 0;

	margin-left: 0;

}



#menu ul li {

	list-style-type: none;

	float:left;

	margin: 0;

	padding: 0;

}



#menu ul li a {

	margin: 0;

	display:block;

}



/* CUSTOM NAV */



#menu ul #home a {

	background-image: url(images/nav/nav_01.png);

	text-indent: -9999px;

	height: 35px;

	width: 53px;	

}

#menu ul #home a:hover {

	background-image: url(images/nav/navro_01.png);

	text-indent: -9999px;

	height: 35px;

	width: 53px;	

}



#menu ul #history a {

	background-image: url(images/nav/nav_02.png);

	text-indent: -9999px;

	height: 35px;

	width: 73px;

}

#menu ul #history a:hover {

	background-image: url(images/nav/navro_02.png);

	height: 35px;

	width: 73px;

}



#menu ul #projects a {

	background-image: url(images/nav/nav_03.png);

	text-indent: -9999px;

	height: 35px;

	width: 78px;

}

#menu ul #projects a:hover {

	background-image: url(images/nav/navro_03.png);

	height: 35px;

	width: 78px;

}



#menu ul #news a {

	background-image: url(images/nav/nav_04.png);

	text-indent: -9999px;

	height: 35px;

	width: 53px;

}

#menu ul #news a:hover {

	background-image: url(images/nav/navro_04.png);

	height: 35px;

	width: 53px;

}



#menu ul #blog a {

	background-image: url(images/nav/nav_05.png);

	text-indent: -9999px;

	height: 35px;

	width: 53px;

}

#menu ul #blog a:hover {

	background-image: url(images/nav/navro_05.png);

	height: 35px;

	width: 53px;

}



#menu ul #store a {

	background-image: url(images/nav/nav_06.png);

	text-indent: -9999px;

	height: 35px;

	width: 49px;

}

#menu ul #store a:hover {

	background-image: url(images/nav/navro_06.png);

	height: 35px;

	width: 49px;

}



#menu ul #forum a {

	background-image: url(images/nav/nav_07.png);

	text-indent: -9999px;

	height: 35px;

	width: 62px;

}

#menu ul #forum a:hover {

	background-image: url(images/nav/navro_07.png);

	height: 35px;

	width: 62px;

}



#menu ul #gallery a {

	background-image: url(images/nav/nav_08.png);

	text-indent: -9999px;

	height: 35px;

	width: 73px;

}

#menu ul #gallery a:hover {

	background-image: url(images/nav/navro_08.png);

	height: 35px;

	width: 73px;

}



#menu ul #links a {

	background-image: url(images/nav/nav_09.png);

	text-indent: -9999px;

	height: 35px;

	width: 53px;

}

#menu ul #links a:hover {

	background-image: url(images/nav/navro_09.png);

	height: 35px;

	width: 53px;

}



#menu ul #contact a {

	background-image: url(images/nav/nav_10.png);

	text-indent: -9999px;

	height: 35px;

	width: 73px;

}

#menu ul #contact a:hover {

	background-image: url(images/nav/navro_10.png);

	height: 35px;

	width: 73px;

}







/* content */





#content {

	min-height: 600px;

	float: right;

	width:615px;

	overflow: hidden;

	padding-top: 20px;

	text-align: justify;	

	}

	



.post {

	margin:0;

	padding:0;

	line-height: 14pt;

	}

	

.post h2{

	color: #64241A;

	font-family: georgia, times;

	font-size: 16px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	text-transform: uppercase;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #000;

	margin-bottom: 5px;

	}

	

.post ul {}



.post li {}



.entry {margin-bottom: 40px;}

.entry p{margin:12px 0;}



.postmetadata{

	clear: both;

	background:#FBFBFB;

	padding:6px;

	margin: 20px 0;

	}

	



.navigation {

	width:100%;

	float:left;

	margin:0;

	overflow:hidden;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 0;

	}

	

.alignleft a{float:left; margin:0;}

.alignright a{float:right; margin:0;}







.projectHead{

	font-family: georgia,times;



font-size: 20px;



font-style: normal;



font-weight: bold;



font-variant: normal;



text-transform: uppercase;



border-bottom-width: 1px;



border-bottom-style: solid;



border-bottom-color: #000000;



margin-bottom: 5px;

}



.noSpace{

	margin: 0px;

	padding: 0px;	

}



/* sidebar */



#sidebar {
	font-family: verdana, arial, tahoma;
	font-size:8pt;
	width:615px;
	float:right;
	margin:0;
	padding: 0;
	clear: both;
	



	}



#sidebar h2{

	font:normal 14pt georgia, times;

	color: #000;	

	margin: 0;

	padding: 0;


}



#sidebar label{

	font:normal 11pt arial, georgia, times;

	color: #000;	

	margin: 0;

	padding: 0;
			display: inline;

}



#sidebar p {margin:0; padding:0;}



#sidebar img {padding: 0; margin: 0;}



#sidebar ul {
	margin:0;
	padding:0;

	}



#sidebar ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;

	}



#sidebar ul ul {

	margin:14px 0;

	padding:0;



}



#sidebar ul ul li {

	list-style-type: none;

	display: inline;

	}



#sidebar ul ul ul{

	margin: 0;

	padding: 0;

}



#sidebar ul ul ul li{

	padding: 0 0 0 15px;

	list-style-type: square;

	color: #898989;

}







/* comments */





#commentform{

	margin:0;

	padding:0;

	}

	

#commentform p{

	color: #000;

	}

	

#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}

	

#commentform h3{

	font-family: georgia, times, verdana;

	font-size: 10pt;

	font-weight: 300;

	color: #000;

	margin:0;

	padding:0;

	}

	

#comment{

	width:98%;

	}



#author, #email, #url, #comment, #submit{

	background: #fff;

	font-family: verdana, arial, times;

	font-size: 8pt;

	margin:5px 5px 0 0;

	padding:0;

	border: 1px solid #000;

	}

	

#submit{margin:5px 5px 0 0;}



#comments{margin:0; padding:0}

	

ol.commentlist {list-style-type: none; margin:0; padding:0;}



.avatar{float:left; margin:0 12px 0 0;}



ol.commentlist li {

	background: #FBFBFB;

	margin:10px 0;

	padding:5px 0 5px 10px;

	list-style-type:none;

	}



ol.commentlist li.alt {

	background-color: #fbfbfb;

	color: #64241A;

}

ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}



ol.commentlist a {color:#000;}



cite {

	font-family: arial, verdana, tahoma;

	font-size: 9pt;

	font-weight: bold;

	font-style: normal;

	}

	

cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}





#respond h3 {

	margin-bottom: 20px;	

}







/* search */



#searchform{

	padding:0;

	margin:14px 0;

	}



#searchform input#s{

	margin:0;

	padding:2px;

	border:1px solid #000;

	}



	

	

/* misc */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	display: inline;

	margin-top: 0;

	margin-right: 7px;

	margin-bottom: 2px;

	margin-left: 0;

	padding-right: 4px;

	padding-bottom: 4px;

	padding-top: 4px;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

	

.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}









/* footer */



#footer {
	width: 617px;
	margin-bottom: 50px;
	float: right;
	}

	

#footer p{padding:14px 0;margin: 0; text-align:right;}

#footer a{}

#footer a:hover{}





/* Tour Dates Calendar */



.tourHead {

	font-size: 16px;

	color: #000;

	font-weight: bold;

	margin-bottom: 5px;

	text-transform: uppercase;

	background-color: #FBFBFB;

	padding-top: 4px;

	padding-right: 4px;

	padding-bottom: 4px;

}





.clearTrick {

	clear: both;

	margin-bottom: 30px;

}



#twitterLatest h3 a {

	background-image: url(http://www.johncowan.com/wp-content/uploads/2009/10/tweet.png);

	text-align: center;

	text-indent: -9999px;

	display: block;

	height: 28px;

	width: 148px;

	margin-bottom: 10px;

}



#twitterLatest ul li {

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #D8D8D8;

	padding-top: 5px;

	padding-bottom: 5px;

}



#twitterLatest h4 {

	font-size: 14px;

	color: #000;

	text-transform: capitalize;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #333;

	margin-bottom: 10px;

}



#twitterLatest a {

	color: #000;	

}

#twitterLatest a:hover {

	color: #64241A;	

}



#socialFlash {

	margin-top: 20px;

	margin-bottom: 0px;	

}



#tourFixed {

	position: fixed;

	right: 0px;

	bottom: 0px;

}



#tourFixed a{

	background-image: url(http://www.johncowan.com/wp-content/uploads/2009/10/tourFix.png);

	text-align: center;

	text-indent: -9999px;

	display: block;

	height: 39px;

	width: 193px;

}




.clearArchive {
	clear: both;
	margin-bottom: 20px;
}