/*
Theme Name: FTWProductions
Theme URI: http://wordpress.org/
Description: Wordpress theme for FTWProductions
Version: 0.1
Author: FTWProductions / Bazooka
Author URI: http://www.bazooka.se/
Tags: ftw

Wordpress theme for FTWProductions
*/

*{font-size:1em;font-family:Arial, Helvetica, sans-serif;line-height:1.4em;color:inherit;margin:0;vertical-align:bottom;background-repeat:no-repeat;background-position:top left;}
body{font-size:62.5%;color:#000;padding:0;}
h1,h2{line-height:1em;}
h1 *,h2 *{line-height:inherit;}
h1,h2,h3,h4,h5,h6,p,ul,ol{padding:5px 0 1em 0;}
p,ul,ol{padding-bottom:1.5em;}
ul,ol{padding-left:0.5em;}
ul{list-style:outside disc;}
ol{list-style:outside decimal;}
.menu,.menu li{list-style:none;}
.menu li a{display:block;}
.menu li,form{display:inline;}
object,input,select,checkbox,button,textarea{outline:none;background-repeat:repeat;}
textarea,html{overflow-y:scroll;overflow-x:auto;}
img,fieldset{border:none;padding:0em;}
.after-float:after,.clear-float{display:block;clear:both;visibility:hidden;}
.after-float:after{content:'\0020';height:0;}
.after-float,.wrap-float{zoom:1;}
.wrap-float{overflow:hidden;}

*{
	color:#6a6a6a;
}
h1,h2{
	color:#fff;
	font-size:2.4em;
	font-family:"Franklin Gothic Medium", Arial, serif;
	font-weight:normal;
}
h1{
	padding-top:14px;
}
h3{
	font-size:1.3em;
	color:#bababa;
	padding-bottom:0;
}
h4{
	font-size:1.15em;
	color:#959595;
}
h5, p, a, td, th {
	font-size:1.15em;
}
p a, h1 a, h2 a, h3 a, h4 a, h5 a, td a, th a{
	font-size:1em;
}
a{
	color:#bababa;
	text-decoration:none;
}
a:hover{
	color:#6a6a6a !important;
}
strong{
	color:#bababa;
}
em{
	color:#3f3f3f;
	font-size:1em;
}

/*
	CONTAINERS
*/
body{
	background-image:url( images/gfx/body-background-gradient.png );
	background-repeat:repeat-x;
	background-color:#1d1d1d;
}
#main-wrapper{
	width:1060px;
	margin:0 auto;
	background-image:url( images/gfx/wrapper-background-gradient.png );
	background-repeat:repeat-y;		
	background-position:center top;
}
#main-container{
	background-image:url( images/gfx/container-background-image.jpg );
	background-position:center top;
	position:relative;
}
#header,
#main-content,
#footer-content{
	margin:0 0 0 53px;
	width:967px;
}
#header{
	height:245px;
	margin-bottom:15px;
	position:relative;
}
#main-content{
	background-image:url( images/gfx/maincontent-backrgound-gradient.jpg );
	background-position:bottom left;
}
#footer{
	background-color:#030303;
	padding:20px 0 0 15px;
}
#footer-content{
	margin:0 auto;
	height:140px;
}
#footer-content p{
	color:#fff;
	font-size:1.15em;
}
/*
	COLUMN
*/
.huge-column{
	float:left;
	width:967px;
	background: #1A1A1A url(images/gfx/column-background.png) left top repeat-x;
}
.large-column{
	float:left;
	width:613px;
}
.small-column{
	float:right;
	width:326px;
	overflow:hidden;
}

/*
	BOX

.box{
	position:relative;
	z-index:1;
}*/
.box h1,
.box h2{
	padding-bottom:0.8em;
}
.box h2{
	padding-top:0.7em;
}
.box p{
	padding-bottom:0.7em;
}
.large-box{
	padding:10px 36px 15px 20px;
	background: transparent url(images/gfx/column-box-large-bottom-image.jpg) left bottom no-repeat;
}
.large-box-single {
	padding:10px 36px 15px 20px;
}
.huge-box-single {
	padding:10px 36px 15px 20px;

}
.banner{
	padding-left: 10px;
	padding-right: 10px;	

}
.small-box{
	padding:10px 0 15px 0;
	background: transparent url(images/gfx/column-box-bottom-image.png) left bottom no-repeat;	
}
span.divider {
	display: block;
	height: 1px;
	width: 100%;
	background: transparent url(images/gfx/divider.png) left top no-repeat;
	margin: 1px 0;
}
/*.box-suffix{
	position:absolute;
	margin-top:-41px;
}
.box-prefix{
	position:absolute;
}*/

/* 
	RECENTLY BLOGGED
*/
.comic-blog {
float: left; 
width: 100%;
padding-bottom: 3px;
margin-bottom: 3px;
	background: transparent url(images/gfx/divider.png) left bottom no-repeat;
}
.comic-blog-excerpt {
float: left; 
width: 150px;
margin-right: 10px;
}
.comic-blog-image {
float: left; 
width: 160px;
}
/*
	CLIP CONTAINER
*/
.clip-container{
	height:284px;
	text-align: center;
	background-color: #000;
}
.clip-box{
	background-image:url( images/gfx/clip-background-gradient.gif );
	background-position:left top;
	width:153px;
	height:140px;
	float:left;
	font-size:1em;
	outline:none;
}
.clip-box *{
	padding:0;
	margin:2px 0 0 5px;
}
.clip-box img{
	margin-top:5px;
}
.clip-box strong{
	font-size:1.3em;
	color:#bababa;
	padding-bottom:0;
	display:block;	
}
.clip-box em{
	font-size:1.15em;
	color:#959595;
	display:block;
	font-style:normal;
	font-weight:bold;
}


/*
	BLOG CONTAINER
*/
.blog-container{
	margin-bottom:1px;
	position:relative;
	z-index:1;
}
.blog-container img{
	display:block;
}
.blog-container p{
	padding-bottom:8px;
}
.blog-container em{
	display:block;
	padding:6px 0 0 0;
}
.blog-comedian{
	float:right;
}
/* 
	COMEDIAN LISTING
*/
.comedian-list {

}
.comedian-list .photo {
	float: left;
	width: 159px;
	margin-right: 10px;
}
.comedian-list .intro {
	float: left;
	width: 388px;
}
.comedian-list .intro h3 {
	font-size: 1.4em;
	margin-bottom: 3px;
}
.comedian-list .intro p {
	margin-bottom: 0;
	padding-bottom: 0;
}
.comedian-list .intro p a{
	font-weight: bold;
}

/*
	MISC
*/
.banner img {
	display:block;
	margin:10px auto 0;
}
#top{
	position:absolute;
	top:50px;
	left:10px;
	width:200px;
	height:130px;
	text-indent:-999px;
	overflow:hidden;
}
.highlight{
	color:#fff;
}

/*
	TONIGHT
*/
#tonight{
background-image:url( images/gfx/nasta_standup.png );
	background-position:left top;
	position:absolute;
	right:84px;
	top:14px;
	width:153px;
	padding: 68px 0 0 17px;
}
#tonight *{
	padding:0;
}
#tonight a{
	font-weight:bold;
	margin-top:8px;
	float:left;
}

/*
	TOUR
*/
.tour, .tourtable{
	width:100%;
	border-collapse:collapse;
}
.tour th{
	font-size:1.3em;
	text-align:left;
	padding:15px 0 5px 0;
	color:#959595;
}
.tour td{
}
.tour .place{
	width:100px;
}
.tourtable td {
	vertical-align: top;
}
.tourtable .touryear td,.tourtable .tourmonth td {
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
}
.tourtable .tourloc {
	width: 180px;
}
.tourtable .tourdate, .tourtable .tourtime, .tourtable .tourloc {
	padding: 0 10px 0 0;
}
.tourtable .tourmonth td {
	padding: 5px 0 0 0;	
}
.tourtable .tourdesc {
	padding: 0 0 10px 0;	
}

/*
	CHECKERS
*/
.checkers {
	width: 967px;
	height: 272px;
}
.checkers-box{
	float:left;
	outline:none;
	width:159px;
	height:136px;
	overflow:hidden;
	position: relative;
}
.checkers-box:hover{
	zoom:1;
}
.checkers-box strong{
	font-size:1.0em;
	text-transform:uppercase;
	font-style:italic;
	color:#fff;
	font-family:"Arial Black";
	display:block;
	padding:5px 60px 5px 10px;
}
.checkers-hover-box{
	display:none;
}
.checkers-box:hover .checkers-hover-box{
	position:absolute;
	bottom:0;
	left:0;
	width:159px;
	background-color:#000;
	display:block;
	background-image:url( images/gfx/checkers-button-image.gif );
	background-position:right center;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter:alpha(opacity=80);
	
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity:0.8; 
}

/*
	MENU
*/
.top-menu{
	padding:0;
	width:960px;
	position:absolute;
	bottom:0;
	left:-10px;
}
.top-menu li a{
	float:left;
	padding:2px 7px;
	font-size:1.0em;
	text-transform:uppercase;
	font-style:italic;
	color:#fff;
	font-family:"Arial Black";
	position:relative;
}
.top-menu li.ext-menu a{
	float:right;
}

/*
	LOGIN
*/
.login{
	display: none;
	position:absolute;
	bottom:38px;
	left:380px;
}
.login label,
.login a{
	font-size:1.0em;
	text-transform:uppercase;
	font-style:italic;
	padding:0 5px 0 10px;
	text-decoration:none;
	color:#fff;
	font-family:"Arial Black";
}
.login input{
	border:0;
	color:#000;
	padding:0 2px;
	margin:0;
	width:120px;
	position:relative;
	top:-1px;
}
.submit-button img{
	position:relative;
	left:5px;
	top:13px;
}

/* 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;
	}
img.comedian {
	float: left;
	padding: 0;
	margin: 0 12px 0 0;
	display: inline;
}
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */