/* --------------------------------------------------------------------------- LAYOUT GLOBALZ */

body		{ background:#11100e url(../images/bgs/dark-texture.jpg) fixed; color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; }
#container	{ min-height:100%; position:relative; } /* for the sticky footer */
#header		{ width:800px; height:242px; margin:0 auto; text-align:right; overflow: visible; position: relative; }
#logo		{ background:url(../images/logo-and-bg.jpg) no-repeat; width:942px; height:332px; position:relative; left:-384px; z-index:-1; }
#logo h1 { text-indent:-5000px; text-align:left; }
a#logo-link			{ width:302px; height:175px; position:absolute; top:48px; left:-6px; background:transparent; display:block; line-height:100em; overflow:hidden; }
a#logo-link:hover	{background:url(../images/nav/home.png); }

#content	{ clear:both; width:800px; margin:0 auto; padding-bottom: 30px; /* Height of the footer */ }
.guts		{ width: 100%; margin:0 0 300px 0; }

#footer		{ height:30px; padding: 6px 0; text-align:center; background:#000; position:absolute; bottom:0; width:100%; }
.clear		{ clear: both; }

h3.title	{ text-indent:-8888px;  height:30px; margin: 0 0 10px 15px; clear:both; position:relative;  }
  h3#dn2010-featured-artists		{ background: url(../images/titles/dn2010-featured-artists.png) 0 0 no-repeat; }
  h3#dn2010-participating-artists	{ background: url(../images/titles/dn2010-participating-artists.png) 0 0 no-repeat; }
  h3#music-dn2010			{ background: url(../images/titles/music-dn2010.png) 0 0 no-repeat; }
  h3#upcoming-dn2010		{ background: url(../images/titles/upcoming-dn2010.png) 0 0 no-repeat; }
  h3#writers-dn2010		{ background: url(../images/titles/dn2010-writers.png) 0 0 no-repeat; }

/* -------------------------------------------------------- SOCIAL BOX */
#social		{ width:253px; height:37px; background-image:url(../images/social-background.gif); position: absolute; top: -2px; right: 0px; }
#facebook	{ background-image:url(../images/social-facebook.gif); width:24px; height:24px; text-indent:2000px; overflow: hidden; line-height:2em; float: left; margin: 7px 0 0 6px; }
#twitter	{ background-image:url(../images/social-twitter.gif); width:24px; height:24px; text-indent:2000px; overflow: hidden; line-height:2em; float: left; margin: 7px 0 0 4px; }
#mailing-list		{ width: 190px; height: 24px; background-image: url(../images/social-mailing-list.gif); float: left; margin: 7px 0 0 4px; }
#mailing-list .join	{ float: left; padding: 0; margin: 3px 0 0 0; border: 0; width: 140px; background: none; color:#666666; text-align:right; font-family: "Franklin Gothic Book", "Franklin Gothic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size:.75em; }
#mailing-list .go	{ float: right; margin: 0; text-indent: -8888px; }

/* -------------------------------------------------------- NAVIGATION */
#navigation		{ width:449px; height:30px; overflow:hidden; position:absolute; top:100px; right:0; }
#navigation li		{ list-style: none;display: inline;}
#navigation li a	{ height:30px; display:block; line-height:10em; float:left; background-position: 0 -60px;}
/*a#news		{ width:82px; background:url(../images/nav/news.gif);}*/
a#events	{ width:82px; background:url(../images/nav/events.gif);}
a#artists	{ width:95px; background:url(../images/nav/artists.gif);}
a#about		{ width:78px; background:url(../images/nav/about.gif);}
a#music		{ width:90px; background:url(../images/nav/music.gif);}
a#writing	{ width:104px; background:url(../images/nav/writing.gif);}
#navigation a:hover		{ background-position: 0 -30px;}
#navigation #current a	{ background-position: 0 0;}

#blurb		{ width:455px; height:70px; position:absolute; top:150px; right:0;}
#blurb a		{ font-weight:bold; }
#blurb a:hover	{ text-decoration:underline; }

.one-column	{ width:525px; position:relative; float:right; margin:0 0 25px 0;}
.two-column	{ width:250px; position:relative; float:right; margin:0 0 25px 25px;}

.center	{ text-align:center;}
.horizontal-rule	{ background:url(../images/horizontal-rule.jpg) top right no-repeat; width:800px; height:2px; margin:0 0 40px 0; position:relative; clear:both;}

#presented-by		{ width:525px; margin:8px 0 60px 0; position:relative; float:right; clear:both;}
#presented-by img	{ float:left; position:relative;}

#footer span	{ color:#333;}
#footer p		{ color:#999; }
#footer a		{ color:#999; padding-bottom: 2px; border-bottom:solid #333 1px; }
#footer a:hover	{ border-bottom:solid #999 1px; }


/* --------------------------------------------------------------------------- TEXT GLOBALZ */

p				{ font-size:0.7em; padding-bottom:12px; }
p.name			{ font-size:1.2em; text-align:center; }
span.date		{ font-size:1.2em; font-style: italic; }
span.venue			{ font-size:0.9em; font-weight:bold; text-align:center; }

p.action		{ }
p.action a			{ font-size:1.1em; text-transform:uppercase; color:#000; font-weight:bold; border-bottom:solid #990000 1px; padding-bottom:2px; }
p.action a:hover	{ border-bottom:solid #FFF 1px; }
.event strong 	{ font-size:1.2em; color:#FFCC00;}
h2				{ position:absolute; top:0; left:0; text-indent:-8888px; }
h2 a			{ display:block; width:250px; height:29px; }

/* --------------------------------------------------------------------------- BOXES ON HOME */

#content .box	{ width:250px; height:280px; position:relative; float:right; margin:0 0 30px 25px; background-position:0 30px; background-repeat:no-repeat; }
#content .first	{ margin:0; }
#white			{ background-image:url(../images/bgs/white-box-tall.jpg); }
#yellow			{ background-image:url(../images/bgs/yellow-box.jpg); }
#red			{ background-image:url(../images/bgs/red-box.jpg); }
#black			{ background-image:url(../images/bgs/black-box.jpg); }

#multi-row-holder	{ float:right; width:550px; height:486px; clear:right; }

.news			{ background:url(../images/titles/news.png) no-repeat; padding:45px 15px 10px 0; color:#999; line-height:1.2em; position:relative; line-height: 1.4em; font-size: 0.7em; }
.news li			{ color:#999; border:none !important; list-style:none; margin:0 0 20px 0; }
.news li a			{ color:#FFF; text-decoration:none; border-bottom: solid #333 1px; }
.news li a:hover	{ border-bottom: solid #999 1px;}
/* controls feed2rss box */
.rss_box		{}
.rss_items		{}
.rss_item		{}
.rss_item a		{ font-weight:bold; margin-bottom: 5px;}
.rss_date		{}

.upcoming		{ background:url(../images/titles/thank-you.png) no-repeat; padding:30px 0 0 0; color:#000000; position:relative; }
.upcoming img	{ margin:15px; }

.featured-artists		{ background:url(../images/titles/featured-artists.png) no-repeat; padding:45px 15px 0 15px; color:#000000; position:relative;}
.featured-artist-holder	{ width:220px; height:220px; overflow:hidden;}
.featured-artist		{ width:220px; height:220px; overflow:hidden;}
.featured-artist img	{ width:220px; height:220px;}
 
.artist-info			{ width:200px; background-color:#000000; background:url(../images/transparent-black-background.png); position:absolute; bottom:0; left:0; color:#FFFFFF; font-size:.8em; line-height:1.3em; padding:5px 10px;}

#slider						{ position: relative; /* important */ overflow: hidden; /* important */ }
#sliderContent				{ position: absolute; /* important */ top: 0; /* important */ margin-left: 0; /* important */ }
.sliderImage				{ float: left; /* important */ position: relative; /* important */ display: none; /* important */ }
.sliderImage span			{ position: absolute; /* important */ left: 0; bottom: 0; display: none; /* important */ width:200px; background-color:#000000; background:url(../images/transparent-black-background.png); color:#FFFFFF; font-size:.7em; line-height:1.5em; padding:5px 10px 13px 10px; }
.sliderImage span strong	{ font-size:1em; font-weight:bold; }
/* this great slider from http://www.serie3.info/s3slider/ */

a.get-tickets			{ width:130px; height:90px; background:url(../images/get-tickets.png) 0 0 no-repeat; text-indent:-8888px; display:block; }
a.get-tickets:hover		{ background-position: 0 -90px; }
a.get-tickets#home-tix	{ position:absolute; top:-5px; right:-25px; }
a.get-tickets#event-tix	{ position:absolute; top:-35px; right:0; }

/* --------------------------------------------------------------------------- EVENT PAGE */

.event-posting	{ padding:0 0 0 15px; }
.event-posting strong { color:#FFCC00; }
.event-posting p span	{ color:#333; }
.event-posting p a			{ color:#999; padding-bottom: 2px; border-bottom:solid #333 1px; }
.event-posting p a:hover	{ color:#FFF; border-bottom:solid #999 1px; }
.event-posting img.map 		{ padding:15px; background: #000; float:right; margin:8px 0 50px 15px; border:none; }

.side-box	{ width:220px; position:relative; float:right; margin:0 0 25px 25px; background: #faac01; padding:10px 15px 15px 15px; }
.side-box img		{ border:none; margin:5px 0 10px 0 }
.side-box p			{ font-size:0.8em; text-align:right; color:#000; padding-bottom:0; font-weight:bold; }
.side-box p a		{ text-transform:uppercase; font-weight:bold; padding-bottom: 1px; border-bottom:solid #cc9900 1px; color:#000; }
.side-box p a:hover	{ color:#000;  border-bottom:solid #663300 1px; }

/* --------------------------------------------------------------------------- ARTIST and MUSIC PAGE */

.artist					{ position: relative; overflow: hidden; width:166px; height:166px; margin: 0 0 14px 14px; float:left; background:#000; border:solid #000 10px; }
.artist img				{ position:absolute; top:0; left:0; border: 0; width:166px; height:166px; }
.doubled				{ width: 366px; }
.doubled img			{ width:366px; }
.boxcaption				{ position: absolute; width: 146px; height:146px; top:166px; left: 0; background:url(../images/transparent-black-background.png); padding:10px; color:#FFFFFF; font-size:.7em; line-height:1.5em; text-align:left; }
.doubled .boxcaption	{ width: 360px; }
.boxcaption h4			{font-size:1em; font-weight:bold; }
.boxcaption a			{ color:#A68500; margin-top:10px; }
.boxcaption a:hover		{ color:#FFCC00; text-decoration:underline; }

.view-more				{ position:absolute; left:10px; bottom:10px; }

/* --------------------------------------------------------------------------- ABOUT PAGE */

div.crew-list		{ width:360px; position:relative; float:left; margin:0 20px 0 0; }
.crew-list p		{ font-size:.9em; text-align:right; color:#A68500; padding-bottom:0; }
.crew-list p strong { color:#FFFFFF; }
.crew-list a		{ color:#997D0D; cursor:pointer; padding-right:15px; }
.crew-list span		{ font-size: .7em; color:#999; font-style:italic; }
.crew-list a:hover		{ color:#FFCC00; }
.crew-list a:hover span	{ color: #FFF; }

#myController		{ }
#myController span	{ }
#jFlowSlide			{ }
#myController a.jFlowSelected	{ color:#ffcc00; background:url(../images/bullet-point.gif) right center no-repeat; }
#myController a.jFlowSelected span	{ color:#FFF; }

div.about			{ width:415px; height:620px; position:relative; float:left; }

#crew-member		{ width:410px; height:560px; }
#crew-member p		{ padding:0; text-align:justify; }
#crew-member img		{ border:solid #FFF 1px; margin-bottom:10px; }
#crew-member .crew-links	 { float:left; text-align:right; width:150px; padding:0 30px 10px 0; position:relative; top:10px; }
#crew-member .crew-links p a	 	{ color:#999; padding-bottom: 2px; border-bottom:solid #333 1px; line-height:2em; }
#crew-member .crew-links p a:hover	{ border-bottom:solid #999 1px; }

/* --------------------------------------------------------------------------- NEWS (BLOG) */

.news .content {}