/* * * * * * * * * * * 
   SIDESHOW Improv
	main stylesheet
	Chris Nik
* * * * * * * * * * */


body{
	background: #4D4D4D;
	font-size: 11px;
	font-family: arial;
	color: #A0A0A0;
}

*{
	margin: 0px;
	padding: 0px;
}

strong{
	color: #FFFFFF;
}

a{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
a:hover{
	background: #FFFFFF;
	color: #000000;
}


.clear{ clear: both;}




.wrapper{
	width: 100%;
}
.page{
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}



.next_editor_container{
	padding: 10px;
	padding-left: 20px;
	padding-right: 0px;
	font-size: 30px;
	font-weight: bold;
	background: #212121;
}


.left_col{
	position: relative;
	float: left;
	width: 608px;
}
.right_col{
	float: right;
	width: 362px;
}


.date_container{
	height: 182px;
	background: #0D0D0D;
	overflow: hidden;
}
.date_container .next_show{
	position: absolute;
	top: 15px;
	left: 15px;
	color: #3F3B35;
	padding-bottom: 0px;
	font-size: 100px;
	letter-spacing: -8px;
	line-height: 74px;
	font-weight: bold;
	margin-top: 3px;
}
.date_container .day{
	display: inline;
	line-height: 190px;
	color: #F8E5C8;
	font-size: 205px;	/* 212 */
	font-weight: bold;
	letter-spacing: -5px;
}
.date_container .month{
	top: -4px;
	left: 250px; /* 280 */
	position: absolute;
	color: #F8E5C8;
	font-size: 72px;	
	line-height: 190px;
	letter-spacing: -7px;
	font-weight: bold;
	text-transform: lowercase;
}

.description_container{
	height: 166px;
	float: right;
	background: #2F2F2F;
	padding: 8px;
	line-height: 17px;
}
.description_container h3{
	margin-top: 8px;
	margin-left: 2px;
	margin-bottom: 1px;
	font-size: 32px;
	color: #F8F8F8;
}
.description_container p{
	padding: 8px;
}





/*
.bottom .left{
	background: #2F2F2F;
	width: 608px;
}
.bottom .left .container{
	padding: 6px;
	padding-left: 18px;
	padding-right: 18px;
	position: relative;
}
.bottom .left .featured_editor{
	float: left;
	font-size: 30px;
	color: #CECECE;
	font-weight: bold;
}
.bottom .left .name{
	float: right;
	font-size: 30px;
	color: #E21D1D;
	font-weight: bold;
}
.bottom .left .name a{
	color: #E21D1D;
}
.bottom .left .name:hover{
	background: #FFFFFF;
}
*/

.upcoming_shows{
	font-size: 22px;
	padding: 11px;
	padding-left: 45px;
	font-weight: bold;
	background: #2F2F2F url('../img/icons/down_arrow.gif') 20px 20px no-repeat;
}

.upcoming_show{
	font-size: 22px;
	padding: 11px;
	padding-left: 45px;
	font-weight: bold;
	background: #000000 url('../img/icons/right_arrow.gif') 0px 50% no-repeat;
}


.nav_container{
	background: #760F0F;
	padding: 10px;
	padding-right: 12px;
	padding-left: 12px;
}
.nav_container a{
	float: left;
	font-weight: bold;
	font-size: 24px;
	color: #FFFFFF;
}
.nav_container a:hover{
	color: #000000;
}


.footer{
	font-size: 10px;
	padding: 8px;
	text-align: right;
	color: #777777;
	line-height: 15px;
}






.close_me{
	background: #414141;
	display: block;
	padding: 10px;
	padding-left: 5px;
	margin-top: 8px;
	font-size: 18px;
}





.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */