/*  
Theme Name: SPC_Front_page
Theme URI: http://www.stoppopculture.com
Description: SPC Front Design
Version: 1.5
Author: Leo Fisher - First Created: 3/16/09 Last Updated: 04/21/09
Author URI: http://www.leofisher.com/
*/
*{margin: 0; padding: 0; border: none;}

body{font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	background-color: #373737;
	vertical-align: top;
	color: #FFFFFF;}

a:link, a:visited{text-decoration: underline; color: #009900;}
a:active{color: #FFFFFF;}
a:hover{text-decoration: none; color: #ff0000;}
p{padding: 10px 0 0 0;}

#wrapper{margin: 0 auto;
	background: url(images/home_repeater.jpg) repeat-y;
	height: 100%;
	width: 902px;
	text-align: left;}
	
#repeater_bottom{background: url(images/home_bottom.jpg) no-repeat; width: 902px; height: 35px; margin: 0 auto;}
	#sitemap_list{padding-left: 45px;}
/*HEADER SECTION*/
#header{background: url(images/home_banner.jpg) no-repeat;
	margin: 0 auto;
	width: 902px;
	height: 87px;}
#header2{background: url(images/home_banner2.jpg) no-repeat;
	margin: 0 auto;
	width: 902px;
	height: 101px;}
	
	#header form{margin-top: 10px;}

	h1{font-family: Georgia, Sans-serif;
	font-size: 24px;
	padding: 0 0 10px 0;}
	
	#social_buttons{padding-left: 750px; padding-top: 10px;}

/*CONTENT SECTION*/
#container{float: left;
	padding-left: 35px;
	width: 500px;}

.post_top{background: url(images/default/default_top.gif) no-repeat; height: 45px; width: 592px;}

	.post{padding: 10px 0 0px 0px;}
	
		.post h2{font-family: Georgia, Sans-serif; font-size: 18px;}
		.post h2 span{display: block; padding-left: 25px; padding-top: 25px;}
		.page_top{display: block;padding-left: 25px; padding-top: 10px;}
		.post h2 span post_h2_page{display: block;padding-left: 15px; padding-top: 25px; padding-bottom: 5px;}
	
	.author{padding-left: 15px; padding-bottom: 3px; background: url(images/default/default_repeater.gif) repeat-y bottom left; width: 592px; height: 100%; padding-top: 25px;}
	.entry{line-height: 18px; background: url(images/default/default_repeater.gif) repeat-y bottom left; width: 592px; height: 100%;}
	.entry2{line-height: 18px; background: url(images/default/default_repeater.gif) repeat-y bottom left; width: 592px; height: 100%; padding-top: 15px;}
	.entry2 p{padding-left: 10px; max-width: 575px;}
		.entry2 ol{padding-left: 45px; padding-top: 5px;}
	.entry p{padding-left: 10px; max-width: 575px;}
	p.postmetadata{border-top: 1px solid #ccc; margin: 10px 10px 0 10px;}
	
	#post_bottom_image{
  	width: 592px;
  	height: 13px;
  	background: url(images/default/default_bottom.gif);
	}
	.navigation{padding: 10px 0 0 0;
		font-size: 14px;
		width: 100%;
		font-weight: bold;
		line-height: 18px;	}

.sociable{padding-left: 10px;}

/*SIDEBAR SECTION*/
#sidebar{float: left;
	width: 229px;
	margin: 0 0 0 105px;}

	.buttons{background: url(images/button_background.gif) no-repeat; width:160px; height:110px; margin: 0 auto; padding-bottom: 5px; padding-top: 5px;text-align: center;}
		.buttons img{padding: 5px;}
		
	#sidebar h2{text-align: center; padding-top: 10px; background: url(images/default/default_side_top.gif) no-repeat; width: 229px; height: 54px; font-size: 22px;}
	.side_top{background: url(images/default/default_side_top_content.gif) no-repeat; width: 229px; height: 5px;}
	.side_repeater{background: url(images/default/default_side_repeater.gif) repeat-y; width: 229px; height: 100%;}
		.side_repeater p{max-width: 215px; padding-left: 5px;}
	.side_bottom{background: url(images/default/default_side_bottom.gif) no-repeat; width: 229px; height: 5px; padding-bottom: 10px;}
	
	#sidebar li a{
			display: block;
			background: #1F1F1F; 
			border: thin solid #688571; 
			padding: 3px;
			text-decoration: none;
			font-size: .9em; 
			}
	
	#sidebar li a:hover{ 
			display: block; 
			background: #3D3D3D; 
			border: thin solid #070804; 
			padding: 3px; 
			text-deocration: none;
			font-size: .9em;
			}

	#sidebar ul{list-style-type: none;
		margin: 0;
		padding: 0 10px 0 10px;}
	
	#sidebar ul li{padding: 5px 0 5px 4px; margin-bottom: 1px;}
	
	#sidebar ul li h2{font-family: Georgia, Sans-serif;
		font-size: 14px;}
	
	#sidebar ul ul li{padding: 0; line-height: 24px;}
	
	table#wp-calendar{width: 90%; margin-left: 18px;}
	table#wp-calendar caption{font-weight: bold;}
	
	#sidebar input{border: thin solid #0033FF;
		margin: 0 0 5px 0;}
		
/*Error Page*/
#error_content{padding-left: 20px;}
#error_list li{list-style-type: none; padding-bottom: 10px;}
#error_search input{border: medium solid; margin-bottom: 5px;}
#error_search{padding-bottom: 10px;}

/*FOOTER SECTION*/
#footer{clear: both;
	margin: 0 auto;
	height: 131px;
	background: url(images/home_footer.jpg) no-repeat;
	width: 902px;}

	#footer p a{font-size: 16px;} #footer p a:hover{}

	#footer p{padding-top: 30px;
		font-size: 12px;
		text-align: center;
		line-height: 18px;}

/*Comments Styling*/
/*Individual Styling Per Theme*/
.commentlist{width: 500px;}
.comment-author{background: #333333; color: #fff;} /*Colors Header of comment*/
li.bypostauthor{background: #999999; color: #000;}
.comment-author-admin{background: #666666; color: #fff;}
.comment{list-style-type: none; padding: 10px; border: thin solid #009900; margin-bottom: 5px;}
.odd{background: #2E2E2E;}
.even{background: #000000;}
.cancel-comment-reply{padding-bottom: 5px;}
.reply{padding-top: 5px; font-size: .8em;}
.comment-meta{padding: 5px 0px 5px 0px;}

.pingback{list-style-type: none; padding: 10px; border: thin solid #009900; margin-bottom: 5px;}
.trackback{list-style-type: none; padding: 10px; border: thin solid #009900; margin-bottom: 5px;}
#respond{background: #000; border: thin solid #009900; padding: 5px;}
/*END*/

.comments-template{margin: 10px 0 0 10px;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;}
.comments-template ol{margin: 0;
	padding: 0 0 15px;
	list-style: none;}
.comments-template ol li{margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;}
.comments-template h2, .comments-template h3{font-family: Georgia, Sans-serif;
	font-size: 16px;}
.commentmetadata{font-size: 12px;}
.comments-template p.nocomments{padding: 0;}
.comments-template input{border: thin solid;}
.comments-template textarea{font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	border: thin solid;}
	
/*FRONT PAGE STYLING*/
#container_home{float: left;
	padding-left: 90px;
	width: 800px;}

.front_p{width: 490px; float: left; padding-right: 0px; padding-left: 8px; line-height: 18px;}
	.front_p p{margin-left: 5px; max-width: 480px;}

.front_side{width: 200px; float: left;}
	.front_side p{width: 190px;  height: 100%; padding-left: 5px; padding-bottom: 5px; font-size: 14px; }
		.stop_home_side{border: #ff0000 medium solid;}
			.stop_home_side a{ color: #990000; text-decoration: underline;}
			.stop_home_side a:hover{ color: #FF4646;}	
		.pop_home_side{border: #288c00 medium solid;}
			.pop_home_side a{ color: #339900; text-decoration: underline;}
			.pop_home_side a:hover{ color: #006633;}
		.culture_home_side{border: #ff9000 medium solid;}
			.culture_home_side a{ color: #ff9000; text-decoration: underline;}
			.culture_home_side a:hover{ color: #FF6600;}
	.front_side ul{list-style-type: none; padding-left: 5px; line-height: 20px;}
.home_h3{text-align: center;}

.read_more_stop{text-align: right;}
	.read_more_stop a{color: #990000; font-weight: bold;}
	.read_more_stop a:hover{color: #ff4646; font-weight: bold;}
.read_more_pop{text-align: right; }
	.read_more_pop a{color: #000; font-weight: bold;}
	.read_more_pop a:hover{color: #000; font-weight: bold;}
.read_more_culture{text-align: right;}
	.read_more_culture a{color: #fff; font-weight: bold;}
	.read_more_culture a:hover{color: #fff; font-weight: bold;}

.meta_culture a{color: #ff9000;}
.meta_culture a:hover{color: #ff6600;}

.meta_pop a{color: #339900;}
.meta_pop a:hover{color: #006633;}

.meta_stop a{color: #990000;}
.meta_stop a:hover{color: #ff4646;}

/*h2 Headers*/
.stop_h2{background: url(images/front/stop_h2.jpg) no-repeat; height: 52px; width: 471px; padding-left: 0px; color: white;}
	.stop_h2 a{color: #fff;}
	.stop_h2 a:hover{color: #990000;}
.pop_h2{background: url(images/front/pop_h2.jpg) no-repeat; height: 47px; width: 470px; }
	.pop_h2 span{margin-top: -10px; margin-left: -10px;}
	.pop_h2 a{color: black;}
	.pop_h2 a:hover{color: #006600;}
.culture_h2{background: url(images/front/culture_h2.jpg) no-repeat; height: 64px; width: 471px; padding-left: 5px; color: white; padding-top: 10px;}
	.culture_h2 a{color: white;}
	.culture_h2 a:hover{color: #ff6600;}

/*Content Boxes*/	
#stop_img{background: url(images/front/stop_home_top.gif) no-repeat; width:709px; height:66px;}
#stop_home_repeater{background: url(images/front/stop_home_repeater.gif) repeat-y; height:100%; width: 709px; color: #990000;}
#stop_home_bottom{background: url(images/front/stop_home_bottom.gif) no-repeat; height:13px; width: 709px; padding-bottom: 10px; clear: both;}

#pop_img{background: url(images/front/pop_home_top.gif) no-repeat; width:709px; height:64px;}
#pop_home_repeater{background: url(images/front/pop_home_repeater.gif) repeat-y; height:100%; width: 709px; color: #003300;}
#pop_home_bottom{background: url(images/front/pop_home_bottom.gif) no-repeat; height:14px; width: 709px; padding-bottom: 10px;}

#culture_img{background: url(images/front/culture_home_top.gif) no-repeat; width:709px; height:50px;}
#culture_home_repeater{background: url(images/front/culture_home_repeater.gif) repeat-y; height:100%; width: 709px; color: #FF6600;}
#culture_home_bottom{background: url(images/front/culture_home_bottom.gif) no-repeat; height:14px; width: 709px; padding-bottom: 10px;}

/*Menu*/
.underlinemenu{font-weight: bold;
	padding-top: 0px;
	padding-left: 250px;
	font-size: 16px;
	width: 75%;}
.underlinemenu ul{	padding: 6px 0 4px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/}
.underlinemenu ul li{display: inline;}
.underlinemenu ul li a{color: #FFFFFF;
	padding: 6px 15px 4px 15px; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 1px; /*spacing between each menu link*/
	text-decoration: none;
	background: #000;
	/*border-bottom: 3px solid black; bottom border is 3px*/}
.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{border-top-color: #333333;
	border-right-color: #333333;
	border-left-color: #333333;
	color:#666666;}
