/*
Title:		Master styles for screen media
Author:		justine@gentlecode.net
*/


body {
	font: 12px/18px Georgia,Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	line-height:22px;
	color: #333333;
}

/* Links */

a:link, a:visited {
	color: #2f2f2f;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
h2 {
	margin: 5px 0px;
	color: black;
	font-family: Helvetica,Arial, sans-serif;
	font-size: 16px;
	
}

/* PAGE STRUCTURE
------------------------------------------------------------- */

#container {
	width: 960px;
	margin: 0 auto;
}

#content {
	padding: 0 0 0 10px;
}

#main {
	float: left;
	width: 635px;
}

#sidebar {
	float: right;
	width: 286px;
}


/* HEADER
------------------------------------------------------------- */

#header {
	margin: 0 0 40px 0;
}

/* Navigation */

#nav {
	font: bold 11px Georgia, "Times New Roman", serif;
	text-transform: uppercase;
	margin: 0 0 30px 0;
}

#nav ul.pages {
	background: url(../img/bg-nav-pages.png) repeat-x;
	line-height: 30px;
	position: relative;
	z-index: 60;
}

#nav ul.pages li {
	float: left;
	margin: 0 0 0 20px;
	position: relative;
}

#nav ul.pages li a {
	display: block;
	color: #c0c0c0;
	text-decoration: none;
}

#nav ul.pages li a:hover, #nav ul.pages li.current-menu-item a {
	color: #fff;
}

#nav ul.pages li ul {
	width: 150px;
	background-color: #030303;
	position: absolute;
	top: 29px; left: -10px;
	z-index: 50;
	display: none;
}

#nav ul.pages li ul li {
	float: none;
	padding: 0;
	margin: 0;
	position: relative;
}

#nav ul.pages li ul li a, #nav ul.pages li.current-menu-item ul li a {
	display: block;
	padding: 0 12px;
	border: none;
	color: #c0c0c0;
}

#nav ul.pages li ul li a:hover {
	color: #fff;
}

#nav ul.pages li ul li ul {
	width: 150px;
	background-color: #030303;
	position: absolute;
	top: 0; left: 150px;
	z-index: 50;
}

#nav ul.categories {
	background-color: #fff;
	border: 1px solid #cacaca;
	border-top: 1px solid #fdfdfd;
	line-height: 34px;
}

#nav ul.categories li {
	float: left;
	border-right: 1px solid #cacaca;
	position: relative;
}

#nav ul.categories li a {
	display: block;
	padding: 0 20px;
	color: #717171;
	text-decoration: none;
}

#nav ul.categories li a:hover {
	background-color: #f0f0f0;
}

#nav ul.categories li ul {
	width: 170px;
	background-color: #fff;
	position: absolute;
	top: 34px; left: -1px;
	z-index: 50;
	border: 1px solid #cacaca;
	display: none;
}

#nav ul.categories li ul li {
	float: none;
	padding: 0;
	margin: 0;
	border: none;
}

#nav ul.categories li ul li a {
	display: block;
	padding: 0 20px;
	border: none;
}

#nav ul.categories  li ul li ul {
	width: 170px;
	position: absolute;
	top: -1px; left: 170px;
	z-index: 50;
}

/* Logo */

#header h1 {
	color: #191919;
	font-size: 46px;
	text-shadow: 0px 1px 1px #fff;
}

#header h1 a:hover {
	text-decoration: none;
}

#header h1 + span {
	display: block;
	font: bold 14px/8px Georgia, serif;
	color: #555;
}

#header h1.logo {
	width: 480px;
	float: left;
}

#header h1.logo + div.ad {
	margin: 0;
}

/* Big Ad */

#header div.ad {
	float: right;
	margin: -50px 0 0 0;
}


/* MAIN STYLES
------------------------------------------------------------- */

/* Slider by CSS-Tricks: http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/ */

.stripViewer								{ position: relative; overflow: hidden; width: 602px; height: 241px;}
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 602px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 						{ padding: 4px; background-color: #fff; margin: 0 11px 0 0;}
#movers-row									{ margin: 0 0 0 -10px; }
#movers-row div								{ width: 62px; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.cross-link									{ display: block; width: 52px; margin-top: -14px; 
											  position: relative; padding-top: 20px; z-index: 9999;}
.active-thumb 								{ background: transparent url(../img/bg-navpointer.png) 50% 1px no-repeat; }


/* Homepage - Featured Section */

#main #featwrap {
	display: none;
}

#main #featured {
	background-color: #fff;
	height: 241px;
	border: 1px solid #cacaca;
	margin: 0 0 20px 0;
	padding: 15px;
	position: relative;
}

#main #featured h3 {
	font: normal 22px/43px Georgia, serif;
	letter-spacing: -1px;
	color: #fff;
	padding: 0 14px;
	background: url(../img/bg-h3.png) repeat-x;
	position: absolute;
	top: -16px; left: -10px;
	z-index: 1000;
}

#main #featured h3:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background: url(../img/bg-h3after.png) no-repeat;
	position: absolute;
	bottom: -10px; left: 0;
}

#main .featured-nav {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #cacaca;
	padding: 2px 11px 6px 12px;
	margin-bottom: 55px;
	height: 60px;
	overflow: visible;
}

#main .featured-nav img {
	padding: 4px;
	border: 1px solid #b6b6b6;
	opacity: 0.6;
}

#main .featured-nav a:hover img, #main .featured-nav a.active-thumb img {
	background-color: #e0e0e0;
	border-color: #b6b6b6;
	opacity: 1;
} 


/* Homepage - Latest Articles */

#main .latest {
	background-color: #fff;
	border: 1px solid #cacaca;
	padding: 40px 5px 0 25px;
	margin: 0 0 30px;
	position: relative;
}

#main .latest h3 {
	font: normal 22px/43px Georgia, serif;
	letter-spacing: -1px;
	color: #fff;
	padding: 0 14px;
	background: url(../img/bg-h3.png) repeat-x;
	position: absolute;
	top: -21px; left: -10px;
}

#main .latest h3:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background: url(../img/bg-h3after.png) no-repeat;
	position: absolute;
	bottom: -10px; left: 0;
}

#main .latest .post {
	float: left;
	width: 275px;
	margin: 0 25px 25px 0;
}

#main .latest .post img, #main .latest .wide-post img {
	padding: 7px;
	border: 1px solid #cacaca;
}

#main .latest .post h4 {
	margin: 10px 0 5px;
	font: bold 16px/21px Georgia, serif;
}

#main .latest .post p.date, #main .latest .wide-post p.date {
	font: bold 12px/19px Georgia, serif;
	color: #898989;
	padding: 0 0 0 26px;
	margin: 0 0 10px;
	background: url(../img/icon-clock.png) 0 50% no-repeat;
}

/* Homepage - Next Articles */

#main .next {
	background-color: #fff;
	border: 1px solid #cacaca;
	padding: 25px 4px 25px 25px;
}

#main .next ol li {
	float: left;
	width: 272px;
	overflow: hidden;
	border-bottom: 1px solid #cacaca;
	margin: 0 30px 15px 0;
}

#main .next ol li:nth-last-of-type(-n+2) {
	border: none;
	margin-bottom: 0;
}

#main .next ol li:nth-last-of-type(-n+2) a {
	margin-bottom: 0;
}

#main .next h4 {
	margin: 0 0 15px;
	font: bold 16px/21px Georgia, serif;
}

#main .next h4 + a {
	display: block;
	float: left;
	margin: 0 10px 20px 0;
}

#main .next h4 + a img {
	border: 1px solid #cacaca;
	padding: 4px;
}

#main .next p {
	margin: 13px 0 0;
}

/* Single Page */

#main .article {
	background-color: #fff;
	border: 1px solid #cacaca;
	padding: 50px 25px 25px 25px;
	margin: 0 0 30px;
	position: relative;
}

#main .article h3 a {
	font: normal 22px/43px Georgia, serif;
	letter-spacing: -1px;
	color: #fff !important;
	padding: 0 14px;
	background: url(../img/bg-h3.png) repeat-x;
	position: absolute;
	top: -16px; left: -10px;
}

#main .article h3 a:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background: url(../img/bg-h3after.png) no-repeat;
	position: absolute;
	bottom: -10px; left: 0;
}

#main .article h3 + img {
	margin-bottom: 10px;

}

#main .article p {
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:15px;
	line-height:22px;
	margin-bottom: 15px;
}
#main .article blockquote {
	display:block;
	font-size:22px !important;
	font-style:italic;
	font-family: Georgia;
	line-height:26px;
	margin:16px 80px 0;
	padding: 20px 0px 37px 0px;
}

#main .article strong {
	font-weight: bold;
	color: #575757;
}

#main .article p:nth-last-of-type(1) {
	margin-bottom: 5px;
}
#main .article img {
	padding: 5px;
	border: solid 1px #CACACA;
}

#main h4 {
	font: normal 22px Georgia, serif;
	color: #000;
	margin: 0 0 20px 0;
}

#main .author {
	background-color: #fff;
	border: 1px solid #cacaca;
	padding: 16px;
	margin: 0 0 30px;
	overflow: hidden;
}

#main .author img.avatar {
	float: left;
	margin: 0 16px 0 0;
}

#main .author p:first-of-type {
	margin-bottom: 10px;
}

#main .author p:first-of-type a {
	color: #4797b8;
	padding: 0 0 0 13px;
	background: url(../img/icon-author.png) 0 1px no-repeat;
}

/* Pagination */

#main .pagination a {
	display: block;
	padding: 0 9px;
	line-height: 24px;
	float: left;
	border: 1px solid #b3b3b3;
	background: #eee url(../img/bg-pagination.png) repeat-x;
	margin: 0 5px 0 0;
}

#main .pagination span.current {
	display: block;
	padding: 0 9px;
	line-height: 24px;
	float: left;
	border: 1px solid #b3b3b3;
	background: #eee url(../img/bg-pagination.png) repeat-x;
	margin: 0 5px 0 0;
}

#main .pagination a:hover {
	background: #fff none;
}

#main .pagination span {
	float: left;

	margin: 0 5px 0 0;
}

/* Comments */

#main .commentarea ul {
	margin-bottom: 30px;
}


#main .commentarea ul li {
	overflow: hidden;
	margin: 0 0 15px 0;
}

#main .commentarea .meta {
	width: 82px;
	float: left;
	text-align: right;
	line-height: 16px;
}

#main .commentarea .meta img.avatar {
	margin-bottom: 5px;
	margin-top: 4px;
}

#main .commentarea .meta cite a {
	font-style: normal;
	font-weight: bold;
	color: #262626;
}

#main .commentarea .meta span {
	display: block;
	font-size: 10px;
	color: #656565;
	padding: 0 15px 0 0;
	background: url(../img/icon-commentmeta.png) 100% 2px no-repeat;
}

#main .commentarea .meta span.date {
	background-position: 100% -14px;
}

#main .commentarea .comment {
	width: 470px;
	padding: 35px 30px;
	float: right;
	margin: 4px 4px 0 0;
	background: #eee;
	border: 1px solid #c5c9cc;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: relative;
}

#main .commentarea .comment:after {
	content: '';
	width: 13px;
	height: 18px;
	background: url(../img/bg-comment.png) 0 0 no-repeat;
	position: absolute;
	top: 20px; left: -13px;
	z-index: 5;
}

#main .commentarea .comment .reply {
	position: absolute;
	bottom: 12px; right: 18px;
}

#main .commentarea .comment .reply a.comment-reply-link {
	color: #6e9ebb;
	font-weight: bold;
	font-size: 11px;
	padding: 0 0 0 18px;
	background: url(../img/icon-commentreply.png) 0 50% no-repeat;
}
}

#main .commentarea ul li ul {
	overflow: hidden;
}

#main .commentarea ul li ul li {
	width: 580px;
	float: right;
	margin: 15px 0 0 0;
}

#main .commentarea ul li ul .comment {
	width: 400px;
}

/* Comment form */

#main .commentarea h3 {
	font: normal 22px Georgia, serif;
	color: #000;
	margin: 0 0 20px 0;
}

#main .commentarea form label {
	font: bold 13px Georgia, serif;
	margin: 0 0 4px 0;
}

.comment-notes, .form-allowed-tags {
	display: none;
}

#main .commentarea form span.required {
	color: red;
}

#main .commentarea form input[type=text] {
	display: block;
	width: 238px;
	padding: 11px 8px;
	border: 1px solid #c0c0c0;
	background: #ebebeb url(../img/bg-formfield.png) repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color: #575757;
	margin: 0 0 14px 0;
}

#main .commentarea form textarea {
	width: 568px;
	padding: 11px 8px;
	border: 1px solid #c0c0c0;
	background: #ebebeb url(../img/bg-textarea.png) repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color: #575757;
	margin: 0 0 14px 0;
}

#main .commentarea form input[type=submit] {
	border: 1px solid #c0c0c0;
	background: url(../img/bg-submit.png) repeat-x;
	width: 130px;
	height: 34px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #656565;
	cursor: pointer;
}


/* SIDEBAR STYLES
------------------------------------------------------------- */

/* Widgets */

#sidebar div.widget {
	margin-bottom: 30px;
	overflow: hidden;
}

#sidebar div.widget h4 {
	background: url(../img/bg-nav-pages.png) repeat-x;
	font: bold 11px/30px Georgia, serif;
	color: #fff;
	text-transform: uppercase;
	padding: 0 0 0 10px;
}

#sidebar div.widget h4 + ul, #sidebar div.widget h4 + div {
	background-color: #fff;
	padding: 10px;
}

#sidebar div.widget h4 + ul li {
	border-bottom: 1px solid #b7bbbe;
}

#sidebar div.widget h4 + ul li:last-child {
	border-bottom: none;
}

#sidebar div.widget h4 + ul li a {
	display: block;
	color: #464646;
	font: bold 12px/38px Georgia, serif;
	padding: 0 0 0 5px;
}

#sidebar div.widget h4 + ul li a:hover {
	text-decoration: none;
	background-color: #eee;
}

#sidebar div.widget h4 + div p {
	margin-bottom: 15px;
}

#sidebar div.widget h4 + div p:last-child {
	margin-bottom: 0;
} 

/* Search */

#sidebar .search form label {
	display: none;
}

#sidebar .search form input[type=text] {
	background-color: #fff;
	border: 1px solid #cacaca;
	border-right: none;
	font: bold 10px Georgia, serif;
	text-transform: uppercase;
	color: #8d8d8d;
	padding: 12px 14px;
	margin: 0;
	float: left;
	width: 161px;
}

#sidebar .search form input[type=submit] {
	background: #030303 url(../img/bg-searchbutton.png) repeat-x;
	width: 96px;
	height: 39px;
	font: bold 10px Georgia, serif;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	border: none;
	margin: 0;
	float: left;
	cursor: pointer;
}

/* Social */

#sidebar .social a {
	display: block;
	color: #191919;
	font: bold 24px/20px Georgia, serif;
	padding: 2px 0 0 46px;
	float: left;
}

#sidebar .social a span {
	display: block;
	color: #5e5e5e;
	font: normal 14px/26px Georgia, serif;
}

#sidebar .social a.rss {
	margin: 0 30px 0 0;
	background: url(../img/icon-big-rss.png) 0 50% no-repeat;
}

#sidebar .social a.twitter {
	background: url(../img/icon-big-twitter.png) 0 50% no-repeat;
}

/* Tabs */

#sidebar .tabs ul.tabs-nav {
	overflow: hidden;
	background: url(../img/bg-nav-pages.png) repeat-x;
}

#sidebar .tabs ul.tabs-nav li {
	float: left;
	margin: 0 5px 0 0;
}

#sidebar .tabs ul.tabs-nav li a {
	display: block;
	font: bold 11px/30px Georgia, serif;
	text-transform: uppercase;
	color: #fff;
	padding: 0 10px;
	background: url(../img/bg-nav-pages.png) repeat-x;
}

#sidebar .tabs ul.tabs-nav li a:hover {
	text-decoration: underline;
}

#sidebar .tabs ul.tabs-nav li a.current {
	line-height: 29px;
	background: #fff none;
	color: #464646;
	border: 1px solid #cacaca;
	border-bottom: none;
	padding: 0 9px;
}

#sidebar .tabs .wrap {
	background-color: #fff;
	border: 1px solid #cacaca;
	border-top: none;
	padding: 15px 15px 0px 15px;
}

#sidebar .tabs .wrap ol li {
	overflow: hidden;
	border-bottom: 1px solid #cacaca;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}

#sidebar .tabs .wrap ol li:last-child {
	border: none;
	padding-bottom: 0;
}

#sidebar .tabs .wrap ol li:last-child a {
	margin-bottom: 0;
}

#sidebar .tabs .wrap h4 {
	margin: 0 0 10px;
	font: bold 13px/18px Georgia, serif;
	background: none;
	text-transform: none;
	padding: 0;
}

#sidebar .tabs .wrap h4 + a {
	display: block;
	float: left;
	color: #424242;
	margin: 0 10px 0 0;
}

#sidebar .tabs .wrap h4 + a img {
	border: 1px solid #cacaca;
	padding: 4px;
}

#sidebar .tabs .wrap p {
	margin: 0 0 0;
}

/* Pages */

#sidebar .pages div {
	width: 137px;
	float: left;
}

#sidebar .pages div.pages {
	float: right;
}

#sidebar .pages h4 {
	height: 38px;
	font: bold 11px/30px Georgia, serif;
	text-transform: uppercase;
	color: #fff;
	padding: 0 0 0 12px;
	margin: 0 0 15px 0;
	background: url(../img/bg-sideheading.png) no-repeat !important;
}

#sidebar .pages ul {
	background-color: transparent !important;
	padding: 0 !important;
}

#sidebar .pages ul li {
	border-top: 1px solid #b7bbbe;
	border-bottom: none !important;
}

#sidebar .pages ul li:last-child {
	border-bottom: 1px solid #b7bbbe !important;
}

#sidebar .pages ul li a {
	display: block;
	color: #464646;
	font: bold 13px/38px Georgia, serif;
	padding: 0 0 0 5px;
}

#sidebar .pages ul li a:hover {
	text-decoration: none;
	background-color: #d6dadd !important;
}

/* Ads */

#sidebar .ads {
	border: 1px solid #cacaca;
	background-color: #fff;
	padding: 13px 12px 0;
}

#sidebar .ads a {
	display: block;
	float: left;
	margin-bottom: 9px;
}

#sidebar .ads a:nth-child(odd) {
	margin-right: 10px;
}

/* Videos */

#sidebar .videos {
	background-color: #fff;
	border: 1px solid #cacaca;
	padding: 42px 12px 15px;
	position: relative;
}

#sidebar .videos h4 {
	background: url(../img/bg-nav-pages.png) repeat-x;
	font: bold 11px/30px Georgia, serif;
	color: #fff;
	text-transform: uppercase;
	padding: 0 0 0 10px;
	position: absolute; 
	top: 0; left: 0;
	width: 287px;
}

#sidebar .videos h6 {
	margin: 15px 0 10px;
	color: #424242;
	font: bold 13px Georgia, serif;
}

#sidebar .videos ul li {
	float: left;
	margin: 0 10px 0 0;
}

#sidebar .videos ul li img {
	padding: 4px;
	border: 1px solid #cacaca;
}

#sidebar .textwidget {
	border: solid 1px #CACACA;
	padding: 15px !important;
}

/* BOTTOM WIDGETS
------------------------------------------------------------- */

#bottom {
	background-color: #181818;
	color: #b6b6b6;
	padding: 40px 0;
	overflow: hidden;
	margin-top: 40px;
}

#bottom .inner {
	width: 960px;
	margin: 0 auto;
}

#bottom a {
	color: #b6b6b6;
}

#bottom .widget {
	width: 22%;
	margin: 0 3% 0 0;
	float: left;
}

#bottom .widget h4 {
	font: bold 16px/34px Georgia, serif;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0 0 0 38px;
	background: url(../img/icon-footer.png) 0 4px no-repeat;
}

#bottom .widget_links h4 {
	background-position: 0 -28px;
}

#bottom .widget_recent_entries h4 {
	background-position: 0 -59px;
}

#bottom .widget_text h4 {
	background-position: 0 -93px;
}

#bottom .widget ul li {
	padding: 6px 8px;
	border-top: 1px solid #434343;
	overflow: hidden;
}

#bottom .widget ul li span {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	color: #858484;
	font-size: 10px;
	font-style: italic;
}

/* FOOTER
------------------------------------------------------------- */

#footer {
	background-color: #222;
	color: #b6b6b6;
	padding: 10px 0;
	font-size: 10px;
	overflow: hidden;
}

#footer .inner {
	width: 960px;
	margin: 0 auto;
}

#footer p:first-child {
	width: 50%;
	float: left;
}

#footer p:last-child {
	width: 50%;
	float: right;
	text-align: right;
}


/* MISC.
------------------------------------------------------------- */

.hide {
	display: none;
}

.clear {
	clear: both;
}

/* self-clear floats */

.group:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.alignright {
	float: right;
	margin: 5px 0px 20px 20px;
}
.aligncenter {
	margin-top: 25px;
}
.intro {
	color: black;
	font-weight: bold !important;
	padding-bottom: 10px;
	font-family: helvetica !important;
	font-size: 16px !important;

}
.alignleft {
	float: left;
	margin: 8px 20px 15px 0px;
}



#main .article a:link, #main .article a:visited {
	color: #4897d0;
}