/*  
Theme Name: Joe Clarke City

Theme URI: http://www.harrisonwheeler.com
Description: This site was created exclusively for Joe Clarke City.
Version: 1.0
Author: Harrison Wheeler
Author URI: http://www.harrisonwheeler.com/

*/

body{
	background-color:#333;
	background-image: screenshot.png;
	background-repeat: repeat-x;	
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

body a{
         color:#F36;

}

.nav_holder{
	width:980px;
	float:left;
	margin-top:10px;
}

#wrapper{
	width:980px;
	padding:0px;
	margin-top: 10px;
	margin-left: 10px;
	margin:auto;
}

#container{
	width:980px;
}

#leftcolumn{
	width:310px;
	float:right;
	margin:20px 10px 0 0;
	padding:0px;
}

#rightcolumn{
	width:650px;
	float:left;
}

.header{
	width:980px;
	margin:auto;	
}

.ad_runner{
	background-color:#000;
	width:100%;
	padding:20px 0 20px 0;
}

.ad_column{
	width:300px;
	background-color:#C0C; 
	float:left;
	margin-left:10px;
	margin-top:45px;
}

#blogcontent{
	float:left;
	width: 640px;
	background-repeat: no-repeat;
	background-position: right top;
}

#blogcontent p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	margin-top: 0px;
	margin-bottom: 10px;
	color:#FFF;
}

#blogcontent h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	margin-top: 0px;
	font-weight: lighter;
	color: #FFF;
	margin-bottom: 0px;
}

#blogcontent h1 a{
	font-family:Arial, Helvetica, sans-serif;
	color:#F36;
	text-decoration:none;
	}

#blogcontent h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	margin-top: 0px;
	margin-bottom: 10px;
	color:#F36;
	font-weight: lighter;
}

#pagecontent{
	padding:20px;
	float:left;
	width: 470px;
	background-repeat: no-repeat;
	background-position: right top;
	background-color:#FFF;
	margin-top:20px;
}

#pagecontent p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 10px;
	color:#333;
}

#pagecontent h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	margin-top: 0px;
	font-weight: lighter;
	color: #FFF;
	margin-bottom: 0px;
}

#pagecontent h1 a{
	font-family:Arial, Helvetica, sans-serif;
	color:#F36;
	text-decoration:none;
	}

#pagecontent h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	margin-top: 0px;
	margin-bottom: 10px;
	color:#F36;
	font-weight: lighter;
}


#videocontent{
	padding:20px;
	float:left;
	width: 490px;
	background-repeat:no-repeat;
	background-position: right top;
}

#videocontent p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #CCC;
}

#videocontent h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: lighter;
	color: #FFF;
}

#videocontent h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #F39;
	font-weight: lighter;
}

#videocontent h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #FFF;
	font-weight: bold;
}

.videoplayer{
	width:490px;
	background-color:#000;
	height: 282px;
	margin-bottom: 10px;
}

.videopreview{
	width: 243px;
	height:150px;
	background-color: #333;
	float:left;
}

.videopreview:hover{
	background-color:#F00;
	
}

#slider {
	width: 490px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.scroll {
	height: 200px;
	width: 490px;
	overflow: hidden;
	overflow-x: hidden;
	position: relative;
	clear: left;
	background-attachment: scroll;
	background-image: url(images/content_pane-gradient.gif);
	background-repeat: repeat-x;
	background-position: left bottom; 
	background-color: #333;
}

.scrollContainer div.panel {
	width: 470px;
	height: 200px;
	padding:10px;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
	padding: 10px;
	color: #000;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}



.videoinfo{
	width: 243px;
	height:40px;
	float:left;
	background-color:#000;
	padding-top: 5px;
}

.breadcrumbs{
	width: 450px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:11px;
	margin-bottom: 10px;
	color:#FFF;
}

.breadcrumbs a{
	text-decoration:none;
	color:#F36;
}

.title{
	width: 223px;
	float:left;
	margin-right: 5px;
	margin-left: 5px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
}

.credits{
	width: 223px;
	float:left;
	margin-right: 5px;
	margin-left: 5px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}

#recententries{
	width:230px;
	float:left;
}

#recententries ul{
	margin:0px;
	padding:0px;
}

#recententries li{
	padding:0px;
	list-style:none;
	margin-bottom:10px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #202020;
}

.datebox{
	width:55px;
	height:50px;
	float:left;	
}

.recenttitle{
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:160px;
	color: #FFF;
	font-size: 16px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.recentdescription{
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:160px;
	font-size: 11px;
	color: #FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.commentcount{
	padding:0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 15px;
	float:left;
	width:500px;
}

.commentcount a{
	text-decoration:none;
	color:#999;
	
}

.commentcount img{
	float:left;
	margin-right:5px;
}

.navigationtitle{
	float:left;
	color:#FFF;
	font-size:10px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
    width:230px;
	margin-bottom:10px;

	
}

#menu{
	width:980px;
	float:left;	
	margin:0px;
}

#menu ul{
	margin:0px;
	padding:0px;
	display:inline;
	float:left;
}

#menu li{
	display:inline;
	background-image:url(http://www.harrisonwheeler.com/yoderville/wp-content/uploads/2009/07/bgstripe.png);
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0 5px 0 5px;
	padding:5px 7px 5px 7px;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
}

#menu li:first-child{
	margin-left:0px;
}

#menu li:hover {
	background-color:#F36;
	background-image:none;
}

#menu li a{
	text-decoration:none;
	color:#FFF;
}

#footer{
	clear:both;
	width:790px;
}

.feeds{
	width:230px;
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
}

.feeds ul{
	margin:0px;
	padding:0px;
}

.feeds li{
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom:10px;
}


.feeds h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform: uppercase;
	padding:0px;
	color: #CCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#homemenu{
	float:left;
	width: 520px;
}

.tweetlist{
	width:230px;
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	
}

.tweetlist ul{
	margin:0px;
	padding:0px;
	background-color:#202020;
	padding:10px;
}

.tweetlist li{
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}

.tweetlist li a{
	color:#F36;
}

.bloglist{
	float:left;
	text-decoration:none;

}

.bloglist ul{
  margin:0px;
  padding:0px;
  padding:0px;
  float:left;
	
}

.bloglist li{
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	list-style:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#F36;
	background-image:url(http://www.harrisonwheeler.com/yoderville/wp-content/uploads/2009/07/bgstripe.png);
	float:left;
	width:310px;
	height:30px;
	overflow:hidden;
	text-decoration:none;


}

.bloglist li:hover{
	background-color:#F36;
	color:#CCC;
	background-image:none;
}

.blogdate{
	float:left;
	padding-left:10px;
	padding-right:10px;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}

.blogdate a{
	text-decoration:none;
	
}




.blogtitle{
	float:left;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	width:155px;
	height:24px;
	line-height:30px;
	overflow:hidden;
	text-decoration:none;


}

.blogtitle a{
	color:#CCC;
	text-decoration:none;
}

.blogtitle a:hover{
	color:#333;

}



.movielist{
	padding-top:10px;
}

.movielist ul{
	margin:0px;
	padding:0px;
	margin-top:0px;
	
}

.movielist li{
	margin:0px;
	padding:0px;
	width: 490px;
	padding:10px;
	margin-bottom:10px;
	list-style:none;
	float:left;
	background-image:url(http://www.harrisonwheeler.com/yoderville/wp-content/uploads/2009/07/bgstripe.png);

}

.movielist li:hover{
	background-color:#CCC;

}

.moviepreview{
	float:left;
	width:215px;
	height:130px;
	background-color:#000;
}

.movieinfo{
	float:left;
	width:240px;
	margin-left:10px;
	
}

.movieinfo h3{
	float:left;
	font-size:12px;
	color:#CCC;
	margin:0px;
	padding:0px;
	width:120px;
}

.movieinfo h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	float:left;
	margin-bottom:10px;
	margin:0px;
	padding:5px;
	color:#FFF;
	font-weight:bold;
	background-color:#202020;	
}

.movieinfo h1 a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	float:left;
	margin:0px;
	color:#FFF;
	font-weight:bold;
}

.movieinfo h1 a:hover{
	color:#F36;
}

.movieinfo p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin:0px;
	padding-top:3px;
	color:#666;
	width:250px;
	
}

.movieinfo a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#F36;
	float:left;
	margin-top:10px;
	text-decoration:none;
}

.dateholder{
	float:left;
	padding-right:10px;
	font-size:24px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#F36;
}
.otherinfo{
	width:230px;
	float:left;
}

.otherinfo p{
	width:230px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-transform:uppercase;
	line-height:15px;
}

.otherinfo ul{
	margin:0px;
	padding:0px;
}

.otherinfo li{
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
	margin-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.otherinfo li a{
	text-decoration:none;
	color:#F36;
	
}

.otherinfo li a:hover{
	text-decoration:underline;
	
}

.list{
	margin-top:10px;
	float:left;
	
}

.list ul{
	margin:0px;
	padding:0px;
	margin-top:0px;
	
}

.list li{
	margin:0px;
	padding:0px;
	width: 490px;
	padding:10px;
	margin-bottom:10px;
	list-style:none;
	float:left;
	background-image:url(http://www.harrisonwheeler.com/yoderville/wp-content/uploads/2009/07/bgstripe.png);

}

.list li:hover{
	background-color:#CCC;

}

.listpreview{
	float:left;
	width:215px;
	height:120px;
	background-color:#000;
}

.listinfo{
	float:left;
	width:410px;
	margin-left:10px;
	
}

.listinfo h3{
	float:left;
	font-size:12px;
	color:#CCC;
	margin:0px;
	padding:0px;
	width:120px;
}

.listinfo h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	float:left;
	margin-bottom:10px;
	margin:0px;
	padding:5px;
	color:#FFF;
	font-weight:bold;
	background-color:#202020;	
}

.listinfo h1 a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	float:left;
	margin:0px;
	color:#FFF;
	font-weight:bold;
}

.listinfo h1 a:hover{
	color:#F36;
}

.listinfo p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin:0px;
	padding-top:3px;
	color:#666;
	width:250px;
	
}

.listinfo a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#F36;
	float:left;
	margin-top:10px;
	text-decoration:none;
}

.leaderboard{
	width:728px;
	height:90px;
	border:5px #666 solid;
	float:right;
	margin-top:5px;
}

.story_ad{
	width:300px;
	height:250px;
	border:5px #666 solid;
	float:left;
	margin-bottom:10px;
}

.clear{
	clear:both;	
}

.logo_holder{
	float:left;
	width:210px;
	
}