/*
Theme Name:		Hoboken Recorders
Theme URI: 		http://hobokenrecorders.com/
Version: 		1.0
Description: 	Hobokenr Recorders Design website theme
Author: 		Pete Thompson
Author URI:		http://hobokenrecorders.com
Tags:			Recording Studio, Hoboken Music, Music, Recording

*/

/* 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:normal}
a{text-decoration:none; cursor:pointer}

body{
	font-family: Arial;
	font-size: 13px;
	background: #616161;
	color: #ccc;
}
.inner{
	width: 934px;
	margin: 0 auto;
	overflow: hidden;
}
#primary {margin:0px 40px 40px 40px;}
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:205px;
	color: #fff;
	background: transparent url('images/header1_inner_bg.jpg') 0 0 no-repeat;
	position:relative;
}
	#header1 h1{
		text-indent: -9999px;
		background:transparent url('images/h1_logo.png') 63px 54px no-repeat;
		height:122px;
	}
	#header1 h2 {color:#99c6ed; font-family:georgia; font-weight:bold; font-size:18px; padding-left:68px;}
	#header1 span#phoneNumber {float:right; padding-right:65px; font-family:georgia; color:#99c6ed; font-size:15px;}

#header2{
	background:transparent;
}
#header2 .inner{
	background: transparent url('images/nav.jpg') no-repeat 0 0;
	height: 25px;	
	text-indent:-9999px;
}
	#header2 .inner ul{
		height: 25px;
		overflow: visible;
		padding: 0 0 0 0;
	}
		#header2 .inner li,
		#header2 .inner a,
		#header2 .inner span{
			display: block;
			float:left;
			height: 25px;
			
		}
		#header2 .inner a{
			outline: none;
			background: url('images/nav.jpg') 0 0 no-repeat;
		}	
			
			#header2 .inner .home, #header2 .inner .home a		{width: 94px; background-position: 0px 0px;}
			#header2 .inner .home, #header2 .inner .home a:hover		{background-position: 0px -25px;}
			#header2 .inner .testimonials, #header2 .inner .testimonials a			{width: 140px; background-position: -94px 0;}
			#header2 .inner .testimonials, #header2 .inner .testimonials a:hover		{background-position: -94px -25px;}
			#header2 .inner .photos, #header2 .inner .photos a		{width: 99px; background-position: -234px 0;}
			#header2 .inner .photos, #header2 .inner .photos a:hover	{background-position: -234px -25px;}
			#header2 .inner .video, #header2 .inner .video a		{width: 91px; background-position: -333px 0;}
			#header2 .inner .video, #header2 .inner .video a:hover	{background-position: -333px -25px;}
			#header2 .inner .gear, #header2 .inner .gear a		{width: 83px; background-position: -424px 0;}
			#header2 .inner .gear, #header2 .inner .gear a:hover	{background-position: -424px -25px;}
			#header2 .inner .links, #header2 .inner .links a		{width: 86px; background-position: -507px 0;}
			#header2 .inner .links, #header2 .inner .links a:hover	{background-position: -507px -25px;}
			#header2 .inner .contactus, #header2 .inner .contactus a		{width: 127px; background-position: -593px 0;}
			#header2 .inner .contactus, #header2 .inner .contactus a:hover	{background-position: -593px -25px;}
		#header2 .inner span{
			text-indent: -9999px;
		}

#block2 {}
#block2 .inner{
	background: transparent url('images/vertical_bg.jpg') repeat-y 0 0;
	min-height:577px;
	position:relative;
}


.wpa_download {display:none;}
.wpa_container {padding-bottom:12px;}
.wpa_container a {color:#85bced; text-decoration:none; font-size:14px;}

dl.services dt {size:14px; font-weight:bold; margin-top:12px;}
dl.services dd {text-indent: 0px; font-size:11px; line-height:13px; padding-bottom:6px;}

#block2 .inner #homeGallery {padding:24px 0 12px 33px; width:190px; float:left; overflow:hidden;}
ul#gallery li {padding-bottom:40px;}
.homeSlider {height:150px; overflow:hidden;}

.narrowcolumn {width:440px; margin:24px 0 0 20px; padding:12px; background: transparent url('images/blog_bg.jpg') 0 0 repeat-y; float:left;}
.page {padding:24px 30px 30px 30px;}
#si_contact_form textarea {width:350px; height:150px; margin-bottom:16px;}


/* TESTIMONIALS */

.category-testimonials {border-bottom:none; padding:24px 24px 0px 30px;}
.category-testimonials blockquote {
	background: url('images/blockquote_bg.png') 0 18px no-repeat;
	padding:50px 36px 12px 60px;
	overflow:visible;

	margin-left:38px;
	font-size:15px;
}
.category-testimonials p span {font-style:italic; font-size:14px; padding-left:450px; margin-bottom:20px;}


/* LINKS */

h3.linkSection {padding:32px 0 14px 36px; font-size:18px; font-weight:bold; color:#99c6ed;}
ul.links {padding:12px 0 0 36px;}
ul.links li {padding:0 0 8px 0;}
ul.links li a {display:block; font-size:13px; font-weight:bold;}


/* GEAR */

.gear ul {padding-bottom:18px;}
.gear ul li {line-height:15px; margin-bottom:8px;}
.gear .post h2 { font-weight:bold; padding-bottom:8px; color:#99c6ed; font-size:17px;}
.gearLeft {float:left; width:275px; padding:32px 0px 0px 36px;}
.gearCenter {float:left; width:300px;padding:32px 0px 0px 0px;}
.gearRight {float:left; width:200px;padding:32px 0px 0px 15px;}
.gear h3 {margin-bottom:4px; font-size:15px; font-weight:bold;}
#footer .inner {
	background: transparent url('images/footer_bg.jpg') no-repeat 0 0;
	height: 13px;	
}


#bulletinBoardBlog { position:absolute; top:14px; left:688px; width:269px; height:580px; padding:4px 4px 4px 14px; color:#000;}
li {list-style:none;}
#bulletinBoardBlog h2 {font-size:16px; color:#666; font-weight:bold;}
#bulletinBoard .post {border-bottom:none;}

button {height:20px;}

#bulletinBoard { position:absolute; top:14px; left:685px; background: transparent url('') 0 0 no-repeat; width:228px; height:463px; padding:6px 4px 4px 0px; overflow:hidden; color:#000;}
#bulletinBoard h2 {  padding:6px 0 16px 0; height:16px; }
#bulletinBoard small {color:#ccc;}
#bulletinBoard strong {font-size:14px;}
#bulletinBoard .bulletinItem {padding-top:12px;}
#bulletinBoard .scroller {height:440px; width:272px; overflow:auto;}
.aside {width:253px;}
.blogLink {display:inline; padding-left:12px;}

.wpa_container {}

.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;}





.blogDiv {border-right: 1px dashed #ccc; margin-top:12px;}
.homeBlog {padding:20px 0 12px 0; margin-bottom:20px;}
.post {margin:0 12px 24px 16px; }
.post h2 {font-size:17px; font-style:bold; color:#fff;}
.post small {font-size:11px; color:#ccc;}
.post a {font-weight:bold; text-decoration:underline;}
.post p {color:#fff; padding-bottom:8px;}
.post .byline {font-style:italic; color:#666;}

.homeBlog .post {border-bottom:1px dashed #333;}

#homeGallery h3 {font-size:16px; font-weight:bold;}
.servicesSidebar {border:1px solid #666; padding:4px;}