/*
Theme Name: Spica Theme
Author: WPCorner.com
Author URI: http://www.wpcorner.com/
*/

* {
	margin: 0; padding: 0;
}
body {
	text-align: center;
	font: 12px Verdana;
	color: #4C4C4C;
	background: url('images/cross-pattern.png') repeat #FFFFFF;
}

a {
	color: #D11D36;
}

a:hover {
	text-decoration: none;
	color: #ff0000;
}

img {
	border: 0;
}



.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}

.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}

.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}

.aligncenter {
	text-align: center;
}

.hidden {
	display: none;
}



.search_form {
		background: #d11d36;
		border: 1px solid #ffffff;
		color: #ffffff;
		width: 230px;
		height: 35px;
		padding-left: 5px;
		font-size: 14px;
	      }



/** BEGIN wrapper **/

#wrapper, .wrapper {
	width: 1024px;
	margin: auto auto;
	text-align: left;		

}

/** END wrapper **/



/** BEGIN header **/

#header {
        margin-bottom: 0px;
	background: #363636;
	height: 100px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px #ffffff;
	-moz-box-shadow: 0px 0px 5px #ffffff;
	box-shadow: 0px 0px 5px #ffffff;
}

	#header h1 {
		float: left;
		padding-left:0px;
	}

		#header h1 a {
			display: block;
			text-indent: -9999px;
			outline: none;
			width: 390px; height: 56px;
			background: url(images/mp4-nation-blog-logo.png) no-repeat 0 0;

		}

	#header .ad468x60 {
		float: right;
		padding-top: 25px;
	}

	#header .pages {
		list-style-type: none;
		clear: both;
		height: 35px;
		margin-bottom: 6px;
		color: #FFFFFF;
	}

		#header .pages li {
			float: left;
			text-transform: uppercase;
			font-size: 0.9em;
			font-weight: bold;
			margin-right: 20px;	
		}

		#header .pages li a {
			display: block;
			color: #FFFFFF;
			text-decoration: none;
			padding: 11px;
		}

		#header .pages li a:hover {
			background-color: #D11D36;
			color: #ffffff;
		}

		#header .categories {
		list-style-type: none;				
		clear: both;
		height: 45px;
		background-color: #CC0000;
		}

		#header .categories li {
			float: left;
			font-size: 0.9em;
			padding-right: 2px;
			/* background: url(images/divider.gif) no-repeat right 18px; */
		}

		#header .categories li a {
			color: #FFFFFF;
			text-decoration: none;
			display: block;
			padding: 16px 24px;
		}

		#header .categories li a:hover {
			color: #FFFFF;
			/* background: url(images/active.gif) no-repeat top center; */
		}

/** END header **/



/** BEGIN body **/

#body {
	clear: both;

	z-index: 100;

	position: relative;

}

	#body .a {

		/* background: url(images/body.gif) no-repeat 0 bottom; */

	}

	.title {

		height: 15px;

		background: url(images/header1.gif) no-repeat 0 2px;

		padding-left: 15px;

		margin: 10px 0 15px -4px;

	}

		.title .b {

			background: url(images/header2.gif) repeat-x 0 2px;

			height: 12px;

		}



	.header-title {

		height: 15px;

		background: url(images/header1.gif) no-repeat 0 2px;

		padding-left: 15px;

		margin: 0 0 0px -4px;

	}

		.header-title .b {

			background: url(images/header2.gif) repeat-x 0 2px;

			height: 12px;

		}

		.title h2 {

			font-size: 1.1em;

			text-transform: uppercase;

			/* color: #D11D36; */

			color: #ffffff;

			float: left;

			/* background-color: #ffffff; */

			background-color: #373737;

			padding-right: 6px;

			font-family: Tahoma;

		}

/** END body **/



/** BEGIN content **/

#content {

	width: 591px;

        height: 100%;

	margin-top: 10px;

	float: left;

	padding-bottom: 20px;

	background: #ffffff;

	-webkit-box-shadow: 0px 0px 5px #363636;

	-moz-box-shadow: 0px 0px 5px #363636;

	box-shadow: 0px 0px 5px #363636;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

	#content .featured {

		padding: 0 12px;

		margin-bottom: 10px;

	}

		#content .featured .item {

			width: 400px; height: 250px;

			overflow: hidden;

			position: relative;

		}

		#content .featured .thumb {

			width: 400px; height: 250px;

			overflow: hidden;

		}

			#content .featured .thumb img {

				width: 400px;

			}

		#content .featured .text {

			position: absolute;

			left: 0; bottom: 0;

			background: url(images/shade.png) repeat 0 0;

			color: #ffffff;

			padding: 10px;

		}

			#content .featured .text h2 {

				font-size: 1.8em;

				margin-bottom: 10px;

			}

			#content .featured .text h2 a {

				text-decoration: none;

				color: #ffffff;

			}

			#content .featured .text p {

				line-height: 1.5em;

				font-size: 0.9em;

			}

	#content .post {

		padding: 10px;

	}

		#content .post h2 {

			font-size: 1.9em;

			margin-bottom: 7px;

		}

			#content .post h2 a {

				text-decoration: none;

			}

		#content .post .details {

			height: 16px;



			margin-bottom: 15px;

		}

			#content .post .details p {

				float: left;

				height: 16px;

				padding: 0 0 0 0;

				/* background: url(images/date.gif) no-repeat 0 0; */

				font-size: 0.9em;

			}

			#content .post .details .author { background-image: url(images/author.gif); }

			#content .post .details .comments { background-image: url(images/comments.gif); }

		#content .post p {

			line-height: 1.6em;

			margin-bottom: 10px;

		}

	#content .postnav {

		font-size: 0.9em;

		text-transform: uppercase;

		padding: 20px 20px 10px;

		font-weight: bold;

	}

		#content .postnav a {

			text-decoration: none;

		}

/** END content **/



/** BEGIN left sidebar **/

#lsidebar {

	width: 250px;

	float: left;

	margin-left: 12px;

	padding-bottom: 20px;

	margin-top: 10px;

        background: #363636;

	-webkit-box-shadow: 0px 0px 5px #ffffff;

	-moz-box-shadow: 0px 0px 5px #ffffff;

	box-shadow: 0px 0px 5px #ffffff;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

	#lsidebar .box {

		margin-bottom: 20px;

	}

		#lsidebar .box .ads {

			text-align: center;

		}

			#lsidebar .box .ads img {

				margin: 3px;

			}

		#lsidebar .box .popular {

			list-style-type: none;

			padding: 0;

		}

			#lsidebar .box .popular li {
				line-height: 1.5em;
				font-size:13px;
				clear: both;
				padding-bottom: 10px;
				list-style: none;
				padding-right:20px;
				padding-left: 20px;
			}

			#lsidebar .box .popular li img {
				float: left;
				margin: 0;
				padding-bottom:5px;
				width: 210px;
				/* height: 100px; */ 
			}

			#lsidebar .box .popular li a {

				color: #ffffff;

				text-decoration: none;

			}

			#lsidebar .box .popular li a:hover {

				color: #d11d36;

				text-decoration: underline;

			}

			#lsidebar .box .popular li p {

				color: #ffffff;

			}

		#lsidebar .box .flickr {

			text-align: center;

		}

			#lsidebar .box .flickr img {

				margin: 3px;

			}

		#lsidebar .box .video {

			padding-left: 3px;

		}

		#lsidebar .box .tags {

			padding: 0 15px;

		}

			#lsidebar .box .tags a {

				text-decoration: none;

				color: #ffffff;

			}

			#lsidebar .box .tags a:hover {

				color: #D11D36;

			}



			#lsidebar .box ul {

			list-style-type: none;

			padding: 0;

			}

			#lsidebar .box ul li {

				line-height: 1.6em;

				padding: 10px;

			}

			#lsidebar .box ul li a {

				color: #4c4c4c;

				text-decoration: none;

			}

		

/** END left sidebar **/



/** BEGIN right sidebar **/

#rsidebar {

	width: 160px;

	margin-left: 10px;

	margin-top: 10px;

	float: right;

	padding-bottom: 20px;

}

	#rsidebar .box {

		margin-bottom: 20px;

	}

		#rsidebar .box ul {

			list-style-type: none;

			padding: 0 5px;

		}

			#rsidebar .box ul li {

				line-height: 1.6em;

				padding: 5px 5px 5px 20px;

				border-bottom: 1px solid #E0E0E0;

				background: url(images/bullet.gif) no-repeat 5px 12px;

			}

			#rsidebar .box ul li a {

				color: #4c4c4c;

				text-decoration: none;

			}

/** END right sidebar **/



/** BEGIN footer **/

#footer {

	background: #363636 url(images/footer.gif) repeat-x 0 0;

	color: #AAAAAA;

	font-size: 0.8em;

	height: 80px;

	margin-top: -24px;

}

	#footer .l {

		clear: both;

		float: left;

		margin-top: 8px;

		padding-top: 25px;

	}

	#footer .r {

		float: right;

		margin-top: 8px;

		padding-top: 25px;

	}

	#footer a {

		color: #AAAAAA;

		text-decoration: none;

	}

	#footer a:hover {

		text-decoration: underline;

	}

/** END footer **/



/** BEGIN miscellaneous **/

#content .single {

	margin-bottom: 10px;

	padding: 10px;

}

	#content .single p {

		line-height: 1.5em;

		margin-bottom: 10px;

	}

	#content .single ul, #content .single ol {

		list-style-position: inside;

		margin-bottom: 10px;

	}

	#content .single li {

		line-height: 1.5em;

		padding: 2px 0;

	}

	#content .single blockquote {

		padding: 10px 10px 5px;

		margin-bottom: 10px;

		background-color: #eeeeee;

		border-width: 1px 0;

		border-style: solid;

		border-color: #bbbbbb;

	}

	#content .single h3, #content .single h4, #content .single h5, #content .single h6 {

		font-size: 1.2em;

		margin-bottom: 5px;

	}

	#content .single h2 {

		font-size: 2em;

		margin-bottom: 10px;

	}

#comments {

	padding: 20px;

}

	#comments a {

		text-decoration: none;

	}

	#comments h2 {

		font-size: 1.2em;

		margin: 10px 0;

	}

	#comments p {

		margin-bottom: 10px;

		line-height: 1.6em;

	}

	#comments form {

		

	}

	#comments form p {

		margin-bottom: 5px;

	}

		#comments form input {

			margin-right: 5px;

		}

		#comments form input, textarea {

			border: 1px solid #bbbbbb;

			font-size: 0.9em;

			font-family: Verdana;

			padding: 4px;

			background-position: 4px 4px;

			background-repeat: no-repeat;

		}

		#comments form input {

			width: 240px;

			border: 1px solid #bbbbbb;

		}

		#comments form textarea {

			width: 350px;

			padding: 4px 4px !important;

			border: 1px solid #bbbbbb;

		}

		#comments form button {

			border: 1px solid #a0a0a0;

			font-size: 1em;

			font-family: Verdana;

			padding: 2px 6px;

		}

	.commentdetails {

		margin-top: 25px;

	}

	.commentauthor {

		margin-bottom: 5px !important;

		font-weight: bold;

	}

	.commentdate {

		font-size: 0.8em;

		margin-bottom: 5px;

		color: #909090;

	}

	.required {

		color: #ff0000;

	}

h2.title {

	font-size: 1em !important;

	text-transform: uppercase;

	padding: 10px 0;

}

.notfound {

	padding: 40px;

}

	.notfound h2 {

		font-size: 18px;

		font-weight: normal;

		margin-bottom: 10px;

	}



/** END miscellaneous **/



/** BEGIN wordpress 2.7 comments **/

#comments ol {

	list-style-type: none;

	clear: both;

	padding: 0;

	margin: 0;

}

	#comments .buffer {

		padding: 10px;

	}

	#comments ol li {

		margin-bottom: 10px;

	}

	#comments ol li ul li {

		border: 1px solid #cccccc;

		padding: 10px;

	}

	#comments ol li .avatar {

		float: right;

	}

	#comments ol li .comment-author {

		

	}

		#comments ol li .comment-author .fn {

			font-weight: bold;

			font-size: 1.2em;

		}

	#comments ol li .comment-meta {

		font-size: 0.9em;

		color: #999999;

		margin: 5px 0 10px;

	}

	#comments ol li .reply {

		font-size: 0.9em;

		font-weight: bold;

		padding-bottom: 10px;

	}

	#comments .children {

		list-style-type: none;

	}

#comments .navigation {

	padding: 0 0 40px;

	font-size: 0.9em;

}

	#comments .navigation a {

		color: #999999;

		padding: 3px 8px;

		border: 1px solid #bbbbbb;

	}

	#comments .navigation a:hover {

		color: #000000;

		border-color: #000000;

		text-decoration: none;

	}

#comments .says {

	display: none;

}

/** END wordpress 2.7 comments **/

/** CUSTOM ADDITIONS **/

.gallery_item {
	padding-left: 2px;
	padding-right: 2px;
}