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

#dd5c29 Bright Orange 
#d48028 Muted Orange
#e7b122 Yellow

#78adcf Light Blue
#111111 "Black"

*/


/* 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 */

@font-face{ 
	font-family: 'GibsonBold';
	src: url('fonts/Gibson-Bold-webfont.eot');
	src: url('fonts/Gibson-Bold-webfont.eot?iefix') format('eot'),
	     url('fonts/Gibson-Bold-webfont.woff') format('woff'),
	     url('fonts/Gibson-Bold-webfont.ttf') format('truetype'),
	     url('fonts/Gibson-Bold-webfont.svg#webfont') format('svg');
}

body {
	background:#8d836a url(images/bg_body_bw.jpg) top center fixed repeat-x;
	background-size: cover;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	padding-top: 20px;
}
	
#top {
height:5px;
background: #000000;
margin-bottom:15px;
display:none;
}
	
/* NEW TOP OF SITE STYLES */
#social { margin: 0 auto 35px; text-align: right; width: 950px; position: relative;}
#social a { 
font-family: arial;
font-size: 10px;
font-weight: bold;
padding-left: 5px;
text-transform: uppercase;
position: relative; 
top: 10px;
margin-left: 15px;
}
#social a img { margin-right: 3px; height: 9px; width: 9px; }
#social a.thefamilyrecords { color: #111111;}
#social a.tumblr { color: #3B6085;}
#social a.twitter { color: #2F9DBF;}
#social a.facebook { color: #4E6BA5; margin-right: 30px;}
#social a:hover { text-decoration: none; color: #476DBF !important; }

#social #home-logo { float:left; top: -5px; margin: 0;}
#social #home-logo img { height: auto; width: auto;  }
	
	
	
#wrap {
background:#ffffff;
width:930px;
margin:20px auto 0 auto;
border:10px solid #ffffff;
}

#header{
background:#ffffff;
}

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

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

/* Nav Style */
#nav ul {display:inline;}
#nav ul li {float:left; margin-right: 2px;}
#nav ul li a { font-size: 11px; padding: 5px 22px; background: #dd5c29; color: white; font-weight: bold; display:block; text-align: center; text-transform: uppercase; font-family: arial, sans-serif; }
#nav ul li a:hover { background: #78adcf; }

#nav ul li.first a { color: #111; background: white; padding: 2px 0 2px 0; font-size: 16px; width: 180px; text-align: left;}


#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 #111111;
color:#111111;
font-size:0.9em;
margin:20px 20px 0 0;
padding:5px 5px 5px 20px;
text-decoration:none;
width:334px;
height: 12px;
}

#latest-releases, #other-releases, .sidebar_item h3.header {
font-family: "GibsonBold", Arial;
font-size: 38px;
line-height: 1em;
letter-spacing: 1px;
font-weight: normal;
color: #111111;
text-transform: uppercase;
}

.sidebar_item h3.header { 
text-align: center; 
}

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

#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 {
padding-bottom:1em;
}


div.navigation {
background:#e0e0e0;
margin:5px 0;
overflow:hidden;
}

div.navigation ul {display:inline-block; float:left; margin:0 0 1em 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 { padding: 7px 10px; display: inline-block; }

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

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:#476DBF;}

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:#476DBF; 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.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:175px;
margin-bottom:20px;
text-align: left;
}

div.store_item a img.menu {width:150px; height:150px; 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 {
border-bottom: 1px solid #898989;
margin: 20px 0;
display:block;
clear:both;
}

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

#sidebar_contents {margin-right:20px;}

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


#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 {
transition: color .35s;
-moz-transition: color .35s; /* Firefox 4 */
-webkit-transition: color .35s; /* Safari and Chrome */
-o-transition: color .35s; /* Opera */
color: #111111;
}
a:hover {
  color: #78adcf;
  text-decoration: none;
}

div.post a {  
	text-decoration: none;
	color: #78adcf;
	}

div.post a:hover {
	color: #202020;
	text-decoration: underline;
	}
div.post a:active {
  color: #dd5c29;
}	
#Artists_page a {
  color: #111111;
}



.store_paypal {
color:#476DBF;
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 #111111;
background: #ffffff;
padding:10px 10px 10px 10px;
margin-top:26px;
}

.sidebar_item h3.header.with-bottom-margin {
margin-bottom: 10px;
}

/* 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.calendar-artist {font-size:1.3em;  margin: 15px 0 3px 0;}
div#calendar h3.calendar-artist:first-child { margin-top: 0; }
div#calendar p { margin-top: 4px; }
div#calendar a { text-decoration: underline; }

div#calendar-page {}
div#calendar-page h3 {line-height: 1.5em; margin-bottom: 5px; font-size: 1.2em;}
div#calendar-page p{padding-top: 0px; line-height: 1em;}
div#calendar-page p span { font-weight: bold; }
/* thumbs for the 2 latest releases */
div#latest_releases {
}

div#latest_releases div.thumb_latest_releases {
float: left;
margin-right: 12px;
width: 160px;
margin-top: 5px;
}

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

div.catalog img { width: 60px; height: auto; max-height: 60px;}

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:#78adcf;}

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 #111111; /* this is the border. should have the same value for the links */
			border-top: none;
			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;
			display:block;
			overflow:hidden;
			background: #dd5c29;
			width: 358px;
			border-left: 1px solid #111111;
			border-right: 1px solid #111111;
		}
		
		.stripNav ul li {
			float: left;
			border-left: 2px solid white;		}
		.stripNav ul li:first-child { border-left: 0 !important; }
		
		.stripNav a { /* The nav links */
			background: none repeat scroll 0 0 #DD5C29;
      color: #FFFFFF;
      display: block;
      font-size: 10px;
      font-weight: bold;
      line-height: 27px;
      padding: 0;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
		}
		
		.stripNav li a:hover {
			background: #78adcf;
		}
		
		.stripNav li a.current {
			background: #78adcf;
			color: #ffffff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
			display:none;
		}
		
		
		
a.beta_email_link {
	color:#476DBF;
}
a.beta_email_link:hover {
	color:#232323;
}		

/* SIDEBAR SOCIAL */
.sidebar-social { display: inline-block; height: 23px; background: url(images/fam-social.jpg); text-indent:-9999px; }
.sidebar-social.fb { width: 85px; background-position: 0 0;}
.sidebar-social.tw { width: 93px; background-position: 252px 0;}
.sidebar-social.tbl{ width: 91px; background-position: 154px 0;}
.sidebar-social.rss{ width: 57px; background-position: 58px 0;}

/* TITLE WITH SHARE LINKS (TWSL) */

.float_left						{ float: left; }
.twsl_wrap						{ margin: 0 0 10px 0; width: 78px; float: left; display:inline;}

.twsl_date						{ color:white;font-family:arial,helvetica; width: 40px; height:76px;margin-right:2px; text-align: center; text-transform: uppercase; background: #111111; }
.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: #111111 url(images/shareTwitter-trans.png) center no-repeat;}
.twsl_links_twitter	a:hover			{ background: #53A8BF url(images/shareTwitter-trans.png) center no-repeat;}

.twsl_links_facebook a			{ background: #111111 url(images/shareFacebook-trans.png) center no-repeat;}
.twsl_links_facebook a:hover			{ background: #3F567F url(images/shareFacebook-trans.png) center no-repeat;}

.twsl_links_email a				{ background: #111111 url(images/shareEmail-trans.png) center no-repeat;}
.twsl_links_email a:hover				{ background: #787878 url(images/shareEmail-trans.png) center no-repeat;}


.twsl_title						{ padding: 0 0 0 10px; color: #999; font-size: .9em; letter-spacing: 1px; font-family: "GibsonBold",  Arial; text-transform: uppercase;  width: 490px; }
div.post div.twsl_title	h3.post-title		{ line-height: 1em; margin-bottom: 10px; font-size: 1.4em; font-weight: bold; display:block; }

div.post div.twsl_title	h3.post-title a,
h2.page-title	{
  font-family: "GibsonBold";
  font-size: 1.4em !important;
  letter-spacing: 1px;
  font-weight: normal;
  line-height: 1.3em;
  text-decoration: none !important;
}
h2.page-title	{
  font-size: 2em !important;
  text-transform: uppercase;
}

div.post div.twsl_title	h3.post-title a:hover { color: #78adcf; }

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


/* share-bar */

.vedanta-share-bar { padding: 5px 0; margin: 20px 0 40px; border-top: 1px solid #787878; border-bottom: 1px solid #787878; }
div.vedanta-share-bar div.comments { padding-bottom: 5px;}
div.vedanta-share-bar div.comments a { font-weight: bold; text-decoration: none; }
div.vedanta-share-bar div.comments a:hover { text-decoration: underline; }

.share-single .vedanta-share-bar { margin: 20px 0 0 0; border-bottom: none; }

.share-artist .vedanta-share-bar { margin: 10px 0; border-top: none; }
.share-artist div.vedanta-share-bar div.comments { display:none;}


#form_wrapper .field-wrap { margin-bottom: 4px; }
#form_wrapper .field-wrap label { width: 50px; display: inline-block; }
#form_wrapper .field-wrap input { display:inline-block;}
#form_wrapper .field-wrap input.input-submit { margin:5px 0 0 50px;}

.wrapper.links { overflow: hidden; }
.wrapper.links ul { float: left; margin-right: 30px;}