/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

/* RESET */


*, 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-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */



/* ----------------------------------------- */


/* LAYOUT */

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }


.wrap960 {
		width:960px;
		margin:0px auto;
}



.wrap720 {
		width:720px;
}


.wrap240 {
		width:240px;
}


.whitespace {
		height:900px;
}

/* ----------------------------------------- */


body {
		font-family:'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
		background:#222 url('img/overallbg.png') repeat;
}

p {
		padding:7px 0px;
		font-size:16px;
		line-height:25px;
}





/* HEADER */



#header {
		background:#222 url('img/headtopbg.png') repeat-x;
		height:79px;
}


#header h1 {
		padding:20px 0px 0px;
}

#header h1 a {
		font-size:18px;
		line-height:18px;
		color:#f3f4f5;
		text-decoration:none;
}




/* HEAD NAVIGATION */


#headnav {
		background:#363636;
		height:50px;
		border-top:#515253 1px solid;
}

#headnav ul {
		padding:15px 0px;
}

#headnav ul li {
		font-size:16px;
		line-height:16px;
		float:left;
		margin:0px 40px 0px 0px;
}

#headnav ul li a {
		color:#eaebec;
		text-decoration:none;
}


/* ----------------------------------------- */




/* INDEX MAIN SECTION */

#indexmain {
		background:#eee url('img/mainbg.png') repeat-x;
		height:634px;
}


#indexmain h1 {
		padding:10px 0 0 0;
		font-family:Myriad Pro, 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
		text-align:center;
		font-size:72px;
		line-height:72px;
}

#indexmain h1 a {
		color:#333;
		text-decoration:none;
		text-shadow:#bbb 0px 1px 0px;
}


#indexmain h3 {
		font-size:24px;
		color:#444;
		text-shadow:#fff 0px 1px 0px;
}


#indexmain h3.h3light {
		font-size:20px;
		line-height:30px;
		color:#999;
}


#indexmain h3 span {
		color:#c00;
}





img.rdt {
		margin:250px 0px 0px 300px;
}

img.fwd {
		margin:130px 0px 0px 175px;
}

#indexmain h4 {
		color:#777;
		border:#ddd 1px solid;
		background:#eaeaea;
		padding:20px;
		margin:5px 0px 0px;
}

#indexmain h4 span {
		font-weight:bold;
		font-style:italic;
		color:#666;
}



#indexmain h5 {
		color:#666;
		border:#ccc 1px solid;
		background:#e0e0e0;
		padding:20px;
		margin:5px 0px 0px;
}

#indexmain h5 span {
		font-weight:bold;
		font-style:italic;
		color:#555;
}

/* ----------------------------------------- */





.tooltip {
	display:none;
	background:transparent url('img/black_arrow.png');
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#555;	
}









#dowrapper {
		background:#999999 url('img/overallbg.png') repeat;
}


/* FOOTER */


#footer {
		text-align:center;
		width:640px;
		margin:0px auto 30px auto;
		padding:20px;
		background:#ddd;
		border:#f3f3f3 1px solid;
		color:#444;
		font-size:14px;
}





/* ----------------------------------------- */


#andcopy {
		margin:10px auto 0px auto;
}

#andcopy p {
		text-align:center;
		font-size:11px;
		line-height:9px;
		color:#333;
		text-shadow:#ccc 0px 1px 0px;
}


/* PAGES */

#pagemain {
		background:#eee url('img/mainbg.png') repeat-x;
		border-top:#fafbfc 1px solid;
		border-bottom:#111 1px solid;
}

#pagetext {
		width:720px;
		float:left;
		padding:40px 80px 40px 0px;
}

#pagetext h2 {
		text-shadow:#FFFFFF 0px 1px 0px;
		font-size:48px;
		line-height:48px;
		margin:0px 0px 40px;
}

#pagetext img {
		padding:15px;
}

#pagetext p a {
		color:#222;
		text-shadow:0px 1px 0px #fff;
}


/* ----------------------------------------- */



/* SIDEBAR */


#sidebar {
		padding:40px 0px 0px 0px;
		width:240px;
		float:left;
}

#sidebar h2 {
		font-size:22px;
		margin:20px 0 0 0;
}

#sidebar p {
		margin:40px 0 0 0;
}

#sidebar p a {
		color:#222;
		text-shadow:0px 1px 0px #fff;
}


/* ----------------------------------------- */













/* SLIDER */


/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */
	.panel h2.title { margin-bottom: 10px; color:#c00; font-size:24px; line-height:24px; text-shadow:#fff 0px 1px 0px; }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0; height:620px; }
	.coda-slider { background: #eee; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 960px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 960px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #eee url('img/slideradioa.png') no-repeat; text-indent:-9999px; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px 0px; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline; text-indent:-9999px; float:left; width:30px; height:30px; }
	.coda-nav ul li a { background: #eee url('img/slideradio.png') no-repeat; color: #fff; display: block; float: left; margin-right: 1px; padding: 10px 15px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
/* ----------------------------------------- */