/*  



Theme Name: The Sonic Zone



Description: The main theme for TheSonicZone.net.



Version: 1.0



Author: Joseppi



*/





/* General */







body {

	margin: 0;

	background-color: #000099;

	background-image: url(images/bg.jpg);

	background-attachment: fixed;

}







h1, h2, h3, h4 {



	margin: 0;



}







img {



	border: 0;



}







.clear {



	clear: both;



	height: 0;



	overflow: hidden;



}











/* Page */







#page {



	margin: 0 auto;



	width: 907px;



}











/* Header */







#header {



	width: 907px;



	height: 195px;



	background: url("images/header.jpg") no-repeat;



	position: relative;



}





	/* Header - Info */



	



	#header #header-info {



		position: absolute;



		top: 105px;



		left: 30px;



	}



	



	#header #header-info h1 {



		color: #000000;



		font: bold 28px Verdana;



		padding-bottom: 5px;



	}



	



	#header #header-info h1 a {



		color: #000000;



		text-decoration: none;



	}



	



	#header #header-info .description {



		color: #000000;



		font: bold 15px Verdana;



	}



	



	/* Header - Menu */



	



	#header #header-menu {



		position: absolute;



		top: 195px;



		left: 330px;



		height: 34px;



	}



	



	#header #header-menu ul {



		margin: 0;



		padding: 0;



		list-style-type: none;



		height: 34px;



	}



	



	#header #header-menu ul li {



		float: left;



		height: 32px;



		margin-right: 11px;



		font: bold 12px/30px Verdana;



		color: #FFFFFF;



		background: url("images/header_menu.gif") repeat-x;



		border: 1px solid #000000;



		padding: 0 30px;



	}



	



	#header #header-menu ul li a {



		color: #FFFFFF;



		text-decoration: none;



	}



	



	#header #header-menu ul li a:hover {



		text-decoration: underline;



	}



	



	#header #header-menu ul li ul {



		display: none;



	}











/* Main */







#main {

	width: 907px;

	background-color: #000099;

	background-image: url(images/main.gif);

	background-repeat: repeat-y;

}







#main-top {



	width: 907px;



	background: url("images/main_top.gif") no-repeat;



}







#main-bottom {



	width: 907px;



	min-height: 50px;



	background: url("images/main_bottom.gif") no-repeat left bottom;



}

	/* Main - Content */



	



	#content {



		float: left;



		width: 495px;



		padding: 12px 16px 0 16px;



	}

	



	/* Main - Content - Post */



	



	#content .post {



		float: left;



		margin-bottom: 25px;



		width: 495px;



	}



	



		/* Post - Date */

		

		

		#content .post .post-date {

	width: 200px;

	height: 25px;

	color: #CCCCCC;

	font-family: Verdana;

	font-size: 10px;

	line-height: 25px;

	font-weight: bold;

		}



		



		/* Post - Title */



		



		#content .post .post-title {

	width: 463px;

	height: 45px;

	border: 1px solid #000000;

	color: #FFFFFF;

	font: bold 10px Verdana;

	padding: 0 15px;

	background-image: url(images/post_title.gif);

	background-repeat: repeat;

		}



		



		#content .post .post-title a {



			color: #FFFFFF;



			text-decoration: none;



		}



		



		#content .post .post-title a:hover {



			text-decoration: underline;



		}

		



		#content .post .post-title h2 {



			color: #FFFFFF;



			font: bold 15px/45px Verdana;



			float: left;



		}



		



		#content .post .post-title h2 a {



			color: #FFFFFF;



			text-decoration: none;



		}



		



		#content .post .post-title h2 a:hover {



			text-decoration: underline;



		}

		

		#content .post .post-info .post-title-info {



			float: right;



			line-height: 19px;



		}



		



		/* Post - Entry */



		



		#content .post .post-entry {

	font: normal 11px/18px Verdana;

	color: #FFFFFF;

	padding: 0 15px;

	width: 465px;

	float: left;

	background-color: #000099;

	background-image: url(images/content_bg.gif);

		}



		



		#content .post .post-entry a {



			color: #FF9900;



			text-decoration: none;



		}

		



		#content .post .post-entry a:hover {

	text-decoration: underline;

	color: #FF6600;

		}



		



		#content .post .post-entry .more-link {



			font: bold 11px/20px Verdana;



			color: #FFFFFF;



			float: right;



			padding-bottom: 5px;



		}



		



		#content .post .post-entry .more-link a {



			color: #FFFFFF;



			text-decoration: none;



		}



		



		#content .post .post-entry .more-link a:hover {



			text-decoration: underline;



		}



		



		/* Post - Info */



		



		#content .post .post-info {



			padding: 0 10px 0 0;



			width: 485px;



			clear: both;



			font: bold 10px/19px Verdana;



			color: #FFFFFF;



			background: url("images/post_info.gif") no-repeat;



			text-align: right;



		}



		#content .post .post-info {



			padding: 0 10px 0 0;



			width: 485px;



			clear: both;



			font: bold 10px/19px Verdana;



			color: #FFFFFF;



			background: url("images/category-info.gif") no-repeat;



			text-align: right;



		}

		



		#content .post .post-info a {



			color: #FFFFFF;



			text-decoration: none;



		}



		



		#content .post .post-info a:hover {



			text-decoration: underline;



		}



		



		/* Post - Comments */



		



		#content .post .post-entry h3 {



			color: #FFFFFF;



			font: bold 14px Verdana;



			margin: 25px 0 5px 0;



		}



		



		#content .post .post-entry .comments {



			font: normal 11px/18px Verdana;



			color: #FFFFFF;



			width: 465px;



		}



		



		#content .post .post-entry .comments a {



			color: #FFFFFF;



			text-decoration: none;



		}



		



		#content .post .post-entry .comments a:hover {



			text-decoration: underline;



		}



		



		#content .post .post-entry .comments ol {



			margin: 10px 0 10px 0;



			padding-left: 25px;



		}



		



		#content .post .comments ol li {



			padding: 5px;



		}



		



		#content .post .post-entry .comments ol li.alt {

	background-color: #000066;

		}



		



		#content .post .post-entry .comments ol li cite {



			color: #FFFFFF;



			font-style: normal;



			font-weight: bold;



		}



		



		#content .post .post-entry .comments ol li cite a {



			color: #FFFFFF;



			text-decoration: none;



		}



		



		#content .post .post-entry .comments ol li cite a:hover {



			text-decoration: underline;



		}



		



		#content .post .post-entry .comments ol li .commentmetadata a {



			color: #FFFFFF;



			text-decoration: none;



		}



		



		#content .post .post-entry .comments ol li .commentmetadata a:hover {



			text-decoration: underline;



		}



		



		#content .post .post-entry #commentform {



			font: normal 11px/18px Verdana;



			color: #000000;



			width: 450px;



			padding-left: 15px;



			margin: 0;



		}



		



		#content .post .post-entry #commentform a {



			color: #FFFFFF;



			text-decoration: none;



		}



		



		#content .post .post-entry #commentform a:hover {



			text-decoration: underline;



		}



	



	/* Main - Content - Navigation */



	



	#content .navigation {



		font: bold 11px/25px Verdana;



		color: #FFFFFF;



		width: 495px;



		height: 25px;



		float: left;



		margin-bottom: 25px;



	}



	



	#content .navigation a {



		color: #FFFFFF;



		text-decoration: none;



	}



	



	#content .navigation a:hover {



		text-decoration: underline;



	}



	



		#content .navigation .navigation-previous {



			float: left;



		}



		



		#content .navigation .navigation-next {



			float: right;



		}



	



	/* Main - Sidebar */



	



	.sidebar {



		float: left;



		width: 170px;



		font: normal 11px/18px Verdana;



		color: #FFFFFF;



	}



	



	.sidebar a {



		color: #FFFFFF;



		text-decoration: none;



	}



	



	.sidebar a:hover {



		text-decoration: underline;



	}



	



		/* Sidebar - Sides */



		



		.sidebar-left {



			padding: 12px 3px 15px 16px;



		}



		



		.sidebar-right {



			padding: 12px 0 15px 3px;



		}



		



		/* Sidebar - Titles */



		



		.sidebar h3 {



			padding-left: 10px;



			font: bold 14px/26px Verdana;



			color: #FFFFFF;



			width: 159px;



			height: 26px;



			background: url("images/sidebar_title.gif") repeat-x;



		}



		



		/* Sidebar - Menus */



		



		.sidebar ul {



			margin: 5px 0 8px 0;



			padding: 0;



			list-style-type: none;



		}



		



		.sidebar ul li {



			padding-left: 11px;



			color: #ffffff;



			font: bold 10px/25px Verdana;



			background: url("images/sidebar_menu.gif") repeat-x;



		}



		



		.sidebar ul li a {



			color: #ffffff;



			text-decoration: none;



		}



		



		.sidebar ul li a:hover {



			text-decoration: underline;



		}



		



			/* Sidebar - Submenus */



			



			.sidebar ul li ul {



				margin: 0;



				padding: 0;



			}



		



		/* Sidebar - Forms */



		



		.sidebar #searchform {



			margin: 0;



			padding: 5px 0 8px 0;



			width: 170px;



			text-align: center;



		}



		



		.sidebar #searchform #s {



			width: 140px;



		}



		



		/* Sidebar - Tables */



		



		.sidebar #calendar_wrap {



			margin: 0 auto;



			padding: 5px 0 8px 0;



			width: 130px;



		}



		



		.sidebar #calendar_wrap caption {



			font-weight: bold;



		}



		



		.sidebar #calendar_wrap tbody {



			text-align: right;



		}



		



		.sidebar #calendar_wrap tfoot #next {



			text-align: right;



		}



		



		.sidebar #calendar_wrap #today {



			font-weight: bold;



		}



		



		/* Sidebar - Texts */



		



		.sidebar .textwidget {



			padding: 5px 4px 8px 4px;



		}



		



		/* Sidebar - Feed */



		



		.sidebar #sidebar-feed {



			margin: 5px auto 8px auto; 



			width: 160px;



			height: 60px;



		}











/* Footer */







#footer {



	width: 907px;



	height: 25px;



	color: #ffffff;



	font: 10px/20px Verdana;



	text-align: center;



}







#footer a {



	color: #ffffff;



	text-decoration: underline;



}







#footer a:hover {



	text-decoration: underline;



}



img.alignright {float:right; margin:0 0 1em 1em}

img.alignleft {float:left; margin:0 1em 1em 0}

img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

	#content .ads {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

	#content .ads a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	}

	#content .ads a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	}
	
	#content .ads a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	}