/*  
Theme Name: The Northern Pikes
Theme URI: http://www.thepikes.com
Description: Theme for the Northern Pikes site.
Version: 1
Author: David Seguin
Author URI: http://www.wetdogfur.com
*/

body {
	background: url(img/stripes2.jpg);
	text-align: center;
	padding: 0;
	margin: 0;
	font: normal normal normal 11px/1.2 Arial, Verdana, Geneva, Helvetica, sans-serif;
}
p {
	margin: 0 0 8px 0;
	padding: 0;
}
a, a:link, a:visited {
	color: #E41B5B;
	text-decoration: none;
}
a:hover {
	color: #fff;
	background: #E41B5B;
} 
a:active {color: #fad3eb} 
hr {
	height: 2px;
	color: #777;
	 background-color: #777;
}

/* layout */
#page {
	width: 915px;
	background: #fff;
	margin: 27px auto;
	text-align: left;
	padding: 0 25px 10px;
	background: #fff;
}
#header {
	height: 119px;
	border-bottom: 7px solid #030303;
	position: relative;
}
#content {
	padding: 0;
	margin: 5px 0 0 0;
}
#firstcol {
	width: 296px;
	float: left;
	display: inline;
}
#secondcol {
	display: inline;
	float: right;
	width: 607px;
	border-top: 78px solid #000;
	padding: 11px 0 0 0;
}
#secondcol p {
	line-height: 1.4;
}
#footer {
	border-top: 1px solid #4B4B4B;
	margin: 20px 0 27px 0;
	text-align: right;
}

/* headings */
h1 {
	margin: 0;
	float: left;
}
h1 a {
	display: block;
	height: 77px; /* height of img, or top half for rollover*/
	width: 140px; /* width of img */
	text-indent: -2000em;
	text-decoration: none;
	z-index: 1000; /* need for FX and IE */
	background: url(img/northernpikes.gif) 0 0 no-repeat;
	margin: 30px 0 0 0;
}
h1 a:hover { /* optional */
	cursor: pointer; /* IE7 */
	background: url(img/northernpikes.gif) 0 0 no-repeat;
}
/* img replacement h2s */
h2 {
	background: #000;
	height: 41px;
	color: #fff;
	margin: 0 0 11px 0;
	padding: 37px 0 0 10px;
}
h2 a {
	display: block;
	text-indent: -2000em;
	text-decoration: none;
	z-index: 1000;
	height: 30px;
}
h2 a:hover {
	cursor: pointer;
}
/* remember that category.php generates these in the page, based on category name*/
/* thus the strange capitalization */
h2#Newshead a {
	width: 104px;
	background: url(img/h2-news.gif) 0 0 no-repeat;
}
h2#Journalhead a {
	width: 144px;
	background: url(img/h2-journal.gif) 0 0 no-repeat;
}
h2#Biohead a {
	width: 60px;
	background: url(img/h2-bio.gif) 0 0 no-repeat;
}
h2#Discographyhead a {
	width: 244px;
	height: 38px;
	background: url(img/h2-discography.gif) 0 0 no-repeat;
}
h2#Picshead a {
	width: 82px;
	height: 31px;
	background: url(img/h2-pics.gif) 0 0 no-repeat;
}
h2#Gigshead a {
	width: 87px;
	height: 39px;
	background: url(img/h2-gigs.gif) 0 0 no-repeat;
}
h2#Buymusichead a {
	width: 201px;
	height: 38px;
	background: url(img/h2-buy.gif) 0 0 no-repeat;
}
h2#Archiveshead a {
	width: 169px;
	height: 31px;
	background: url(img/h2-archives.gif) 0 0 no-repeat;
}
h2#Videohead a {
	width: 261px;
	height: 30px;
	background: url(img/h2-video.gif) 0 0 no-repeat;
}
h2#Contacthead a {
	width: 148px;
	height: 30px;
	background: url(img/h2-contact.gif) 0 0 no-repeat;
}
/* first col  use h3 or h4 depending on semantics*/
#firstcol h3, #firstcol h4 {
	color: #E41B5B;
	font: normal normal bold 11px/1.2 Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin: 5px 0;
}
#secondcol h3 {
	color: #E41B5B;
	font: normal normal bold 14px/1.2 Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin: 5px 0;
}

/* top nav */
.contact { /* this is actually right, although it looks weird in TS */
	background: #000;
	width: 160px;
	height: 22px;
	padding: 5px 15px 0 0;
	text-align: right;
	font: normal normal bold 15px/1.2 Arial, Verdana, Geneva, Helvetica, sans-serif;
	position: absolute;
	right: 0;
}
.contact a, .contact a:link, .contact a:visited
	{color: #fff}
.contact a:hover {
	background: none;
	color: #E41B5B;
	}
#header ul { /* see ie6.css for more */
	list-style: none;
	position: relative;
	top: 75px;
	right: -96px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 680px;
}
#header li {
	display: inline;
	float: left;
}
#header li a  {
	display: block;
	height: 34px;
	text-indent: -2000em;
	text-decoration: none;
	z-index: 1000; /* need for FX and IE */
}
#header li a#nav-news {
	width: 72px;
	background: url(img/nav-news.gif) 0 0 no-repeat;
}
#header li a#nav-bio {
	width: 57px;
	background: url(img/nav-bio.gif) 0 0 no-repeat;
}
#header li a#nav-disc {
	width: 84px;
	background: url(img/nav-disc.gif) 0 0 no-repeat;
}
#header li a#nav-journal {
	width: 77px;
	background: url(img/nav-journal.gif) 0 0 no-repeat;
}
#header li a#nav-pics {
	width: 67px;
	background: url(img/nav-pics.gif) 0 0 no-repeat;
}
#header li a#nav-video {
	width: 73px;
	background: url(img/nav-video.gif) 0 0 no-repeat;
}
#header li a#nav-gigs {
	width: 71px;
	background: url(img/nav-gigs.gif) 0 0 no-repeat;
}
#header li a#nav-music {
	width: 84px;
	background: url(img/nav-buymusic.gif) 0 0 no-repeat;
}
#header li a#nav-les {
	width: 95px;
	background: url(img/nav-les.gif) 0 0 no-repeat;
}
#header li a#nav-news:hover,
#header li a#nav-bio:hover,  
#header li a#nav-disc:hover,  
#header li a#nav-journal:hover,  
#header li a#nav-pics:hover,  
#header li a#nav-video:hover,  
#header li a#nav-gigs:hover,  
#header li a#nav-music:hover,
#header li a#nav-les:hover {
		cursor: pointer; /* IE7 */
		background-position: 0 -34px; /* bottom half of rollover */
}


/* home page */
.homepage {
	background: url(img/home_bg.jpg) 0 0 no-repeat;
	height: 500px;
}
.homepage #firstcol {
	background: #fff;
	padding: 0 10px 0 0;
}
.homepage #firstcol h2 {
	height:21px;
	margin: 0 0 10px;
	padding:10px 0 5px 10px;
	font-size: 15px;
}
.homepage #firstcol p {
	margin: 5px 0 10px 0;
}
.homepage #secondcol {
	border-top: none;
}

/* news home page */
.newshome {
	background: url(img/home_bg.jpg) no-repeat right;
	height: 500px;
}

/* images */
p img {
	padding: 0;
	max-width: 100%;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 1px;
	margin: 0 2px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}


/* misc */
.more {
	text-align: right;
	margin-right: 5px;
}
.postmetadata {
	background: #000;
	color: #fff;
	padding: 5px;
	margin: 30px 0 0 0;
}
.contextnav {
	background: #000;
	padding: 5px;
	margin: 30px 0 0 0;
	width: 100px;
}
.contextnav a, .contextnav a:link, .contextnav a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}
.contextnav a:hover {
	color: #e41b5b;
	background: none;
}
.signup input {
	margin: 2px 0 4px 0;
	padding: 3px;
	width: 220px;
} 
.signup .button {
	width: 65px;
	font: normal normal normal 10px/1.2 Arial, Verdana, Geneva, Helvetica, sans-serif;
}
a:active {color: #fad3eb} 
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */