/*  
Theme Name: Sunburn
Theme URI: http://fightingfriends.com/sunburn/
Description: Dark and Sunny Wordpress theme. AJAX commenting.
Version: 1.1
Author: Jim Whimpey
Author URI: http://jimwhimpey.com/
*/

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPINGS, ANCHORS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	* {
		margin: 0;
		padding: 0;
	}

	img {
		display: block;
	}

	body {
		position: relative;
		left: 0px;
		margin: 0;
		padding: 0;
		text-align: center; /* IE */
		font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		background: #000;
		}
	
		#bg_maker {	
			background: #000000 
		}
	
			#wrapper {
				margin: 0 auto;
				margin-top: 7px;
				padding: 0 auto;
				width: 1004px;
				text-align: left; /* IE */
				background: #000000 url("./images/MZ_bg_line.png") repeat-y;
				background-position: -15px 6px;
				}
			
				a { color: #de7C00; text-decoration: none; }
					a:hover, .post div.comment_link a:hover, .post h2 a:hover, .post .entry a:hover, .post .entrytext a:hover { color: #cc3300; text-decoration: none; }
				
				
				
				
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
	#header_sun {
		width: 1000px;
		height: 273px;
		background: url("./images/MZ_logo.jpg") no-repeat;
		background-position: -15px -6px;
		}

		#header_top_bar {
			position: relative;
			clear: both;
			width: 1000px;
			height: 42px;
			margin-top: 1px;
			background: url("./images/MZ_top_bar.jpg") no-repeat;
			background-position: -15px 0px;
		}

			#top_bar_search {
				position: absolute;
				margin-left: 750px;
				padding-top: 8px;
			}

			#top_bar_text {
				position: absolute;
				margin-left: 50px;
				padding-top: 8px;
			}

		

		#header_text { 
			width: 705px;
			margin: 0 auto;
			text-align: left;
			padding: 0 15px 0 30px;
			}

			h1 {
				height: 65px;
				font-size: 2.2em;
				font-weight: normal;
				text-transform: uppercase;
				margin: 0;
				padding: 0;
				}
			
					h1 a { color: #cc3300; }
					
						h1 a:hover { color: #fff; }
			
				span.description {
					font-size: 0.4em;
					font-weight: normal;
					text-transform: none;
					}

	#left_bar {
		position: relative;
		float: left;
		left: 0px;
		width: 194;
		margin: 15px;
		margin-left: 0px;
		margin-right: 8px;
	}

		#links_menu {
			background: url("./images/MZ_links_bg.png") repeat-y; 
			margin-left: 16px;
			margin-bottom: 0px;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 20px;
		}

		#links_menu_image {
			margin-left: 16px;
			margin-bottom: 0px;
		}

		#player_menu {
			background: url("./images/MZ_player_bg.png") repeat-y; 
			margin-bottom: 0px;
			margin-left: 16px;
			padding: 15px;
		}

		#player_menu_image {
			margin-top: 20px;
			margin-left: 16px;
			margin-bottom: 0px;
		}

		#player_menu_bottom {
			margin-left: 16px;
			margin-bottom: 0px;
		}

	#main_bar {
		position: relative;
		left: 0px;
		float: left;
		margin-top: 15px;
		width: 607px;
	}
		#main_top_image{
			float: left;
			margin-top: 0px;
		}

		#main_bottom_image{
			clear: both;
		}

	#right_bar {
		position: relative;
		right: 9px;
		float: right;
		width: 178px;
		margin: 15px;
		margin-left: 0px;
		margin-right: 0px;
	}

		#homies_menu {
			background: url("./images/MZ_homies_bg.png") repeat-y; 
			margin-bottom: 0px;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 20px;
		}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#content {
		width: 590px;
		float: left;
		margin: 0 0 0 0px;
		padding: 20px 0px 20px 30px;
		display: inline; /* IE */
		background: url("./images/MZ_main_bg.png") repeat-y; 
		}

		.alignleft { margin: 10px 0 0 0; float: left; }
		.alignright { margin: 10px 40px 0 0; float: right; text-align: right; display: inline; }

	#cat_desc {
		width: 550px;
	}



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		POST
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.post {
		margin: 0 0 0 0;
		width: 550px;
		overflow-x: auto;
		}
	
		.post .date {
			width: 43px;
			height: 46px;
			background: url("./images/date.gif");
			float: left;
			margin: 6px 10px 0 0;
			display: inline; /* IE */
			}
		
			.post .date_month {
				font-size: 0.6em;
				text-transform: uppercase;
				text-align: center;
				margin: 2px 0 0 0;
				}
			
			.post .date_day {
				font-size: 1.5em;
				text-align: center;
				margin: 2px 0 0 0;
				}
		
		.post div.title_box {
			float: left;
			margin: 0 0 22px 0;
			display: inline; /* IE */
			}
		
			.post h2 {
				margin: 0;
				padding: 0;
				font-weight: normal;
				font-size: 1.8em;
				width: 380px;
				float: left;
				}
			
				.post div.comment_link { 
					font-size: 0.9em; 
					clear: left;
					}
		
			.post h2 a, .post div.comment_link a { color: #ccc; }
		
			.post .entry, .post .entrytext {
				font-size: 0.8em;
				width: 450px;
				clear: both;
				color: #CCC;
				margin: 0 0 18px 0;
				}
			
				.post .entry a, .post .entrytext a { color: #666; }
				
					.post .entry blockquote, .post .entrytext blockquote  {
						border-left: 6px solid #000;
						padding-left: 8px;
						color: #555;
						font-style: italic;
						}
					
						.post blockquote, .post ul, .post ol { margin-left: 20px; padding-left: 20px; }
		
			.post .postmetadata {
				color: #ccc;
				width: 434px;
				font-size: 0.8em;
				border-top: 1px solid #000;
				border-bottom: 1px solid #000;
				padding: 8px;
				text-align: center;
				background: #1F1D1D;
				margin: 0;
				}



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SIDEBAR
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	ul .sidebar {
		width: 200px;
		float: left;
		padding: 40px 0 40px 15px;
		/*display: inline;  IE */
		color: #666;
		margin: 0px;
		}
	
		.sidebar li, .sidebar li ul, .sidebar li ul li {
			margin: 0;
			padding: 0;
			list-style: none;
			margin-top: 3px;
			}

		.sidebar li h2 {
			font-size: 0.9em;
			font-weight: normal;
			margin: 15px 0 8px 0;
			color: #ccc;
			padding: 0;
			}
		
			/*.sidebar li>h2 { margin-left: 15px; }  Non IE */
		
		
			.sidebar li ul {
				font-size: 0.8em;
				/*margin: 0 0 20px 25px;*/
				}
			
				#searchform input {
					width: 120px;
					margin: 0 0 0 25px;
					border: 1px solid #3F3F3F;
					color: #3F3F3F;
					padding: 2px;
					background: #191919;
					}
				
				

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SINGLE POSTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.widecolumn h2, .page h2 { 
		font-size: 2.3em;
		margin-bottom: 15px;
		color: #ccc;
		}

		#content h3 { 
			font-size: 1.5em;
			font-weight: normal;
			color: #EBAF00;
			margin: 20px 0 10px 0;
			}
	
		.widecolumn .post { margin-bottom: 20px; }	

	



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		COMMENTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	img.loading {
				margin-left: 200px;
				margin-top: 50px;
	}

	div.comments {
			width: 500px;
	}

	form.commentform { margin: 0 0 20px 20px; } 	

		form.commentform input, form.commentform textarea {
			border: 1px solid #000;
			padding: 3px;
			}
	
			form.commentform textarea {
				font-size: 0.8em;
				font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
				width: 500px;
				}
			
				form.commentform textarea, form.commentform #author, form.commentform #url, form.commentform #email, form.commentform #submit { background: #7F7F7F;}
					form.commentform textarea:focus, form.commentform #author:focus, form.commentform #url:focus, form.commentform #email:focus { background: #fff;}

			form.commentform textarea, form.commentform #author, form.commentform #url, form.commentform #email, form.commentform #submit { margin: 0 0 2px 0; }
		
			form.commentform #submit { width: 300px; }
		
	ol.commentlist {
		font-size: 0.8em;
		list-style: none;
		margin: 0 0 0 30px;
		padding: 0;
		width: 385px;
		}
	
		ol.commentlist li {
			border-top: 1px solid #2F2C2C;
			margin: 0;
			padding: 10px 0 0 0;
			}
		
			#content>ol.commentlist li { padding: 0; } /* FF Specific */



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		PAGE
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.page h2 { margin: 0 0 15px 0; }



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SEARCH and ARCHIVES
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.sanda h2 {
		font-size: 2.3em;
		font-weight: normal;
		margin: 0 0 15px 0;
		}


	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#bar {
		clear: both;
		width: 1000px;
		height: 10px;
		background: #000;
		padding: 0;
		}
	
		#footer_bg {
			display: block;
			clear: both;
			width: 1000px;
			height: 73px;
			height: 62px;
			}
		
			#footer {
				display: block;
				width: 1000px;
				height: 73px;
				background: url("./images/MZ_footer.jpg") no-repeat;
				background-position: -15px 0px;
				}
			
				#footer p {
					margin: 0;
					padding: 12px 0 0 0;
					font-size: 0.8em;
					text-align: center;
					color: #000;
					}
				
					#footer p a { color: #000; text-decoration: underline; }
						#footer p a:hover {text-decoration: none; }

