/*

Theme Name: magazine5

Theme URI: http://test.qualitywordpress.com/?preview_theme=magazine5

Description: magazine5 is a vibrantly designed wordpress theme for general blogs.

Version: 1.0

Author: qualitywordpress

Author URI: http://qualitywordpress.com

*/







/* General */



body {

	margin: 0;

	background: url("images/bg.jpg");

}



h1, h2, h3, h4 {

	margin: 0;

}



img {

	border: 0;

}



.clear {

	clear: both;

	height: 0;

	overflow: hidden;

}





/* Page */



#page {

	margin: 0 auto;

	width: 974px;

	background: url("images/page.gif") repeat-y;

}



#page-in {

	width: 974px;

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

}





/* Header */



#header {

	width: 974px;

    position: relative;

	background: url("images/header.gif") repeat-y;

}



#header-top {

	width: 974px;

	background: url("images/header_topa.png") no-repeat;

}







	/* Header - Info */

	

	#header #header-info {

		position: absolute;

		top: 30px;

		left: 120px;

	}

	

	#header #header-info h1 {

		color: #9D1300;

		font: normal 35px "impact", impact;

	}

	

	#header #header-info h1 a {

		color: #9D1300;

		text-decoration: none;

	}

	

	#header #header-info .description {

		color: #9D1300;

		font: normal 20px "helvetica", helvetica;

	}

	

	/* Header - Menu */

	

	#header #header-menu {

		position: absolute;

		top: 434px;

		right: 60px;

		height: 44px;

	}

	

	#header #header-menu ul {

		margin: 0;

		padding: 0;

		list-style-type: none;

		height: 44px;

	}

	

	#header #header-menu ul li {

		float: right;

		width: 90px;

		height: 44px;

		margin-right: 8px;

		font: normal 12px/32px "helvetica", helvetica;

		color: #ffffff;

		text-align: center;

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

	}

	

	#header #header-menu ul li a {

		color: #ffffff;

		height: 44px;

		width: 90px;

		text-decoration: none;

		display: block;

	}

	

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

		color: #ffffff;

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

	}

	

		/* Header - Menu - Active */

		

		#header #header-menu ul li.current_page_item a {

			color: #ffffff;

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

		}

		

		/* Header - Menu - Submenu */

		

		#header #header-menu ul li ul {

			display: none;

		}



	/* Header - Feed */

	

	#header #header-feed {

		position: absolute;

		top: 333px;

		left: 440px;

		width: 195px;

		height: 102px;

	}	





	/* Header - Foo */

	

	#header #header-foo {

		position: absolute;

		top: 260px;

		left: 50px;

		width: 200px;

		height: 102px;

		font: normal 11px "helvetica", helvetica;

		color: #ffffff;

	}



	#header #header-foo4 a {

		color: #ffffff;

		text-decoration: underline;

	}



	/* Header - Foo2 */

	

	#header #header-foo2 {

		position: absolute;

		top: 260px;

		left: 278px;

		width: 200px;

		height: 102px;

		font: normal 11px "helvetica", helvetica;

		color: #ffffff;

	}



	#header #header-foo4 a {

		color: #ffffff;

		text-decoration: underline;

	}





	/* Header - Foo3 */

	

	#header #header-foo3 {

		position: absolute;

		top: 287px;

		left: 508px;

		width: 430px;

		height: 102px;

		font: normal 12px "helvetica", helvetica;

		color: #554041;

	}



	#header #header-foo4 a {

		color: #554041;

		text-decoration: underline;

	}





	/* Header - Foo4 */

	

	#header #header-foo4 {

		position: absolute;

		top: 260px;

		left: 735px;

		width: 200px;

		height: 102px;

		font: normal 12px "helvetica", helvetica;

		color: #ffffff;

	}



	#header #header-foo4 a {

		color: #ffffff;

		text-decoration: underline;

	}	



	/* Header - Feed2 */

	

	#header #header-feed2 {

		position: absolute;

		top: 180px;

		left: 10px;

		width: 100px;

		height: 30px;

	}

	





	/* Header - Text */

	

	#header #header-text {

		position: absolute;

		top: 315px;

		left: 40px;

		width: 325px;

		font: normal 12px "helvetica", helvetica;

		color: #000000;

	}

	

	#header #header-text a {

		color: #000000;

		text-decoration: underline;

	}

	

	/* Header - Slide */

	

	#header #header-slide {

		position: absolute;

		top: 208px;

		left: 547px;

		width: 10px;

		height: 15px;

	}

	

	





	/* Header - Cat */

	

	#cat {

		width: 285px;

		padding: 0 427px 0 262px;

		font: normal 12px "helvetica", helvetica;

		color: #000000;

	}

	

	#header-clear {

		width: 974px;

		height: 223px;

	}

	

	/* Header - Recent Articles */

	

	#header #header-recent {

		position: absolute;

		top: 80px;

		left: 20px;

		width: 300px;

		height: 120px;

	}

	

	#header #header-recent h3 {

		width: 285px;

		height: 22px;

		color: #000000;

		font: normal 13px/22px "helvetica", helvetica;

	}

	

	#header #header-recent ul {

		margin: 0;

		padding: 5px 0 0 30px;

		list-style-type: none;

	}

	

	#header #header-recent ul li {

		padding-left: 8px;

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

		color: #AAAAAA;

		font: normal 12px/29px "helvetica", helvetica;

	}

	

	#header #header-recent ul li a {

		color: #AAAAAA;

		text-decoration: none;

	}

	

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

		text-decoration: underline;

	}





/* Main */



#main {

	width: 974px;

	padding-top: 35px;

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

}



	/* Main - Sidebar */

	

	#sidebar {

		float: left;

		width: 252px;

		padding: 0 31px 0 22px;

		font: normal 12px/18px "helvetica", helvetica;

		color: #6D0000;

	}

	

	#sidebar a {

		color: #6D0000;

		text-decoration: none;

	}

	

	#sidebar a:hover {

		text-decoration: underline;

	}

	

	/* Main - Sidebar - Boxes */

	

	#sidebar .sidebar-box {

		width: 252px;

		background: url("images/sidebar_box.gif") repeat-y;

		margin-bottom: 15px;

	}

	

	#sidebar .sidebar-box-top {

		width: 252px;

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

	}

	

	#sidebar .sidebar-box-bottom {

		width: 252px;

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

	}

	

	#sidebar .sidebar-box-blank {

		width: 252px;

		margin-bottom: 15px;

	}

	

		/* Sidebar - Titles */

		

		#sidebar h3 {

			width: 237px;

			height: 36px;

			padding-left: 15px;

			font: bold 12px/34px "helvetica", helvetica;

			color: #ffffff;

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

		}

		

		/* Sidebar - Search */

		

		#sidebar #sidebar-search {

			width: 252px;

			height: 27px;

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

		}

		

		#sidebar #sidebar-search #search-form {

			margin: 0;

			padding: 0;

			width: 252px;

			height: 27px;

		}

		

		#sidebar #sidebar-search #sb {

			width: 149px;

			height: 17px;

			border: 0;

			padding: 5px;

			font: bold 13px "helvetica", helvetica;

			color: #554041;

			background: transparent;

			float: left;

		}

		

		#sidebar #sidebar-search #searchsubmitb {

			background: transparent;

			border: none;

			width: 83px;

			height: 27px;

			padding: 0;

			float: right;

		}

		

		/* Sidebar - Menus */

		

		#sidebar ul {

			margin: 0;

			padding: 5px 0 15px 0;

			list-style-type: none;

		}

		

		#sidebar ul li {

			color: #554041;

			font: normal 12px/29px "helvetica", helvetica;

		}

		

		#sidebar ul li a {

			color: #554041;

			padding-left: 48px;

			text-decoration: none;

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

			display: block;

			width: 204px;

			height: 29px;

		}

		

		#sidebar ul li a:hover {

			text-decoration: none;

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

		}

		

			/* Sidebar - Menus - Submenus */

			

			#sidebar ul li ul {

				padding: 0;

			}

		

		/* Sidebar - Forms */

		

		#sidebar #searchform {

			margin: 0;

			padding: 20px 0;

			width: 252px;

			text-align: center;

		}

		

		#sidebar #searchform #s {

			width: 212px;

		}

		

		/* Sidebar - Tables */

		

		#sidebar #calendar_wrap {

			margin: 0 auto;

			width: 145px;

			padding: 5px 0;

		}

		

		#sidebar #calendar_wrap table {

			width: 145px;

		}

		

		#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: 3px 7px 5px 7px;

		}	

	

	/* Main - Content */

	

	#content {

		float: left;

		width: 657px;

		padding-top: 20px;

	}

	

	/* Main - Content - Post */

	

	#content .post {

		float: left;

		margin-bottom: 20px;

		width: 617px;

		background: url("images/post.gif") repeat-y;

	}

	

	#content .post-top {

		width: 617px;

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

	}

	

	#content .post-bottom {

		width: 617px;

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

	}

	

		/* Post - Title */

		

		#content .post .post-title {

			width: 426px;

			height: 65px;

			padding: 20px 10px 0 28px;

			color: #cccccc;

			font: normal 10px "helvetica", helvetica;

			position: relative;

		}

		

		#content .post .post-title a {

			color: #cccccc;

			text-decoration: none;

		}

		

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

			text-decoration: underline;

		}

		

		#content .post .post-title h2 {

			color: #f1c800;

			font: bold 16px "helvetica", helvetica;

			padding-bottom: 3px;

		}

		

		#content .post .post-title h2 a {

			color: #f1c800;

			text-decoration: none;

		}

		

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

			text-decoration: underline;

		}

		

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

			padding: 0 3px;

			width: 520px;

			height: 19px;

			line-height: 19px;

		}

		

		/* Post - Entry */

		

		#content .post .post-entry {

			font: normal 12px/16px "helvetica", helvetica;

			color: #101010;

			width: 537px;

			padding: 0 40px;

		}

		

		#content .post .post-entry a {

			color: #101010;

			text-decoration: none;

		}

		

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

			text-decoration: underline;

		}

		

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

			font-weight: bold;

		}

		

		#content .post .post-entry blockquote {

			border-left: 10px solid #ededed;

			margin: 0px 30px;

			padding-left: 15px;

		}

		

		/* Post - Info */

		

		#content .post .post-info {

			width: 526px;

			height: 19px;

			padding: 5px 10px 10px 441px;

			font: bold 10px "helvetica", helvetica;

			color: #000000;

		}

		

			#content .post .post-info-in {

				line-height: 19px;

				width: 520px;

				padding: 0 3px;

				height: 19px;

				text-align: left;

			}

		

		#content .post .post-info a {

			color: #000000;

			text-decoration: none;

		}

		

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

			text-decoration: underline;

		}

		

		/* Post - Subtitle */

		

		#content .post h3 {

			margin: 20px 0 5px 0;

			color: #000000;

			font: bold 15px "helvetica", helvetica;

		}

		

		/* Post - Comments */

		

		#content .post .comments {

			font: normal 12px/18px "helvetica", helvetica;

			color: #000000;

			width: 537px;

		}

		

		#content .post .comments ol {

			margin: 10px 0;

			padding-left: 25px;

		}

		

		#content .post .comments ol li {

			padding: 5px;

		}

		

		#content .post .comments ol li a {

			color: #000000;

			text-decoration: none;

		}

		

		#content .post .comments ol li a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li.alt {

			background: #ededed;

		}

		

		#content .post .comments ol li cite {

			color: #000000;

			font-style: normal;

			font-weight: bold;

		}

		

		#content .post .comments ol li cite a {

			color: #000000;

			text-decoration: none;

		}

		

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

			text-decoration: underline;

		}

		

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

			color: #000000;

			text-decoration: none;

		}

		

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

			text-decoration: underline;

		}

		

		/* Post - Comment Form */

		

		#content .post #commentform {

			font: normal 12px/18px "helvetica", helvetica;

			color: #000000;

			width: 537px;

			padding-left: 25px;

			margin: 0;

		}

		

		#content .post #commentform a {

			color: #000000;

			text-decoration: none;

		}

		

		#content .post #commentform a:hover {

			text-decoration: underline;

		}

	

	/* Main - Content - Navigation */

	

	#content .navigation {

		float: left;

		margin-bottom: 20px;

		font: bold 12px "helvetica", helvetica;

		color: #000000;

		width: 605px;

		padding: 0 6px;

	}

	

	#content .navigation a {

		color: #000000;

		text-decoration: none;

	}

	

	#content .navigation a:hover {

		text-decoration: underline;

	}

	

		#content .navigation .navigation-previous {

			float: left;

		}

		

		#content .navigation .navigation-next {

			float: right;

		}





/* Footer */



#footer {

	width: 974px;

	height: 60px;

	color: #000000;

	font: normal 10px/12px "helvetica", helvetica;

/*	text-align: center; */

}



#footer a {

	color: #000000;

	text-decoration: underline;

}



#footer a:hover {

	text-decoration: underline;

}



/* Slider */



#gallery {

	position:relative;

	height:137px

}

	#gallery a {

		float:left;

		position:absolute;

	}

	

	#gallery a img {

		border:none;

	}

	

	#gallery a.show {

		z-index:500

	}



	#gallery .caption {

		z-index:600; 

		background-color:#000; 

		color:#ffffff; 

		height:40px; 

		width:100%; 

		position:absolute;

		bottom:0;

	}



	#gallery .caption .content {

		margin:3px

	}

	

	#gallery .caption .content h3 {

		margin:0;

		padding:0;

		color:#f1c800;

	}

	

/* Slider2 */

	

	#gallery2 {

	position:relative;

	height:137px

}

	#gallery2 a {

		float:left;

		position:absolute;

	}

	

	#gallery2 a img {

		border:none;

	}

	

	#gallery2 a.show2 {

		z-index:500

	}



	#gallery2 .caption2 {

		z-index:600; 

		background-color:#000; 

		color:#ffffff; 

		height:40px; 

		width:100%; 

		position:absolute;

		bottom:0;

	}



	#gallery2 .caption2 .content2 {

		margin:3px

	}

	

	#gallery2 .caption2 .content2 h3 {

		margin:0;

		padding:0;

		color:#f1c800;

	}









