/*
	Name: PSDFan Extra
	Date: November 2010
	Description: Global Style Sheet
	Version: 1.0
	Coder: Enrique Ramirez
	Coder URI: http://enrique-ramirez.com
*/

/* Imports
===============================================*/
@import url("reset.css");

/* Global Styles
===============================================*/
body {
	background: #fff url("../images/bg-body.jpg") repeat-x scroll 0 86px;
	color: #5a5a5a;
	font-size: 87.5%; /* Base font size: 16px */
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Headers
-----------------------------------------------*/
h2 {font-size: 30px}
h3 {font-size: 28px}
h4 {font-size: 24px}
h5 {font-size: 20px}
h6 {font-size: 16px}

h2, h3, h4, h5, h6 {color: #333; font-weight: bold; line-height: 1.1; letter-spacing: -0.075em; margin-bottom: .3em;}

h2 a, h3 a, h4 a, h5 a, h6 a {color: #000 !important; text-decoration: none !important;}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #4c4c4c !important;}
	
/* Links
-----------------------------------------------*/
a {outline: 0;}
a img {border: 0px; text-decoration: none;}

a, a:visited , a:active {color: #5A5A5A; text-decoration: underline;}
a:hover {text-decoration: none;}
	
/* Paragraphs
-----------------------------------------------*/
p {margin-bottom: 1.5em;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists
-----------------------------------------------*/
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes
-----------------------------------------------*/
blockquote {font-style: italic;}
cite {}

q {}

/* Tables
-----------------------------------------------*/
table {margin: .5em auto 1.5em auto; width: 100%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}
	
/* Forms
-----------------------------------------------*/
fieldset {}

.button {
	background: #7FC429 url("../images/bg-button.jpg") repeat-x top;
	border: 1px solid #5C9536;
	color: #FFF !important;
	cursor: pointer;
	font:bold 12px/1 Arial, Helvetica, sans-serif !important;
	padding: 8px;
	text-decoration: none !important;
	text-transform: uppercase;
	
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.button:hover {
	color:#C3EA94 !important;
}
input.button {height: 32px;}
.big {
	background-image: url("../images/bg-button-big.jpg");
	font-size: 24px !important;
	height: 70px !important; 
	padding: 20px 50px;
	
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

input.text {
	background: #FFF;
	border: 1px solid #C1C1C1;
	color :#848282;
	font: 1em/30px Arial,Helvetica,sans-serif;
	height: 30px;
	padding: 0 5px;
}

/* HTML5 tags */
hgroup, header, section, footer,
aside, nav, article, figure {
	display: block;
}

/* Layout
===============================================*/
.contents {
	margin: 0 auto;
	max-width: 1111px;
	min-width: 946px;
}
.contents:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.fleft {float: left;}
.fright {float: right;}
.clear {clear: both;}
.aleft {text-align: left;}
.aright {text-align: right;}
.acenter {text-align: center;}

.module {
	border-right:1px solid #e4e4e4;
	float: left;
	width: 600px;
	padding: 25px;
}

/* Header
-----------------------------------------------*/
#header {
	background: #91CC3C url("../images/bg-header.jpg") repeat-x top;
	border-bottom:1px solid #FFF;
	height: 86px;
	overflow: hidden;
}

	/* Menu */
	#header .nav {
		background:url("../images/bg-navigation.jpg") no-repeat top left;
		height: 86px;
		margin: 0;
		padding: 0 0 0 15px;
		position: absolute;
		list-style: none;
		
	}
	#header .nav li {
		/*display: inline;
		*/
		font: bold 18px/86px Arial, Helvetica, sans-serif;
		float: left;
	}	
	#header .nav a {
		border: 1px solid transparent;
		color: #FFF;
		margin: 0 10px;
		padding: 10px;
		text-decoration: none;
		text-shadow:0 1px 0 #1a669d;
		
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		

	}
	#header .nav a:hover,
	#header .nav .current_page_item a {
		background: #449bcb;
		background: rgba(255, 255, 255, 0.15);
		
		-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
		-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
		box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
	}
	

/* Body
-----------------------------------------------*/

	/* Logo */
	#logo {
		float: left;
		height: 70px;
		margin: 25px 00;
		width: 270px;
	}
		#logo a {
			background:url("../images/logo.png") no-repeat top left;
			color:#FFF;
			display: block;
			font-size:1px;
			height: 70px;
			text-indent:-4000px;
			width: 270px;
		}
		
	/* Drop */
	#drop {
		cursor: pointer;
		float: left;
		margin: 35px 0 0 0;
		padding-bottom: 20px;
		position: relative;
	}
	
		#drop div {
			background: url('../images/arrow-top.gif') no-repeat center top;
			left: -10px;	
			padding-top: 11px;
			position: absolute;
			top: 40px;
		}
		#drop ul {
			background: black;
			display: none;
			list-style: none;
			margin: 0;
			padding: 15px;
			top: 60px;
			
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
		}
		
		#drop.nojs:hover ul {display: block;}
		
		#drop li {
			border-bottom: 1px solid #191919;
			margin: 0 0 10px 0;
			padding: 0 0 10px 0;
		}
		#drop li:last-child {border: 0; margin: 0; padding: 0;}
		
		#drop img {display: block;}
		
	/* Sidebar */
	.side {
		margin-left: 651px;
		padding: 25px;
		min-width: 255px;
		max-width: 410px;
	}
	
		/* Modules */
		.box {
			border-bottom: 1px solid #dadada; 
			height: auto;
			overflow: auto;
			padding: 25px 0;
		}
		.box h3 {
			color: #a09f9f;
			font: bold 24px/1 Arial, Helvetica, sans-serif;
			margin: 0 0 1em;
		}

		.icons {
			font: bold 17px/50px Arial, Helvetica, sans-serif;
			letter-spacing: -0.075em;
			list-style: none;
			margin: 0 0 1em;
			padding: 0;
		}
		.icons li {margin: 0 0 10px; vertical-align: middle;}
		.icons img {vertical-align: middle;}
		.icons a {color: #403f3f; text-decoration: none;}
		.icons a:hover {color: #4c4c4c;}
		
		/* NEWSLETTER SIGNUP */
		.side .newslettersignup label {display: none !important;}
		.side .newslettersignup .content {float: left; width: 220px;}
		.side .newslettersignup .content input.text {width: 89% !important; padding: 1px 4% !important; border: 1px solid #c7c7c7; border-radius: 5px; margin-bottom: 15px; font-weight: bold;}
		.side .newslettersignup .image {float: left; text-align: left; width: 126px; padding: 15px 0 0 48px;}
		.side .newslettersignup .af-element {padding: 0 !important; } 
		.side .newslettersignup .af-body.af-standards input.submit {padding: 8px;}
		
		
		/* Stats */
		#stats .icons li {float: left; margin: 0; width: 205px;}
	
		/* Subscription */
		#subscription .icons li {float: left; margin: 0 0 10px; width: 205px;}
		
		/* Writers */
		#writers p {font-size: 0.9em;}
		
		/* Ads */
		#ads {
			background: #fff;
			border: 0;
			margin: -1px 0;
			overflow: hidden;
			padding: 0;
			width: 105%;
		}
		
		#ads .ad {
			float: left;
			margin: 0 10px 10px 0;
		}
		
		/* LAtest */
		#latest ol {list-style: none; margin: 1em 0;}
		#latest ol li {margin: 0 0 25px 0; position: relative;}
		
		#latest ol img {position: absolute; left: 0; top: 0;}
		
		#latest ol a {
			display: block;
			font-size: .9em;
			font-weight: bold;
			text-decoration: none;
			letter-spacing: -.02em;
			line-height: 1.25;
			padding: 6px 0 6px 45px;
		}
		#latest ol a:hover {text-decoration: underline;}


/* Footer
-----------------------------------------------*/
#footer {
	background: #ededed;
	border-top: 1px solid #dadada;
	clear: both;
	color: #9c9c9c;
	font-size: 12px;
	font-weight: bold;
	overflow:hidden;
}		
#footer a {color: #6F6F6F;}
#footer .module {border: none; margin-right: 1px;}	
	
	/* Menu */
	#footer .nav  {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#footer .nav li {
		border-left: 2px solid #6f6f6f;
		display: inline;
		padding: 0 10px;
	}
	#footer .nav li:first-child {border: none; padding-left: 0;}
	
	#footer .subscribe {
		font-size: 0.9em;
		letter-spacing: -0.075em;
		list-style: none;
		margin: 25px 0;
		padding:0;
	}
	#footer .subscribe li {
		display: inline;
		padding-right: 15px;
		text-transform: uppercase;
	}
	#footer .subscribe a {color: #9c9c9c; text-decoration: none;}
	#footer .subscribe a:hover {color: #6f6f6f;}
	
	#footer a.jh {color: #9C9C9C;}
	
	/* Promo */
	#thispromo {
		color: #6f6f6f;
		padding-left: 80px;
		max-width: 330px;
		margin-left: 651px;
		min-width: 175px;
		background: url("../images/thiswebhost.png") no-repeat scroll 0 20px transparent;
	}
	#thispromo strong {color: #343434;}
	#thispromo .button {
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	#thispromo a {color: #519113;}
	#thispromo a:hover {color: #315A0B; text-decoration: underline;}

	
/* Sections
===============================================*/

/* Pagination */
.pagination {
		background: url("../images/bg-pagination.jpg") repeat-x top #cecccc;
		border: 1px solid #cecccc;
		height: 34px;
		line-height: 34px;
		margin: 25px 0;
		padding: 2px 15px 1px 15px;
		text-shadow:0 1px 0 #E8E8E8;
		width: 571px;
		
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.pagination span {
		border-right: 1px solid #f3f3f3;
		float: left;
		height: 34px;
		padding: 0 15px 0 0;
	}
	.pagination ul {
		border-right: 1px solid #d6d6d6;
		float: left;
		list-style: none;
		margin: 0;
	}
	.pagination li.page_info{
		border-left:medium none;
		font-weight:normal;
		padding:0 15px 0 0;
		text-shadow:0 1px 0 #E8E8E8;
	}
	.pagination li {
		border-left: 1px solid #d6d6d6;
		border-right: 1px solid #f3f3f3;
		padding: 0 1px 0 0;
		float: left;
		font-weight: bold;
	}
	.pagination li.active {background: #c8c8c8; color: #fff; padding: 0 15px;}
	.pagination li strong {padding: 0 15px;}
	.pagination a:link, 
	.pagination a:visited {
		display: block;
		float: left;
		padding: 0 12px;
	}
	.pagination a:hover, .pagination a:active, 
	.pagination .active a:link, 
	.pagination .active a:visited,
	.pagination .active_page a {background: #c8c8c8; color: #fff; text-decoration: none;}
	
/* Blog
-----------------------------------------------*/
.post {
	border-bottom: 1px solid #dadada; 
	clear: both;
	padding: 25px 0;
	overflow: hidden;
}
.single {
	border: none !important;
}

	.post .image {float: left;}
	.single h2 {margin-bottom: 30px;}
	.post h3 {color: #5a5a5a; font-size: 18px; margin: 20px 0;}
	.post h3 a {color: #333;}
	.post .wp-post-image {float: left;}
	.post .content {margin-left: 220px;}
	.post .meta {color: #979797; font-style: italic; margin: 1em 0 0;}
	.post .meta a {color: #979797;}
	.post .category {font-style: italic; margin: 0 0 1em;}
	.post .category a {text-decoration: none;}
	.post .more {
		background: url("../images/btn-more.jpg") no-repeat left center; 
		font-weight: bold; 
		padding: 5px 0 5px 30px;
		text-decoration: none;
	}
	.post .more:hover {text-decoration: underline;}
	.post .footer, .tools {
		background: url("../images/bg-footer.gif") repeat-y;
		border-bottom: 1px solid #dadada;
		border-top: 1px solid #dadada;
		margin: 25px 0;
		padding: 25px 0;
	}
	.tools {margin: -1px 0;}
	.post .footer .left, .tools .left {float: left; width: 275px;}
	.post .footer .right, .tools .right {float: right; text-align: left; width: 275px;}
	.post .footer .avatar {float: left; margin: 0 10px 10px 0;}
	.post .footer .newsletter-signup {border: none; margin: 0; padding-bottom: 0; padding-top: 0;}
	.post .footer .newsletter-signup input {margin-bottom: 5px;}
	
.comments {border-top: 1px solid #dadada; padding: 25px 0;}
	.comments .leavecomment {margin-top: 10px;}
		
	.commentlist, .commentlist ul, .commentlist li {list-style: none; margin: 0; padding: 0;}
	.commentlist {border-top: 1px solid #dadada; margin: 30px 0;}
	.commentlist li {border-bottom: 1px solid #dadada; padding: 25px 0 25px 85px; position: relative;}
	.commentlist ul {padding-top: 25px;}
	.commentlist li li {border-bottom: none; border-top: 1px solid #dadada;}
	.commentlist .avatar {position: absolute; left: 0;}
	.commentlist .comment-author,
	.commentlist .comment-meta {color: #3b3b3b; display: inline;}
	.commentlist .comment-author cite {font-weight: bold; font-style: normal;}
	.commentlist .comment-author .says {display: none;}
	.commentlist .comment-meta a {text-decoration: none;}
	.commentlist .comment-body {color: #686868; margin-top: 1em;}
	.commentlist .reply {height: 30px;}
	.commentlist .reply a {
		background: #ededed; 
		border: 1px solid #CCC; 
		color: #3f3f3f;
		float: right; 
		font-size: 11px; 
		padding: 5px; 
		text-transform: uppercase;
		
	}
	
	.commentform .text {width: 280px;}
	.commentform textarea {height: 175px; line-height: 20px; width: auto;}
	
/* Category
-----------------------------------------------*/
.section-head {border-bottom:1px solid #DADADA; overflow: hidden; padding: 25px 0 0 0; width: 100%;}
.section-head .left {float: left;}
.section-head .right {float: right;}

.section-head h2 {color: #000; font-size: 42px; margin: 0 0 10px 0;}

.section-head h3 {
	background: url('../images/icons/order.jpg') no-repeat left 25px;
	color: #6f6f6f;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0;
	padding: 25px 0 10px 15px;
	text-transform: uppercase;
}

.section-head .right .active {font-weight: bold; text-decoration: none;}

/* Single */
.single h2 {margin: 0 0 10px 0;}

	/* About */
	.about {
		border-bottom: 1px solid #dadada;
		border-top: 1px solid #dadada;
		color: #3D3C3C;
		font-size: 12px;
		line-height: 1.17;
		margin: -1px 0 0 0;
		overflow: hidden;
		padding: 25px 0;
		position:relative;
		width: 100%;
	}
	
	.about img {display: inline; float: left; margin: 0 25px 0 30px;padding-bottom: 30px;}
	
	.about h3 {margin: 0 0 5px; color: #000; font-size: 14px;}
	.about p {margin: 0;}

	/* Related posts */
	.related {
		font-weight: bold;
		list-style: none;
		margin: 25px 0 25px;
		padding: 0;
	}
		.related li {margin: 10px 0; padding: 0;overflow: hidden;}
		.related img {margin-right: 20px; vertical-align: middle;}
		.related a {color: #000; text-decoration: none;}
		.related a:hover {color: #5A5A5A;}
		
	/* Tools */
	.tools {color: #393939; font-size: 12px; line-height: 1.5; padding-bottom: 15px;}
	.tools h2 {font-size: 18px; height: 50px; line-height: 50px; margin: 0 0 15px 0;}
	.tools h2 img {vertical-align: middle; margin-right: 5px;}
	
	.tools a {
		color: #398B17;
		font-weight: bold;
	}
	
/* Page */
.page .section-head {margin-bottom: 25px;}

.page h2 {
	border-bottom:1px solid #DADADA;
	color: #000;
	font-size: 42px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}
.page .section-head h2 {border: 0; padding: 0;}

/* Contact form */
.page fieldset {padding-top: 0; margin-top: 0;}
.page label {display: block; font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.page select {border: 1px solid #7f7f7f; padding: 10px; width: 316px;}
.page textarea {border:1px solid #7f7f7f; height: 150px; line-height: 20px; width: 500px;}
.page .text {border-color: #7f7f7f;margin-right: 10px; padding: 2px 7px; width: 300px;}
#contact-us h2 {margin-bottom: 30px;}

#contact-us {border-bottom: 0;}

/* Sub Menu */
#header .nav  ul.sub-menu {position: relative;list-style: none;margin: 0;padding: 0;z-index: 9999;}
#header .nav  ul.sub-menu li {line-height: 15px;float: none;}
#header .nav  ul.sub-menu li a{display: block;width: 213px;height: 35px;background: #000000 repeat;margin: 0;padding: 10px 0 0 0;line-height: 15px;border-bottom: 2px #1a1a1a solid;font-size: 12pt;font-weight: bold;-moz-border-radius: 0;-o-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
#header .nav  ul.sub-menu li.first a {background:#000 url('../images/sub-menu-bg-first.png') no-repeat top right;width: 213px;border-top: none;}
#header .nav  ul.sub-menu li.last a {background: url('../images/sub-menu-last.png') no-repeat;width: 215px;height: 123px;border: none;}
#header .nav  ul.sub-menu li span{line-height:30px;padding-left:37px;font-size: 11pt;font-weight: normal}
#header .nav  ul.sub-menu li a:hover {background: #2b2b2b;}

#header .nav  ul.sub-menu li.last a:hover {background: url('../images/sub-menu-last.png') no-repeat;}
div.serial-box {background: #f6f6f6;border-width:1px 1px 2px;text-align: left;-moz-background-clip:border !important;-moz-background-inline-policy:continuous !important;-moz-background-origin:padding !important;-x-system-font:none !important;border:1px solid #e3e3e3 !important;color:#575757 !important;display:block !important;float:none !important;font-family:inherit !important;font-size:inherit !important;font-size-adjust:inherit !important;font-stretch:inherit !important;font-style:inherit !important;font-variant:inherit !important;font-weight:inherit !important;line-height:inherit !important;margin:20px 0 !important;padding:20px 30px 10px !important;}
div.serial-box ul.serial-box-list {margin: 0;padding: 0 0 0 9px;}
div.serial-box ul.serial-box-list li {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;margin-bottom:10px;margin-left:5px;padding-left:10px;}
div.serial-box ul.serial-box-list li a:link,div.serial-box ul.serial-box-list li a:visited {color: #398B17}

div.webroundup {overflow: hidden;border-top: 1px solid #DADADA;padding-top: 20px}
div.webroundup ul {margin: 0;padding: 0;list-style: none;}
div.webroundup ul li {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent none repeat scroll 0 0;margin:0 0 20px;overflow:hidden;padding:0;}
div.webroundup ul li img {float: left;padding-right: 20px;}
div.webroundup ul li h3 {margin-top: 0px;}
div.tweets {float: left;padding-right: 10px;}
a.new-link {color:#398B17;
font-weight:bold;}
div#bsap_2325 a {display: block;float: left;width: 200px;height: 125px;}

.ad { clear: both; }

.sponser {background: url('../images/sponser-bg.png') repeat-x; height: 102px;}
.sponser img {display:  block; margin: 0 auto;}