/*
	[site name] styles
	Developed by Saforian

	zoom:1 used for hasLayout and self-clear floats in IE5-7
	* html hack targets IE5-6 only
*/

/* --- Formatting --- */



body
{ color:#111; font:normal .75em/1.4em verdana,arial,helvetica,sans-serif }

p, address, ul, ol, li, dt, dd, td, th
{ line-height:1.4 }
th, b, strong
{ font-weight:bold }
i, em, cite
{ font-style:italic }
sup, sub
{ font-size:75% }
table, tr, td, th /* IE5 font fix */
{ font-size:100% }


/* Links */

a:link, a:visited
{ color:#369; text-decoration:none; }

a:hover, a:active
{ text-decoration:none; color:#541911 }


/* Paragraphs */
p
{ margin:0 0 1.4em }
address
{ font-style:normal; margin:0 0 1.4em }
blockquote
{ margin:0 10px 1.2em; padding:0 }

.small, small
{ font-size:80% }
.big, big
{ font-size:130% }
.aligncenter
{ text-align:center }
.alignright
{ text-align:right }
.highlight
{ color:#f35d09 }


/* Images */
a img
{ border-style:none; display:block; }
.floatleft /* Floating images */
{ float:left; margin:0 8px 8px 0 }
.floatright
{ float:right; margin:0 0 8px 8px }

img.icon /* Document icons */
{ display:inline; margin-right:3px; padding-left:6px; vertical-align:middle }


/* Separators */
hr
{ color:#333; background-color:#333; height:1px; margin:1.3em 0; padding:0; border-width:0; overflow:hidden }
	* html hr /* IE6 fix */
	{ margin:0 0 1em }
	*:first-child+html hr /* IE7 fix */
	{ margin:0 0 1em }
.clearall
	{ clear:both; }

/* Headings */
h1, h2, h3, h4, h5, h6
{ color:#000; margin:0 0 .9em; padding:0; font:bold 140%/1.2 "Lucida Grande",verdana,arial,helvetica,sans-serif }
h1
{ font-size:150% }  /* 18px */
h2
{ font-size:133% }  /* 16px */
h3
{ font-size:124% }  /* 15px */
h4
{ font-size:115% }  /* 14px */
h5
{ font-size:108% }  /* 13px */
h6
{ font-size:108%; margin-bottom:.2em }


/* Lists */
ul
{ margin:0 0 1.4em; padding:0; list-style-type:none }
	ul li, ol li ul li
	{ margin:0 0 .7em; padding:0 0 0 13px; background:url("../images/bullet_arrow.gif") no-repeat 1px .4em }
	ul ul
	{ margin:5px 0 2px 2px }

ol
{ margin:0 0 1.4em 33px; padding-left:0 }
	ol li, ul li ol li
	{ margin-bottom:.6em }

dl
{ margin:0 0 1.4em }
	dt
	{ display:block; margin:1em 0 0; padding:0; font-weight:bold }
	dd
	{ margin:1px 0 0; padding:0 }


/* Forms */
form
{ margin:0; padding:0 }
input, select, textarea
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }
textarea
{ width:99% }
label
{ vertical-align:middle }

#blog input[type=text], #blog textarea
	{ border:1px solid #C22610; }
	
.top_search_form
	{ padding:5px; }
/* Layout tables */
table
{ margin:0 0 1.1em; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }
td
{ padding:0 6px 6px 0; vertical-align:top }


/* Data tables */
table.data
{ width:100%; margin-bottom:1.6em }

table.data caption
{ padding:0 0 5px; text-align:left; font-weight:bold; font-size:100% }
table.data th
{ padding:5px 7px; border:1px solid #fff; vertical-align:top; background-color:#999; color:#fff; text-align:left }
table.data td
{ padding:6px 7px; border:1px solid #fff; vertical-align:top }

/* Row gap */
table.data tr.break td
{ border-top:2em solid #fff }

/* Alternating row colors */
.even, .even td
{ background-color:#e5e5e5 }



/* --- Layout --- */
html
	{ height:100%; }


.hide, .hide *
{ position:absolute; overflow:hidden; left:0; top:-9999px; width:1px; height:1px }


body
{ margin:0; padding:0; background:#242424 url(/images/bg_home.gif); height:100%; }

#page
	{ height:100%; position:relative; }

#wrapper
	{ background:url(../images/bg_home_wrap.gif) repeat-y; width:981px; margin:0 auto; padding:0 15px; }


#contentwrapper
{ zoom:1; background: url(/images/bg_content_grey.gif); padding-left:15px;height:100%;padding-bottom:7em }
	#contentwrapper:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }


/* - Header - */
#header
{ zoom:1; position:relative }
	#header:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

/* -Homepage- */

#top_photo_box
	{ width:950px; min-height:545px; background:url(/images/home_main_photo.jpg); position:relative; }
	* html #top_photo_box
		{ height:545px; }
	

.video_box
	{ position:absolute; top:0; left:30px; border:3px solid #42413f; background:url(/images/grey80.png); z-index:100; }

.video_box .video_head
	{background:#fff; padding:5px 20px; }
.video_box .video_close
	{ background:#1A1A1A; width:495px; height:73px; text-align:right; }

.video_box .video_close img
	{ float:right; }
.video
	{ padding:15px 15px 10px 15px; }


/* -Homepage Top Call out boxes- */

#top_callouts
	{ padding:41px 0 0 658px; }
#top_callouts h3
	{ margin:0 0 18px 0; text-indent:-9999px; overflow:hidden; display:block; width:199px; height:23px; background:url(/images/hdr_rappin_aint_easy.png) no-repeat; }

#top_callouts .callout
	{ zoom:1; background:url(/images/grey80.png); padding:7px; margin-bottom:14px; width:264px; }
		#top_callouts .callout:after /* Clear after floats */
		{ content:"."; display:block; height:0; clear:both; visibility:hidden }
	#top_callouts .callout .inside
		{ zoom:1; background:#fff; width:265px; }
		#top_callouts .callout .inside:after /* Clear after floats */
		{ content:"."; display:block; height:0; clear:both; visibility:hidden }
		#top_callouts .callout .inside img
			{ float:left; margin-right:6px; }
/* -BOTTOM VIDEO THUMBS/VAN- */

#btm_video_thumbs
	{ clear:both; margin-top:7px; padding:52px 42px 0 0; width:924px; height:220px; background:#000 url(/images/bg_btm_van.jpg) no-repeat; text-align:right; }
	
.vidthumb
	{ margin:0 10px 0 25px; float:right; border:1px solid #8d6833; position:relative; }
		.play_btn
			{ position:absolute; top:13px; left:15px; }

.vidthumb img
	{ display:block; }
		
h4#throw
	{ margin:0; width:156px; height:24px; background: #fff url(/images/hdr_throw.gif) no-repeat bottom; text-indent:-9999px; overflow:hidden; }
h4#whack
	{ margin:0; width:136px; height:24px; background: #fff url(/images/hdr_whack.gif) no-repeat bottom; text-indent:-9999px; overflow:hidden; }

/* Navigation */
ul#navigation
{ zoom:1 }
	#navigation:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

ul#navigation
{ margin:0; padding:0 480px 0 0; background:#c43420 url(/images/bg_nav-nohat.gif) top right; }

#home ul#navigation
{ margin:0; padding:0 480px 0 0; background:#c43420 url(/images/bg_nav-hat.gif) top right; }
ul#navigation li
{ float:left; margin:0; padding:0; color:#000; }
ul#navigation li a /* Sprites */
{ display:block; height:63px; overflow:hidden; text-indent:-9999px }

li#nav-home a:link, li#nav-home a:visited
	{ width:90px; background:url(/images/nav-home.gif) no-repeat }
	li#nav-home a:hover
		{ width:90px; background:url(/images/nav-home.gif) no-repeat 0 -63px }
	
li#nav-blog a:link, li#nav-blog a:visited
	{ width:71px; background:url(/images/nav-blog.gif) no-repeat }
	li#nav-blog a:hover
		{ width:71px; background:url(/images/nav-blog.gif) no-repeat 0 -63px }
	
li#nav-videos a:link, li#nav-videos a:visited
	{ width:151px; background:url(/images/nav-videos.gif) no-repeat }
	li#nav-videos a:hover
		{ width:151px; background:url(/images/nav-videos.gif) no-repeat 0 -63px }

li#nav-music a:link, li#nav-music a:visited
	{ width:189px; background:url(/images/nav-music.gif) no-repeat }
	li#nav-music a:hover
		{ width:189px; background:url(/images/nav-music.gif) no-repeat 0 -63px }

ul#navigation li a.active
	{ background-position:0 -63px; }

/* - Content area - */

#content
{ zoom:1 }
	#content:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
.subpage #content
	{ padding-top:15px; position:relative; }

.rounded_box
	{ width:628px; padding:0; margin-bottom:10px; float:left; }

	.rounded_box .box
		{ padding:15px 10px 1.4em 35px; width:583px; background:url(/images/rounded_box_bg.png); min-height:401px; }
		* html .rounded_box .box_inside
			{ height:501px; }

	.rounded_box .box_top
		{ width:628px; height:9px; background:url(/images/rounded_box_top_lg.png) no-repeat; }
		/* these are thrown in by jQuery above and below .box */
		* html .rounded_box .box_top
			{ margin:0 0 -5px 0; }
	.rounded_box .box_bottom
		{ width:628px; height:8px; background:url(/images/rounded_box_btm_lg.png) no-repeat top center; }

.subpage .rightcolumn
	{ float:left; margin:0 0 14px 10px; width:264px; }


.subpage .callout
	{ zoom:1; background:url(/images/grey80.png); padding:7px; width:264px; margin-bottom:14px; }
		#top_callouts .callout:after /* Clear after floats */
		{ content:"."; display:block; height:0; clear:both; visibility:hidden }
	.subpage .callout .inside
		{ zoom:1; background:#fff; width:265px; }
		.subpage .callout .inside:after /* Clear after floats */
		{ content:"."; display:block; height:0; clear:both; visibility:hidden }
		.subpage .callout .inside img.sidethumb
			{ float:left; margin-right:6px; }
			
/* - MUSIC and Dowloads Page - */
p.mp3
	{ margin:0; }
.mp3listleft
	{ border-right:1px solid #B2AE98; padding-right:10px; }
	
.mp3listright
	{ padding-left:10px; }
	
.mp3_legend
	{ clear:both; text-align:right; }

#music_wrap
	{ margin:0 auto; text-align:; }

#music_wrap h4
	{ margin:15px 0 0 0; }

/* Columns */
.columns
{ zoom:1; margin:0 0 1.2em }
	.columns:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.columns .col
{ float:left; width:47%; margin-right:3% }
	.columns .first-child
	{ margin-right:0; border-right:1px solid #e0e0e0; padding-right:2.9% }
	.columns .last-child
	{ float:right; width:47%; margin-right:0 }

.three .col /* Three columns */
{ float:left; width:30.3%; margin-right:3% }
	.three .first-child
	{ margin-right:1.3%; border-right:none; padding-right:0 }
	.three .middle-child
	{ margin-right:1.4%; padding:0 2% 0 2.4%; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0 }
	.three .last-child
	{ margin-right:0; padding-left:1.4% }




/* - Sidebar - */
#sidebar
{ }


#rssfeed
{ position:absolute; top:10px; right:51px; white-space:nowrap; line-height:1.5 }
#rssfeed img
{ display:inline; vertical-align:middle; margin-right:6px }


/* - Footer - */
#footer
{ width:950px;clear:both; margin-top:7px; padding:1.5em 0 95px 0; font-size:92%; background: #ccc; }
#footer div
	{margin:0 10px 0 10px;}
#foot_wrap
{ zoom:1; background: url(/images/bg_content_grey.gif); padding:7px 16px 0 15px; }
	#foot_wrap:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#sole
	{ width:950px; background:url(/images/sole.gif) no-repeat bottom; padding-bottom:6px; }