/*
Theme Name: Finding Favour Website
Theme URI: http://www.findingfavourmusic.com
Description: Band Website
</a>)
Version: 1
Author: Aaron Tomberlin
*/
/*	COLOR KEY

	Dark Blue: #3D4L4E
	Light Blue: #9297B3
	Footer Gray: #1C1C17
	
*/

/* RESET */

*							{ margin: 0; padding: 0;}
html						{ overflow-y: scroll; } 
html, body					{ height: 100%;}
body						{ font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; background: url(../../../assets/blk_grainbkgd.jpg) fixed; text-align:center;}
ul 							{ list-style:none; }
ol							{ list-style:none; }
a img						{ border: none; }
img							{ vertical-align: middle; margin: 5px 5px 5px 5px; } 
table						{ border-collapse: collapse; }

/* 	UTILITY  */ 

.floatLeft					{ float:left; }
.floatRight					{ float:right; }
.clear						{ clear: both; }
.button						{ border: 2px solid #000000; background: url(../../../assets/transblk.png); ; color: #CCCCCC; padding: 2px 8px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
.button:hover				{ background: url(../../../assets/transwhite.png); color:#000000; }

/* TYPGROGRAPHY */

p  							{ font-size: 12px; color: #FFFFFF;  padding: 0px; }
li							{ font-size: 12px; line-height: 1.0em; margin: 0 0 10px 0; }
a							{ color: #9297B3; text-decoration:none; outline:none; }
a:hover						{ color: #CCCCCC; text-decoration:none;   }
a:active					{ outline: none; }
a:focus						{ -moz-outline-style: none; }
h1							{ font-size: 18px; font-family:Arial, Helvetica, sans-serif; font-weight: normal; color: #FFFFFF; }
h2							{ font-size: 14px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; }
h3							{ font-size: 14px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; margin: 10px; }
h4							{ font-size: 14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #FFFFFF; margin: 0 0 10px 0; }

/* STRUCTURE */

#page-wrap					{
	width: 960px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align:left;
	background: url(../../../assets/body_gray.jpg) bottom repeat;
	border-right-width: 10px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
} 
/* #body						{ width: 960px; height: 675px; background:url(assets/pagebkgd.jpg) repeat; margin-left: 100px; line-height: 15px; } */
#push						{ height: 30px; } 
#rightsidebar				{ width: 180px; float: left; background: url(../../../assets/transblk.png) repeat; padding: 10px; margin: 20px 0px 0px 40px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
/* #main-col					{ width: 450px; float: left; margin: 15px 10px 10px 5px; padding: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } */
#page-content				{  background: url(assets/transbkgd_darkgrn.png) repeat; width: 650px; float: left; margin: 10px 10px 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; }
.background					{ background: url(../../../assets/transblk.png) repeat; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }


/* HEADER */

#top-bar					{ height: 197px; width: 960px; padding: 0px 0 0 0; background: url(../../../assets/header_newlogo.jpg) top center no-repeat; }
#slideshow_container		{ width:956px; height: 513px; background:none ; margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	bottom: 5px;
	right: 5px; position:relative;}
#slideshow					{  }
#twitterfeed				{ float:left; width440px; padding: 16px; color:#FFFFFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#twitterfeed a				{ color:#9297B3; }
#twitterfeed a:hover		{ color: #CCCCCC; text-decoration:none;  }


/* MENU */

#home 						{ padding-right: 5px; float:left; }

/* NAV */

#nav						{ width: 960px; height: 50px; position:relative; margin-top: 140px; float:left; padding-left: 15px; }
#nav a						{  }
#nav a:hover				{ background-color:none; }
#livestream					{ padding: 10px 15px 0px 0px; color:#FFFFFF; font:Arial, Helvetica, sans-serif; font-size:12px;}
#livestream a				{ text-decoration:underline; color:#FFFFFF; }
#livestream a:hover			{ text-decoration:underline; color:#CCCCCC; }

/* FOOTER */

#footer 					{ height: 263px; background: url(../../../assets/footer_links_2.jpg)  bottom center no-repeat; text-align:center;}
#footer-inside				{ width: 960px; margin: 0 auto; font-size:12px; color:#0c0c0a; font-weight:bold; text-align:center; padding: 30px 0px 0 0px; line-height: 1.0em;}
#footer-inside p			{ font-size:12px; color:#0c0c0a; }
#footer-inside a			{ font-size:12px; color:#0c0c0a; text-decoration:underline; }
#footer-inside a:hover		{ font-size:12px; color: #FFFFFF; text-decoration:underline; background: none; }
#copyright					{ margin: 200px 0px 0px 450px; }
#socialnav					{ float: right; width: 150px; margin: 30px 0px 0px 0px; }
#socialnav li				{ margin: 0px; padding: 0px; }
#socialnav img				{ margin: 0px; }
#footer_ad					{ width: 263px; height: 150px; float:left; margin: 20px 0px 0px 20px; border: solid #000000 2px; background:#000000;}
#footer_links				{ float:left; text-align:left; margin-top: 30px; margin-left: 30px;  }
#newsletter_form			{ float: left; width:300px; height: 130px; margin: 30px 0 0 0; background: none; } 
#contact					{ float: left; width: 290px; margin: 50px 0 0 30px; background: none; } 

/* BLOG ENTRIES */

.post						{ background: none; padding: 10px; ;  border-bottom: dotted 1px #9297B3; }
#date 						{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom: 6px; color:#FFFFFF; }
ol.commentlist				{ list-style: none; }
.comment-bubble				{ width: 550px; padding: 8px; margin: 10px 0px 10px 40px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
ol.commentlist li p			{ font-size: 1.0em }
#commentform				{ width: 500px; margin: 10px 10px 20px 10px; }
#single						{ width: 650px; float:left; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; margin: 20px 0 30px 20px; }
#comments					{width: 670px; float:left; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-left:20px; margin-bottom: 20px; }
#page_content				{ width: 840px;  float:left; margin: 30px 30px 30px 30px; padding:5px 30px 15px 30px; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; }


/* HOME PAGE */
#leftcol					{ width: 425px;  float:left; margin: 5px 5px 5px 25px; }
#rightcol					{ width: 425px;  float:right; margin: 5px 25px 5px 5px; }

#videos						{ width: 425px; height:344px; float:left; margin-bottom: 30px; }
#touring					{ width: 425px; height:344px; float:left; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px;   }
#newsbox					{  }	
#newsfeed					{ width: 410px; height:336px; float:left; margin-bottom: 30px; background: url(../../../assets/transblk.png);   -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:4px 7px 4px 7px;}
#twitter					{ width: 425px; height:344px; float:left; background: url(../../../assets/transblk.png);   -moz-border-radius: 10px; -webkit-border-radius: 10px;   }
#tour_widget				{ width: 400px; height: 282px;font:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px; padding: 2px 0 0px 10px; margin: 10px; }
#tour_br					{ width: 360px; border-bottom: dotted #9297B3 1px; margin-top: 15px; margin-bottom: 20px; }

/* PAGES */

#pictures_container			{ width: 890px; margin: 20px 20px 20px 20px; padding: 15px; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px;  }
#tourpage_head				{ width:150px; height: 28px; float: left; background:url(../../../assets/page_tour.png) no-repeat; margin: 10px 0px 0px 10px; }
#videopage_head				{ width:200px; height: 28px; float: left; background:url(../../../assets/page_videos.png) no-repeat; margin: 10px 0px 10px 10px; }
#picturespage_head				{ width:200px; height: 28px; float: left; background:url(../../../assets/page_pictures.png) no-repeat; margin: 10px 0px 10px 20px; }
/* #ustream						{ float:left; width:700px; height:500px; background:url(../../../assets/transblk.png) repeat;  } */
#musiccontent				{ float: left; width: 890px; margin: 20px 20px 20px 20px; padding: 15px; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px;  }
#album_1					{ float:left; width: 870px; margin:10px;  }
.album						{ float:left; margin:10px;  }
#musichead					{ margin:10px 0px 5px 5px; width: 260px;}
#tracktable					{ width: 520px; float:right; margin:10px; font:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px;}
#tracktable p				{ padding: 2px 0px 2px 0px; }
.borderbottom				{ border-bottom:solid 1px #FFFFFF;  }

.bioinfo					{ width: 860px; float:left; margin: 20px 0px 0px 40px; padding: 10px; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.biotext					{ float:left; width:400px; height: 200px; padding: 5px 5px 0px 5px; margin: 10px 10px 10px 5px; border-right:dotted #CCCCCC 1px;}
.biopic						{ float: left;  }
.biotwitter					{ float: left; width: 240px; height: 160px; margin: 10px 5px 10px 5px; }
.bioinfo img				{ margin: 10px;  }

#storehead					{ float:left; margin:10px 0px 5px 5px; width: 260px; }
#viewcart					{ width: 89px; height: 24px; float:right; margin: 20px 60px 0px 0px; padding-top:3px; background:#000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#viewcart:hover				{ background:#990000; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.cartbutton					{ background:#000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.cartbutton:hover			{ background: #990000; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#storeitem1					{ width: 860px; height: 300px; float:left; margin:10px 0px 0px 54px; padding: 10px; background:url(../../../assets/iamshirt.png) no-repeat;}
.addtocart			{ float:right; width: 100px; margin: 220px 50px 0px 0px; font-size:12px; color:#000000; font-family:Arial, Helvetica, sans-serif; }
#viewlarge					{ float:left; margin: 120px 0px 0px 294px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:000000; }
#viewlarge a				{ text-decoration:underline; color: #333333; }
#viewlarge a:hover			{ color:#990000; }
#storeitem2					{ width: 860px; height: 300px; float:left; margin:20px 0px 0px 54px; padding: 10px; background:url(../../../assets/store_ep.png) no-repeat;}
#storeitem3					{ width: 860px; height: 300px; float:left; margin:20px 0px 0px 54px; padding: 10px; background:url(../../../assets/store_mend.png) no-repeat;}