/*  
Theme Name: crosspollination
Theme URI: http://cross-pollination.com
Description: Custom theme for Cross-Pollination
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;}

/* Begin Fam Rec Structure */

body {
	background:#868e9a url(http://cross-pollination.com/wp-content/themes/crosspollination/images/bg.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 20px 10px 20px;
}

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

/* Nav Style */
#nav ul {display:inline;}
#nav ul li {float:left;}
#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:0;
}

#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 20px 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:#111111; font-size:.9em;}
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;}


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:20px 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-bottom:20px;
}

.sidebar_item h3{
font-size:1.2em;
font-weight:bold;
}
.sidebar_item a {
font-size:9px;
}

/* 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: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #ccc;
			color: #ffffff;
			text-decoration: none;
			display: block;
			padding: 0 14px;
		}
		
		.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;
		}
		
/* LIB MAT STYLES */

.linklist {
	font-family: Verdana, sans-serif;
	/*font-size: 9px;*/
	text-decoration: none;
	color: #003333;
	padding-top: 2px;
	}
a		{
	font-family: Verdana, sans-serif;
	/*font-size: 9px;*/
	text-decoration: none;
	color: #003333;
	}
a:link {
	text-decoration: none;
	}
a:hover {
	color: #FF3300;
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	}
a:active {
	text-decoration: none;
	}	
.redlink {
	font-family: Verdana, sans-serif;
	/*font-size: 9px;*/
	color: #FF3300;
	padding-top: 2px;
	}
.pagetitle {
	padding-top: 20px;
	padding-bottom: 25px;
	padding-left: 12px;
	text-align: left;
	}
.trackgrey {
	
	padding:1px 15px 5px 15px;	
	font-family: Verdana, sans-serif;
	/*font-size: 9px;*/
	text-decoration: none;
	color: #555555;
	background-color: #eee;
	margin-bottom: 4px;	
	}
.trackblue {
	
	padding:1px 15px 5px 15px;	
	font-family: Verdana, sans-serif;
	/*font-size: 9px;*/
	text-decoration: none;
	color: #003333;
	background-color: #FFF;
	margin-bottom: 4px;	
	}
.trackblue2 {
	
	padding:1px 15px 5px 15px;	
	font-family: Verdana, sans-serif;
	/*font-size: 9px;*/
	text-decoration: none;
	background-color: #FFF;
	color: #003333;
	margin-bottom: 4px;	
	}	
.trackgrey2 {
	height: 15px;
	padding-left: 15px;	
	padding-top: 1px;	
	font-family: Verdana, sans-serif;
	/*font-size: 9px;*/
	text-decoration: none;
	color: #555555;
	background-color: #FFFFFF;
	background-image:   url(images/white.gif);
	margin-bottom: 4px;	
	}	
.iconlink {
	height: 15px;
	padding-right: 12px;	
	padding-bottom: 4px;	
	font-family: Verdana, sans-serif;
	/*font-size: 9px;*/
	text-decoration: none;
	color: #003333;
	background-color: #FFFFFF;
	background-image:   url(images/white.gif);
	margin-bottom: 4px;	
	}	
.bodyred {
	font-family: Verdana, sans-serif;
	/*font-size: 9px;*/
	text-decoration: none;
	color: #FF3300;
	}
.bodygrey {
	font-family: Verdana, sans-serif;
	/*font-size: 9px;*/
	text-decoration: none;
	color: #555555;
	}
.textfield {
	font-family: Verdana, sans-serif;
	/*font-size: 9px;*/
	text-decoration: none;
	color: #555555;
	}	
.bodyblue {
	font-family: Verdana, sans-serif;
	/*font-size: 9px;*/
	text-decoration: none;
	color: #003333;
	}
.sub	{
	background-color: #FFFFFF;
	height: 15px;
	text-decoration: none;
	color: #003333;
	background-image:   url(images/white.gif);
	margin-bottom: 5px;
	padding-top: 1px;
	padding-left: 3px;
	}
.white_bold_red {
    background-color: #FFFFFF;
	height: 15px;
	font-weight: bold;
	color: red;
	background-image:   url(images/white.gif);
	margin-bottom: 5px;
	padding-top: 1px;
	padding-left: 3px;
}