/*----------------------------------------
Name: styles.css
Developed by:Josh Hamilton
----------------------------------------*/


/* Imports
----------------------------------------*/
@import url("reset.css");
@import url("/assets/fonts/League-fontfacekit/stylesheet.css");
@import url("enrich.css");
@import url("colorbox.css");


/* === === === === === === === === === ===
=STRUCTURE
=== === === === === === === === === === */

html	{ width: 100%; }

body	{ font: 62.5%/1.5 Verdana, Geneva, Tahoma, sans-serif; background-color: #430504; color:#000; position: relative; width: 100%; }

#page-wrap	{ background: transparent url(/images/page-wrap-bgd.jpg) no-repeat 50% 0; width: 1041px; margin: 0 auto ; position: relative; }

#container { width:942px; margin:0 auto; position:relative; }

/* === === === === === === === === === ===
=COMMON
=== === === === === === === === === === */

a							{ color:#474a49; text-decoration: underline; }
a:hover						{ text-decoration: underline; color:#7d0d0a; }

#intro h1, h2.bookings, #news-scroller h2 { font-family: LeagueGothicRegular, Verdana, Geneva, Tahoma, sans-serif; color:fff;}

h1,h2						{ font-weight: normal; text-transform:uppercase; color: #7d0d0a;}
h3,h4,h5,h6					{ font-weight: normal; color: #7d0d0a; }

h1							{ font-size: 28px; line-height:1.2em; margin-bottom: .5em;}
h2							{ font-size: 18px;  margin-bottom: .5em; text-transform:uppercase; }
h3							{ font-size:14px; line-height:24px; margin-bottom:5px; color:#474a49; text-transform:uppercase; }
h4							{ font-size: 1.3em; padding:5px; }
h5							{ font-size: 1.3em;  margin-bottom: 1em; }
h6							{ font-size: 1.3em;  margin-bottom: 1em; }

blockquote					{  }
strong 						{ font-weight: bold; }
em							{ font-style: italic; }
ul li							{ color:#474a49; }


.lower					{text-transform:none;}
.inset-left				{float:left; margin-right:25px;}
/*=STANDARD CLASSES
=== === === === === === === === === === */
.left						{float:left;}
.right						{float:right;}
.clear						{clear:both;}
.hide						{display:none; text-indent:-99999px;}
.bullets					{ font-size:12px; line-height:16px; margin:0 0 10px 5px;}
.bullets li	{ 
	color:#474a49; 
	padding:0 0 5px 20px; 
	background: url(../images/check-trans.png) no-repeat left 3px;
	}
	
li.no-bullet { list-style:none;}

.box-out	{
	background-color:#dadada;
	clear:both;
	font-size:12px; line-height:16px;
	margin:5px 0 25px 0; padding:10px;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #bcbaba;
	border-left:1px solid #bcbaba;
	}

	
		p.back-button a	{ text-decoration:none; clear:both; display:block; margin-top:10px; }

.button-cart 	{
	text-decoration:none; 
	background: url(../images/store/cart-button.gif) no-repeat left 0;
	height:30px; width:98px;
	cursor:pointer;
	margin-top:5px;
	font-size:0;
	line-height:0;
	}
					
		.button-cart:hover 	{
			background-position:left -30px 
			}
		

/*=BRANDING
=== === === === === === === === === === */
#branding { position:relative; z-index:999;}

#logo	{float:left; padding-top:33px; }


/*=NAVIGATION
=== === === === === === === === === === */

/*--Top-Nav--*/
ul#top-nav { float:right; padding-top:12px; margin-right:29px; position:relative; z-index:999; bacground:none;}
	ul#top-nav li { float: left; display:inline; font-size:14px; line-height:18px; }
	ul#top-nav li a { display:block;  text-decoration:none; font-size:11px; font-weight:bold; color:#fff; padding:5px 8px; }
	ul#top-nav li a:hover { text-decoration:none; color:#ccc; background-color:#000; }
	ul#top-nav ul li a:hover {background:none; }
	ul#top-nav li:hover a:hover { text-decoration:none; background:none; }

		/*===============================
		TOP_NAV DROPDOWN
		================================*/
		ul#top-nav ul {
			position:		absolute;
			top:			-999em;
			width:			100px; /* left offset of submenus need to match (see below) */
			background-color:#000;
			}
		
		ul#top-nav ul li { width:100%; padding:0; line-height:18px; font-size:14px; margin:0;  }
		ul#top-nav ul li a {  
			text-decoration:none;
			display:block;
			height:auto;
			margin-right:0;
		 	}
			
			ul#top-nav ul li a:hover {  
			color:#73160a;
		 	}
		ul#top-nav li:hover  { visibility:inherit; /* fixes IE7 'sticky bug' */ background-color:#000; }
		ul#top-nav ul li:hover  { background:none; }
		
		ul#top-nav li:hover ul,
		ul#top-nav li.sfHover ul {
			left:			0;
			top:			40px; /* match top ul list item height */
			z-index:		99999;
			}


/*--Home-Nav--*/
ul#home-main-nav { clear:both; width:942px; height:228px; margin:45px auto 0 auto; position:relative; }
	ul#home-main-nav li   { float:left; display:inline; text-indent: -99999px; font-weight:bold; }
	ul#home-main-nav li a { 
		display:block; 
		position:absolute; 
		background: transparent url(../images/h-main-nav-trans.png) no-repeat
		}
	
	ul#home-main-nav li#bio a { 
		background-position: left -137px;
		height:158px; width:212px;
		bottom:0; left:5px;
		z-index:8; 
		}
			ul#home-main-nav li#bio a:hover { background-position: left -297px; }
		
	ul#home-main-nav li#projects a { 
		background-position:-212px -83px;
		height:187px; width:209px;
		bottom:0; left:115px;
		z-index:7; 
		}
			ul#home-main-nav li#projects a:hover { background-position: -212px -268px;}
			
	ul#home-main-nav li#lessons a { 
		background-position:-426px -38px;
		height:208px; width:205px;
		bottom:0px; left:215px;
		z-index:6; 
		}
			ul#home-main-nav li#lessons a:hover { background-position: -426px -246px;}
			
	ul#home-main-nav li#studio-work a { 
		background-position:-637px 2px;
		height:228px; width:211px;
		bottom:0px; left:315px;
		z-index:5; 
		}
			ul#home-main-nav li#studio-work a:hover { background-position: -637px -227px;}
			
	ul#home-main-nav li#store a { 
		background-position:-848px -41px;
		height:208px; width:213px;
		bottom:0; left:415px;
		z-index:4; 
		}
			ul#home-main-nav li#store a:hover { background-position: -848px -247px;}
			
	ul#home-main-nav li#articles a { 
		background-position:-1061px -88px;
		height:185px; width:210px;
		bottom:0; left:520px;
		z-index:3; 
		}
			ul#home-main-nav li#articles a:hover { background-position: -1061px -271px;}
			
	ul#home-main-nav li#media a { 
		background-position:-1271px -138px;
		height:159px; width:210px;
		bottom:0; left:615px;
		z-index:2; 
		}
			ul#home-main-nav li#media a:hover { background-position: -1271px -297px;}
			
	ul#home-main-nav li#calendar a { 
		background-position:-1480px -175px;
		height:139px; width:213px;
		bottom:0; left:715px;
		z-index:1; 
		}
			ul#home-main-nav li#calendar a:hover { background-position: -1480px -315px;}
			
			
#nav-bottom	{ 
	background: transparent url(../images/home-nav-bottom-trans.png) no-repeat left 0; 
	height:33px; width:942px; 
	margin:0 auto 25px auto; 
	position:absolute; bottom:-42px; left:0; 
	z-index:10; 
	}
	
/*--Interior-Main-Nav--*/

ul#interior-main-nav {
	background: transparent url(../images/interior-nav-bgd-trans.png) no-repeat left 50%;
	width:583px; height:38px;
	float:right;
	margin:10px -10px 0 0;
	position:relative;
	}
	
	ul#interior-main-nav li   { 
	float:left; 
	display:inline; 
	font-weight:bold; 
	text-indent:-9999px; 
	position:relative; 
	
	}
	ul#interior-main-nav li a { 
		display:block; 
		position:relative; 
		background: transparent url(../images/nav-sprite-trans.png) no-repeat; 
		height:40px;  
		}
	
		ul#interior-main-nav li#bio a { background-position:left 0; width:49px; }
		ul#interior-main-nav li#bio a:hover,
		ul#interior-main-nav li#bio.current a { background-position: left -38px; }
			
		ul#interior-main-nav li#projects a { background-position:-49px 0; width:76px; }
		ul#interior-main-nav li#projects a:hover,
		ul#interior-main-nav li#projects.current a { background-position: -49px -38px; }
		
		ul#interior-main-nav li#lessons a { background-position:-128px 0; width:77px; }
		ul#interior-main-nav li#lessons a:hover,
		ul#interior-main-nav li#lessons.current a,
		ul#interior-main-nav li#lessons:hover a { background-position: -128px -38px; }
		
		ul#interior-main-nav li#studio-work a { background-position:-204px 0; width:103px; }
		ul#interior-main-nav li#studio-work a:hover,
		ul#interior-main-nav li#studio-work.current a { background-position: -204px -38px; }
		
		ul#interior-main-nav li#store a { background-position:-309px 0; width:54px; }
		ul#interior-main-nav li#store a:hover,
		ul#interior-main-nav li#store.current a { background-position: -309px -38px; }
		
		ul#interior-main-nav li#news a { background-position:-361px 0; width:54px; }
		ul#interior-main-nav li#news a:hover,
		ul#interior-main-nav li#news.current a { background-position: -361px -38px; }
		
		ul#interior-main-nav li#media a { background-position:-416px 0; width:55px; }
		ul#interior-main-nav li#media a:hover,
		ul#interior-main-nav li#media.current a,
		ul#interior-main-nav li#media:hover a { background-position: -416px -38px; }
		
		ul#interior-main-nav li#calendar a { background-position:-472px 0; width:96px; }
		ul#interior-main-nav li#calendar a:hover,
		ul#interior-main-nav li#calendar.current a { background-position: -472px -38px; }

		/*=DROPDOWN=*/
		
		ul#interior-main-nav ul {
			position:		absolute;
			top:			-999em;
			width:			125px; /* left offset of submenus need to match (see below) */
			background-color:#000;
			padding:0 10px 10px 10px;
			}
		
		ul#interior-main-nav ul li { width:100%; padding:8px 0; line-height:16px; font-size:14px; margin:0;  }
		ul#interior-main-nav ul li a {  
			text-decoration:none;
			display:block;
			height:auto;
		 	}
		 ul#interior-main-nav ul li a:hover { color:#fff;}
		ul#interior-main-nav li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
		
		ul#interior-main-nav li:hover ul,
		ul#interior-main-nav li.sfHover ul {
			left:			0;
			top:			38px; /* match top ul list item height */
			z-index:		99;
			}
		
		ul#interior-main-nav li#media ul li a, ul#interior-main-nav li#lessons ul li a { background-image:none; color:#ccc; }
		ul#interior-main-nav li#media ul li a:hover, ul#interior-main-nav li#lessons ul li a:hover { color:#fff; }
		ul#interior-main-nav li#media ul li, ul#interior-main-nav li#lessons ul li  { text-indent:0; }


/*=CONTENT
=== === === === === === === === === === */

/*==FRONT-PAGE==*/
.content-wrap	{ border-bottom:1px solid #750e0d; padding-bottom:15px; }


#intro { width:750px; margin:0 auto; text-align:center; font-size:14px; line-height:18px; }
	
	#intro h1 { 
		border-top: 1px solid #750e0d; border-bottom: 1px solid #750e0d; 
		padding:5px 0 5px 0; width:680px; margin:30px auto 30px auto;
		color:#fff; font-size:36px; 
		}
		
	#intro p { line-height:22px; font-size:14px; font-weight:bold; color:#fff;  }
		#intro p a { color:#fff;  }
		#intro p a:hover { color:#7d0d0a;  }
		
	#intro p span.coffee { background: transparent url('/images/coffee.png') no-repeat left 0; padding-left:27px; display:inline; text-indent:-99999px;  }
	#intro p span { display:block; padding:10px 0 10px 0; height:58px;  }

	h1.call-out { width:750px; margin:15px auto 25px auto; text-align:center; color:#fff; font-size:18px;}
	h1.call-out a { color:#fff;}
	h1.call-out a:hover { text-decoration:underline;}


		/*==Featured-News==*/
		#featured-news { overflow:hidden; margin-top:35px; padding-bottom:25px; }
		
		#news-scroller	{ float:left; width:500px; overflow:hidden; }
			
			#news-scroller h2 	{ padding:0 15px 0 0; float:left; margin:0; line-height:18px; color:#fff; font-size:24px;}
			#home-news ul 	{ padding:0 0 0 18px;  }
			#home-news {overflow:hidden;}	
				#home-news ul li	{ float:left; display:inline; font-size:14px; line-height:18px; color: #999999; }
				#home-news ul li a	{ display:block; text-decoration:none; color:#fff;  }
				#home-news ul li a:hover	{ text-decoration:underline; color:#fff; }
		
		h2.bookings	{ float:right; text-transform:uppercase; line-height:18px; color:#fff; font-size:24px; }
			h2.bookings a	{ text-decoration:none; color:#fff; }
			h2.bookings a:hover	{ text-decoration:underline; color:#fff; }


/*==INTERIOR-PAGE
=======================================================================================================*/
#shadow	{ background: transparent url(../images/shadow-trans.png) no-repeat 0 0; margin-top:25px; clear:both;}

#page-top	{ 
	background: transparent url(../images/page-top-trans.png) no-repeat 0 0; 
	height:13px;
	}

#interior-content-wrap	{ 
	padding-bottom:90px; 
	background: transparent url(../images/page-bottom-trans.png) no-repeat 0 bottom;
	border-bottom:1px solid #750e0d;
	position:relative;
	z-index:1;
	}

#content-inner	{ 
	background: transparent url(../images/content-inner-bgd-trans.png) repeat-y 0 0; 
	padding:18px 60px 60px 60px;
	position:relative;
	min-height: 475px;
	overflow:hidden; 
	}
	
	#content-inner p	{ 
		font-size:14px; line-height:19px;
		padding-bottom:10px;
		color:#000; 
		}
		
		#content-inner p.highlight	{ color:#7d0d0a; }
		

/*==Page-Headlines-Images
==================================================================================*/
		
#content-inner h1	{
	background: transparent url(../images/headlines-trans.png) no-repeat; 
	height:60px; width:290px;  
	position:absolute;
	top:10px; left:55px;
	text-indent:-99999px;
	}
#email-capture h1#news_page	{
	background: transparent url(../images/headlines-trans.png) no-repeat left -414px; 
	height:60px; width:290px;  
	position:absolute;
	top:0px; left:-10px;
	text-indent:-99999px;
	}
		
		body#bio_page h1			{ background-position: left 0; }
		body#projects_page h1		{ background-position: left -60px; }
		body#lessons_page h1		{ background-position: left -120px; }
		body#studio_work_page h1	{ background-position: left -178px; }
		body#store_page h1			{ background-position: left -235px; }
		body#articles_page h1		{ background-position: left -295px; }
		body#media_page h1			{ background-position: left -360px; }
		body#news_page h1			{ background-position: left -414px; }
			
/*==MAIN-IMAGE
==================================================================================*/
.main-img	{
	background-color:#ccc;
	border:1px solid #fff;
	float:left;
	padding:10px;
	margin:75px 0 35px -40px;
	position:relative;
	z-index:99;
  	/*-box-rotate--*/
  	-moz-transform: rotate(-7.5deg);  /* FF3.5+ */
	-o-transform: rotate(-7.5deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-7.5deg);  /* Saf3.1+, Chrome */
	         
	}
	
	.main-img span /*Tape*/	{
		background: url(../images/tape-trans.png) no-repeat left 0;
		width:115px; height:32px;
		display:block;
		position:absolute;
		top:-15px; left:60px;
		}			
		
#main-content {
	width:530px;
	float:right;
	position:relative;
	min-height:600px;
	padding-bottom:35px;
	overflow:hidden;
	color:#000;
	}

	#main-content h2	{
		font-size:18px;
		line-height:24px;
		margin-bottom:5px;
		color:#7d0d0a;
		text-transform:uppercase;
		}
	
	h3#sotm-link a	{
		font-size:14px;
		line-height:24px;
		color:#474a49;
		text-decoration:none;
		margin-bottom:15px;
		display:block;
		}
		
		h3#sotm-link a:hover	{color:#7d0d0a; text-decoration:none;}

p.caption a	{ text-align:center; padding:10px 0 0 0; text-decoration:none; display:block; margin:0;}
p.caption a:hover	{ color:#7d0d0a;}

/*=Projects
==========================================================================================*/
.projects-box { 
	margin-bottom:0px; 
	border-top:1px solid #bcbaba; 
	border-bottom:1px solid #fff; 
	padding-top:25px; padding-bottom:10px; 
	}

	.projects-box.first { border-top:none; padding-top:0; }
	.projects-box.last { border-bottom:none; }
		
	.projects-box h3	{
		font-size:14px;
		clear:both;
		line-height:24px;
		margin-bottom:0;
		color:#474a49;
		text-transform:uppercase;
		padding-left:25px;
		background: transparent url(../images/speaker-trans.png) no-repeat left 4px;
		}

.pimage	{
	padding:10px;
	margin:5px 10px 10px 0;
	background-color:#dadada;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #bcbaba;
	border-left:1px solid #bcbaba;
	}
	
ul.box-out, #main-content ul	{
	background-color:#dadada;
	clear:both;
	font-size:12px; line-height:16px;
	margin:5px 0 25px 0; padding:10px;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #bcbaba;
	border-left:1px solid #bcbaba;
	}
		
		ul.box-out li, #main-content li					{ padding-bottom:8px; line-height:16px; }
		ul.box-out li a, #main-content li a				{ color:#474a49; text-decoration:none; }
		ul.box-out li a:hover, #main-content li a:hover	{ color:#7d0d0a; }
		#sidebar ul.box-out					{ margin-top:0; }
		
/*==Media
===============================================================================*/

.media-side-nav	{
	background-color:#dadada;
	padding:10px 10px 3px 10px;
	margin:10px 0 10px 0;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #bcbaba;
	border-left:1px solid #bcbaba;
	overflow:hidden;
	}
	
	.media-side-nav li	{ 
		padding-bottom:10px; 
		line-height:16px; 
		font-size:14px;
		}
		
		.media-side-nav li a		{ display:block; }
		.media-side-nav li a		{ color:#474a49; text-decoration:none; }
		.media-side-nav li a:hover	{ color:#7d0d0a; }

h3.audio	{
		font-size:15px;
		line-height:24px;
		margin-bottom:15px;
		color:#474a49;
		text-transform:uppercase;
		background: transparent url(../images/speaker-trans.png) no-repeat left 6px;
		padding:2px 0 2px 25px;
		}
		
h3.article	{
		font-size:15px;
		line-height:24px;
		margin-bottom:15px;
		color:#474a49;
		text-transform:uppercase;
		background: transparent url(../images/article-trans.png) no-repeat left 5px;
		padding:2px 0 2px 25px;
		}
		
h3.cart	{
		font-size:15px;
		line-height:24px;
		margin-bottom:15px;
		color:#474a49;
		text-transform:uppercase;
		background: transparent url(../images/cart-trans.png) no-repeat left 5px;
		padding:2px 0 2px 25px;
		}
		
h3.books	{
		font-size:15px;
		line-height:24px;
		margin-bottom:15px;
		color:#474a49;
		text-transform:uppercase;
		background: transparent url(../images/books.png) no-repeat left 5px;
		padding:2px 0 2px 25px;
		}
		
/*==GALLERY
=======================================================================*/

#gallery-container	{
	position:relative;
	margin-bottom:35px;
	float:left;
	}
	
#gallery-container ul#images	{
	position:relative;
	border:none;
	background-color:transparent;
	margin:0; padding:0;
	}
	
	#gallery-container ul#images	 li span.title{
	display:block;
	margin:10px 0 0 0;
	}
	
	#gallery-container ul#images	 li {
		position:relative;
		display:block;
		background-color:#dadada;
		padding:15px;
		border-bottom:1px solid #fff;
		border-right:1px solid #fff;
		border-top:1px solid #bcbaba;
		border-left:1px solid #bcbaba;
	}
	
	#gallery-container ul#images	 li a {
		display:block;
	}
	
	ul#gallery-pick { background-color:transparent; border:none; padding:0;}
	
	#gallery-pick li	{
		position:relative;
		margin-bottom:10px;
		background-color:#dadada;
		padding:10px;
		border-bottom:1px solid #fff;
		border-right:1px solid #fff;
		border-top:1px solid #bcbaba;
		border-left:1px solid #bcbaba;
		float:left; display:inline;
		margin-right:13px;
		width:140px;
		}
		
		#gallery-pick li:last-child {margin-right:0;}

	/*--Student-of-the-Month--*/
	ul#images-sotm { margin-top:15px;}
	
	ul#images-sotm li	{
		position:relative;
		margin-bottom:10px;
		background-color:#dadada;
		padding:10px;
		border-bottom:1px solid #fff;
		border-right:1px solid #fff;
		border-top:1px solid #bcbaba;
		border-left:1px solid #bcbaba;
		width:450px;
		overflow:hidden;
		}
			ul#images-sotm li img	{ float: left; margin-right:20px; }
			ul#images-sotm li a	{  }
		
			ul#images-sotm li span {display:block; font-size:14px; }
			
			#flickrNav	{
				position:absolute;
				top:5px; right:0;
				background-color:
				}
				
				#flickrNav li 	 	{float:left; display:inline; font-size:12px; }
				
				#flickrNav li a 	{
					color:#fff;
					text-decoration:none; 
					display:block; 
					background-color:#000; 
					padding:3px 10px;
					border-bottom:1px solid #fff;
					border-right:1px solid #fff;
					border-top:1px solid #bcbaba;
					border-left:1px solid #bcbaba;
					}
					
				#flickrNav li a:hover 	{
					color:#fff;
					background-color:#7d0d0a; 
					}					
					
				a#next	{
					margin-left:10px;
					}
					
span#flickr-icon { background:transparent url(../images/flickr.png) no-repeat left -1px; display:block; padding-left:35px; height:25px; margin-top:10px;}

/*==SideBar
===============================================================*/

#sidebar	{ float:left; position:relative; width:250px; overflow:hidden;}

	#sidebar h3.video	{
		font-size:15px;
		line-height:24px;
		margin-bottom:15px;
		color:#474a49;
		text-transform:uppercase;
		background: transparent url(../images/gallery-img-trans.png) no-repeat left 50%;
		padding:2px 0 2px 25px;
		}
		
	#sidebar h3.audio	{
		background: transparent url(../images/speaker-trans.png) no-repeat left 6px;
		}
		
/*=FAV NAV
======================================================*/
#side-nav	{
	background-color:#dadada;
	padding:10px 10px 3px 10px;
	margin:0px 0 10px 0;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #bcbaba;
	border-left:1px solid #bcbaba;
	overflow:hidden;
	}
	
	#side-nav li	{ 
		padding-bottom:10px; 
		line-height:16px; 
		font-size:14px;
		}
		
		#side-nav li a		{ display:block; }
		#side-nav li a		{ color:#474a49; text-decoration:none; }
		#side-nav li a:hover	{ color:#7d0d0a; }

#quotes blockquote p {
	font-size:13px; 
	line-height:17px; 
	color:#000; 
	padding-bottom:0;
	font-style: italic;
	}
	
blockquote	{ font-size:13px; line-height:17px; color:#7d0d0a; padding-bottom:10px;  }
cite	{font-size:11px; color:#7d0d0a; margin:5px 0 10px 10px; display:block; }

/*NEWS
=========================================*/
.news-post 	{ margin-bottom:0px; border-top:1px solid #bcbaba; border-bottom:1px solid #fff; padding:25px 0 15px 0; }
.news-post.first { border-top:none; padding-top:0; }
.news-post.last { border-bottom:none; }

/*STORE
===============================================*/
#main-content ul#store-pick, #main-content #flickrNav	{
	background-color:transparent;
	clear:both;
	font-size:12px; line-height:16px;
	margin:0; padding:0;
	border-bottom:none;
	border-right:none;
	border-top:none;
	border-left:none;
	}

#store-pick li label {font-size:12px; color:#666; margin-right:15px; }

#store-pick li	{
		position:relative;
		margin-bottom:10px;
		background-color:#dadada;
		padding:10px;
		border-bottom:1px solid #fff;
		border-right:1px solid #fff;
		border-top:1px solid #bcbaba;
		border-left:1px solid #bcbaba;
		float:left; display:inline;
		margin:0 27px 27px 0; 
		width:200px;
		}
#store-pick li p	{padding-bottom:5px;}		
#main-content span.caption	{font-size:10px; padding:0; margin:0; color:#000;}

/*==BOOKS
======================================================================================*/
#grooves-editable {  clear:both; background:none;}
#grooves-editable ul {  border:none; padding:0; clear:both; background:none;}
	
 #grooves-editable li {
	overflow:hidden;
	display:block;
	background-color:#dadada;
	font-size:12px; line-height:16px;
	margin:5px 15px 10px 0; padding:10px;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #bcbaba;
	border-left:1px solid #bcbaba;
	}
	
.ind-book a { font-size:14px; color:#474a49; text-decoration:none;}
.ind-book {border-bottom:1px solid #ccc; margin-bottom:22px; padding-bottom:12px; overflow:hidden;}
.ind-book a span.title {color:#7d0d0a; text-transform:uppercase; padding-bottom:0; text-decoration:none; }
.ind-book a:hover span.title {color:#000; }
.ind-book p {overflow:hidden;}
.ind-book p.author {margin-bottom:5px; font-size:12px; color:#7d0d0a;}
p.buy a 	{ color:#7d0d0a; text-decoration:none; overflow:hidden; }	
p.buy a:hover 	{ color:#000; text-decoration:none; }

/*==DRUM-TALK==*/
.border-bottom { border-bottom:1px solid #ccc; margin-bottom:22px; padding-bottom:12px; }
#main-content ol					{ margin-left:15px; list-style: outside; }
#main-content ol li				{ font-size:13px; line-height:18px; list-style: decimal inside; }
		
/*==EMAIL-FORM==*/

#email-capture { font-size:14px; line-height:18px; color:#474a49; padding:75px 0 15px 0; position:relative;}
input { width:350px; border:1px solid #c4c0be; background:#f7f6f6; padding:5px; font-size:12px; font-family:Helvetica,Arial,sans-serif; color:#666; }
#email-capture h3	{ font-size:18px; line-height:22px; padding-bottom:5px; color:#474a49; display:block }
.button	{margin:10px 0; width:45px; cursor:pointer;}

/*=FOOTER
=== === === === === === === === === === */
#footer { margin:0 auto; border-top:1px solid #380201; padding:15px 0 35px 0; overflow:hidden;}
#footer p { font-size:11px; padding-bottom:5px; color:#fff;}
#footer a { color:#fff; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

#footer h4  { 
	padding-right:32px; 
	background:url(../images/facebook-24x24-trans.png) no-repeat right 0;
	font-size:14px;
	margin:0;
	color:#fff;
	}

