/* 
	Theme Name: Flatpack 2010
	Theme URL: http://www.cyrk.org
	Description: A theme for WP for Flatpack 2010
	Author: jk
	Author URI: http://www.gabba.net
	Version: 0.2
	Tags: 
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:

*/

#electric{

padding:0px;

text-align: center; /* required for centering the page in IE */
background : #F2EEE9 url(images/background.png) repeat-x;
background-attachment:fixed;

}
 body{
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
height:110%;
height: 100%;
margin: 0 0 900px;
	line-height:20px;
	}
#wrapper {
	width:985px;
	margin: 40px auto; /* centering the page */
	text-align: left;
	postion:relative;
display:block;
}



#nav {
width:820px;
height:20px;
line-height:0px;


}

#nav a {
color:#000000;
font-weight:normal;
}
.navbuttons{
position:relative;
float:left;
display:block;

}

.subnav{
display:none;

margin-left:10px;
position:absolute;
float:left;
background:#FFFFFF;
 border-left:1px solid #000000;
z-index:4;
}
.subnav li{

}
	.subnav li a{
	color:#000000;
	
	}
	.subnav li a:hover{
	color:#fc1029;
	
	}
.subnav li {
list-style-type:none;

list-style-position:inside;
padding:0;


margin:5px;
margin-left:10px;
padding-bottom:1px;
white-space:nowrap;
}


	
	#searchbox {
width:160px;
height:20px;


}
.searchtext {
background-color:#DCDCDC;
width:110px;
height:17px;
padding:4px 5px 0 5px;
float:left;
}
.searchgo {
width:20px;
height:20px;
float:right;
margin:2px 20px 0 0;

}

#dropbox {
width:160px;
height:115px;



}
.dropdown {
width:140px;
height:20px;
padding:0px;
margin:0 0 7px 0;
border-bottom:1px solid #DCDCDC;
}
.dropdowntop {
width:140px;
height:20px;
padding:7px 0 0 0;
margin:0 0 7px 0;
border-bottom:1px solid #DCDCDC;
border-top:1px solid #DCDCDC;
}
.droptext {
width:110px;
height:15px;
padding:0 5px 0 5px;
float:left;
}
.dropgo {
width:20px;
height:10px;
float:right;

background-color:#DCDCDC;
}

#emailbox {
width:160px;
height:20px;

}
.navigation{
width:635px;
padding:9px 10px 6px 10px;
display:block;
background:#FFFFFF;
margin-bottom:5px;
		
}
.navigation div{
display:block;
position:relative;
width:200px;
margin-bottom:5px;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
.alignleft {
	float: left;
	}
.posttitle,.subhead,.mainnav{
width:635px;
padding:9px 10px 6px 10px;
display:block;
background:#FFFFFF;
margin-bottom:5px;
position:relative;
}
.mainnav img{
vertical-align:middle;

}
.posttitle:hover{
background:#DCDCDC;

}
.posttitle a{
position:relative;
float:left;
z-index:0;
line-height:0px;
display:block;

}


.postdate {
position:relative;
margin-top:-35px;
z-index:1;
display:block;
font-size:10px;
font-family: Helvetica, Arial, sans-serif;
float:right;
text-align:right;
padding:11px 0 8px 0;
}
.postdate ul{
padding:0px;
margin:0px;

}

.postdate li{
margin:0px;
text-indent:0px;
padding:0px;
list-style-type:none;
}
.post {

width:635px;
padding:10px;
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
line-height:18px;
position:relative;
background:#FFFFFF;
margin-bottom:5px;
}
.subhead .commentdetails{
display:block;
font-size: 10px;
font-family:  Helvetica, Arial, sans-serif;
float:right;
width:50%;
text-align:right;
line-height:0px;
padding:11px 0 8px 0;

}
.postimg {
width:635px;
padding-bottom:10px;
border-bottom:1px solid #DCDCDC;
margin-bottom:10px;

}
.postmeta {
border-top:1px solid #DCDCDC;
display:block;
font-size:11px;
margin-top:10px;
margin-bottom:0px;
padding-top:5px;
padding-bottom:0px;
}
.postmeta a:hover{
color:#000000;

}
.postmetatext {
width:500px;
float:left;
padding-top:3px;

}


.sharethismeta {
width:100px;
float:right;
margin:0px 25px 0 0;


}

#container {
display:block;
	width:990px;
position:relative;
top:0px;
}	
.clear{
clear:both;
}

p {


margin:0 0 0;}	
	
#leftcol {
	float: left;
	width:655px;
	}
#rightcol {
	width: 325px;
	float:right;
margin-right:5px;
	}
#rightcol ul ul{
display:none;

}
#footer {
display:block;
	height:70px;
	position:relative;
	background-color : #fff;
	line-height:18px;
	padding:10px;
	margin-right:5px;
	}

	#footer #fwidget{
	width:160px;
	float:left;
	display:block;
	margin-left:5px;
	padding-right:10px;
	}
	
#footercol1 {
	width:160px;
	float:left;
	margin-right:5px;
	}
		
#footercol2 {
	width:140px;
	float:left;
	display:block;
	padding:0 10px 0 0;
	margin-right:5px;
	}
	
#footercol3 {
	width:140px;
	float:left;
	display:block;
	padding:0 10px 0 10px;
	margin-right:5px;
	}
#footercol4 {
width:140px;
	float:left;
	display:block;
	padding:0 10px 0 10px;
	margin-right:5px;
	}	
		
#footercol5 {
	width:140px;
	float:left;
	display:block;
	padding:0 10px 0 10px;
	margin-right:5px;
	}
	
#footercol6 {
	width:140px;
	
	float:left;
	display:block;
	}		
	
	
#fwidget ul {
list-style-type:none;
text-indent:0px;
list-style-position:inside;
padding:0;
margin:0;

margin:0px;
margin-top:-17px;
padding-bottom:1px;

}

#fwidget li {
padding:0px;
margin:0px;
}


	
	
		
.sidebarentry {
width:325px;
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
line-height:18px;
position:relative;
padding:0 10px 0 10px;
}	
		
	
	
.sidetitle {
width:305px;
height:20px;
}

.filmtitle {
width:305px;
height:35px;
display:block;
border-bottom:1px solid #DCDCDC;
padding-bottom:10px;
margin-bottom:10px;
}

#sidediv {
width:325px;

line-height:16px;
}


		
#sidebar {
	float: left;
	width:325px;
	padding:0 5px 0 0;
	}

	
	.sidecontent {
	width:305px;
	padding:0 ;
	height:335px;
	display:block;
	}
	
	#introdiv {
	width:305px;
	padding:0 ;
	height:709px;
	display:block;
	}
	
	.introtext {
	height:291px;
	display:block;
	}
	
	
	#blog {
width:325px;

line-height:16px;	
}

#frontblog {
width:325px;

line-height:16px;
height:366px;	
}
	
	

.sideimg {
width:295px;
padding:0 10px 10px 0;
border-bottom:1px solid #DCDCDC;
margin-bottom:10px;
}

.sidemetatext {
width:305px;
float:left;
padding-top:3px;
}

.sidemeta {
width:305px;
font-size: 10px;
font-family: Helvetica, Arial, sans-serif;
border-top:1px solid #DCDCDC;
padding-top:5px;
margin-top:10px;
padding-bottom:15px;
}

	

.related {
padding:10px 0px 10px 0;
margin-right:20px;
border-bottom:1px solid #DCDCDC;
position : relative;
}

.relatedtop {
padding:0px 0px 10px 0;
margin-right:20px;
border-bottom:1px solid #DCDCDC;
position : relative;
}

.relatedpagin{

width:305px;
font-size: 10px;
font-family:  Helvetica, Arial, sans-serif;
margin-top:5px;

}



.relatedprev{
float:left;
width:45%;
line-height:0px;
background-image:url(images/previous.png);
background-repeat:no-repeat;
height:11px;
padding: 6px 0 0 15px;
margin-top:2px;

}

.relatednext{
float:right;
width:45%;
background-image:url(images/next.png);
background-repeat:no-repeat;
background-position:100% 0%;
text-align:right;
line-height:0px;
height:11px;
padding: 6px 15px 0 0;
margin-top:2px;
}

.tagcloud {
border-bottom:1px solid #DCDCDC;
padding:
0 0px 10px 0;	
margin-right:20px;
}
fontspace{
width:325px;
	height:10px;
	
	position : relative;
z-index : 1
	}



.blogarchive {
padding:0 20px 0 0;
border-bottom:1px solid #DCDCDC;
}

	

#widgethead{
padding:9px 10px 6px 10px;
display:block;
background:#FFFFFF;
margin-bottom:5px;
}

#widget{
padding:10px;
background:#FFFFFF;
margin-bottom:5px;
}
	


	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */


	
	
	
	a:link {
	
	color:#0066FF;
	text-decoration:none;
	}
	
	a:visited {
	
	color:#0066FF;
	text-decoration:none;
	}

	#rightcol a{
color:#000000;

}

a:hover{
	text-decoration: none; color:#0066FF;}
	
	
   #rightcol a:hover{
	text-decoration: none; color:#0066FF;}

.listwrap{

}	
	
	
#rightcol ul {
list-style-type:none;
list-style-image:url(images/list.png);
list-style-position:inside;
padding:0;
margin:0;
width:305px;
margin:0px;
padding-bottom:1px;

}

#rightcol li {
padding:0 0 5px 0;
margin-bottom:5px;
border-bottom:1px solid #DCDCDC;
}
#rightcol .blogrelated{
border-bottom:1px solid #DCDCDC;
padding-bottom:10px;
}
#rightcol .blogrelated a{

 color:#0066FF;
}
#rightcol .blogrelated a:hover{
color:#000000;
}
#rightcol .blogimage{
margin-top:10px;
float:left;
margin-right:8px;
width:148px;
border-right:1px solid #DCDCDC;
height:100px;
overflow:hidden;
}
#rightcol .blogimage img{
width:140px;
border:0px;
}
#eventswrap {

}

.eventthumbleft {
width:160px;
float:left;
display:block;
text-align:center;

}
.eventthumbright {
width:160px;
float:right;
display:block;
text-align:center;
}

.thumbtext {
padding-top:10px;
display:block;
height:43px;
}

.gallerythumb {
width:160px;
float:left;
padding-right:5px;
display:block;
}

.lastgallerythumb {
width:160px;
float:left;
}

/* Header */	

#header {
position:relative;
padding:10px;
height: 160px;
background-color:#FFFFFF;
background-image:url(images/flatpack-2010-header.png);
background-position:9px 9px;
background-repeat:no-repeat;
margin-bottom:5px;
}
#flashheader{
width:794px;
 height:160px;

 float:left;
display:block;
 }
#header #description{
cursor:pointer;
margin-top:102px;
 float:left;
display:block;
line-height:19px;
}
#emailbox {

width:140px;
height:20px;

float:right;
display:block;
}

#emailbox #email,#emailbox #s {
background-color:#DCDCDC;
width:110px;
height:17px;
padding:4px 5px 0 5px;
float:left;
border:0px;
}
#emailbox #submit{
width:20px;
height:20px;
float:right;
margin:0px;
background-image:url(images/arrow.png);
border:0px;
cursor:pointer;
text-indent:90px;
}
#message{
display:none;
padding:10px;
background:#FFFFFF;
text-align:center;


}#message #close{
position:relative;
float:right;
width:20px;
height:20px;
font-size: 20px;
cursor:pointer;
}
#message a{
font-weight:bold;

}
#metanav{


}
#browse{
display:none;
z-index:1;
clear:both;
position:relative;
top:-33px;
padding:0px;
line-height:15px;
}
#browse ul{
padding:0px;
margin:0px;

}
.browselabel{
display:block;
float:right;
position:relative;
right:10px;
top:-35px;
}
.browselabel li{
margin:0px;

text-indent:5px;
padding-bottom:5px;
padding-top:0px;
color:#FFFFFF;
list-style-type:none;
cursor:pointer;
list-style-position:inside;
background-image:url(images/arrowdown.gif);
background-repeat:no-repeat;
background-position:120px;
width:140px;

}
.browselabel li a{

color:#FFFFFF;
}
.browser{
position:relative;
z-index:2;
padding:0px;
margin:0px;
margin-top:-2px;
margin-bottom:6px;
line-height:15px;
}
.browser .item{
margin:0px;
padding-bottom:7px;
padding-top:6px;
border-bottom: 1px solid #DCDCDC;
text-indent:5px;
list-style-type:none;
cursor:pointer;
list-style-position:inside;
background-image:url(images/arrow.png);
background-repeat:no-repeat;
background-position:120px;
}

.item a{

color:#000000;
}
.item a:hover{
color:#0066FF;

}
#browse .item a{
color:#FFFFFF;

}
#browseby{

top:12px;
padding:13px 0px 6px 10px;
display:block;
background:#999999;
color:#FFFFFF;
margin-bottom:5px;
position:relative;
}


.bar{
display:block;
float:left;

width:100%;
margin-right:15px;
margin-bottom:5px;
overflow:hidden;
cursor:pointer;
}
.bar div{

padding:5px;
}
.box{
display:block;
float:left;

width:294px;
margin-right:10px;
margin-bottom:10px;
overflow:hidden;
cursor:pointer;
background:#FFFFFF;
padding:10px;
color:#999999;
}

.box:hover{
background:#DCDCDC;
color:#000000;
}
.box img{
width:80px;
position:relative;
float:left;
margin-right:5px;
padding:5px;
}
.box div{
padding:5px;
padding-left:0px;
}
.calendartab{
cursor:pointer;
width:965px;
}
.calendarcontainer{
padding:0px;
}
.calendartab .calhead{
padding:10px;

}
.calendartab .calhead:hover{
background:#DCDCDC;
}
.close{
vertical-align:middle;
position:relative;
margin-left:8px;
top:0px;
display:inline;
}
.calendartab{
background:#FFF;
margin-bottom:5px;

color:#000000;
padding-bottom:0px;
}
.calendartab_live{
background:#FFF;
margin-bottom:10px;
padding:10px;
color:#000000;
padding-bottom:0px;
}

/* calendar*/
.venuelinks{
display:block;
width:135px;
float:left;
padding:0;
margin:0;
height:60px;
background:#939392;
color:#FFFFFF;
text-align:left;
margin-bottom:5px;
margin-left:5px;
}
.venuelinks:hover{
background:#FF9999;
}
.venuelinks p{
padding:5px;
margin:0px;
float:left;
width:120px;
color:#FFFFFF;
}
.venuelinks img{
padding:7px;
margin:0px;
float:left;
border:0px;
padding-right:2px;
}
#venues{
position:relative;
float:left;
width:60px;
margin:0px;
margin-top:30px;
margin-left:5px;
}
#calendardisplay{
position:relative;
margin:0px;
width: 840px;
overflow: hidden;
margin-top:5px;
float:right;

margin-left:20px;
}
#wholecalendar{
width:840px;



padding-left:25px;
}

.event{
display:block;	
position:relative;
width:100px;
float:left;
padding:0;
margin:0;
list-style:none;

height:60px;
color:#FFFFFF;
z-index:2;

}

.event p{
color:#FFFFFF;
padding:5px;
margin:0px;
}

.event a{
color:#FFFFFF;
padding:4px;
}


.hours{
margin-bottom:10px;
}
.details{
display:none;
background:red;
margin-top:-8px;
}
.hour{
display:block;
height:20px;


float:left;
padding:0;
margin:0;
list-style:none;

text-align:left;
margin-bottom:5px;

}
.hour p{

color:#939392;
margin:0px;
padding:0px;
margin-left:-16px;

}
/* calendar*/
.commentlist{
list-style-type:none;
text-indent:0px;
list-style-position:inside;
padding:0;
margin:0;

}
.commentlist li{
border-bottom:1px solid #DCDCDC;
margin-bottom:10px;
padding-bottom:10px;
}
.commentlist .datelink{
display:block;
margin-top:10px;
font-size:10px;
font-family:  Helvetica, Arial, sans-serif;
}
.commentlist img{
vertical-align:middle;
margin-right:5px;
margin-bottom:10px;
}
#commentform #author,#commentform #email,#commentform #url{
color: black;
background-color: #FFFFFF;
font-family:  Helvetica, Arial, sans-serif;
font-size: 12px;
border: 1px  #DCDCDC solid;

margin:10px 0 5px 0;
width:150px;
padding:5px;
height:12px;
margin-right:10px;
}
#commentform #author:focus,#commentform #email:focus,#commentform #url:focus{
padding:4px;
border: 2px  #DCDCDC solid;
}
#commentform #comment{
color: black;
background-color: #FFFFFF;
font-family:  Helvetica, Arial, sans-serif;
font-size: 12px;
border: 1px  #DCDCDC solid;

margin:10px 0 5px 0;
width:613px;
padding:10px;
}


#commentform #comment:focus{
font-family:  Helvetica, Arial, sans-serif;
border: 2px #DCDCDC solid;
padding:9px;

}



#submit{
float:right;
background:#FFFFFF;
text-align:right;
border: 0px;
cursor:pointer;
padding:0px;
margin:10px 0 5px 0px;
width:180px;
}

	
	.column{
	
	display:block;
	position:relative;
	float:left;
	
	}
	.block{
		display:block;
	position:relative;
	float:left;
	background:#FFF;
	margin-bottom:5px;
	margin-right:5px;
	cursor:pointer;
	}
	.block:hover{
	background:#DCDCDC;
	
	}
	.block .head{
	margin:10px;

	border-bottom: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
	}
		.block .content{
		margin:10px;
		height:65px;
		overflow:hidden;
		line-height:20px;
		}
		.block .more{
		font-size:11px;
		margin:10px;
		padding-top:10px;
		display:block;
		border-top: 1px solid #DCDCDC;
		
		}
		.block .head img{
		margin-top:5px;
		margin-bottom:5px;
		
		}
		.highlightimage{
	
			border:0px;
				}
				.smallimage{
					margin:10px;
		margin-bottom:0px;
				border:0px;
				display:block;
				height:204px;
				overflow:hidden;
				}
				.smallblock{
				display:block;
				margin-right:5px;
				float:left;
				width:160px;
				background:#FFF;
			margin-bottom:5px;
			cursor:pointer;
				}
				.smallblock:hover{
				background:#DCDCDC;
				
				}
				.smallblock .image{
				margin:10px;
				width:140px;
				height:105px;
				overflow:hidden;
			
								}
				.smallblock a:hover{
				color:#000000;
				
				}
				.smallblock .image img{
				width:140px;
				
				}
				.smallblock .desc{
				margin:10px;
				margin-top:0px;
				height:40px;
				overflow:hidden;
				text-align:center;
				}
				.mainimage{
				width:635px;
				height:420px;
				overflow:hidden;
				margin-bottom:10px;
				}
				.mainimage img{
				width:635px;
				border:0px;
				
				}
				.flashtags{
				width:965px;
			
				margin-bottom:5px;
				text-align:center;
				background:#FFFFFF;
				}
				.listitem{
				margin:10px;
				margin-left:10px;
				padding-bottom:10px;
				border-bottom:1px solid #999999;
				}
				
				#ticketform{
				padding-bottom:5px;
				margin-bottom:5px;
				border-bottom:1px solid #DCDCDC;
				}
				#ticketform #ticketbutton{
				background:#FFFFFF;
				color:#0066FF;
				border:0px;
				padding:0px;
				text-align:right;
				font-size:12px;
				font-weight:bold;
				cursor:pointer;
				}
				#ticketform #ticketbutton:hover{
	color:#0066FF;
				}
				#widgethead a{
color:#0066FF;
}
#widgethead a:hover{
color:#0066FF;

}
.key{text-align:center;cursor:pointer;
position:relative;float:left;margin-right:5px;display:block;width:83px;height:60px;margin-top:10px;
color:#FFFFFF;
}
.key:hover{
color:#FFFFFF;
}
.key p{
padding:6px;
color:#FFFFFF;
}
.post a:hover,#footer div a:hover{

color:red;
}
.post a img{
border:0px;
}