/*  
Theme Name: Family Records
Theme URI: http://thefamilyrecords.com
Description: Custom theme for Family Records
Version: 1.0
Author: Jeff Schram, SchramDesign
Author URI: http://schramdesign.com
*/


/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-family:sans-serif, arial, helvetica; font-weight: bold; text-align: left;}
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img, a { border:none } /* Gets rid of IE's blue borders */
a:hover {cursor: pointer;}


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



/* Begin Fam Rec Structure */

body {
	background:#ffffff url(/images/bg_body.jpg) top center fixed no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	}
	
#top {
height:5px;
background: #000000;
margin-bottom:15px;
display:none;
}
	
#wrap {
background:#ffffff;
width:930px;
margin:20px auto 0 auto;
border:20px solid #e0e0e0;
}

#header{
background:#ffffff;
}

#nav{
display:inline;
float:left;
margin:20px;
}

#footer #nav {
float:none;
align:center;
}

/* Nav Style */
#nav ul {display:inline;}
#nav ul li {float:left; padding-right:1em;}
#nav ul li a:link, #nav ul li a:visited {}

#search{
display:inline;
float:right;
margin:0 0 12px 0;
}

#search input{
background:transparent url(images/icons_magnifying_glass.png) no-repeat scroll left center;
border:1px solid #CCCCCC;
color:#999999;
font-size:0.9em;
margin:20px 20px 0 0;
padding:5px 5px 5px 20px;
text-decoration:none;
width:250px;
}

#main{
float:left;
width:520px;
padding-top:20px;
}

#main_header{
margin:0 0 2em 2em;
}



.message {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #9F9F9F;
color:#666666;
font-size:0.9em;
margin:0 0 2em;
padding:1em;
}
.message h3 {font-size:.9em;}


.search_results ul {margin-bottom:2em;}
.search_results .title {margin-bottom:1em; border:1px solid #000000;}
.search_results strong {font-family:Georgia; font-size:1.2em;}

span.pagination_title {font-weight:bold; color:#000000;}


div.post {
margin:0 0 0 20px;
}

div.post p{
color:#111111;
font-family:arial, helvetica;
font-size:1.2em;
line-height:1.4em;
margin:0 0 1em;
text-align:justify;
}

/* get rid of blue comments:0 in blogs */
*[rel="nofollow"] img {display:none;}


/* get rid of Uncategorized links */
a[title="View all posts in Uncategorized"] {display:none;}

a[href="http://thefamilyrecords.com/category/uncategorized/feed/"] {display:none;}

div.post ul {}
div.post ul li {
list-style-type:disc;
margin-left:2em;
padding-bottom:1.5em;
}


div.navigation {
background:#e0e0e0 none repeat scroll 0 0;
margin:1em 0;
padding:0.5em;
xxborder-bottom:double 5px #f7f7f7;
}

div.navigation ul {display:inline; float:left; margin:0; padding:0}
div.navigation ul li {
display:inline;
float:left;
margin:0 !important;
padding:0 1em 0.5em 0 !important;
}

ul.ul_read {}
ul.ul_read li {}

ul.sub_categories {}
ul.sub_categories li {}

div.navigation a:link, div.navigation a:visited, div.navigation {color:#555555;}
div.navigation a:hover, div.navigation a:active {color:#ff3300;}

ul.category_num_ li a.category_num_ {font-weight:bold; text-decoration: none;}
ul.category_num_1 li a.category_num_1 {font-weight:bold;text-decoration: none;}
ul.category_num_2 li a.category_num_2 {font-weight:bold;text-decoration: none;}
ul.category_num_3 li a.category_num_3 {font-weight:bold;text-decoration: none;}
ul.category_num_4 li a.category_num_4 {font-weight:bold;text-decoration: none;}
ul.category_num_5 li a.category_num_5 {font-weight:bold;text-decoration: none;}

div.navigation div.older {
float:left;
}
div.navigation div.newer {
float:right;
}


div.post p.sub_title, div.post p.sub_title a:link, div.post p.sub_title a:visited  {color:#676767; font-size:1em; line-height:1.5em;}
div.post p.sub_title a:hover, div.post p.sub_title a:active {color:#ff3300;}


div.post a:link, div.post a:visited {text-decoration: underline;}

div.post h2 a:link, div.post h2 a:visited {text-decoration: none; color:#111111; font-bold; }

div.post h3 a:link, div.post h3 a:visited {text-decoration: underline; color:#111111; font-weight: normal; }

div.post h3 a:hover, div.post h3 a:active, div.post h2 a:hover, div.post h2 a:active {text-decoration: none; color:#ff3300; text-decoration:underline;}

h2.breadcrumb, h2.breadcrumb a {font-weight: bold;}

div.post p.postmetadata {font-size:.8em; color:#111111; font-style: italic; margin:0 0 5em 0;}

div.post img.alignleft, div.post img.alignnone {float:left; margin:0 1em 1em 0;}
div.post img.alignright {float:right; margin:0 0 1em 1em;}

div.post h3, div.post h3{margin-top:0em; font-size:1.4em}

div.post p.event_time{display:none;}

div.simplepie {}

div.simplepie h3{}

div.simplepie h4{}

div.simplepie span.date{}

div.simplepie p{}

div.simplepie h3 a{}

div.simplepie small {}


div.youtube div.thumbnail {
float:left;
height:140px;
margin:0 15px;
}

div.youtube div.thumbnail div.thumbnail_title {
width:130px;
margin:auto;
font-size:xx-small;
}

div.tweet a.tweet_avatar img {
margin-right:1em;
height:30px; width:30px;
}

div.tweet ul.tweet_list li {
margin-bottom:1em;
}

div.store_item {
width:150px;
margin-bottom:20px;
text-align: left;
}

div.store_item a img.menu {width:75px; height:75px; border:none;}
div.store_item a:visited, div.store_item a:link  {text-decoration: none !important;}

div.store_item span.listen {
margin:.5em 0 0 0;
}

div.store_item a img.icon_play {
border:medium none;
display:inline;
height:10px;
margin-right:.5em;
width:10px;
}

div.store_item div.purchase, div.store_item div.purchase_downloads {
margin-top:0;
}

div.store_item img.icon_cd {
border:medium none;
display:inline;
height:10px;
margin-right:0.5em;
width:10px;
}

div.store_item img.icon_download {
border:medium none;
display:inline;
height:10px;
margin-right:0.5em;
width:10px;
}

div.store_item span.album_title {
margin-bottom:5px;
display:block;
}

div.store_item span.album_title span.album_number {text-transform: uppercase; font-size: xx-small;}

img.merch_item {margin:auto;}


table#mp3_download { margin: 0 0 5px 0; border-collapse: collapse; }

table#mp3_download th {}
table#mp3_download td {}


div.Artist_Page{}

div.artist_thumb {
padding-bottom: 2em;
}

div.artist_thumb img{
float:left;
margin:0 1em 1em 0;
}

div.artist_bio {
float:left;
margin-left:110px;
}

div.artist_thumb p{}

div#player {}


div.content_separator {
background:transparent url(images/content_separator.png) no-repeat scroll center center;
height:15px;
margin:1em 0;
clear:both;
}

#sidebar{
float:right;
width:380px;
padding-top:20px;
}

#sidebar_contents {margin-right:20px;}

#footer{
background:#EEEEEE none repeat scroll 0 0;
clear:both;
margin-top:2em;
padding:1em 0;
text-align:center;
}


#footer a {padding-right:1em;font-size:.9em;}
a.small {font-size:.8em;}



/* Utility */
.clear_both {clear:both; height:0px;}
.clear_right {clear:right; height:0px;}
.clear_left {clear:left; height:0px;}
	


/* Begin Fam Rec Styling */


a, a:link, a:visited {  
	
	text-decoration: none;
	color: #333333;
	font-weight: 300;
	}

a:hover, a:active {
	color: #ff3300;
	}
	

.store_paypal {
color:#FF3300;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
text-decoration:underline;
background:none;
display:inline;
margin:0;
padding:0;
cursor:pointer;
}

form {display:inline; padding:0; margin:0;}
	
	
/* For comments */
textarea#comment {
font-family:verdana;
font-size:1em;
height:100px;
padding:1em;
width:460px;
}

ol.commentlist {
margin-bottom:2em;
}

ol.commentlist li {
background:#ffffff none repeat scroll 0 0;
border:1px solid #000000;
margin-top:1em;
padding:1em;
}

ol.commentlist li cite {
font-weight: bold;
margin-bottom:.5em;
}

p.commentmetadata {font-style:italic; font-size:.8em; color:#111111; text-align: right; display: none;}

.sidebar_item {
border:1px solid #333333;
background: #ffffff;
padding:10px 10px 10px 10px;
margin-top:20px;
}

/* div.simplepie */
div.simplepie ol li {margin-top:2em;}
div.simplepie ol li span.date{font-size:.9em; font-style: italic; color:#888;}
div.simplepie ol li span.date a{color:#888; text-decoration: underline;}
/* sidebar calendar */
div#calendar {
}

div#calendar h3.header{font-weight:bold; margin-bottom:.5em;}

div.event h3, div.event h3 a:link, div.event h3 a:visited{font-weight:normal; margin-bottom:.5em; font-family: verdana, arial; font-size:1em; text-decoration: none;}

div.event h3 a:hover, div.event h3 a:hover:active {text-decoration: underline; color:#ff3300;}

div#calendar p.event_time{display:none;}





/* thumbs for the 2 latest releases */
div#latest_releases {
}

div#latest_releases div.thumb_latest_releases {
float:left;
width:173px;
}

div#latest_releases div.thumb_latest_releases h3{margin-bottom:1em;}

div#latest_releases div.thumb_latest_releases img{margin:5px 0 5px 0; width:160px; height:160px;}

div#latest_releases div.thumb_latest_releases p{font-size:xx-small;}


/* thumbnails within the coda slider */
div.thumb {
float:left;
display:inline;
}

div.thumb img {
float:left;
}

div.thumb p {
margin:0 0 0 65px;
}

div.catalog {
height:70px;
width:170px;
font-size: xx-small;
}

table.pagination {
margin:.5em 0 1em 0;
}

table.pagination tr td {color:#ccc;}
table.pagination tr td h3 {color:#003333;}
table.pagination tr td a {color:#003333;}
table.pagination tr td span.curr_page a {color:#003333; font-weight: bold;}


table.pagination tr td a:hover {cursor:pointer; color:#FF3300;}

div.prev {display: inline; margin-right:1em;}

div.page_list {display: inline;}

div.next {display: inline; margin-left:1em;}

div.catalog a:hover {background: #eee;}

h3.wrapper {margin-bottom:.5em;}

/* Feeds in Panel */

div.feeds_left, div.feeds_right {
width:160px;
}
div.feeds_left {float:left;}
div.feeds_right {float:right;}

div.feeds ul {padding:1em 0 .5em;font-weight: bold; font-size:.9em;}
div.feeds img {width:15px; height:15px;}


/* Coda Slider */
	.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0;
		}
		
	.stripViewer .panelContainer .panel ul li{
			line-height:1.7em;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height:0; background: #ffffff; overflow: scroll}
		.csw .loading {margin: auto; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 1px solid #333333; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 360px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			/*height: 460px;*/
			clear: both;
			background: #ffffff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 360px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: 0; /* setting it to 0 aligns it left */
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px !important; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 8px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #ccc;
			color: #ffffff;
			text-decoration: none;
			display: block;
			padding: 0 11px;
		}
		
		.stripNav li.tab1 a { background: #ccc }
		.stripNav li.tab2 a { background: #ccc }
		.stripNav li.tab3 a { background: #ccc }
		.stripNav li.tab4 a { background: #ccc }
		.		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #333;
			color: #ffffff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
			display:none;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
		
		
a.beta_email_link {
	color:#FF3300;
}
a.beta_email_link:hover {
	color:#232323;
}		

/* TITLE WITH SHARE LINKS (TWSL) */

.float_left						{ float: left; }
.twsl_wrap						{ margin: 10px 0;}

.twsl_date						{ color:white;font-family:arial,helvetica; width: 40px; height:76px;margin-right:2px; text-align: center; text-transform: uppercase; background: #333; }
.twsl_date_month				{ font-size: 12px; padding: 6px 2px 0; }
.twsl_date_day					{ font-size: 18px; padding: 0 2px; }
.twsl_date_time					{ font-size: 9px;  padding: 0 2px; }

.twsl_links						{}
.twsl_links	a					{ width: 24px; height: 24px; display: block; margin-bottom: 2px; }
.twsl_links_twitter	a			{ background: #333 url(images/shareTwitter-trans.png) center no-repeat;}
.twsl_links_facebook a			{ background: #333 url(images/shareFacebook-trans.png) center no-repeat;}
.twsl_links_email a				{ background: #333 url(images/shareEmail-trans.png) center no-repeat;}
.twsl_links	a:hover 			{ background-color: #797979; }
.twsl_title						{ padding: 0 0 0 10px; color: #999; font-size: .9em; width: 320px; }
.post .twsl_title	h3.post-title		{ line-height: 1em; margin-bottom: 3px; }
.post .twsl_title	h3.post-title a		{ font-size:1.2em !important; text-decoration: none !important;  }

.gigpress-table, table#pics { font-size: 1em; }