/*
Template name: WPShout 3.0
*/

/*img:hover { -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); }
img:active { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); }*/

	
#tooltip { position:absolute; background:#1b3c5b; padding:8px; color:#eaedf1; font-weight:bold; display:none; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.6); -moz-border-radius: 8px; -webkit-border-radius: 10px; }


/* ---- Layout ---- */

body {
	background: url('http://images.wpshout.com/bg.jpg') repeat;
	color:#fff;
	font:16px Georgia;
	font-weight:400;
	line-height:1.5em;
	text-shadow:#343434 0 1px 0;

}
#header{
	width:960px;
	padding:20px;
	margin: 0 auto;
}

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

#content {
	width:590px;
	float:left;
	margin:20px 10px 20px 0;
}

#the-post h2{
	border-left: 12px solid #033a73;
	padding-left:10px;
}

#the-post h2:hover{
	border-left: 12px solid #fff;
	-webkit-transition: all 0.2s linear;
	
}

#the-post a{
	text-decoration:none;
	text-transform:none;
	color: #033a73;
	-webkit-transition: all 0.2s linear;
}

#the-post a:hover{
	border-bottom: 2px solid #958aff;
	color:#B0B0B0;
}

#content.larger{
	font-size:16px;
}

#sidebar{
	width:310px;
	float:right;
	padding:10px;
}

#footer{
	width:960px;
	height:400px;
	margin: 0 auto;
	clear:both;
	border-top: thin solid #eee;
	border-bottom: thin solid #eee;

}

/* ---- Headers ---- */
h1 {
	font: 32px "Chunkfive Regular", Georgia;
	text-transform:uppercase;
}


h2 {
	font: 24px Georgia;
	text-transform:uppercase;
}

h3{
	font: 20px Georgia;
	text-transform:uppercase;
	line-height:24px;
	color:b0b0b0;
}

/* ---- Site-wide stuff ---- */

a{
	text-decoration:none;
	text-transform:uppercase;
	color:#b0b0b0;
-webkit-transition: all 0.2s linear;

}

a:hover,
a:focus {
	color: #fff;
}

a:active {
  position: relative;
  top: 1px;
}

blockquote{
	font: italic normal normal 22px/30px Georgia, Georgia, serif;
}

h2.letterpress{
font: 50px "ChunkFive Regular", serif;
color: #fff;
text-shadow: 2px 2px 2px #222;
margin: 20px 0px 20px 0px;
}

pre {
	width: 500px; 
	border: 2px solid #000;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
	padding: 10px;
	background: rgb(20, 66, 151);
	}
	
code {
	padding:3px;
	font-size:1.2em;
	}
/* ---- Header ---- */

#blog-title{
	float:left;
	width:300px;
	/*background:url(http://images.wpshout.com/logo.png) no-repeat;*/
}

#blog-title img:hover { -webkit-transform: none; -moz-transform: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
#blog-title  img:active { -webkit-transform: none; -moz-transform: none; -webkit-box-shadow: none); -moz-box-shadow: none; }



#nav{
	float:right;
	width:650px;
	font: 24px Georgia;
	text-transform:uppercase;
}

#nav ul li{
	margin:0;
	padding:0 10px;
	list-style:none;
	float:left;
	list-style:none;
	border-left:1px dotted #b0b0b0;
}

#nav ul li.home{
	border-left:none !important;
}

#nav a span.two{
	color:#fff;
	cursor:pointer;
	}
	
/* ---- Ads ---- */

.bsap_1245763 a{float: left;
margin: 10px !important;
width: 125px;
}
	
/* ---- Featured ---- */
#featured{
	clear:both;
	position:relative;
	width:920px;
	height:220px;
	padding:0;
	margin:0;
}

#featured h2{
	background: url('images/title-bg.png') repeat;
	position:absolute;
	height:40px;
	width:910px;
	bottom:0px;
	left:0px;
	text-align:right;
	text-indent:20px;
	padding:0 10px 0 0;
	text-shadow: 2px 2px 2px #000;

	}
	
/* ---- Homepage ---- */

.post-list{
	margin:0 0 20px 0;
	float:left;
	width:590px;
}

.post-list-wide{
	margin:10px 0;
	float:left;
}

.ads{
	float:right;
	width:320px;
}

.post-box{
	width:590px;
	height:200px;
	position:relative;
	margin:0;
	padding:0;
}

.post-box h2,h1{
	background: url('images/title-bg.png') repeat;
	width:580px;
	position:absolute;
	bottom:0px;
	left:0px;
	text-align:right;
	text-indent:20px;
	padding:3px 10px 3px 0;
	text-shadow: 2px 2px 2px #000;
	line-height:40px;
	font: 24px Georgia;
	z-index:5;
}

.post-no-image h2{
	font: 32px Georgia;
	text-shadow: 2px 2px 2px #000;
}

.meta{
	float:left;
	margin:0 20px 50px 0;
	height:100px;
}

p.date{
	font:48px Georgia;
	line-height:10px;
}

p.month-year{
	font:12px Georgia;
	margin:-30px 0 0 0;	
}

.post-image{
	width:590px;
}

.share{
	float:left;
	margin:20px 20px 0 0;
	height:100px;

}

/* ---- Boxes ---- */

.box{
	width:190px;
	height:200px;
	background: url('images/title-bg.png') repeat;
	display:block;
	float:left;
}
.box-left{
	margin:0 10px 0 0;
}

.box-right{
	margin:0;
}

p.box-date{
	color:b0b0b0;
	font:12px;
	margin:-5px 0 0 0;
	padding:0 10px;
}

p.box-cat{
	color:b0b0b0;
	font:12px;
	margin:0 0 0 0;
	padding:0 10px;
	text-transform:uppercase;
}

.box h2{
	line-height:30px;
	padding:0 10px;

}

/* ---- Sidebar ---- */

.column{
	width:145px;
	color:b0b0b0;
}

.column-left{
	float:left;
	margin:0 10px 0 0;
}

.column-right{
	float:right;
	margin:0;	
}

.column ul{

	width:145px;
	float:right;
	margin:-10px 0 10px 0;
}

.column ul li{
	list-style:none;
	text-align:left;
	margin:10px 0;
}

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

img.thumb{
	float:left;
	padding: 8px 8px 8px 0;
}

.dashed{
	border-top:dashed 1px #fff;
}

#wpshift-ad{
	padding:0 0 0 10px;
}

#subscribe-links{
	margin: 0 50px;
}


/* ---- Footer ---- */

.footer-column{
	width:280px;
	height:600px;
	float:left;
	padding:10px;
}

.footer-column ul li{
	list-style:none;
	margin-left:-40px;
}

.footer-column ul li a:hover{
	color:#fff;
	
}

.footer-right{
	margin:10px 10px 0 0;
}

.footer-left{
	margin: 10px 0 0 0;
}

/* ---- Clearing ---- */
.clear{
	clear:both;
}

p.g1 { width: 60px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
p.g2 { width: 140px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
p.g3 { width: 220px; margin-left: 10px; margin-right: 10px; float: left; display: inline;}
p.g4 { width: 300px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
p.g5 { width: 380px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
p.g6 { width: 460px; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; float: left; display: inline; }
p.g7 { width: 540px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
p.g8 { width: 620px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
p.g9 { width: 700px; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; float: left; display: inline; }
p.g10 { width: 780px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
p.g11 { width: 860px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
p.g12 { width: 940px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }


.g1 { width: 60px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
.g2 { width: 140px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
.g3 { width: 220px; margin-left: 10px; margin-right: 10px; float: left; display: inline;}
.g4 { width: 300px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
.g5 { width: 380px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
.g6 { width: 460px; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; float: left; display: inline; }
.g7 { width: 540px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
.g8 { width: 620px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
.g9 { width: 700px; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; float: left; display: inline; }
.g10 { width: 780px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
.g11 { width: 860px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
.g12 { width: 940px; margin-left: 10px; margin-right: 10px; float: left; display: inline; }
.50{width:50%;}

.g-3-4-left{
float: left;
margin-right: 20px;
width: 380px;}

.g-3-4-right{
float: right;
margin-left: 20px;
width: 380px;}

.border-highlight{
	border-left: 12px solid #033a73;
	padding-left:10px;
}

.border-highlight:hover{
	border-left: 12px solid #fff;
	-webkit-transition: all 0.2s linear;
	
}


/* ---- Gallery ---- */

#featured-area {width: 940px; height: 220px; position: relative; padding: 9px 0px 0px; }
	.pics { position: relative; width: 940px; height: 220px; margin: 0px 0px 5px 0px; }
		.pics div img { float: left; margin-right: 5px; }
	#featured-area a#prev-item, #featured-area a#next-item { width: 30px;}
	
	.pics div h2{
	background: url('images/title-bg.png') repeat;
	position:absolute;
	height:40px;
	width:930px;
	bottom:0px;
	left:0px;
	text-align:right;
	text-indent:20px;
	padding:0 10px 0 0;
	text-shadow: 2px 2px 2px #000;
	line-height:40px;


	}
	
/* Comments */

#comments {
	width: 590px;
	overflow: auto;
}

.comment {
	margin-bottom: 10px;
	padding: 20px;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	background: url(http://wpshout.com/demo/wp-content/themes/theme/images/title-bg.png) repeat;
}

#comments ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.paginated-comments-links {
	padding: 10px 20px;
}

.pingback {
	padding: 5px 0;
	border-bottom: 1px solid #DFDFDF;
	margin: 5px 20px;
}

#trackbacks-list {
	margin-bottom: 10px;
}

#trackbacks-list h3 {
	margin: 10px 20px 0;
}

.comments-navigation {
	margin: 0 0 10px;
}

.comment-container {
	min-height: 130px;
	height: auto !important;
	height: 130px;
}

.comment-avatar {
	float: left;
	margin: 0 15px 5px 0px;
}

.comment-reply-link {
	float: left;
	clear: both;
	margin: 0 0 0 6px;
	width: 64px;
}

.comment-content {
	width: 80%;
	margin: 0 0 0 101px;
	overflow: hidden;
}

.avatar {
	background: #F9F9F9;
	padding: 2px;
	border: 1px solid #DFDFDF;
	margin: 0;
	width: 80px;
	height: 80px;
}

a.comment-reply-link {
	color: #FFFFFF;
	float: left;
	background: #000;
	margin: 0 !important;
	padding: 0 0 0 2px;
	width: 64px;
}

a.comment-reply-link span {
	color: #FFFFFF;
	float: left;
	display: block;
	background: #000;
	margin: 0 !important;
	padding: 6px 18px 6px 12px;
	width: 42px;
}

a.comment-reply-link:hover  span{
	background-position: right -34px;
	color: #FFFFFF;
}

a.comment-reply-link:hover {
	background-position: left -34px;
	color: #FFFFFF;
}

.depth-2 {
	margin: 10px 0 0;
	background: url('http://images.wpshout.com/bg.jpg') repeat;
	color: #000000;
	text-shadow: none;
}

.depth-2 a {
	color: #000000;
	text-shadow: none;
}

.depth-3 {
	background: url(http://wpshout.com/demo/wp-content/themes/theme/images/title-bg.png) repeat;
	color: #fff;

}

.depth-4 {
	background: url('http://images.wpshout.com/bg.jpg') repeat;
}

.depth-5 {
	background: url(http://wpshout.com/demo/wp-content/themes/theme/images/title-bg.png) repeat;
	color: #fff;

}
#respond {
	margin: 0 0 10px;
	padding: 20px 0;
}

#comment-form-left {
	float: left;
	width: 47%;
	margin-right: 20px;
}

#comment-form-right {
	float: left;
	width: 47%;
}

.form-input, textarea#comment{
	padding: 8px 6px;
	border: none;
	margin: 0 0 10px 0;
	font:16px Georgia;
	width: 95%;
	background: url(http://wpshout.com/demo/wp-content/themes/theme/images/title-bg.png) repeat;
	color: #FFFFFF;
}

#ajax_avatar {
	margin: 0;
	width: 80px;
	float: left;
	display: inline;
}

#grav_load {
	margin: 32px;
}

#ajax_get_avatar {
	padding: 5px 10px;
	margin-left: 96px;
}

#comment {
	width: 100%;
}

.byline{
	text-align:right;
	font-size: 14px;
	font-style: italic;
}

.thumbnail{
	background: white;
	border: 1px solid #CCC;
	float: left;
	height: 150px;
	margin: 0px 15px 100px 0px;
	padding: 4px;
	width: 150px;
}

/*
Stylesheet for the WP125 ad management plugin
URL: http://www.webmaster-source.com/wp125-ad-plugin-wordpress/
*/


/* Styles for one-column display */
#wp125adwrap_1c { width:100%; }
#wp125adwrap_1c .wp125ad { margin-bottom:10px; }

/* Styles for two-column display */
#wp125adwrap_2c { width:100%; }
#wp125adwrap_2c .wp125ad { width:125px; float:left; padding:10px; }

/*
	Paginator 3000
	- idea by ecto (ecto.ru)
	- coded by karaboz (karaboz.ru)
	- modified by dzhus (dzhus.com)
*/
.paginator {
	margin-top:60px;
	font-size:1em;
	width:100%;
}
.paginator table {
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
}
.paginator table td {
	padding:0;
	white-space:nowrap;
	text-align:center;
}
.paginator span {
	display:block;
	padding:3px 0;
	color:#fff;
}
.paginator span strong,
.paginator span a {
	padding:2px 6px;
}
.paginator span strong {
	background:#ff6c24;
	font-style:normal;
	font-weight:normal; 
}
.paginator .scroll_bar {
	width:100%;	height:20px;
	position:relative;
	margin-top:10px; 
}
.paginator .scroll_trough {
	width:100%;	height:3px;
	background:#ccc;
	overflow:hidden;
}
.paginator .scroll_thumb {
	position:absolute;
	z-index:2;
	width:0; height:3px;
	top:0; left:0;
	font-size:1px;
	background:#363636;
}
.paginator .scroll_knob {
	position:absolute;
	top:-5px; left:50%;
	margin-left:-10px;
	width:20px; height:20px;
	overflow:hidden;
	background:url(http://wpshout.com/wp-content/plugins/paginator/skin/images/slider_knob.gif) no-repeat 50% 50%;
	cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
	position:absolute;
	z-index:1;
	top:0; left:0;
	width:0; height:3px;
	overflow:hidden;
	background:#ff6c24;
}

.fullsize .scroll_thumb {
	display:none;
}

.paginator_pages {
	width:100%;
	text-align:right;
	font-size:0.8em; 
	color:#808080;
	margin-top:-10px; 
}