html,body{
margin:0px;
padding:0px;
width:100%;
height:100%;
background-image: url('http://www.drizzlecat.org/img/nothings66_back2.jpg');
background-repeat: repeat;
font-family: Garamond;
	color: #B8B8B8;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'ArnoProLightDisplay', 'Fournier MT Std', 'Filosofia OT', Didot, 'Bookman Old Style', 'Georgia';
font-size: 17px;
color: #282828;
text-align: center;
letter-spacing: 1px;}

.content{
	width: 800px;
	margin:  30px auto;
	text-align: justify;
	font-size: 12px;
	line-height: 13px;
}

@font-face {
    font-family: 'ArnoProLightDisplay';
    src: url('http://www.drizzlecat.org/wp/fonts/arnopro-lightdisplay-webfont.eot');
    src: url('http://www.drizzlecat.org/wp/fonts/arnopro-lightdisplay-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.drizzlecat.org/wp/fonts/arnopro-lightdisplay-webfont.woff') format('woff'),
         url('http://www.drizzlecat.org/wp/fonts/arnopro-lightdisplay-webfont.ttf') format('truetype'),
         url('http://www.drizzlecat.org/wp/fonts/arnopro-lightdisplay-webfont.svg#ArnoProLightDisplay') format('svg');
    font-weight: normal;
    font-style: normal;
    }

.content{
	width: 800px;
	margin:  30px auto;
	text-align: justify;
	font-size: 12px;
	line-height: 13px;
}

.content a, a:link, a:hover, a:visited{text-decoration:none;color:#000000;}

.content a:hover {color:#ffffff;background-color:#2b2b2b;}

img {border:none;
}

.imgshadow {
	-webkit-box-shadow: #464646 0px 0px 5px;
	-moz-box-shadow: #464646 0px 0px 5px;
	box-shadow: #464646 0px 0px 5px;
}

.AiS-text{
	/*color: #3A3A3A;*/
	color: #3A3A3A;
	text-transform: none;
	width: 800px;
             	margin: 0 auto;
              font-size: 20px;

}
h1 {
	font-size: 20px;
	color:#282828;
	letter-spacing:3px;
	text-align: center;
	padding: 5px;
	font-weight: normal;
	text-transform: none;
}


h2 {
	font-size: 16px;
	color:#282828;
	letter-spacing:3px;
	text-align: left;
              line-height:15px;
	font-weight: normal;
	font-family: 'ArnoProLightDisplay', 'Fournier MT Std', 'Filosofia OT', Didot, 'Bookman Old Style', 'Georgia';
}

h3 {
	font-size: 11px;	
	color:#282828A;
	letter-spacing:1px;
              text-align: left;
              line-height:15px;
              text-transform: none;
	font-weight: normal;
	font-family: 'ArnoProLightDisplay', 'Fournier MT Std', 'Filosofia OT', Didot, 'Bookman Old Style', 'Georgia';
}

h4 {
	font-size: 14px;	
	color:#282828;
	letter-spacing:1px;
              text-align: left;
              line-height:15px;
              text-transform: none;
	font-weight: normal;
	font-family: 'ArnoProLightDisplay', 'Fournier MT Std', 'Filosofia OT', Didot, 'Bookman Old Style', 'Georgia';
}

#header {
	height:100px;
	position: relative;
	position: fixed;
	width: 100%;
	top: 0px;
	margin:0px;
	min-width: 700px;
	color:white;
	font-family: ArnoProLightDisplay, Fournier MT Std, Garamond, Filosofia OT, Didot, Bookman Old Style, Georgia, Garamond;
	background: black url(/img/header02new.jpg) repeat-x;
}


#header2 {
	height:135px;
	position: relative;
	width: 100%;
	top: 0px;
	margin:0px;
	min-width: 700px;
	color:white;
	font-family: ArnoProLightDisplay, Fournier MT Std, Garamond, Filosofia OT, Didot, Bookman Old Style, Georgia, Garamond;
	background: black url(/img/header02new.jpg) repeat-x;
}
	


#header .left, #header2 .left {
	float: left;
	position: absolute;
	top: 15px;
	left: 10px;
	}	
	
#header .middle, #header2 .middle {
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: center;
	display: block;

}

#header .right, #header2 .right {
	float: right;
	position: absolute;
	top: 15px;
	right: 10px;
	text-align: right;
	display: block;
}





#footer {
	background: black;
	padding:10px 0px 10px 0px;
	color:#bcbcbc;
}

.player {
	border: 1px solid #464646;
	-webkit-box-shadow: #464646 0px 0px 16px;
	-moz-box-shadow: #464646 0px 0px 16px;
	box-shadow: #464646 0px 0px 16px;
	width: 800px;
	height: 450px;
}


.separator {
width: 100%;
background-image: url('/img/divider-horizontal.png'); background-repeat:repeat-x; background-position: top;
margin: 20px 0px 20px 0px;
}


.dots {
background-image: url('/img/divider-horizontal.png'); background-repeat:repeat-x; background-position: bottom;
padding-bottom: 6px;
margin-bottom: 6px;
letter-spacing: 2px;
}


.verticalseparator {
	background-image: url('/img/divider-vertical.png'); background-repeat:repeat-y; background-position: right;
}

.box320
 {
	width: 270px;
	float: left;
	padding-right: 49px;
	background-image: url('/img/divider-vertical.png'); background-repeat:repeat-y; background-position: right;
	min-height: 435px;

}

.box480
 {
	width: 430px;
	float: right;
	margin-left: 50px;
	margin-bottom: 10px;
	position:relative;
	/*min-height: 78px;*/
	min-height:100px;
}

.box480 img
 {
	margin-right: 15px;

}



.boxwide
 {
	background-image: url('/img/divider-horizontal.png'); background-repeat:repeat-x; background-position: top;
	width: 800px;
	padding: 10px 0px;
	
}

.boxwide h2 {
	font-size: 18px;
	color:black;
}


.boxwide img{
	vertical-align: middle;
}

.boxhalf
{
	width: 395px;
	margin-right: 10px;
	float: left;
}

.boxthird
{
	width: 240px;
	margin-right: 10px;
	float: left;
	padding: 0px 10px 10px 10px;
	text-align: left;
}

.boxthird h2 {
	font-size: 15px;
	text-align: left;
}

.last
{
	margin-right: 0px !important;
}

.box40 {
width: 300px;
float: left;
color: black;
background-color: #2a2a2a;
padding: 0px 10px 0px 20px;
margin-top: 10px;
font-size: 12px;
}

.box40 h1, .box50 h1 {
text-align:left;
}

.box60 {
float: left;
width: 430px;
margin-left: 30px;
}

.box600 {
width: 600px;
float: left;
color: #fff;
background-color: #2a2a2a;
padding: 10px;
margin-left: 80px;
text-align: left;
}

.float {
float: left;
}

.cd1 {
margin-right: 40px;
padding-right: 40px;
}

.mainbutton {
	font-size: 15px;
	color: #333333 !important;
	letter-spacing:2px;
	background-color:#fff;
	padding:5px 8px 5px 8px;
	margin-right: 5px;
	text-transform: none;
}

.mainbutton:hover {
	font-size: 15px;
	color:#000 !important;
	background-color:#fff !important;
	padding:5px 8px 5px 8px;
	margin-right: 5px;
	text-transform: none;
}

.smallbutton {
	font-family: ArnoProLightDisplay, Fournier MT Std, Garamond, Filosofia OT, Didot, Bookman Old Style, Georgia, Garamond;
	letter-spacing:0px;
	font-size: 12px;
	color: #cccccc !important;
	background-color:#2b2b2b;
	padding:3px;
	margin-bottom: 5px;
	width: 150px;
	text-align: center;
}

.smallbutton:hover {
	font-size: 12px;
	color:#000 !important;
	background-color:#fff !important;
	padding:3px;	
	margin-bottom: 5px;
	text-align: center;
}

.smallbutton2 {
	display:block;
	font-family: 'ArnoProLightDisplay, Fournier MT Std, Garamond, Filosofia OT, Didot, Bookman Old Style, Georgia, Garamond;
	letter-spacing:0px;
	font-size: 12px;
	color: #cccccc !important;
	background-color:#2b2b2b;
	padding:15px 0;
	margin-bottom: 7px;
	width: 270px;
	text-align: center;
}

.smallbutton2:hover {
	font-size: 12px;
	color:#000 !important;
	background-color:#fff !important;
	padding:15px 0;	
	margin-bottom: 7px;
	text-align: center;
}

.smallbutton3 {
	display:block;
	font-family: ArnoProLightDisplay, Fournier MT Std, Garamond, Filosofia OT, Didot, Bookman Old Style, Georgia, Garamond;
	letter-spacing:0px;
	font-size: 12px;
	color: #cccccc !important;
	background-color:#2b2b2b;
	padding:8px 0;
	margin-bottom: 7px;
	width: 270px;
	text-align: center;
}

.smallcap {
	font-size:11px;
	letter-spacing:normal;
	line-height:16px;
}

.red {
	color:#C66;
}

.mp3widget {
	width:300px; margin:10px auto; text-align:center;
}

.festivalbutton {
	font-size: 17px;
	color: #cccccc !important;
	letter-spacing:2px;
	background-color:#2b2b2b;
	padding:12px;
	text-transform: none;
	margin-bottom: 30px;
	margin-top: 40px;
	width: 200px;
}

.festivalbutton:hover {
	font-size: 17px;
	color:#000 !important;
	background-color:#fff !important;
	padding:12px;	
	text-transform: none;
	margin-bottom: 30px;
	margin-top: 50px;
	width: 200px;
}

.mainbutton2 {
	font-family: ArnoProLightDisplay, Fournier MT Std, Garamond, Filosofia OT, Didot, Bookman Old Style, Georgia, Garamond;
	font-size: 16px;
	color: #fff !important;
	font-weight: normal;
	background-color: none;
	letter-spacing:2px;
	padding:5px 8px 5px 8px;
	margin-right: 5px;
	text-transform: none;
}

.mainbutton2:hover {
	font-family: ArnoProLightDisplay, Fournier MT Std, Garamond, Filosofia OT, Didot, Bookman Old Style, Georgia, Garamond;
	font-size: 16px;
	color:#171717 !important;
	background-color: white;
	padding:5px 8px 5px 8px;	
	margin-right: 5px;
	text-transform: none;
}

.mainbutton2 a {
font-weight: normal;
background: none;
}


.mainbutton2 a:hover {
font-weight: normal;
background: none;
}


.mainbutton2 a:active {
font-weight: normal;
background: none;
}

p {text-transform: none;}


.title, title2 {
	font-size: 14px;
	padding: 3px 0;
	line-height:24px;
	color:#3A3A3A;
	letter-spacing:0;
	text-align: center;
	font-weight: normal;
	font-family: ArnoProLightDisplay, Fournier MT Std, Garamond, Filosofia OT, Didot, Bookman Old Style, Georgia, Garamond;
}

.title2{
	font-size: 12px;
	color: #3A3A3A;
}

.description {
	font-size: 12px;
	color:#3A3A3A;
	letter-spacing: 0;
	text-align: center;
	font-family: ArnoProLightDisplay, Fournier MT Std, Garamond, Filosofia OT, Didot, Bookman Old Style, Georgia, Garamond;
}


.floatright{
	float: right;
}

.floatleft{
	float: left;
}


.preorder {
	padding: 10px;
	background-color: #2b2b2b;
	text-align: center;
	color: #3A3A3A;
	position:absolute;
 	top:0;
 	right:0;
	font-size: 14px;
}

.preorder:hover {
	color:#000 !important;
	background-color:#fff;
	}

.digitalbuttons {
	position: absolute;
	top: 0px;
	right: 0px;
}

/*slideshow*/ 


#container {
	width:810px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:830px;
	height:480px;
	position:relative;
}

/*#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}*/

#frame {
	position:absolute;
	z-index:0;
	width:969px;
	height:521px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:800px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:800px;
	height:450px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:205px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:815px;
}

/*
	Pagination
*/

.pagination {
	padding-top: 10px;
	margin:0px auto;
	width:200px;
	padding-right: 30px;
	}


.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:800px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}

.caption p {
	padding: 0px;
	margin: 0px;
}


/* GOOGLE SPREADHSEET STYLING*/

.ss-q-title
{
display: inline-block;
width: 540px;
letter-spacing: 2px !important;
color: #fff;
text-transform: none;
}

.ss-item {
padding: 10px;
	background-color:#2b2b2b;
}

.ss-item td {
padding: 10px;
	background-color:#2b2b2b;
}

.ss-q-short
{

width: 207px;
}

.ss-navigate .ss-form-entry {
text-align: center;
}


/*current */
body#inni-home a#inni-home,
body#inni-site a#inni-site,
body#inni-klippa a#inni-klippa,
body#inni-film a#inni-film,
body#inni-album a#inni-album,
body#inni-screenings a#inni-screenings,
body#inni-updates a#inni-updates

{
	color: #000 !important;
	background-color:#fff !important;
	}


/*share*/
a.atc_s span.atc_l{
	letter-spacing:1px;

}

.addthis_toolbox {
	display: inline-block;
}

/*map*/


#ifMap {
	border: 1px solid #464646;
	-webkit-box-shadow: #464646 0px 0px 16px;
	-moz-box-shadow: #464646 0px 0px 16px;
	box-shadow: #464646 0px 0px 16px;
	width: 780px;
	height: 415px;
	padding: 0px;
}


/*css hover*/

.infobox 				
{
	color: #fff;
	position:relative;
	text-align: right;
	font-size: 14px;
}

	
.infobox .moreleft			{display:none;}
.infobox .moreright			{display:none;}


.infobox:hover .moreleft    
{	
	display:block;
	position:absolute;
	z-index:1;
	left:0px;
	top:20px;
	width:500px;
	background-color: #c4c4c4;
	font-size:14px;
	-webkit-box-shadow: #464646 0px 0px 4px;
	-moz-box-shadow: #464646 0px 0px 4px;
	box-shadow: #464646 0px 0px 4px	;
	border:10px solid #000;
	padding: 15px;
	color: #000;
	text-align: left;
	text-transform: none;
	letter-spacing: 0px;}
	
.infobox:hover .moreright    
{	
	display:block;
	position:absolute;
	z-index:1;
	right:50px;
	top:20px;
	background-color: #c4c4c4;
	font-size:14px;
	-webkit-box-shadow: #464646 0px 0px 4px;
	-moz-box-shadow: #464646 0px 0px 4px;
	box-shadow: #464646 0px 0px 4px	;
	width:200px;
	border:10px solid #000;ristol, helsinki, paris, spain
	padding: 15px;
	color: #000;
	text-align: left;
	text-transform: none;
	letter-spacing: 0px;
	}

.moreleft span, .moreright span {
font-size: 15px;
letter-spacing: 3px;
font-weight: bold;
}

.moreleft a, .moreright a {
font-weight: bold;
color: #000;
}

.moreleft a:hover, .moreright a:hover {
font-weight: bold;
color: #000;
background: none;
}

.infobox:hover ul {
	padding-left: 20px;
	
}lear: both;
 }lear: both;
 }lear: both;
 }both;
 }