/*
Theme Name: Livingston Taylor Website
Theme URI: http://livtaylor.com/
Description: 
Version: 1.0
Author:
Author URI:

.(c) Copyright 2009 Livingston Taylor - All Rights Reserved

*/

/* debug selectors: remove this space to activate->* /
#container {background:red}
#banner {background:yellow}
#logo {background:fuchsia}
#page {background:purple}
#content {background:green}
#sidebar {background:dodger-blue}
#footer {background:blue}/* */
/* end debug selectors */

/* ================ overrides from reset or grid =============== */
/* #TB_title {background-color:#360b01;} */


/* ================ default styles for elements ================ */
img {border:none;}
img.left, img.alignleft {float:left;}
img.right, img.alignright {float:right;}
em {font-style: italic; line-height: normal; font-size:1.1em; padding-right:0.1em;}
strong {font-weight: bold;}

/* =============== widely scoped utility classes =============== */
.hide {display:none;visibility:hidden;}

/* floating elements left/right */
.left, ul.left li, 
img.alignleft {float:left;}
	img.alignleft {margin-right: 8px; margin-bottom:8px;}

.right, div.right, input.right,
img.alignright {float:right;}
	img.alignright {margin-left: 8px; margin-bottom:8px;}

/* aligning contents left/right */
.alignleft {text-align:left;}
td.left, th.left, p.left {float:none;text-align:left;}

.alignright {text-align:right;}
div.alignright, p.alignright, ul.alignright, li.alignright {text-align:right;}
td.right,th.right, p.right {float:none;text-align:right;}

/* verical align for table elements */
td.bottom, th.bottom {vertical-align:bottom !important;}
td.top, th.top {vertical-align:top !important;}
td.middle, th.middle {vertical-align:middle !important;}

/* centering elements vs. centering content */
.aligncenter {text-align:center;}
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* intuitive classes that add layout to elements */
.padleft {margin-left:1em;}
.padright {margin-right:1em;}
.nopad, img.alignleft.nopad, img.alignright.nopad {padding:0;margin:0;}
.full {width:100%;}
.auto {width:auto !important;}
.justify {text-align:justify;}
.block {display:block !important;}
.inline, ul.inline li {display:inline;}
ul.inline li {margin-right:0.5em;}
.smaller {font-size:88%;}
.min1 {min-height:1em;}

.normal {font-weight:normal;}
.italic, .cite {font-style:italic;}
.cite {font-size:0.9em;}

/* clearing */
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}

/* clearfix */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}



/* ================ buttons and forms ========================== */


/* ================ sprites, icons, glyphs, typography ========= */
/*
	text: #fff
	page background:	#360b01
	about page: 		#c46f0b
	contact page:		#999901
	music page:			#c46f0b
	tour page:			#5e8181
	presenters page:	#5e8181
	press page:			#999901
	contact h2:			#360b01
*/

body {
	background:#360b01;
	color:#fff;
	font-family:Verdana, Arial, sans-serif;
	font-size:70%;
	line-height:1.3;
}

a {
	color:#fff;
	text-decoration:none;
}
	a:hover {text-decoration:underline;}

body.page-id-5 #content,
body.page-id-13 #content {background:#c46f0b;}

body.page-id-7 #content,
body.page-id-15 #content {background:#5e8181;}
body.page-id-15 #content .hires { 
display:block;
float:left;
height:70px;
margin:0 10px 10px 0;
overflow:hidden;
width:70px;
}
body.page-id-15 #content blockquote { padding:0; margin:0; }
body.page-id-15 #content blockquote br { display:none; }

body.page-id-11 #content,
body.page-id-9 #content {background:#999901;}

body.page-id-17 #content {background:#fff;}

h1, h2, h3, h4, h5, h6, p, ul {
	margin-bottom:1em;
	font-weight:normal;
}

h1, h2, h3, h4, h5, h6 {color:#360b01;}

h2 {
	font-weight:normal;
	text-transform:uppercase;
}

h1 {
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url('images/h1.gif');
	text-indent:-9999px;
}

.page-id-5 h1	{background-position:0 0;} /* about */
.page-id-13 h1	{background-position:0 -30px;} /* music */
.page-id-11 h1	{background-position:0 -60px;} /* contact */
.page-id-9 h1	{background-position:0 -90px;} /* photos */
.page-id-9 h1.t	{background-position:0 -120px;} /* press */
.page-id-7 h1	{background-position:0 -150px;} /* tour */
.page-id-15 h1	{background-position:0 -180px;} /* presenters */
.page-id-2 h1	{display:none;} /* home */
.page-id-17 h1	{display:none;} /* store */

.jScrollPaneTrack {background:#fff;}

.page-id-11 .jScrollPaneDrag,
.page-id-9 .jScrollPaneDrag {background:#7e7e03;}

.page-id-5 .jScrollPaneDrag,
.page-id-13 .jScrollPaneDrag {background:#a65e0a;}

.page-id-7 .jScrollPaneDrag,
.page-id-15 .jScrollPaneDrag {background:#375353;}

#content .inner {text-align:justify;}

#footer {
	font-size:80%;
}

.icon {
	display:block;
	float:left;
	margin-right:1em;
	width:25px;
	height:25px;
	background-color:transparent;
	background-image:url('images/icons.png');
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.facebook {
	background-position:0 0;
}

.twitter {
	background-position:0 -25px;
}

.myspace {
	background:transparent url('images/myspace_logo.gif') top left no-repeat;
}

/* ================ navigation elements ======================== */


/* ================ page containers and layout ================= */

body {
	text-align:center;
}

#container {
	margin:30px auto 0;
	width:880px;
	text-align:left;
}

#page, #navigation {
	border:5px solid #fff;
}

#page {
	height:510px;
}

#footer {
	margin-top:10px;
	margin-bottom:20px;
	clear:both;
}

#hero {
	height:510px;
	float:left;
}

#content {
	float:left;
	height:470px;
	text-align:left;
	width:444px;
	padding:10px 23px 30px;
}

#content .inner {
	height:440px;
	padding-right:30px;
	overflow:hidden;
}

#photos .inner {
	height:440px;
}

.heading h1 { margin-top:5px; }
#photos .heading h1,
#content .heading h1 {
	height:19px;
	margin-bottom:15px;
}

#hero {
	width:372px;
	height:510px;
	border-right:8px solid #fff;
}

#social {
	margin-top:12px;
	height:25px;
	line-height:25px;
	float:left;
	width:50%;
}

#credit {
	margin-top:12px;
	height:25px;
	line-height:25px;
	float:left;
	width:50%;
	text-align:right;
	display:none;
}
.page-id-11 #credit {
	display:block;
}

/* ================ page-specific elements ===================== */
/* cancel out styles for popup content div */

body.popup {
	background:#fff;
	text-align:left;
	color:#000;
}

body.popup a {
	color:#360b01;
	text-decoration:underline;
}

body.page-id-17 #hero,
body.page-id-2 #hero,
body.page-id-9 #hero {height:0px;display:none;}

body.page-id-17 #content,
body.page-id-2 #content {
	width:824px;
}

/* homepage */
body.page-id-2 #content {
	background:url('images/hero.home.jpg') top left no-repeat;
	text-align:right;
}

body.page-id-2 #content .inner {
	height:280px;
	padding-top:160px;
	padding-right:30px;
	clear:both;
	text-align:right;
}

body.page-id-2 #content h2 {color:#fff; font-size:1.2em; }

body.page-id-17 #page {height:640px;}
body.page-id-17 #content {
	text-align:center;
	height:600px;
	background-color:#C46F0B;
}

body.page-id-17 #content #store {
	margin:0 auto;
}

body.page-id-9 #photos {
	float:left;
	width:371px;
	background:#999901;
	height:470px;
	padding:10px 20px 30px 20px;
	border-right:8px solid #fff;
}

body.page-id-9 #content {
	width:405px;
}

body.page-id-9 .inner .gallery { float:left; width:80px;  height:135px; padding:0 20px; }
body.page-id-9 .inner .gallery .hidden { 
display:block;
height:0;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:0;
}
body.page-id-9 .inner .gallery {}

/* music page */
body.page-id-13 #content h3 {clear:left;}
body.page-id-13 #content ul {
	float:left;
	width:44%;
	margin-right:4%;
}
body.page-id-13 #content ul li a {
	display:block;
	font-size:0.9em;
	margin-bottom:8px;
	text-align:left !important;
}

.song {
	background:#fff;
}

.song .heading h1 {
	text-indent:0;
	background-image:none;
	font-weight:bold;
	font-size:1.1em;
}

/* ================ utility / referenced code ================== */