/*
Wordpress CSS Document
Theme Name: Gohan Records
Version: 1.0
Author: Scratch Web Design


Colour Key
Blue #5a7085
Grey #7c8a8a
Grey #555
Link #abc8e2
Hover #f6feff
*/

@import url("http://www.gohanrecords.com/css/reset.css"); /* Browser Reset */

/* 
		UTILITY 
*/

/* Saves having to declare each div/ul/li's position as 'relative' and allows absolutely positioned elements inside them */
div, ul, li { position:relative } 

.floatleft { float: left; }
.floatright { float: right; }
/* Use this br class to clear floated columns */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
.clear { clear:both; display:block; } 
.block { display: block;}

/* Use for offscreen text  */
.screenreadertext { 
	position: absolute;
	left: -9999px;
}


/* 
		DOCUMENT
*/

html { height: 100%; }

body { 
	height: 100%;
	 }

/* 
		HEADER IR
*/

h1#logo {
	position: relative;
	width: 650px; /* bg img width less padding */
	height: 80px; /* bg img height less padding */
	padding: 40px 0 0 0;
	overflow: hidden;
}
h1#logo span {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: -20px 0 0 -20px;	
	background-image: url("http://www.gohanrecords.com/images/bg-h1-newsblog.png");
	background-repeat: no-repeat;
}

/* 
		TYPOGRAPHY 
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.825em;
	line-height: 1.4em;
	color: #5a7085;
	background-color: #151515;
	 }
div#mainwrap { /* Consistant with base.css */
	font-size: 0.85em;
}	 
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h1#logo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	text-transform: lowercase;
	letter-spacing: 4px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff; 
	font-size: 1.3em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
	padding: 20px 0 20px 0;
	clear: both;
}
body#home h2.wptitle,
body#single h2,
div#postnav h2 {
	padding-bottom: 0;	
}
body#home h2,
body#single div#postnav h2,
body#archive div#postnav h2 {
	font-size: 1.15em;
}
div#wpsidebar h2 {
	font-family: Impact, Verdana, sans-serif;
	color: #eee;
	font-size: 1.3em;
	letter-spacing: 2px;
	text-transform: lowercase;
	padding: 10px 0 5px 0;
}
div#wpsidebar .linkcat h2 {
	font-family: Verdana, Geneva, sans-serif;
	color: #7c8a8a;
	font-size: 1em;
	font-style: italic;
	letter-spacing: normal;
	text-transform: capitalize;
	padding: 5px 0 5px 0;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;;
	color: #e6e6e6;
	font-weight: normal;
	font-size: 1.25em;
	margin: 0;
	padding: 20px 0 20px 0;
	clear: both;
}
body#archive h3,
body#pressreleases h3 {
	padding-bottom: 0;	
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	text-align: left;
	padding: 10px 0 10px 0;
}

p#blogstrap {
	color: #999;
	font-size: 2em;
	font-style: italic;
	text-indent: 75px;
}

p.timestamp {
	color: #555;
	font-size: 0.9em;
	font-style: italic;
	margin: 0;
	padding: 0 0 10px 0;
}

div#footer { 
font-size: 0.75em;
color: #555; 
}

.alert { color: #fff; background: #cc0000 } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.*/
body p em {
	font-style: italic;
}
body p strong {
	font-weight: bold;
}
body p q {
	font-style: italic;
}
.q {
	font-style: italic;
}
body p cite {
	font-style: italic;
}
.i, span.title {
	font-style: italic
}
span.source {
	font-style: normal;
	font-weight: bold;
}
.b {
	font-weight: bold
}

table caption { 
	font-size: 1.4em;
	color: #e3e3e3;
	font-style: italic;
	margin-bottom: 20px;
}

table th { 
	color: #666; 
	font-size: 0.85em; 
	font-style: italic; 
	text-transform: uppercase; 
	border-bottom: 1px solid #222; 
}
table tr td { 
	font-size: 1.1em;
	padding: 0.2em 0;
}
/* 
		LINKS 
*/

a:link {
	color: #abc8e2;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #abc8e2;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #f6feff;
	text-decoration: underline;
}
a:active {
	color: #f6feff;
	text-decoration: underline;
}
a:focus {
	color: #111;
	background-color: #f6feff;
	text-decoration: none;
}
h1#logo a {
	color: #f6feff;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;	
}
h1#logo a:focus {
	color: #111;
}
h2.wptitle a:link, h2.wptitle a:visited {
	color: #f6feff;
	font-weight: normal;
	text-decoration: none;
}
h2.wptitle a:hover, h2.wptitle a:active {
	text-decoration: underline;	
}
h2.wptitle a:focus {
	text-decoration: underline;
	background: none;	
}
body#archive h3 a:link, body#archive h3 a:visited,
body#pressreleases h3 a:link, body#pressreleases h3 a:visited {
	color: #f6feff;
	text-decoration: none;	
	font-weight: normal;	
}
body#archive h3 a:hover, body#archive h3 a:active,
body#pressreleases h3 a:hover, body#pressreleases h3 a:active {
	color: #f6feff;
	text-decoration: underline;	
}
body#archive h3 a:focus,
body#pressreleases h3 a:focus {
	color: #f6feff;
	text-decoration: underline;	
	background: none;	
}

div#wpsidebar  a {
	font-size: 1.2em;
}
div#wpsidebar a:link, div#wpsidebar a:visited {
	color: #999;
}
div#wpsidebar a:hover,
div#wpsidebar a:active {
	color: #f6feff;
} 
div#wpsidebar a:focus {
	color: #f6feff;
	background: none;
}

div#footer a:link, div#footer a:visited {
	color: #555;
	text-decoration: underline;
	font-weight: normal;
}
div#footer a:hover,
div#footer a:active {
	color: #7c8a8a;
}
div#footer a:focus {
	color: #111;
}

/*
	MAIN NAVIGATION
*/

div#mainnav {
	width: 100%;
	clear: both;
	margin: 10px;	
	text-align: right;
}
div#mainnav ul {
	float: right;
	display: inline;
}
div#mainnav ul li {
	display: inline;
}
div#mainnav ul li a {
	font-family: Impact, Verdana, sans-serif;
	color: #abc8e2;
	color: #777;	
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: lowercase;
	text-decoration: none;
	padding: 1.5em 1em;
	display: block;
	float: left;
}
div#mainnav ul li a:hover,
div#mainnav ul li a:focus {
	color: #f6feff;
	background: none;		
}
/*
		POST PREV/NEXT NAVIGATION
*/
div#postnav {
	float: right;
	margin-top: 30px;
}
div#postnav h2 {
}

div#postnav ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 10px 0; 	
}	
div#postnav ul li.lastchild {
	text-align: center; 	
}		

/* 
		LAYOUT 
*/

div#mainwrap {
	width: 800px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -6em; /* Bottom margin is negative value of footer height + footer top/bottom margins */
}
div#brand {
	width: 800px;
	float: left;
}
div#contentwrap {
	width: 100%;
}
div#contentcol {
	width: 500px;
	float: left;
}
body#tourdates div#contentcol {
	width: 800px;
	float: left;
}
div#wpsidebar {
	width: 180px;
	margin-top: 10px;
	padding: 0 20px;
	float: right;
}
div#wpsidebar ul {
	margin-bottom: 2em;
}
div#wpsidebar li {
	padding: 0.25em 0;
	border-bottom: 1px solid #222;
}
div#wpsidebar li.linkcat  {
	padding: 0.25em 0;
	border: none;;
}
div#push {
	height: 6em; /* #push height must be the same value as footer height + footer top/bottom margins */
	clear: both; /* Also clears floated content */
}
div#footer {
	width: 100%;
	margin: 0;
	height: 4em;
	padding-top: 1.9em;
}
#footer span#copyright {
	width: 98%;
	margin-left: 2%;
	display: block;
	float: left;
	clear: right;
	text-align: left;
	}
span#scratch {
	width: 98%;
	margin-right: 2%;
	display: block;
	float: right;
	text-align: right;	
/*	text-indent: 35px;
	text-align: left;
	background: url("http://www.scratchwebdesign.com/branding/footer/scrlogoicon32.png") no-repeat left;	 */
}	

div.post { border-bottom: 1px solid #222; }
/* 
		SEARCH/COMMENTS 
*/

form#searchform { /* wp-includes/general-template.php */
	float: right;
	margin: 0 40px 0 0;
}

form#commentform .button {
	display: block;
	margin-top: 10px;
}

.button { border: 1px solid #555; background: #222; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; color: #999; font-size: 1.2em; text-transform: uppercase; font-weight: bold; }
.button:hover, .button:focus { border-color: #555; background-color: #e3e3e3; color: #000; cursor: pointer; }

input {
	color: #f6feff;
	font-size: 1.2em;	
	font-weight: bold;
	border: 1px solid #555;
	background-color: #222;
-moz-border-radius:  3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;	
}

/*
		TOUR DATE TABLE
			 
*/	
table { 
	width: 100%;
	margin-bottom: 30px;
}
	
/* Presentational classes generated by WordPress, useful to have some styles for them. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }