/*
Northernness Wordpress theme designed by Ben Hofer
*/

/*---------layout--------*/

* {margin: 0; padding: 0;  }
html {text-align: center; overflow: auto;}
body {width: 900px; margin: 0 auto;  text-align: left; background: url(images/bodybg.gif) repeat-x;}
#wrapper {background-image: url(images/bg.jpg); background-repeat: no-repeat; min-height: 900px;}
#header {height: 116px;}
	h1, #header p {text-indent: -9999px; margin: 0;}
	h1 a {position: absolute; display: block; width: 190px; height: 53px; top:60px; background: transparent url(images/logo.png) no-repeat 0 0; border: none; text-align: left;}
	/*\*/ h1 a { overflow: hidden; } /**/
	h1 a:hover, h1 a:focus{ background-position: -190px; background-color: transparent;}

#prinav {float: right; position: relative; top: 40px;}
	#prinav ul{height: 32px;}
		#prinav li{float: left; list-style-type:none;}
			#prinav li a {text-indent: -9999px; display: block; padding: 8px 15px; margin-left: 5px;}
				#news {width: 55px; background-image: url(images/newslink.png)}
				#shows {width: 60px; background-image: url(images/showslink.png)}
				#pics {width: 58px; background-image: url(images/photoslink.png)}
				#bio {width: 40px; background-image: url(images/biolink.png)}
				#disco {width: 90px; background-image: url(images/discolink.png)}
			#prinav li a:hover, #prinav li a:focus {border-bottom: 3px solid #699;}	
#content {margin-top: 20px;}
#subnav {width: 235px; padding: 0 20px; margin: 40px 0; float: right; border-left: 1px solid #d3ebed;}
#subnav #searchsubmit {background:transparent url(images/mag_glass.png) no-repeat scroll 0 0; border:medium none; cursor:pointer; height:30px; width:30px; text-indent: -9999px;}
#maincontent {margin: 40px 275px 0 0; width: 600px;  padding-right: 25px;  }

hr {display: none;}

#footer {height: 75px; clear: both; margin-top: 55px; padding-top: 15px; border-top: 1px solid #d3ebed;}


/*-------classes----------*/
.navigation {margin-bottom: 10px;}
.navigation div {font-size: 16px;}
.navigation div a {font: bold oblique 14px Georgia, "Times New Roman", Times, serif; color: #fff; background-color: #999;}
.navigation div a:hover {background-color: #699;}
.navigation .alignleft {height: 16px}
.navigation .alignright {height: 16px;}

.alignleft{float: left;}
.alignright {float: right;}
.connect {display: none;}
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear:right;}
#description {display: none; position: relative;}

.postmetadata {margin: 10px 0 20px 0;  padding: 20px 100px 20px 60px; font-size: 1em; font-weight: normal; font-style: normal; background-color: #fff; background-image: url(images/coelacanth.gif); background-position: right; background-repeat: no-repeat;}
.postmetadata small {font-weight: normal; font-style: normal; font-size: 1em; }
.postmetadata a { font: oblique bold 14px Georgia;}


/*-------typography--------*/

html {font-size: 62.5%;}

h1, h2, h3, h4, h5, h6, li, p { font-family: Georgia, "Times New Roman", Times, serif; }

p, .alignleft p, .alignright p {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.6em; margin-top: 10px;}

#footer p {font-size: 1em;}

h2, h3 {font-size: 1.8em; color: #999;}

a {text-decoration: none; color: #699;}
a:hover, a:focus {color: #999;}
.post p a {font: oblique bold 14px Georgia;}
.post p a:hover, .post p a:focus {color: #CCC;}

h4 {font-size: 1.6em; color: #999;}

small {font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; color: #999; }
cite {font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; margin-top: 5px; font-weight: bold; font-style: normal;}
.commentlist p {padding: 5px 15px 0 15px; }
.commentlist li {margin-bottom: 10px;}

#prinav li a{font-size: 1.4em;  text-decoration: none; font-weight: bold; }

#subnav label {display:none;}


/*--------sub-layout-----------*/

object {width: 220px;}
blockquote {margin-left: 20px; padding-left: 20px; border-left: 2px solid #ccc;}

#author, #email, #url {margin-top: 5px;}
#comment {width: 100%; margin-top: 10px;}

#subnav li {list-style-type: none; margin-bottom: 20px;}
#subnav li ul li {margin-bottom: 3px; font-family: Arial, Helvetica, sans-serif;}
#subnav select {margin-top: 5px; width: 180px;}

#emailform {margin-top: 5px;}
#join {display: inline;}
#input {width: 600px;}
#respond {display: block; margin-top: 50px;}
#submit {margin-top: 10px; }
#comments {width: 100%; margin-top: 40px;}

.input {border: 1px solid #ddd; width: 175px; height: 17px; margin-right:5px; color: #666;}
.button {border:none; background: transparent; text-indent: -9999px;}
#join2 {background: url(images/joinbutton.png) no-repeat right; width: 46px; height: 18px; cursor: pointer;}

.alignleft a, .alignright a {padding: 5px; font-size: 1.2em; border-bottom: 2px solid #030}
.commentlist {padding-top: 10px; margin-top: 10px;}
.post {margin-bottom: 20px;}
.entry {margin-top: 5px; padding-top: 5px; }
.entry a {border: none;}
.entry img {border: none;}
.gallery-item {margin: 30px 0;}

#subnav h2.email {border-bottom: none; padding: none; margin: 0;}
#subnav h2 {border-bottom: 2px solid #CCCCCC; padding: 5px 0; margin-bottom: 5px; font-size: 14px;}

.pagetitle {margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #b7cfd1;}

/*-----------front page------------------------*/

#photofader {background-image: url(images/picture-viewer_1.gif); background-repeat: no-repeat; width: 175px; height: 207px; margin-right: 25px; text-indent: -9999px;}
.column {float: left; margin-right: 20px;}
.column h3 {padding: 5px 0; border-bottom: 2px solid #ccc; font-size: 1.4em;}
.column h4 {font-size: 1em; font-family: Arial, Helvetica, sans-serif; padding: 5px 0; border-bottom: 1px solid #ccc;}
#latestshows {width: 200px;}
#tracks {margin-right: 0; width: 180px;}
#tracks object {width: 173px;}
#tracks p {border-bottom: 1px solid #ccc; margin-top: 0;}
#tracks h4 {border: none; padding: 5px 0 0;}

.post.sketch{background-color:#fff; border:2px solid #e3ebed;} /**/
.post.sketch h3{font-size: 14px; margin:5px 0 0 15px;}
.post.sketch h2 {font:bold oblique 16px Arial; padding-left: 40px; height:25px; margin:15px 5px 5px 15px; border-bottom: 2px solid #ccc; background: no-repeat url(images/cassette.jpg);}
.post.sketch small {margin-left: 15px;}
.post.sketch div.entry{margin:0 15px;}
.post.sketch p.postmetadata {margin: 10px 15px; background-color: #fff; color: #699;}
.post.sketch p.postmetadata a {color: #699;}
.post.sketch p.postmetadata a:hover {color: #999;}
.post.sketch object {margin:30px 0; background-color:#CCC;}
.post.sketch p {padding: 5px 0 5px 0; background: #699; text-align: center; color: #fff;}
.post.sketch p a {color: #fff; font: oblique bold 14px Georgia;}
/*----------------end front page-----------------*/

/*---------photoalbum-------------*/

.album h2 {font-size: 1.4em;}
#photoalbum-nav {margin-bottom: 10px;}
#albumsindex {width: 220px; margin-right: 20px; float: right;}
#albumsindex h4 {display: none;}
#albumsindex h2 {margin-bottom: 5px;}
#ben {float: left; width:333px; height: 500px; background-image:url(images/ben.jpg); }
 
#photo {margin: 10px 0;}
#photos{margin: 10px 0;}
.meta {margin: 10px 0;  padding: 20px 20px 20px 60px; font-size: 1.2em; font-weight: normal; font-style: normal; background-color: #fff; background-image: url(images/coelacanth.gif); background-position: right; background-repeat: no-repeat;}
.tt-older-posts tags{padding: 10px; background-color:#fff;}
#highlight, .tt-older-posts {padding: 0 5px; }
tt-flickr {margin: 2px 2px 0 0;}

#highlight .meta, .tt-older-posts .meta {background-image: none; padding: 0; width: inherit;}
.info, .prev {float: left; margin-right: 100px;}
.next {float: right;}

.flickr-meta-links {clear: both; padding-top: 15px;}
#context {margin-top: 20px;}

/*--------end photoalbum styles----------*/

/*---------ie7----------------*/
*+html h1 a {position: static; margin-top: 41px;}
*+html div h1 {text-indent: -9999px;}
*+html #maincontent{display: inline; position: relative; top: 30px;}
*+html #ben{margin-top: 20px;}
*+html .post {width: 600px; margin-top: 20px;}
*+html #subnav {margin-bottom: 20px; margin-top: 30px;}
*+html #prinav {display: inline; position: static; margin-left: 445px; margin-top: -68px; }
*+html #prinav li a {padding-bottom: 4px; text-indent: 0; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-style: oblique; font-weight: bold; font-size: 1.2em; color: #333;}
*+html #news, 
*+html #shows,  
*+html #pics, 
*+html #bio, 
*+html #disco {background-image: none; width: auto; }
*+html .postmetadata {width: 430px;}

*+html a img {border: none;}
*+html .meta {width: 430px;}
*+html .album .meta, *+html #highlight .meta {width: 200px;}
*+html #context {width: 470px;}
*+html #highlight, *+html .tt-older-posts {margin-top: 20px;}

*+html #comment {width: 600px;}
*+html .commentlist {width: 600px;}
*+html #comments {width: 600px;}

/*----------ie6---------------*/
* html #wrapper {height: 900px;}
* html {overflow-x: hidden;}
* html h1 { text-indent: 0;}
* html div h1 {text-indent: -9999px;}
* html h1 a {position:static !important; margin-top: 38px;}
* html h1 a span {}
* html h1 a:hover, * html h1 a:focus {color: #699;}
* html #tagline {position: absolute; left: -9999px;}
* html #maincontent {display: inline; margin-top: -20px;}
* html .post {width: 600px; }
* html #subnav {margin-bottom: 20px; margin-top: -20px; }
* html #prinav {display: inline; position: static; margin-left: 490px; margin-top: -65px; }
* html #prinav li a {padding-bottom: 4px; text-indent: 0; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-style: oblique; font-weight: bold; font-size: 1.2em; color: #333;}
* html #news,
* html #shows, 
* html #pics, 
* html #bio, 
* html #disco
{background-image: none;}
* html .postmetadata {width: 430px;}

* html a img {border: none;}
* html .tt-older-posts {width: 200px;}
* html .meta {width: 430px;}
* html .album .meta, * html #highlight .meta {width: 200px;}
* html #context {width: 470px;}
* html #comment {width: 600px;}
* html .commentlist {width: 600px;}
* html #comments {width: 600px;}