/* --- Import Sitewide Styles
-------------------------------------------------------*/

@import url("upwards.css");

/* --- Common Elements
-------------------------------------------------------*/

/*=== General ===*/
* { margin: 0; padding: 0; border: 0; }

html {overflow-y: scroll;}

body {
	background: #e2007a;
	color: #ccc;
	font-size: 12px;
	line-height: 16px;
	}

a { text-decoration: none; outline: none;  }
a:link, a:visited { color: #e2007a; font-weight: bold; }
a:hover { text-decoration: none; color: #fff; }
#footer h1 a:link, #footer h1 a:visited { color: #999; }
h1 {
	display: none;
	text-align: center; 
	margin-bottom: 20px;
	color: #fff;
	font-size: 30px;
	}
h2 {
	font-size: 18px; 
	line-height: 25px;
	text-align: left;
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #fff;
	}
h2 .h2soft{ color: #93004f; font-weight: normal;}
h3 {
	font-size: 16px; 
	line-height: 18px;
	font-weight: normal;
	text-align: left;
	margin: 3px 0 5px 0;
	color: #fff;
	}
.box_250_fill h2, .box_400_fill h2 {
	background: url(../pics/h2-bg.gif) no-repeat bottom;
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 10px;
	}
a#nav-radio, a#nav-radio:hover {
	display: block;
	text-indent:-9999px;
	background: transparent url(../pics/radio_pp.gif) top center no-repeat;
	width: 250px;
	height: 130px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	float: left;
	}
div.hr {
	clear: both;
	height: 4px;
	background: url(../pics/h2-bg.gif) repeat-x bottom;
	margin: 10px 0;
	}
div.hr hr {
	display: none;
	}
.artistpic {
	width: 390px;
	background: #000;
	padding: 2px;
	border: 3px solid #e2007a;
	margin-bottom: 10px;
	}
b {
	font-weight: normal;
	color: #fff;
	}
#header-container {
	background: url(../pics/header-bg.gif) repeat-x top;
	width: 100%;
	height: 41px;
	}
#admin-container {
	position: absolute;
	background: #ffff00;
	left: 0;
	top: 0;
	color: #000;
	padding: 10px;
	text-align: center;
	}
.container {
	margin-left:auto;
	margin-right:auto;
	width:960px
	}
#top{
	clear: both;
	height: 41px;
	margin: 0 auto;
	padding: 0;
	font-size:13px;
	
	}
#topcounter {
	position: relative;
	height: 40px;
	font-size: 12px;
	line-height: 45px;
	width: 172px;
	float: left;
	}
#maillist {
	float: right;
	position: relative;
	height: 41px;
	width: 155px;
	padding: 0px;
	background: url(../pics/maillist-bg.gif) no-repeat top;
	}
#maillist .maillistfield {
	position: relative;
	border: 0px solid #f00;
	background: none;
	left: 23px;
	top: 16px;
	width: 100px;
	color: #000;
	font-size: 10px;
	}
#maillist .btn-maillist {
	position: relative;
	border: 0px solid #f00;
	background: none;
	font-weight: bold;
	left: 25px;
	top: 18px;
	color: #fff;
	font-family: Arial, Verdana, sans-serif;
	cursor:pointer;
	}

/*=== Fonts ===*/
body { font-family: Arial, Verdana, sans-serif; }
#footer, input, select, option, .newsdate, ul.lineup li .softtxt, ul.lineup li .new, .box, a.boxchosen, .vote_alt .softtxt, #omrostningar-page .col_400 a .softtxt, li.vote_txt, .cell_votes { font-family: Arial, Verdana, sans-serif; }

/*=== Top Menu ===*/
ul, li {
	list-style: none;
	}
#topmenu {
	position:relative;
	float: left;
	height: 40px;
	}
#topmenu li {
	/*background: url(../pics/nav-div.gif) left top no-repeat;*/
	float: left;
	line-height: 45px;
	height: 40px;
	font-weight: bold;
	}
#topmenu li a {
	color: #e2007a;
	display: block;
	float: left;
	height: 40px;
	margin: 0;
	padding: 0 10px;
	}
#topmenu li a:hover, #topmenu li.active a, #index-page a#nav-nyheter:hover, #artister-page a#nav-artister:hover, #onskaartister-page a#nav-onskaartister:hover, #omrostningar-page 
a#nav-omrostningar:hover, #info-page a#nav-festivalinfo:hover {
	color: #000;
	text-decoration: none;
	background: #e2007a;
	}
#index-page a#nav-nyheter, #artister-page a#nav-artister, #onskaartister-page a#nav-onskaartister, #omrostningar-page a#nav-omrostningar, #info-page a#nav-festivalinfo {
	color: #fff;
	text-decoration: none;
	background: #e2007a;
	}
#topmenu li a#nav-facebook, #topmenu li a#nav-facebook:hover {
	text-indent:-9999px;
	background: transparent url(../pics/facebook_slant.gif) bottom center no-repeat;
	width: 36px;
	padding: 0 0 0 10px;
	}
.grid {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px
	}

/*=== Main ===*/
#main {
	clear: both;
	float: left;
	width: 100%;
	background: #000 url(../pics/main-bg.gif) top center no-repeat;
	min-height: 490px;
  	height: auto !important;
	}
#main-container {
	padding-top: 365px;
	}
#main-end {
	clear: both;
	height: 30px;
	}

.col_250{
	float: left;
	width: 250px;
	}
.col_400{
	float: left;
	margin: 0 30px;
	width: 400px;
	}
.highlight {
	margin-bottom: 20px;
	padding: 0 ;
	}
.highlight a {
	display: block;
	padding: 10px 0;
	}


/*=== Boxes ===*/

div.box_250_top, div.box_250_fill, div.box_250_btm { float: left; width: 250px; }
div.box_250_top, div.box_250_btm { width: 250px; height: 20px; background: url(../pics/box_250.gif) no-repeat;	overflow: hidden; }
div.box_250_top { background-position: top center; }
div.box_250_fill { background: url(../pics/box_250_fill.gif) repeat-y; padding: 0; }
div.box_250_btm { background-position: bottom center; margin-bottom: 30px; }

div.box_400_top, div.box_400_fill, div.box_400_btm { float: left; width: 400px; }
div.box_400_top, div.box_400_btm { width: 400px; height: 20px; background: url(../pics/box_400.gif) no-repeat;	overflow: hidden; }
div.box_400_top { background-position: top center; margin-top: 0px; }
div.box_400_fill { background: url(../pics/box_400_fill.gif) repeat-y; padding: 0; }
div.box_400_btm { background-position: bottom center; margin-bottom: 30px; }

.fill { padding: 0 15px; }
.fill-center { padding: 0 15px; text-align: center; }

/*=== Vote ===*/
li.vote_q {
	background: #a6a6a6;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	margin: 0;
	color: #000;
	font-weight: bold;
	border-bottom: 1px dashed #ccc;
	}
li.vote_txt {
	color: #777;
	padding: 5px 0;
	font-size: 10px;
	}
li.vote_alt {
	padding: 3px 0;
	border-bottom: 1px solid #1a000e;
	}
li.vote_alt img { background: #e2007a; }
.vote_alt .softtxt {
	color: #777;
	font-size: 10px;
	}
.vote_alt_txt {
	padding: 0 0 0 2px;
	}
.vote_lista {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dashed #ccc;
	}
#omrostningar-page .col_400 a {
	display: block;
	}
#omrostningar-page .col_400 a .softtxt {
	color: #777;
	font-size: 10px;
	}

/*=== Onska Artister ===*/
.cell_votes {
	float: left;
	color: #777;
	padding-right: 10px;
	font-size: 10px;
	width: 30px;
	text-align: right;
	}

#onskaartister-page .col_400 li { border-bottom: 1px solid #1a000e; }
#onskaartister-page .col_400 li.row { background: #1a000e; }
#onskaartister-page .col_400 li:hover { background: #e2007a; color: #fff; }
#onskaartister-page .col_400 li:hover .cell_votes { color: #000; }

#onskaartister-page p {
	padding-bottom: 10px;
	}
#onskaartister-page .col_250 table {
	width: 220px;
	padding: 0;
	}
#onskaartister-page .col_250 table td {
	padding: 3px 2px;
	}
#onskaartister-page .col_250 input, #onskaartister-page .col_250 option {
	padding: 2px;
	}
#onskaartister-page .col_250 input, #onskaartister-page .col_250 select, #onskaartister-page .col_250 option {
	font-size: 11px;
	background: #fff;
	color: #000;
	}
#onskaartister-page .col_250 .btn {
	background: none;
	padding: 0;
	margin: 0;
	border: 0;
	}
/*=== Lineup ===*/
ul.lineup li .softtxt {
	color: #777;
	font-size: 10px;
	font-weight: normal;
	}
ul.lineup li .new {
	color: #fff;
	font-size: 10px;
	}
ul.lineup li.borderbtm {
	border-bottom: 1px solid #1a000e;
	margin: 0 5px;
	}
ul.lineup li a {
	display: block;
	padding: 2px 0 2px 10px;
	}
ul.lineup li a:hover, ul.lineup li a.selected {
	text-decoration: none;
	background: #1a000e url(../pics/lineup-li-bg.gif) no-repeat;
	color: #fff;
	}

/*=== News Box ===*/
.newsdate {
	color: #777;
	font-size: 9px;
	}
.newsurl {
	margin: 5px 0;
	}
.box, a.boxchosen {
	padding: 2px 4px 4px 4px;
	font-size: 10px;
	}
a.boxchosen {
	background: #e2007a;
	color: #fff;
	}
a.box:hover {
	background: #e2007a;
	color: #000;
	}
a.boxchosen, a.box:hover { text-decoration: none; }

/* --- Program
-------------------------------------------------------*/
.programblock {
	float:left;
	width: 225px;
	text-align: center;
	list-style-type: none;
	list-style-type: none;
	}
	

.gig {
	padding: 0;
	text-transform: uppercase;
	line-height:20px;
	text-indent: 5px;
	text-align: left;
	color: #7d0043;
	width: 228px;
	background: #e2007a;
	/*background: #333 url(../pics/program_gig_bg.gif) no-repeat top left;*/
	}
.gig a:link, .gig a:visited {
	color: #000;
	}
	
.gig_no_display {
	padding: 0;
	text-transform: uppercase;
	line-height:20px;
	text-indent: 5px;
	text-align: left;
	color: #666;
	width: 228px;
	background: #ccc;
	/*background: #ccc url(../pics/program_gig_no_display_bg.gif) no-repeat top left;*/
	}	
	
.paus {
	padding: 0;
	background: #000;
	/*background: #000 url(../pics/program_paus_bg.gif) top left;*/
	}

#program-tid {
	float:left;
	width: 60px;
	text-align: center;
	list-style-type: none;
	}
	
.tid {
	background: #000 url(../pics/program_tid_bg.gif) no-repeat top left;
	}

/*=== Footer ===*/
#footer {
	padding-top: 30px;
	clear: both; 
	text-align: center;
	color: #610034;
	background: url(../pics/footer-bg.gif) repeat-x top;
	margin: 0 auto 0;
	}
#footer-container {
	clear: both; 
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	width:980px
	}
#footer-nav, #footer-copyright, #footer-info, #footer-logos {
	clear: both;
	}
#footer-logos {
	float: left;
	text-align: center;
	padding: 10px 0;
	margin-left: 95px;
	}
#footer a, #footer a:link, #footer a:active {
	color: #000;
	}
#footer a:hover {
	color: #fff;
	}
#footer ul#footer_partners {
	float: left;
	text-align: center;
	margin: 0 auto 0;
	}
#footer #footer_partners li {
	position: relative;
	float: left;
	margin-bottom: 5px;
	padding: 0 5px 0 5px;
	}