/* BASICS */

html {
	background: url(../images/huge.gif) repeat-x #000;
	font: 10px/15px "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	}
	
#topdrop {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 90px;
	background: url(../images/topdrop.png) repeat-x;
	z-index: 1000;
	}

* {
	margin: 0;
	padding: 0;
	}
	
img {
	border: 0;
	}

img a {
	border: 0;
	text-decoration: none;
	}

img a:hover {
	background-color: transparent;
	text-decoration: none;
	}

.column4banner img {
	padding: 10px 0 10px 0;
	}

#content .column4banner a {
	border: 0;
	}

#content .column4banner a:hover{
	background-color: transparent;
	border: 0;
	}

#content img a:hover {
	background-color: #000;
	}

#content .column1234.partners a {
	background-color: transparent;
	border: 0;
	}

p {
	padding-left: 4px;
	padding-right: 4px;
	}

td {
	padding: 0 6px;
	}

h2 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: -0.5px;
	font-size: 14px;
	line-height: 20px;
	padding: 0 4px 15px 4px;
	color: #fff;

	}

h2.subitem {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: -0.5px;
	font-size: 14px;
	line-height: 20px;
	padding: 0 4px 2px 4px;
	color: #fff;

	}	

h3 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
	padding-left: 4px;
	padding-right: 4px;
	margin: 6px 0 4px 0;
	}

h3.subhead {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style: italic;
	letter-spacing: -0.5px;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 4px 5px 4px;
	color: #fff;
	float: left;
	clear: both;
	}

#content h3.subhead a {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style: italic;
	letter-spacing: -0.5px;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 4px 2px 4px;
	color: #fff;
	float: left;
	clear: both;
	text-transform: none;
}

h4 {
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 21px;
	line-height: 24px;
	padding: 0 4px 15px 4px;
	}

.smalltext {
	font-size: 9px;
	}

#content a {
	color: #a5b9c4;
	text-decoration: none;
	border-bottom: 1px dotted #666;
	}

#content a:hover {
	color: #FFF;
	border-bottom: 1px solid #666;
	}

#content h2 a {
	display: block;
	color: #999;
	text-decoration: none;
	}

#content h2 a:hover {
	display: block;
	text-decoration: none;
	background-color: #e5288b;
	color: #FFF;
	}

#content h3 a {
	color: #666;
	padding: 3px 0 0 0;
	text-transform: uppercase;
	}

#content h3 a:hover {
	text-decoration: none;
	color: #FFF;
	}

#content h4 a {
	display: block;
	color: #999;
	text-decoration: underline;
	}

#content h4 a:hover {
	display: block;
	text-decoration: none;
	background-color: #ff0099;
	color: #FFF;
	}

#content .mailinglist {
	font: 10px Verdana, "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	margin: 15px 0 0 0;
	line-height: 15px;
	width: 95%;
	}

#content input  {
	font: 10px Verdana, "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	margin: 6px 0 23px 0;
	line-height: 15px;
	}

.infobit {
	margin: -15px 0 12px 0;
	border-bottom: 3px solid #2f2f2f;
	}

.artinfobit {
	margin: -15px 0 0px 0;
	}

.artprofileshort {
	margin-bottom: 30px;
	}

/* NEWS & TWITTER FEED */

#twitter_update_list li {
	margin-bottom: 8px;
	border-bottom: 1px solid #222;
	list-style: none;
	padding: 0 4px 8px 4px;
	}

#twitter_update_list span {
	width: 200px;
	}

#twitter_update_list li span a {
	display: inline;
	}


#twitter_update_list li a {
	display: block;
	text-decoration: none;
	border: 0;
	}

a#twitter-link {
	border: 0;
	}

a#twitter-link:hover, #twitter_update_list li a:hover {
	border: 0;
	}

.updated {
	color: #777;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: -12px 0 6px 0;
	padding: 0 0 2px 4px;
	background: url(../images/test.gif) bottom repeat-x;
	}

.newsitem {
	padding-bottom: 8px;
	margin-bottom: 15px;
	border-bottom: 1px solid #222;
	}

/* LINEUP */

.day {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: -0.5px;
	font-size: 14px;
	line-height: 20px;
	padding: 0 4px 2px 4px;
/*	border-bottom: 3px solid #ff0099; */
	margin-bottom: -27px;
	color: #fff;
	}

.venuedata {
	margin: 30px 0 4px 0;
	padding: 2px 0 2px 4px;
	background: url(../images/venuedatabgr.gif) top repeat-x;
	display: block;
	height: 40px;
	}

.venuedata_events {
	margin: 30px 0 4px 0;
	padding: 2px 0 2px 4px;
	background: url(../images/venuedatabgr.gif) top repeat-x;
	display: block;
	height: 20px;
	}

.venuedata_events_td {
	margin: 0px 0 4px 0;
	padding: 2px 0 2px 4px;
	background: url(../images/venuedatabgr.gif) top repeat-x;
	height: 20px;
	}	

.venuedetails {
	padding: 4px 0 4px 4px;
	margin-bottom: 12px;
	border-bottom: 1px solid #2f2f2f;
	}

.divider {
	padding-bottom: 14px;
	margin-bottom: 15px;
	border-bottom: 1px solid #222;
	padding-right: -8px;
	}

.divider2 {
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #222;
	}

.hidden {
	display: none;
	}		

.left {
	float: left;
	}

#content .lineup h3 a {
	color: #a5b9c4;
	}

#content .lineup h3 a:hover {
	color: #fff;
	}

/* MAIN STRUCTURAL ELEMENTS */

#container {
	width: 975px;
	margin: 0 auto;
	}

#header {
/*	width: 926px; */
	margin: 0 0 0 25px;
	float: left;

	}

#content {
	width: 926px;
	margin: 5px 25px 5px 25px;
	min-height: 450px;
	height: 450px !important;
	height: 450px;
	color: #ddd;
	}

#footer {

	float: left;
	clear: both;
	width: 905px;
	margin: 25px 25px 5px 0;
	border-top: 1px solid #ff0099;
	color: #777;
	text-align: right;
	font-size: 9px;
	padding: 4px;
	}


/* TOP NAVIGATION */
	
#topnav {
	width: 905px; 
	height: 76px;
	margin: 0 0 15px 25px;
	line-height: 15px;
	color: #a5b9c4;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: -0.5px;
	font-size: 12px;
	float: left;

	}

#topnav ul {
	float: left;
	padding: 6px 25px 3px 6px;
	}
	
#topnav li {
	list-style: none;
	}

#topnav li a, #topnav #langnav a {
	display: block;
	color: #ddd;
	padding: 0 2px;
	text-transform: uppercase;
	text-decoration: none;
	
	}

#topnav li a:hover, #topnav #langnav a:hover {
	background-color: #ff0099;
	color: #FFF;
	}

#topnav li a:hover .off {
	background-color: #000;
	color: #FFF;
	}

#topnav .current {
	background-color: #ff0099;
	color: #000;
	font-weight: bold;
	}

#topnav .off {
	padding: 0 2px;
	}

#topnav .off, #footer a.off {
	color: #666;
	border-bottom: 0;
	}

#topnav #langnav {
	float: right;
	padding: 3px 6px;
	}

/* CONTENT COLUMNS */

.column1 {
	float: left;
	clear: left;
	width: 217px;
	padding: 3px 5px 10px 5px;
	margin-right: 6px;
	background: #000;
	}

.column2 {
	float: left;
	width: 217px;
	padding: 3px 5px 10px 5px;
	margin-right: 6px;
	background: #000;
	}

.column3 {
	float: left;
	width: 217px;
	padding: 3px 5px 10px 5px;
	margin-right: 6px;
	background: #000;
	margin-bottom: 6px;
	}

.column3 img {
	padding-top: 3px;
	}

.column4 {
	float: left;
	width: 217px;
	padding: 3px 5px 10px 5px;
	background: #000;
	}

.column4 img {
	padding-top: 3px;
	}
	
.column12 {
	float: left;
	clear: left;
	width: 450px;
	padding: 3px 5px 10px 5px;
	background: #000;
	margin-right: 6px;
	}

.column23 {
	float: left;
	width: 450px;
	padding: 3px 5px 10px 5px;
	margin-right: 6px;
	background: #000;	
	}

.column34 {
	float: left;
	width: 450px;
	padding: 3px 5px 10px 5px;
	background: #000;
	}

.column12 img, .column34 img {
	padding-top: 3px;
	}

.column1234 {
	float: left;
	width: 916px;
	padding: 3px 5px 10px 5px;
	background: #000;
	}
	
.column34 .caption {
	float: right;
	font-size: 9px;
	line-height: 13px;
	color: #777;
	}

.column4banner {
	float: right;
	text-align: center;
	width: 217px;
	padding: 3px 4px 10px 4px;
	}

.column3 .gallery img, .column4 .gallery img {
	padding: 0;
	}

ul.gallery {
	padding-left: 2px;
	}

ul.gallery li {
	list-style-type: none;
	float: left;
	padding: 0 1px;
	margin-bottom: -2px;
	}


/* ARTIST INFO */

#annala, #installations, #mdplay, #audiohackers, #werstas, #paasonen, #gaminglounge, #griffiths, #halldor, #ollipoika, #salo, #goodiepal, #fail, #cardgames, #kids, #arduino, #school, #enaktiivinen, #jarva, #pussinen, #timetable, #pelihalli, #teokset, #dred, #appleblim, #dusk, #goon, #gescom, #ovuca, #ponytail, #desto, #deado, #nonperson, #verde, #dcom, #kuljuntausta, #sire, #make, #lighter, #kompleksi, #artistmenu, #overboard, #penguila {
	display: none;
	}

.artistphoto {
	float: left;
	padding: 4px 10px 10px 4px;
	}

ul.artistlist {
	font-size: 1.8em;
	text-transform: uppercase;
	list-style: none;
	}

ul.artistlist li {
	padding: 5px;
	}

.eventmenuitem {
	float: left;
	clear: left;
	margin-bottom: 8px;
	margin-left: 4px;
	}

#spacer {
	float: left;
	clear: both;
	min-height: 450px;
	}

.lowercase {
	text-transform: lowercase;
	}
	
.toggleable {
	margin-left: 4px;
	}

#subnav_finnish, #subnav_english {
	display: none;
	padding-left: 15px;
	}
	
table.timetable td {
	vertical-align: top;
	padding-bottom: 5px;
	}

table.timetable td ul {
	margin: 5px 0;
	}

table.timetable td ul li {
	margin-left: 13px;
	padding: 1px 0;
	list-style-type: square;
	}

td.timetablehead {
	margin: 0px 0 4px 0;
	padding: 2px 0 2px 4px;
	background: url(../images/venuedatabgr.gif) top repeat-x;
	height: 20px;
	}

.timetableinner tr {
	padding: 0;
	margin: 0;
	}

.bubblenosto {
	width: 355px;
	background: url(../images/bubble.gif) top left no-repeat;
	margin:-5px 5px 5px 86px;
	}

table.nostettu {
	margin: 17px 5px 5px 5px;
	}

.whitespace100 {
	height: 100px;
	}

.vertdivider {
	color: #323232;
	}