/*  
Theme Name: Ronnie Wood
Theme URL: ronniewood.com
Description: 
Author: Landry Karege
Author URL: http://www.thetin.net/team/
color pallette: #b66908, #616161, #ffffff;
*/

/*RESET STYLESHEET*/
/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.1; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


.clearFix{
	height:0px;
	margin:0px;
	padding:0px;
	clear:both;
}



/*TYPOGRAPHY STYLESHEET*/
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size:85%;
  color: #fff;
  font-family: "Georgia", Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 



/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* Form
-------------------------------------------------------------- */
legend      {visibility:hidden;
			 display:none;}


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.normalText  {font-size:x-small !important; }
.floatRight {float:right;}


/*OTHER MISCELLANEOUS*/

body {
	background:#1c1c1c url('../imgs/bg.gif') repeat center top;
	color:#fff;
	text-align:center;
	position:relative;	
}
a{ color:#616161;}
a:hover, a:active{color:#b66908;}

/*RECYCLING*/
.rounded
{ 
	/*border:1px solid #000;
	position:relative;*/
	
	/*rounding corner*/
	border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	
	
	/*dropping shadows*/
	box-shadow: 0px 0px 0px #151515;
	-moz-box-shadow: 3px 3px 3px #151515;
	-webkit-box-shadow: 3px 3px 3px #151515;
  }
  
/*STRUCTURE*/

.wrapper{
  width:950px;
  position:relative;
  margin:26px auto;
  padding:0;
  text-align:left;
}

.header{
  width:950px;
  position:relative;
   float:left;
   padding:0;
   margin:0;
  
}
.header h1{
   width:179px;
   height:74px;
   position:relative;
   float:left;
   padding:0;
   margin:0px;
   text-align:left;
   left:34px;
   background:Transparent url('../imgs/mainTitleBg.gif') no-repeat 0% 0%;
}
.header h1 a{
  width:100%;
  height:100%;
  position:relative;
   float:left;
  text-decoration:none;
  text-indent:-999em;
  overflow:hidden;
  
}

ul.register_email {
  
  position:relative;
  float:right;
  padding:0;
  margin:0;
  list-style:none;
  display:inline;
}
  
  ul.register_email li
  {
  	position:relative;
      float:left;
    display:inline;
    padding:0 5px 0 0;
    margin:0 0 0 5px;
  }
  .nav ul li a,
  ul.register_email li a{
    text-decoration:none;
    text-transform:uppercase;
    font-size:10px;
    color:#b66908;
    font-weight:bold;
  }
  
.nav {
  width:950px;
  height:20px;
  background-color:#000;
  position:relative;
  float:left;
  padding:10px 0px;
  margin:24px 0 0 0;

 }

 .nav ul {
  position:relative;
  float:left;
  padding:0;
  margin:0 0 0 15px;
  list-style:none;
  display:inline;
  font-family:Arial;
  } 
    .nav ul li{
      position:relative;
      float:left;
      padding:0 20px 0 0;
      margin:0 0 0 20px;
      background:Transparent url('../imgs/navDivider.gif') no-repeat 100% 0%;
      overflow:hidden;
      text-align:left;
    }
    .nav ul li.last{background-image:none;}
    .nav ul li a{
      font-size:20px;
      color:#616161;
      font-weight:bold;
      text-align:left;
    }
	.nav ul li a:hover, .nav ul li a.activated{color:#b66908;}

.footer{
  width:950px;
  position:relative;
  float:left;
  padding:8px 0;
  margin:0;
  color:#b66908;
  background-color:#000;
  text-transform:uppercase;
}

.footer p{
  width:auto;
  padding:0;
  margin:0 20px 0 0;
  position:relative;
  float:right;
}
.footer ul{
  position:relative;
  float:left;
  list-style:none;
  padding:0;
  margin:0;
  display:inline;
}

.footer ul li
{
	
	position:relative;
	float:left;
  display:inline;
  padding:0 20px 0 0;
  margin:0 0 0 20px;
  background:Transparent url('../imgs/footerDivider.png') no-repeat 100% 0%;
  overflow:hidden;
  text-align:left;
  font-size:12px;
}
.footer ul li.last{background-image:none;}
.footer ul li a{
  text-decoration:none;
  color:#b66908;
}


.container{
  width:100%;
  position:relative;
  float:left;
  min-height:500px;
  margin:25px 0px;
  padding:0;
  z-index: inherit;
  zoom: 1; /* For IE6 */
}

/*STYLE FOR THE HOME PAGE*/
.paintShowcase
{
	width:100%;
	height:304px;
	position:relative;
	float:left;
	padding:0;
	margin:0 0 25px 0;
	}
	.paintShowcase p
	{
		background:#000;
		width:924px;
		height:20px;
		color:#fff;
		position:absolute;
		bottom:7px;
		left:1px;
		padding:10px;
		margin:0;
		font-size:20px;
		text-transform:uppercase;
		opacity:0.7;
		filter:alpha(opacity=70);
	}
	.paintShowcase p span
	{
		font-family:Arial;
		position:absolute;
		left:400px;
		font-size:12px;
		padding-top:5px;
		}
	.paintShowcase p span a
	{
		text-decoration:none;
		color:#b66908;
		position:relative;
		padding-left:5px;
		}
	
.threeBlock
{
	width:100%;
	position:relative;
	float:left;
	padding:0;
	margin:0px;
	display:inline;}
	
	.threeBlock .block
	{
		width:260px;
		min-height:320px;
		padding:20px;
		margin:0 0 0 20px;
		position:relative;
		float:left;
		display:inline;
		background:#000;
		color:#fff;
		}
		
		.threeBlock .block h3
		{
			width:auto !important;
			position:relative;
			padding:0 40px 0 0;
			margin:0 0 12px 0;
			float:left;
			color:#fff;
			text-transform:uppercase;
			background:Transparent url('../imgs/h3Bg.gif') no-repeat 100% 100%;
			
			}
	.threeBlock .block.first{ margin-left:0px !important;}		
	.threeBlock .block p
	{
		background:#000;
		width:255px;
		color:#fff;
		position:absolute;
		bottom:20px;
		left:20px;
		padding:5px;
		margin:0;
		text-transform:uppercase;
		font-size:12px;
		opacity:0.8;
		filter:alpha(opacity=80);}
		.threeBlock .block p a
		{
			text-decoration:none;
			color:#b66908;
			outline:none;
			
			
			}
			
	.threeBlock .block ul.newsticker
	{
		width:260px;
		position:relative;
		float:left;
		padding:0;
		margin:0;
		text-align:left;
		clear:left;
		list-style:none;
		
		}
		.threeBlock .block ul.newsticker li
		{
			width:238px;
			height:117px;
			position:relative;
			float:left;
			padding:18px 13px;
			margin:35px 0 0px 0;
			background:transparent url(../imgs/newstickerBg.gif) no-repeat top left;
			}
			.threeBlock .block ul.newsticker li.first
			{
				margin-top:0px;}
			.threeBlock .block ul.newsticker li p
			{	
				width:inherit;
				position:relative;
				margin:0;
				padding:0;
				float:left;
				left:0;
				bottom:0;
				opacity:1.0;
				background:none;
				}
			.threeBlock .block ul.newsticker li a
			{
				position:absolute;
				bottom:10px;
				left:13px;
				text-decoration:none;
				color:#b66908;
				}	
				
				
				
/*MUSIC PAGES STYLE=======================*/				

.musicBlock
{
	  width:910px;
	  min-height:500px;
	  position:relative;
	  float:left;
	  padding:22px 0 22px 40px;
	  margin:0;
	  color:#b66908;
	  background-color:#000;
	
	}	

	.musicBlock h3
	{
			width:auto !important;
			position:relative;
			padding:0 40px 0 0;
			float:left;
			color:#fff;
			text-transform:uppercase;
			background:transparent url('../imgs/h3Bg.gif') no-repeat 100% 100%;
			
			}	
	.musicBlock h4
	{
		color:#b66908;
		width:auto;
		position:relative;
		float:left;
		clear:none;
		}
		
		.musicBlock .leftCol h4 a
		{
			text-decoration:none;
			color:#b66908;
			}
		.musicBlock .leftCol h4
		{
			width:100%;}	
	.musicBlock .albumDesc,
	.musicBlock .albumListing,
	.musicBlock .albumListingRow
	{
		width:100%;
		position:relative;
		float:left;
		clear:both;
		}
	
	/*INDIVIDUAL ALBUM STYLING==================*/	
	.musicBlock .albumDesc .leftCol	{
		width:243px;
		position:relative;
		float:left;
		padding:0;
		margin:0 30px 0 0;
		text-align:left;
		}	
	.musicBlock .albumDesc .rightCol
	{
		width:500px;
		position:relative;
		float:left;
		padding:0;
		margin:0;
		text-align:left;
		color:#fff;
		text-transform:lowercase;
		}	
		
		.musicBlock .albumDesc .rightCol dl,	
		.musicBlock .albumDesc .leftCol dl
		{
			color:#fff;
			width:inherit;
			padding:0;
			margin:20px 0 0 0;
			position:relative;
			float:left;
			}
			.musicBlock .albumDesc .leftCol dl div
			{
				width:100%;
				position:relative;
				float:left;
				clear:both;
				padding:0;
				margin:0 0 2px 0;
				}
			.musicBlock .albumDesc .leftCol dl div dd,
			.musicBlock .leftCol dl div dt
			{
				width:120px;
				padding:0;
				margin:0;
				position:relative;
				float:left;
				}
				.musicBlock .leftCol dl div dd{float:right; white-space:nowrap;}
		.musicBlock .albumDesc .leftCol .buyBtns
		{
			width:100%;
			position:relative;
			float:left;
			padding:0;
			margin:10px 0;
			color:#fff;
			
			}
		 .musicBlock .albumDesc .leftCol .buyBtns span
		 {
		 	width:inherit;
		 	position:relative;
		 	float:left;
		 	display:inline;
		 	padding:0;
		 	margin:0 0 5px 0;
		 	}
		  .musicBlock .albumDesc .rightCol h4
		  {
		  	width:100%;
		  	position:relative;
		  	float:left;
		  	padding:0;
		  	margin:0;
		  	text-transform:capitalize;
		  	}	
		  	.musicBlock .albumDesc .rightCol dl{margin:0;}
		  	.musicBlock .albumDesc .rightCol dl dd,
		  	.musicBlock .albumDesc .rightCol dl dt
		  	{
		  		width:200px;
		  		position:relative;
		  		float:left;
		  		padding:0;
		  		margin:0;
		  		}		
			.musicBlock .albumDesc .rightCol ol
			{
				width:100%;
				position:relative;
				float:left;
				}
				.musicBlock .albumDesc .rightCol ol li span{padding-left:10px; }
				.musicBlock .albumDesc .rightCol ol li span a{color:#b66908;}

/*OVERALL ALBUMS STYLING==================*/	

		
	.musicBlock .albumListing p{color:#fff;}
	.musicBlock .albumListing ul
	{
		width:100%;
		position:relative;
		float:left;
		padding:0;
		margin:0;
		list-style:none;
		}	  	
		
		.musicBlock .albumListing ul li
		{
			width:195px;
			position:relative;
			float:left;
			padding:0;
			margin:0 31px 60px 0;
			display:inline;
			text-align:left;
			}	
		 .musicBlock .albumListing ul li a
		 {
		 	width:inherit;
		 	position:relative;
		 	float:left;
		 	text-decoration:none;
		 	padding:0;
		 	margin:0;
		 	overflow:hidden;
		 	outline:none;
		 
		 	}
			.musicBlock .albumListing ul li a span.albumTitle
			{
				width:100%; 
				position:relative; 
				float:left; 
				text-align:left; 
				padding:0;
				font-size:18px; 
				margin-bottom:10px; 
				color:#b66908;
				white-space:nowrap;
				}
			.musicBlock .albumListing ul li a img
			{
				border:none;
				padding:0;
				margin:0;
				position:relative;
				float:left;
				}
				
/*SELECTED ALBUM STYLING==================*/	
	.musicBlock .albumListingRow h4
	{
		clear:none;
		color:#fff;
		float:left;
		position:relative;
		width:100%;
		}
	.musicBlock .albumListingRow .Row
	{
		width:590px;
		position:relative;
		float:left;
		padding:0;
		margin:0 0 50px 0;
		color:#fff;
		}	
		.musicBlock .albumListingRow .Row .Thumbnail
		{
			width:216px;
			height:210px;
			position:relative;
			float:left;
			padding:0;
			margin:0;
			position:relative;
			float:left;
			clear:left;}	
			
		.musicBlock .albumListingRow .Row a
		{
			color:#b66908;
			text-decoration:none;
			padding:0;
			margin:28px 0 0 0;
			position:relative;
			float:left;
			overflow:hidden;
			outline:none;
			
			}	
/*CONTRIBUTOR CONTENT====================================*/
.contrList .Row
{
	width:inherit;
	position:relative;
	float:left;
	padding:0;
	margin-bottom:20px !important;
	}
	
	.contrList .Row .titleKeylines,
	.contrList .Row .Content
	{
		width:inherit;
		padding:0;
		margin:0;
		position:relative;
		float:left;
		}	
		.contrList .Row .Content
		{
			position:relative;
		}		
		.contrList .Row .Content a
		{
			margin:0;
			float:none;}
	.contrRow
	{
		position:relative;
		width:inherit;
		padding:0;
		margin:10px 0 0 10px;
		float:left;}		
		
		.contrRow h4
		{
			margin-bottom:10px;}
/*RADIO CONTENT====================================*/
.mainContent
{
	width:870px;
	position:relative;
	float:left;
	color:#fff;
	padding:0;
	margin:0;
	text-align:left;
	font-size:17px;
	}
.mainContent p a{color:#b66908; text-decoration:none;}

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

p.registrationField
{
    font-size:small;
    height:10px;
   	width:600px; 
   	position:relative;
   	float:left;
   	clear:both;
}

p.registrationField label
{
    font-size:small;
   	width:150px; 
   	float:left;
}

.optional

{
    font-size:x-small;
   	color:Orange; 
}