@charset "UTF-8";

/* --------------------------------------------
site: Kukkolo @ patuart
author: patu tifinger
updated: 15/10/2010
----------------------------------------------- */
@import url(/css/reset.css);
@import url(/css/960.css);
/*@import url(/css/text.css);*/

body { font: 11px Verdana, Geneva, Arial, helvetica, sans-serif; color: #A7A7A7; background: #000; }
h1, h2, h3, h4, h5, h6, p { padding: 0 0 1em 0; line-height: 1.8em; }
h2 { margin-top: -10px; }
li { padding-bottom: 0.4em; }
ul#nav { list-style:none; margin-bottom: 2em; }
ul#nav li { display: inline; margin-left: 0; }
a:link, a:visited { color: #D0535B; text-decoration: none; }
a:hover, a:active { color: #D0535B; text-decoration: underline; }
h1 { color: #fff; font-size:1.5em; padding: 0.5em 0; }
h1 span { font-size: 0.6em; }
h2 { color: #fff; }
#header { margin: 3em 0 3em; }
#header #nav { text-align: right; }
img.logo { margin-bottom: 2em; }
#nav li a { border: 2px solid #D0535B; border-width: 0 2px; padding: 0.3em 1em 0.5em; text-transform: uppercase; background: #000;}
#nav li a:hover { text-decoration: none; border-width: 2px; border-left-color:#000; border-right-color:#000; border-top-color:#000; border-bottom-color: #D0535B; }
#nav li a.active { color:#000; background:#D0535B; text-decoration:none; }
body.home li#home a, body.installation li#installation a, body.performance li#performance a, body.about li#about a, body.artists li#artists a, body.support li#support a, body.feedback li#feedback a { 0background: #666; color: #fff; border-color: #000; }

#splash, #media, #viewer { 0margin: 4em 0 0 0; }
#media { display:none; }
#viewer {  }
#footer { margin: 35px 0 20px 0; text-align: right; }
#main { margin-top: 20px; }
#sponsors img { padding-left: 25px; margin-right: -10px; }
p.copyright { margin-top: 20px; }
.mugshot { margin-top: 1.5em;}
ul.extended { margin-top: -1em; }
ul.extended li { border-bottom: 1px dashed #999; padding: 1em 0; line-height: 1.8em; }
p.donate { margin: 1em 0 1em; }
p.donate a { padding:0.5em 1em; color: #000; background:#D0535B; text-transform: uppercase; font-weight:bold; border: 2px solid #D0535B; }
p.donate a:hover { background:#000; text-decoration:none; color:#D0535B; border-width: 0 0 2px 0; }
p.by { font-style: italic; }

input { font: 11px Verdana, Geneva, Arial, helvetica, sans-serif; border: 1px solid #D0535B; color: #D0535B; background: #000; padding:2px; margin-bottom:0.8em; }
input.button { color: #000; background: #D0535B; cursor:pointer; text-transform: uppercase; font-weight:bold; margin: 1em 0.5em 2em 0; padding: 0.5em;}
textarea { font: 11px Verdana, Geneva, Arial, helvetica, sans-serif; border: 1px solid #D0535B; color: #D0535B; background: #000; padding:2px; margin-bottom: 2em; }
select { font: 11px Verdana, Geneva, Arial, helvetica, sans-serif; border: 1px solid #D0535B; color: #D0535B; background: #000; }
select option { font: 11px Verdana, Geneva, Arial, helvetica, sans-serif; border: 1px solid #D0535B; border-top-width: 0; color: #D0535B; background: #000; }
label {  }
form p { padding-bottom: 0.3em;  }

.gallery { margin-top: 20px; float: left; width: 790px; overflow: hidden; }
.gallery img { background: #D0535B; float: left; margin: 0 15px 15px 0; }
.gallery.full img { margin: 0 12px 15px; }
.gallery a img { border: 3px solid #333; }
.gallery a:hover img { border: 3px solid #D0535B; }
.videos { margin: 10px 0 15px; }
.slide_holder { position: relative; height: 185x; overflow: hidden; 0left: -10px; }
.controls span a { position: absolute; top: 52px; display:block; width: 68px; height: 120px; overflow:hidden; background: url(/gui/nav_arrows.png) no-repeat 0 0; z-index: 95; text-indent:-9999px; }
.controls span a.next { right: 0; background-position:-68px 0; }
.controls span a.prev { left: 0; background-position: 0 0; }
.controls span a:hover.next { background-position: -68px -120px; }
.controls span a:hover.prev { background-position: 0 -120px; }
.cycle_media { position: relative; top: 0; left: 75px; }
.vcaption { padding-left: 10px; }

.cycle_media.gallery.full div { width: 635px; }
.cycle_media.gallery div { width: 405px; }