/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on Twenty Ten)
Version: 3.0
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/


@font-face {
 font-family: Rockwell;
 src: url('fonts/Rockwell.ttf');
}

/****************************** Reset *****/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

img { border: none; }

a { outline: none; }

html { background: url(images/bg.gif) repeat top; }

body { background: url(images/joinus.gif) no-repeat top; height: 100%; font-size: 62.5%; }

p { font: 1.1em/1.8em Arial, Helvetica, sans-serif; padding: 15px 0; }

#wrap { width: 960px; margin: 0 auto; }


/****************************** Header *****/

#header { height: 150px; position: relative; }

#logo { position: absolute; bottom: -14px; left: -39px; }

/****************************** Nav *****/

#nav { width: 660px; height: 132px; position: absolute; bottom: 0; right: 0px; }

#nav li { display: inline; }

#nav a { display: block; float: left; height: 132px; background: url(images/nav.gif) no-repeat; text-indent: -9999px; }

#nav li.home a { width: 120px; background-position: left -132px; }

#nav li.about a { width: 130px; background-position: -120px -132px; }

#nav li.forum a { width: 130px; background-position: -250px -132px; }

#nav li.trustees a { width: 160px; background-position: -380px -132px; }

#nav li.contact a { width: 120px; background-position: -540px -132px; }

/****************************** Nav Hover *****/

#nav li.home a:hover { background-position: left -264px; }

#nav li.about a:hover { background-position: -120px -264px; }

#nav li.forum a:hover { background-position: -250px -264px; }

#nav li.trustees a:hover { background-position: -380px -264px; }

#nav li.contact a:hover { background-position: -540px -264px; }

/****************************** Nav Active *****/


				
/****************************** Nav Active *****/

											  #nava { width: 660px; height: 132px; position: absolute; right: 0px; }
											  
											  #nava li { display: inline; }
											  
											  #nava a { display: block; float: left; height: 132px; background: url(images/nav3.gif) no-repeat; text-indent: -9999px; }
											  
											  #nava li.home a { width: 100px; background-position: left -132px; }
											  
											  #nava li.about a { width: 122px; background-position: -100px -132px; }
											  
											  #nava li.forum a { width: 110px; background-position: -222px -132px; }
											  
											  #nava li.trustees a { width: 109px; background-position: -332px -132px; }
											  
											  #nava li.news a { width: 109px; background-position: -441px -132px; }
											  
											  #nava li.contact a { width: 110px; background-position: -550px -132px; }
											  
											  /****************************** Nav Hover *****/
											  
											  #nava li.home a:hover { background-position: left -264px; }
											  
											  #nava li.about a:hover { background-position: -100px -264px; }
											  
											  #nava li.forum a:hover { background-position: -222px -264px; }
											  
											  #nava li.trustees a:hover { background-position: -332px -264px; }
											  
											  #nava li.news a:hover { background-position: -441px -264px; }
											  
											  #nava li.contact a:hover { background-position: -550px -264px; }
											  
											  /****************************** Nav Active *****/



#home li.home a /*--Home Page > Home Link--*/  { background-position: left top; }

#about li.about a /*--About Page > About Link--*/ { background-position: -100px 0; }
#forum li.forum a /*--Services Page > Services Link--*/{ background-position: -222px 0; }
#news li.news a /*--Services Page > Services Link--*/{ background-position: -441px 0; }
#trustees li.trustees a /*--Services Page > Services Link--*/{ background-position: -332px 0; }
#contact li.contact a /*--Services Page > Services Link--*/{ background-position: -550px 0; }

/****************************** Mid Home Page Section ***** Intro *****/

#homewrap { position: relative; height: 550px; }

#newswrap { position: relative; }

#newsleft { width: 250px; height: 300px; padding: 20px 0; }

#newsleft .box { margin-top: 20px; }

.note { width: 219px; height: 189px; float: left; background: url(images/note.png) no-repeat top; padding: 30px 60px 30px 40px; }

#newspage { width: 640px; padding: 20px 60px 20px 0; float: right; margin: 40px 0 0 0; }

#newspage h1, #newspage h2, #newspage p { font-family: Arial, Helvetica, sans-serif; }

#newspage a { color: #FF6600; }

#newspage h1 { font-size: 2.5em; font-family: Rockwell, Arial, sans-serif; }

#newspage h2 { font-size: 2em; font-family: Rockwell, Arial, sans-serif; margin: 20px 0; }

#newspage h3 { font-size: 1.8em; font-family: Rockwell, Arial, sans-serif; }

#newspage ul { padding: 20px; }

#newspage li { font: normal 1.1em/1.6em Arial, Helvetica, sans-serif; }

#newsdonate { width: 640px; padding: 20px 0; height: 121px; float: left; }

#newsdonate img { display: block; margin: 0 auto; }

.articletop, .articlemid, .articlebottom { width: 516px; clear: left; overflow: hidden; padding: 0 60px 0 40px; }

.articletop { height: 92px; background: url(images/top-article.png) no-repeat top; }

.articlemid { background: url(images/mid-article.png) repeat-y top left; }

.articlebottom { height: 347px; background: url(images/bottom-article.png) no-repeat top; }

#intro { width: 230px; height: 300px; padding: 20px 0; }

#intro h1 { color: #806030; font-family: Rockwell, Arial, sans-serif; font-size: 2.5em; }

#intro p { color: #806030; }

#intro a { color: #FF6600; }

#twitter { width: 627px; height: 143px; padding: 0 15px; position: absolute; top: 0; right: 0; background: url(images/twitter.gif) no-repeat; font: bold 1.6em/1.6em Rockwell, Arial, sans-serif; color: #fff; }

#twitter li { list-style-type: none; } #twitter a { color: #fff; text-decoration: none; }
.tweet { padding-top: 15px; }

.facebook { position: absolute; top: 160px; right: 0; }

.myspace { position: absolute; top: 220px; right: 0; }

/****************************** Mid Home Page Section *****  Slider *****/

#buttons { width: 670px; position: relative; float: right; padding-right: 55px; }

#slider { width: 670px; height: 350px; margin-top: 64px; overflow: hidden; background: url(images/slidebg.jpg) no-repeat top; }

#slider ul, #slider li { margin:0; padding:0; list-style:none; overflow: hidden; }

#slider li { width:670px; height:350px; overflow:hidden; }

#prevBtn, #nextBtn { display:block; width:44px; height:44px; position:absolute; top:216px; left:8px; }

#nextBtn { left:620px; }

#prevBtn a, #nextBtn a { display:block; width:44px; height:44px; background:url(images/left.gif) no-repeat 0 0; text-indent: -9999px; outline: none; }

#nextBtn a { background:url(images/right.gif) no-repeat 0; right: 0; }

/****************************** Mid Home Page Section *****  Acts and Donation *****/

.stars { width: 489px; height: 90px; background: url(images/stars.gif) no-repeat; position: absolute; top: 280px; padding: 163px 0 0 12px; }

.perform { width: 64px; height: 64px; float: left; border: 1px solid #999; margin-left: 11px; }

a.donate { width: 329px; height: 112px; background: url(images/donate.gif) no-repeat top left; position: absolute; right: 110px; top: 420px; text-indent: -9999px; }

#total { font: bold 2em/2.5em Rockwell, Arial, Helvetica, sans-serif; }

a:hover.donate { background-position: bottom left; }

.girl-home { width: 283px; height: 471px; position: absolute; bottom: -247px; right: -142px; }

/******************************  Boxes *****/
.box { width: 200px; height: 195px; float: left; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior:url(http://www.lifemusicfoundation.org/border-radius.htc); margin-right: 13px; padding: 15px; }

.box li { list-style-type: none; }

h3.widget-title { display: none; }

a.rsswidget { font: bold 1.7em/0.8em Rockwell, Arial, sans-serif; color: #b99b0d; padding-top: 5px; text-decoration: none; }

li span.rss-date { width: 50px; float: left; font: bold 1.7em/0.8em Rockwell, Arial, sans-serif; color: #3E3C3C; padding: 5px 0; }

li .rssSummary { float: left; width: 150px; padding: 5px 0; line-height: 1.1em; color: #3e3c3c; font-family: Arial, Helvetica, sans-serif; }

.xoxo { width: 200px; float: left; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior:url(http://www.lifemusicfoundation.org/border-radius.htc); margin-right: 13px; padding: 15px; margin-top: 20px; background-color: #036; }

.xoxo li { list-style-type: none; }

.xoxo label { color: #fff; font: 2em/1em Rockwell, Arial, Helvetica, sans-serif; }

.orange { background-color: #ed8312; }

.orange img { padding-bottom: 10px; }

.orange a.rsswidget { color: #f8ca99; font-family: Rockwell, Arial, sans-serif; }

.event { display: block; margin-top: 20px; }

p.date { width: 50px; float: left; font: bold 1.7em/0.8em Rockwell, Arial, sans-serif; }

.event h2 { font: bold 2em Rockwell, Arial, sans-serif;  }

.event p { line-height: 1.2em; padding: 0; color: #3e3c3c; }

.yellow { background-color: #ffd200; }

.yellow img { padding-bottom: 10px; }

.yellow h2 { color: #b99b0d; }

.green { background-color: #badf1f; padding-top: 25px; height: 185px; }

.vidbutton { display: block; margin: 20px auto 0 auto; }

.blue { margin-right: 0; background-color: #389ebb; padding-top: 25px; height: 185px; }

form input { margin: 3px 0; padding: 5px; border: 1px solid #0b3f3f; background: url(images/input-bg.jpg) repeat-x; background-color: #FFF; }

form { padding-top: 15px; }

/***********************************  Footer  *****/

#footer { width: 100%; height: 125px; clear: both; position: relative; margin-top: 10px; padding-top: 45px; }

#footer ul { width: 300px; margin: 0 auto; padding-bottom: 30px; }

#footer li { display: inline; font: 1em Arial, Helvetica, sans-serif; padding-right: 3px; }

#footer a { color: #bf6828; text-decoration: none; }

#footer a:hover { text-decoration: underline; }

#footer p { font: 1em/1.6em Arial, Helvetica, sans-serif; color: #bf6828; padding: 0 0 2px 0; }

.footercontent { width: 270px; height: 80px; margin: 0 auto; background: url(images/band.png) no-repeat; padding-left: 380px; padding-top: 0px; }

#footerb { background-color: #bfb59a; height: 30px; width: 100%; position: absolute; bottom: 0; z-index: -1000; }

.lfb { width: 303px; height: 174px; position: absolute; bottom: 0; left: 0; z-index: 10; }

.rfb { width: 294px; height: 174px; position: absolute; bottom: 0; right: 0; z-index: 10; }


/***********************************  SubPages  *****/