/*******************************************************************

	Hard Dance Awards Stylesheet
	(c) Hard Dance Awards 2011
	Author: Kris Noble

*******************************************************************/

/*******************************************************************
	
	General Styles 

*******************************************************************/

* {
padding:0; 
margin:0; 
}

html {
min-height:100%;
background:#000 url(bg2012.png) bottom center repeat-x; 
width:100%;
}

body {
position:relative;
height:auto;
min-height:100%; 
background: url(top_strip.png) top center repeat-x; 
font-family:"Droid Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
color:#ddd;
margin-bottom:20px;
}

#wrapper {
height:auto;
min-height:100%; 
width:790px; 
margin:0 auto; 
}

p {margin-bottom:1em;}

a, a:visited, a:active{color:#f1661e;}
a:hover{color:#fff;}

/*body.with_dice div#dice {position:absolute; top:130px; left:0; height:267px; width:168px; background:transparent url(dice.png) top left no-repeat;}*/

/*******************************************************************
	
	Header Styles 

*******************************************************************/

#header {
position:relative; 
height:130px; 
margin-bottom:20px;
}

h1 {
height:86px; 
width:263px; 
position:absolute;
color:#666; 

}

h1 a {
background:url(hda_logo_h1.png) top left no-repeat; 
height:68px; 
width:263px; 
display:block; 
text-indent:-9999px;
overflow:hidden;
margin-top:10px;
color:#666;
}

h2 {
font-size:2em;
margin-bottom:20px;
line-height:1;
color:#666;
}

h3 {
font-size:1.5em;
line-height:1;
color:#666;
margin-bottom:10px;
}

h3 a{color:#666 !important; text-decoration:none;}

ul#nav {
position:absolute; 
right:0; 
bottom:0; 
}

ul#nav li {
float:left; 
height:44px; 
width:90px; 
list-style:none; 
margin-left:1px; 
}

ul#nav li a {
height:44px; 
width:90px; 
text-indent:-9999px; 
background-position:top left; 
background-repeat:no-repeat; 
display:block; 
-moz-outline:none; 
overflow:hidden;
}

ul#nav li a:hover  {
background-position:top center;
}

html body ul#nav li a.current  {
background-position:top right !important; 
}

ul#nav li a#vote {
background-image:url(vote_li.png); 
}

ul#nav li a#djcomp {
background-image:url(djcomp_li.png); 
}

ul#nav li a#myyear {
background-image:url(myyear_li.png); 
}

ul#nav li a#event {
background-image:url(event_li.png); 
}

ul#nav li a#partners {
background-image:url(partners_li.png); 
}

ul#nav li a#album {
background-image:url(album_li.png); 
}

ul#nav li a#about {
background-image:url(about_li.png); 
}

ul#nav li a#press {
background-image:url(press_li.png); 
}

ul#nav li a#store {
background-image:url(store_li.png); 
}

div#banner {
background-color:transparent; 
position:absolute; 
right:0; 
top:12px; 
height:60px; 
width:468px; 
}

/*******************************************************************
	
	Front Page Styles 

*******************************************************************/

.front_page_row{
float:left;
clear:both;
margin-bottom:20px;
padding-bottom:20px;
width:100%;
}

iframe {border:none !important;}

html body .only {
border-bottom:none !important;
}

.front_page_col, .myyear_col{
width:243px; 
float:left; 
padding-right:20px; 
cursor:pointer;
}

.mid{width:244px;} /* extra pixel for middle column */

.front_page_col h3 {
margin-bottom:10px;
color:#666;
}

.front_page_col h3 a{
	color:#f1661e !important;
}

#lead_article h3 {
	color:#f1661e;
}

div#lead_article {
border-bottom:none;
padding-bottom:0;
background:#333 url(lead_image.jpg) top left no-repeat;
min-height:263px;
}

div#lead_article:hover{
cursor:pointer;
}

div#lead_article .front_page_col {
width:223px;
padding:20px;
min-height:223px;
background:transparent url(top_row_col_bg.png) top left repeat;
color:#fff;
}

/*******************************************************************
	
	Two Column Content Styles 

*******************************************************************/

div#main_content{
margin-left:263px;
width:507px;
margin-bottom:50px;
}

div#main_content.vote_main_content{
margin-left:263px;
width:527px;
}

div#secondary_content{
float:left;
width:243px;
padding-right:20px;
padding-bottom:40px;
}

div#main_content.alt_main{
float:left;
margin-left:0;
}

div#secondary_content.alt_secondary{
float:right;
width:263px;
padding:0 0 0 20px;
}

#secondary_content ul li {
list-style:none;
background:#333;
border-radius:2px;
padding-top:7px;
margin-bottom:1px;
font-size:0.8em;
}


#secondary_content ul li a {
padding:0 0 7px 10px;
display:block;
line-height:1;
color:#eee;
}

#secondary_content ul li.current{
background:#f1661e;
color:#fff
}

p.last_year {
padding-bottom:268px;
background:transparent bottom left no-repeat;
margin-top:20px;
}

p#last_year_bestukharddj {
background-image:url(last_year_bestukharddj.jpg);
}

p#last_year_besteuroharddj {
background-image:url(last_year_besteuroharddj.jpg);
}

p#last_year_bestinternationaldj {
background-image:url(last_year_bestinternationaldj.jpg);
}

p#last_year_bestukhardproducer {
background-image:url(last_year_bestukhardproducer.jpg);
}

p#last_year_besteurohardproducer {
background-image:url(last_year_besteurohardproducer.jpg);
}

p#last_year_bestinternationalhardproducer {
background-image:url(last_year_bestinternationalhardproducer.jpg);
}

p#last_year_best_track {
background-image:url(last_year_best_track.jpg);
}

p#last_year_best_producer {
background-image:url(last_year_best_producer.jpg);
}

p#last_year_best_label {
background-image:url(last_year_best_label.jpg);
}

p#last_year_best_live_act {
background-image:url(last_year_best_live_act.jpg);
}

p#last_year_best_track {
background-image:url(last_year_best_track.jpg);
}

p#last_year_outstandingcontribution {
background-image:url(last_year_outstandingcontribution.jpg);
}

p#last_year_best_resident {
background-image:url(last_year_best_resident.jpg);
}

p#last_year_bestnewface {
background-image:url(last_year_bestnewface.jpg);
}

p#last_year_bestclubnight {
background-image:url(last_year_best_clubnight.jpg);
}

p#last_year_best_event {
background-image:url(last_year_best_event.jpg);
}

p#last_year_best_artistalbum {
background-image:url(last_year_best_artistalbum.jpg);
}

p#last_year_best_compilation {
background-image:url(last_year_best_compilation.jpg);
}

p#last_year_regionalhero {
background-image:url(last_year_regionalhero.jpg);
}

p#last_year_best_website {
background-image:url(last_year_best_website.jpg);
}

p#last_year_best_djartist {
background-image:url(last_year_best_djartist.jpg);
}

p#last_year_bestproducer {
background-image:url(last_year_best_producer.jpg);
}

form.vote_form {
margin-top:10px;
}

form.vote_form input {
padding:3px;
border:1px solid #333;
font-size:1em;
width:255px;
display:block;
margin-bottom:20px;
}

form.vote_form select {
border:1px solid #333;
font-size:1em;
display:block;
margin-bottom:20px;
width:263px;
padding:2px;
}

form.vote_form textarea {
padding:3px;
border:1px solid #333;
font-size:1em;
width:255px;
display:block;
margin-bottom:20px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
}

form.vote_form input.oneline, form.vote_form select.oneline{
display:inline;
margin-bottom:0;
}

form.vote_form input.error{
border-color:#c00;
border-width:1px;
}

form.vote_form label{
display:block;
}

span.error{background-color:#c00; color:#FFFFFF; border-color:#900; padding:0 5px; font-size:0.8em;}
body label span.error{margin-top:0;}

form.vote_form #tidsub, 
form.vote_form #hdasub {
width:auto;
float:left;
margin-top:0.3em;
margin-bottom:0;
margin-right:10px;
}

form.vote_form #tidsub, 
form.vote_form #tidsub_label {
margin-bottom:10px;
}

form.vote_form input#submit {
background-color:#CCCCCC;
margin-left:-1px;
padding:2px 3px;
width:auto;
}

div.myyear img {float:right; margin: 0 0 20px 20px;}

ul.lineup li {list-style:none; line-height:1;}

ul.lineup li strong {font-size:1.2em;}

h4 {border-bottom:1px solid #282828; color:#999;}

div.event_details p {margin-bottom:0;}
div.event_details {margin-bottom:20px;}


/*******************************************************************
	
	One Column Content Styles 

*******************************************************************/

div.one_col_row {
min-height:150px;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #282828;
background:transparent top right no-repeat;
padding-right:263px;
}

div.alt{
background-position:top left;
padding-right:0;
padding-left:263px;
}


p#success {padding:5px; background-color:#333; text-align:center; border:1px solid #666;}

#album_img {
	float:right;
	margin-left:20px;
	border:1px solid #333;
}


/*******************************************************************
	
	Footer Styles 
	(hidden by css, because we're using the footer image)

*******************************************************************/

#footer {
margin-top:50px;
height:88px;
clear:both; 
}

#footer p {
color:#666; 
font-size:0.7em; 
padding-top:30px; 
font-weight:bold;
display:none;
}

/*******************************************************************
	
	My Year In Hard Dance Styles 

*******************************************************************/

html body img.myyear_img{
/*float:right;*/
margin: 0 0 20px 20px;
}

.myyear_row{
float:left;
clear:both;
border-bottom:1px solid #181818;
margin-bottom:20px;
padding-bottom:20px;
width:100%;
}

.myyear_col{
width:243px; 
float:left; 
padding-right:20px; 
cursor:pointer;
}

.mid{width:244px;} /* extra pixel for middle column */

.myyear_col h3 {
border-bottom:1px solid #333;
margin-bottom:10px;
}

.myyear_col a {
clear:both;
}

p.question {
margin-bottom:0;
font-weight:bold;
color:#fff;
}

.myyear_thumb{
float:right; 
margin:0 0 5px 5px;
}

div#more_content {background-color:#222; border:1px solid #333; padding:10px; clear:both}

#socialbookmarking{
clear:left;
position:relative;
border:1px solid #444;
padding:5px;
margin:15px 0 5px 0;
background-color:#333;
}

#socialbookmarking h4 {border:none;}

div#more_content h3 {color:#fff;}

#socialbookmarking ul{
text-align:center;
list-style:none;
margin:6px 0 4px 0;
padding:0;
}

#socialbookmarking ul li{
text-align:center;
display:inline;
padding:0 4px 6px 0 ;
}

#socialbookmarking ul li#delicious{
background:url("/css/delicious.gif") no-repeat;
}

#socialbookmarking ul li#digg{
background:url("/css/digg.gif") no-repeat;
}

#socialbookmarking ul li#magnolia{
display:none;
}

#socialbookmarking ul li#facebook{
background:url("/css/facebook.gif") no-repeat;
}

#socialbookmarking ul li#stumbleupon{
background:url("/css/stumbleupon.gif") no-repeat;
}

#socialbookmarking ul li a{
padding:0 0 0 18px;
margin:0 5px 0 0px;
}

p.back {margin-top:10px;}

div#top_trumps {width:241px; border:1px solid #666; background-color:#ddd; color:#222; margin: 0 0 20px 20px; padding:10px; font-size:0.9em;}

div#top_trumps h2{font-size:1em;}

/* tab styles adapted from CSS Tabs 2.0 by Joshua Kaufman - http://unraveled.com/publications/css_tabs/ */ 
ul#archive_tabs {
text-align: left;
margin: 20px 0 30px 0;
border-bottom: 1px solid #666;
list-style-type: none;
padding: 5px 10px 5px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#archive_tabs li {
display: inline;
}

#archive_tabs li.active {
border-bottom: 1px solid #000; /* set border color to page background color */
background-color: #000; /* set background color to match above border color */
}

#archive_tabs li.active a {
background-color: #000;
color: #fff;
position: relative;
top: 1px;
padding-top: 6px; /* must change with respect to padding (X) above and below */
border-color:#666;
}

ul#archive_tabs li a {
padding: 5px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #444; 
background-color: #333;
color: #f1661e;
margin-right: 0px;
text-decoration: none;
border-bottom: none;
}

ul#archive_tabs a:hover { 
background: #f1661e;
border-color:#f1661e;
color:#000;
}

ul#archive_tabs li.active a:hover { 
background: #000;
color:#fff;
border-color:#666;
}

#hotels, #airports {margin-bottom:1em !important;}
#hotels li, #airports li {margin-left:20px;}

/*******************************************************************
	
	Admin Styles

*******************************************************************/

ul.adminlist{list-style-type:none;}

a.published{color:#090;}
a.unpublished{color:#666;}
a.delete {color:#f00; font-size:10px; text-decoration:none;}

.bestinternationaldjs form {background:transparent url(/css/world_map.png) top right no-repeat;}