/*
Theme Name:		Maintain Orbit
Theme URI: 		http://maintainorbit.com/
Version: 		1.0
Description: 	Chris Koch website theme
Author: 		Pete Thompson
Author URI:		http://hobokenrecorders.com
Tags:			Music

*/

/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );

/* Apply base theme styles and colors */
@import url( 'library/media/css/base.css' );

/* Basic 2 Column Layout */
@import url( 'library/media/layouts/2col-r.css' );

/* Stylistic CSS Styles */
@import url( 'library/media/css/screen.css' );

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}


																																		/* CSS 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 caption{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
ol, ul{list-style:none}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
strong{font-weight:bold}
em{font-style:italic}
a{text-decoration:none; cursor:pointer}

body{
	font-family: Arial;
	font-size: 13px;
	background: #161616;
	color: #ccc;
}
.inner{
	width: 932px;
	margin: 0 auto;
	overflow: hidden;
}
#primary {margin:20px 40px 40px 40px; width:500px;}
h1.entry-title { color: #ccc; font-family:palatino; text-transform:uppercase; text-indent:-9999px; background: transparent url('') 0 0 no-repeat; }

#header1{
	background: transparent;
}
#header1 .inner{
	overflow:visible;
	height:41px;
	color: #fff;
	background: url('images/header1_bg_inner.jpg') 0 0 no-repeat;
	position:relative;
}
	#header1 h1{
		text-indent: -9999px;
		background:transparent;
		
	}


#header2{
	background:transparent;
}
#header2 .inner{
	background: transparent url('images/header2_bg_inner.jpg') no-repeat 0 0;
	height: 48px;	
}
	#header2 ul{
		height: 35px;
		overflow: visible;
		padding: 0 0 0 311px;
	}
		#header2 li,
		#header2 a,
		#header2 span{
			display: block;
			float: left;
			height: 48px;
		}
		#header2 a{
			outline: none;
			background: url('images/nav.jpg') 0 0 no-repeat;
		}
			#header2 .home a			{width: 83px; background-position: 0 0;}
			#header2 .home a:hover		{background-position: 0 -48px;}
			#header2 .music a			{width: 84px; background-position: -83px 0;}
			#header2 .music a:hover		{background-position: -83px -48px;}
			#header2 .video a			{width: 81px; background-position: -167px 0;}
			#header2 .video a:hover		{background-position: -167px -48px;}
			#header2 .photo a			{width: 90px; background-position: -248px 0;}
			#header2 .photo a:hover		{background-position: -248px -48px;}
			#header2 .lyrics a			{width: 90px; background-position: -338px 0;}
			#header2 .lyrics a:hover		{background-position: -338px -48px;}
			#header2 .blog a			{width: 84px; background-position: -428px 0;}
			#header2 .blog a:hover		{background-position: -428px -48px;}
			#header2 .contact a		{width: 109px; background-position: -512px 0;}
			#header2 .contact a:hover	{background-position: -512px -48px;}
		#header2 span{
			text-indent: -9999px;
		}

#block2 {}
#block2 .inner{
	background: transparent url('images/content_bg_inner.jpg') no-repeat 0 0;
	height: 604px;	
	position:relative;
}

#footer .inner {
	background: transparent url('images/footer_bg_inner.jpg') no-repeat 0 0;
	height: 22px;	
}

.contact_form{
	background: transparent url('images/contact_bg.jpg') no-repeat 0 0;
	height: 56px;
	width:356px;
	position:absolute;
	top: 15px;
	left: 528px;

}

.contact_form a, .contact_form p {line-height:1.1em; text-align:center; margin-bottom:6px; color:#fff; margin:18px;}
.contact_form p#intro {font-weight:bold;}

.contact_form label {line-height:19px;}
.contact_form input { font-family:sans-serif; font-size:12px; }
.input {
	height:12px; background: #ccc; border: 1px solid #000; width:230px; 
}
#firstName {margin-left:30px;}
#lastName {margin-left:31px;}
#emailAddress {margin-left:5px;}
#mailingAddress {margin-left:1px;}
#city {margin-left: 71px;}
#state {margin-left: 63px;}
#submitButton {width:60px; background:#ae9671; border:1px solid #000; font-family:sans-serif; color:#000; font-weight:bold; font-size:13px; margin-top:4px; height: 16px; padding:0; margin-left:271px;}


#contact {width:354px; height:500px; scrolling:none; position:absolute; top:0px; left:450px;}
#contact p.intro {text-align:center; font-size:14px; font-weight:bold; padding-bottom:20px;}

#contact label {line-height:30px; font-weight:bold;	}
#contact #firstName {margin-left:40px;}
#contact #lastName {margin-left:41px;}
#contact #emailAddress {margin-left:15px;}
#contact #mailingAddress {margin-left:11px;}
#contact #city {margin-left: 81px;}
#contact #state {margin-left: 57px;}
#contact #message {height:150px; width:332px;}
#contact #submitButton {width:70px; background:#ae9671; border:1px solid #000; font-family:sans-serif; color:#000; font-weight:bold; font-size:16px; margin-top:4px; height: 21px; padding:0; margin-left:271px;}
#contact .wpcf7-validation-errors { position:absolute; top:491px; left:40px; width:230px; line-height:1em; font-size:11px; color:#ce4728; font-weight:bold;}
#contact .wpcf7-mail-sent-ok { text-align:center; font-size:14px; font-weight:bold; padding-bottom:20px; padding-left:50px}
#contact .EmailAddress .wpcf7-not-valid-tip {position:absolute; top:-9px;left:18px; color:#6b5b49; padding:0px; margin:0px;}
#contact span#newsletter {padding-right:16px;}
#contact .wpcf7-list-item-label {}



#bulletinBoard { position:absolute; top:89px; left:527px; background: transparent url('images/bulletin_bg.jpg') 0 0 no-repeat; width:338px; height:482px; padding:4px 4px 4px 14px; overflow:hidden; color:#000;}
#bulletinBoard h2 { text-indent:-9999px; background: transparent url('images/bulletin_header.png') 0 0 no-repeat; padding:4px 0 6px 0;}
#bulletinBoard strong {font-size:14px;}
#bulletinBoard h4 {font-size:14px; font-weight:bold; color:#333;}
#bulletinBoard .bulletinItem {padding-top:12px;}
#bulletinBoard .scroller {height:440px; width:338px;}

.home_page_radio { position:absolute; top:140px; left: 300px; width:200px; }
.home_page_radio p { color:#a1936a; }
.home_page_radio span {color:#fff; display:block;}
.home_page_radio span.name {size:12px; text-align:center; padding-top:26px;color:#c6b694; }
.home_page_radio span.albumTitle {size:13px; font-style:italic; font-weight:bold; text-align:center;color:#c6b694; }
.home_page_radio span.songTitle {size:12px; padding-top:7px;}




#music {width:480px; height:530px;}
#music h1.entry-title {text-indent:-9999px; background: url('images/he_music.png') 0 0 no-repeat; height:34px; padding-bottom:12px;}
#music .album { background: transparent url('images/album-bg.png') 0 0 repeat;  margin:0 0 20px 0; padding:12px; width:440px; color:#000;}
#music .album img {float:left;}
#music .album .rightSide {float:right; width:340px;}
#music .album h4 {font-size:24px; font-weight:bold; font-family:courier;}
#music .album:after {clear:both;}
#music .album a {color:#a70000; font-weight:bold;}

#links { position:absolute; top:91px; left:527px; background: transparent url('images/bulletin_bg.jpg') 0 0 no-repeat; width:338px; height:481px; padding:4px 0px 4px 14px; overflow:hidden; color:#000;}
#links h2#linkHeader { text-indent:-9999px; background: transparent url('images/he_links.png') 0 0 no-repeat; padding:4px 0 6px 0;}
#links .linkcat h2 {display:none;}
#links .linkcat {list-style:none;}
#links .linkcat li {padding-bottom:13px; margin-bottom:13px; border-bottom:1px dashed #ccc; width:300px; }
#links a {color:#510b0b; font-size:15px; font-weight:bold; display:block;}
#links .xoxo {}



#video h1.entry-title {text-indent:-9999px; background: url('images/he_video.png') 0 0 no-repeat; height:34px;}
#video .article		{width:435px; padding-top:14px;}
#video .article p { width:435px; }
#video embed {margin:0 12px 20px 0;}
#video span.title {font-size:16px; font-weight:bold; display:block;}
#video span.description {display:block; font-style:italic; font-size:13px;}


.contact_form .EmailAddress .wpcf7-not-valid-tip {margin-left:-50px;}
.EmailAddress .wpcf7-not-valid-tip {position:absolute; top:0px;left:14px; color:#6b5b49; padding:0px; margin:0px;}
.wpcf7-validation-errors { position:absolute; top:100px; left:10px; width:230px; line-height:1em; font-size:11px; color:#ce4728; font-weight:bold;}
.contact_form .wpcf7-mail-sent-ok { position:absolute; top:50px; left:50px; width:230px; line-height:1em; font-size:11px; color:#ce4728; font-weight:bold; text-align:center;}

.wpcf7-mail-sent-ok { position:absolute; top:100px; left:10px; width:230px; line-height:1em; font-size:11px; color:#ce4728; font-weight:bold;}




.copyright {font-size:11px; color:#6e5f54; float:right; margin-right:20px;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
h2.center {padding-left:300px; padding-top:100px;font-size:20px; font-weight:bold;}


.album { }
p.mp3 { font-size:13px; padding-top:8px; padding-bottom:0px; line-height:1em;}
p.mp3 embed {margin-top:3px;}
p.albumDescription { font-size:14px; padding-top:8px; font-style:italic; line-height:1.2em;}
p.listen { margin-top:12px; font-weight:bold; font-size:13px; }


#bulletinBoard .scroller {scrolling:auto;}

/* jscrollpane stuff */

.post-30 .scroll-pane {height:530px;}

.post-30 .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

#bulletinBoard .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	max-height:440px;
	z-index: 1;
}

.musings .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

#bulletinBoard .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(images/windows_track.gif);
}
.post-30 .jScrollPaneTrack {
	position:absolute;
	right: 0;
	top: 12px;
	height: 90%;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(images/windows_track.gif) repeat-y;
}

.jScrollPaneDrag {
	position: absolute;
	background: url(images/windows_drag_middle.gif) no-repeat 0 50%;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: url(images/windows_drag_top.gif) no-repeat;
	height:4px;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: url(images/windows_drag_bottom.gif) no-repeat;
	height: 4px;

}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 17px;
	background: url(images/windows_arrow_up.gif) no-repeat 0 0;

}
a.jScrollArrowUp:hover {
	background-position: 0 -20px;

}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 17px;
	background: url(images/windows_arrow_down.gif) no-repeat 0 0;

}
a.jScrollArrowDown:hover {
	 background-position: 0 -20px;

}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	 background-position: 0 -40px;

}

#linkScroller { width:336px; height:450px; }


embed {z-index:-1}




div.category-musings {width:550px; float:left; margin-left:40px;}
.category-musings h2 {font-size:15px; font-weight:bold; }
.category-musings small {font-size:11px; color:#999; }
.musingSidebar {width:200px; margin-top:40px;margin-right:40px;}





div.gallery #primary, div.Lyrics #primary {width:840px;}

div.gallery h1.entry-title {color: #ccc; font-family:palatino; text-transform:uppercase; background: transparent url('images/he_photos.png') 0 0 no-repeat; height:34px;  margin-top:24px;}

div.Lyrics {position:relative;}
div.Lyrics #maintainorbit {width:360px;padding:20px; margin-left:10px; float:left; background:transparent url('images/albumBg.png'); }
div.Lyrics #bluelove {width:360px; padding:20px; margin-right:10px;float:right; background:transparent url('images/albumBg.png');}
div.Lyrics #unpublished {width:360px; padding:20px; margin-left:10px;float:left; background:transparent url('images/albumBg.png');}



div.Lyrics h2 {font-size:16px; font-weight:bold; }
div.Lyrics ul { text-indent:8px; margin-bottom:12px;}
div.Lyrics ul li {font-size:14px;}
div.Lyrics h1.entry-title { color: #ccc; font-family:palatino; text-transform:uppercase; background: transparent url('images/lyricsheader.gif') 0 0 no-repeat;  margin-top:24px;}



div.Blog #primary { background:transparent url('images/albumBg.png'); width:580px; padding:12px; }
div.Blog .musingscontent {padding:0 0 16px 0; margin-bottom:12px; border-bottom:1px dashed #666;}
div.Blog h2 {font-size:18px; font-weight:bold; }
div.Blog .musingscontent small {font-size:12px; color:#ccc;}
.innerstretch {	width: 932px;
	margin: 0 auto;
	overflow: hidden;
	 background:transparent url('images/bg_stretch.jpg') repeat-y;
	}
div.Blog .inner {height:100%;}
div#Blog, div.Blog h1.entry-title { display:none; }