/*
Theme Name: JRWDevelopment Portfolio
Theme URI: http://www.jrwdev.com/wordpress/current
Description: A Special Theme for JRWDevelopment Portfolio
Version: 1.0
Author: Jon Wadsworth
Author URI: http://www.jrwdev.com
Tags: clean, business, cuber, portfolio
*/
@charset "utf-8";
body { margin:0; padding:0; width:100%; background: url(images/main_bg.gif); }
html { padding:0; margin:0;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:"Liberation sans", Arial, Verdana, Helvetica, sans-serif;}
/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header { margin:0; padding:0; background: url(images/header_bg.gif) top repeat-x;}
.header { width:960px; margin:0 auto; padding:0;}
/* logo */
.logo { padding:30px 0px; margin:0; width:180px; float:left;}
/* menu */	
.menu { padding:60px 0 0 0; margin:0; width:600px; float:right; }
.menu ul { text-align: left;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { border-right:1px solid #525252; float:left; margin:0; padding:5px 10px; color:#fff; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a:hover { text-decoration:underline;}
.menu ul li a.active { text-decoration:underline;}
/*header_text_bg*/
.header_text_bg { margin:0; padding:0; background: #1e1e1e url(images/slider_bg.gif) top repeat-x; }
.header_text_bg p { padding:10px; margin:0;}
.header_text_bg_resize { margin:0 auto; padding:0; width:960px;}
/* menu */	
.menu2 { padding:10px 0; margin:0; width:800px; float:left; }
.menu2 ul { text-align: left;  padding:0; margin:0; list-style:none; border:0; float:left;}
.menu2 ul li { float:left; margin:0; padding:0; border:0;}
.menu2 ul li a { border-right:1px solid #525252; float:left; margin:0; padding:2px 10px 2px 10px; color:#a5a5a5; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu2 ul li a:hover { text-decoration:underline;}
.menu2 ul li a.active { text-decoration:underline;}
/* Ca3er style */
.cu3er_resize { width:960px; margin:0 auto; padding:17px 0 32px 0; background: url(images/slider_bottom.gif) no-repeat bottom;}
#cu3er-container { width:960px; outline:0; }
/********** body **********/
.body_resize { margin:0; padding:0; border-top:1px solid #141414; background:#f6f6f6;}
.body { width:960px;  margin:0 auto; padding:10px 0; color:#605F5F;}
.body h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#171717; margin:0;  padding:10px 10px;}
.body h2 a { font: normal 24px Arial, Helvetica, sans-serif; color:#0097e7; margin:0;  padding:10px 10px;}
.body h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#ababab;}
.body h3 { font: normal 20px Arial, Helvetica, sans-serif; color:#212121; margin:0 0 20px 0;  padding:15px 5px; border-bottom:1px solid #d7d7d7;}
.body h3 a{ font: normal 20px Arial, Helvetica, sans-serif; color:#0097e7; margin:0 0 20px 0;  padding:15px 0;}
.body h3 span { font: normal 14px Arial, Helvetica, sans-serif; color:#898989;}
.body img {  padding:0; margin:10px 0;}
.body img.floated { float:left; padding:0; margin:10px 20px;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#605f5f; line-height:1.8em; padding:5px 10px; margin:0;}
.body a { text-decoration:none; color:#0097e7; line-height:1.8em; font: normal 12px Arial, Helvetica, sans-serif;}
.left { width:310px; float:left; padding:5px 1px; margin:5px 2px; border:1px solid #ccc; background:#fff;}
.left2 { width:463px; float:left; padding:5px 0; margin:5px 15px 5px 0; border:1px solid #ccc; background:#fff;}
.services { min-height:420px;}
.port { width:958px;  padding:5px 0; margin:10px  auto; border:1px solid #cccccc; background:#fff;}
.port h2 a { padding:10px 0px 10px 0px;}
.port-small { width:620px;  padding:10px 10px; margin:10px  auto; border:1px solid #cccccc; background:#fff; float:left; display:block;}
.contact_left { width:585px; float:left; padding:10px 0; margin:0;}
.contact_right { width:280px; float:right; padding:10px 0; margin:0;}
/*Portfolio*/
.portfolio { height:400px; }
h2.portfolio-title a { font-size:16px; font-weight:bold; text-transform:uppercase; padding:0;}
img.portfolio-thumb { padding:20px 20px 0px 20px; margin: 0 auto;}
.portfolio p span { font-weight:bold;}
img.portfolio-image { padding:20px 0 0 0; margin:0 20px 0 20px; border-bottom: 1px solid #CCCCCC;}
/*FBG*/
.FBG { background:#262626; border-top:1px solid #383838; margin:0; padding:0;}
.FBG_resize { width:960px; margin:0 auto; padding:20px 0;}
.FBG_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#818181; padding:5px; margin:0; line-height:1.8em;}
.FBG_resize a { color:#fdfdfd; font: normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
.FBG_resize h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#dfdfdf; padding:5px; margin:0; text-transform:uppercase;}
.FBG_resize img { float:left; margin:10px 5px; padding:0;}
.FBG_resize .blog { width:310px; float:left; margin:0; padding:0px 5px; background:url(images/fbg_bg.gif) right center no-repeat;}
.FBG_resize .blog img, .FBG_resize .blog2 img{ margin:30px 15px 40px 5px; }
.FBG_resize .blog2 { width:310px; float:left; margin:0; padding:0px 5px;}
/* END_blog*/
/*************sidebar**********/
#sidebar { width:310px; padding:0; margin:10px  0;  background:#fff; float:right; color:#605F5F; font: normal 14px Arial, Helvetica, sans-serif;}
#sidebar ul { padding:0; margin:20px 0 0 0;}
#sidebar ul ul { padding:0; margin:20px 0 20px 0;}
#sidebar li { list-style:none; padding:0 0 5px 10px;}
#sidebar li span { font-weight:bold;}
#sidebar li p { font-size:14px; padding:0; line-height:18px;}
#sidebar h3 {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #000000;
    font-size: 0.9em;
    padding: 8px 10px;
    text-transform: uppercase;
}
#searchform input#s {
    border: 1px solid #CCCCCC;
    color: #999999;
    margin: 0 6px 20px 6px;
    padding: 8px 10px;
    width: 276px;
}
/*************footer**********/
.footer_resize { width:960px; margin:0 auto; padding:10px 0 20px 0; }
.footer { padding:0;  margin:0; background:#dfdfdf; border-top:1px solid #d7d7d7; }
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#737373;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#454545; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 0; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 0 0 0; float:right;} 
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#605f5f; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#F00;}
#contactform input.text { width:200px; border:1px solid #e8e8e8; margin:10px 0; padding:5px 2px; height:16px; background:#DFDFDF; float:left;}
#contactform textarea { width:410px; border:1px solid #e8e8e8; margin:10px 0; padding:2px; background:#DFDFDF; float:left;}
#contactform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#F00; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}
/* post-commets */
.post-commets { float:right;}
/* comments count */
.comm_count { margin:0 0 12px; padding:5px 0; float:right; font-size:12px; color:#9a9a9a;}
.comm_count a { font-weight:bold; color:#36b8c5; text-decoration:none;}
.comm_count a:hover { text-decoration:underline;}
/*- Post Comments -*/
.post-comments { width:600px; padding:10px;}
.post-comments h2 { padding-top:10px;}
.post-comments .fl { width:80px;}
.post-comments .fr { width:480px;}
.post-comments img { margin:0px;}
/*- Box2 -*/
.box2 { background-color:#d9d9d9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:15px; min-height:115px; width:450px;}
.box2.alt { background:#FFFFFF;}
.comm-name, .comm-date { line-height:20px;}
/*=== Styling Forms ===*/
fieldset { border:none; padding:0; margin:0;}
input.btn { background:none; border:0; margin:0; padding:0;}
select { padding:1px;}
/*- Message -*/
.message div { margin:0 0 18px;}
.message input { padding:9px 15px; width:450px;}
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:450px; font-family:Verdana;}
.message .submit { float:left;}
.message .btn { padding:0; width:128px; height:32px; background:url(images/button.gif);}
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0;}
/* Tabs */

#tabs {
	width:298px !important;
	height:auto !important;
	padding:5px;
	border:1px solid #ddd;
	background-color:#eeeeee;
	display: block;
	overflow:hidden;
	list-style-type:none;
}

#tabs a{
	color:#000000;
}
#tabs a:hover{
	color:#003366;
}

#tabs #pop img {
			width: 80px; height: 36px;
			padding: 2px;
			border: 1px solid #eee;
			float: left;
			margin: 0 10px 10px 0;
		}

 #tabs #feat img {
			width: 80px; height: 36px;
			padding: 2px;
			border: 1px solid #eee;
			float: left;
			margin: 0 10px 10px 0;
			background-color:#FFFFFF;
		}
		
#tabs ul { margin:0px;}

.inside {
	width: 285px !important;
	padding:5px !important;
	border:1px solid #ddd !important;
	margin:5px 0px 0px !important;
	background-color: #FFFFFF;

}

ul.gttTabs {
	width: 100%;
	padding: 0 0 7px 0;
	list-style-type:none;
	margin:0;
}

ul.gttTabs li {
	float: left;
	display:inline;
	font-size: 11px;
	line-height: 34px;
	background: #ffffff;
	color: #000000;
	border:1px solid #ddd;
	font-weight: bold;
	font-size: 11px;
	margin:0px 5px 0px 0px !important;
	cursor: pointer;
	list-style-type:none;
	padding:0px !important;
}

ul.gttTabs li a {
	line-height: 31px;
	color: #000000;
	display: block;
	float: left;
	padding: 0 6px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

ul.gttTabs li a.selected, ul.gttTabs li a:hover {
	text-decoration:none;
	color: #ffffff !important;
	background-color:#666;
}

#tagcloud {
	padding:10px;
}



#sub img {
	float: right;
	margin: 0 0 8px 8px;
}

.inside li {
	border-bottom:1px solid #EEEEEE;
	padding:8px !important;
	height:40px !important;
}

.inside li img.avatar, .inside li img.thumbnail {
	border: 1px solid #ddd;
	padding: 3px;
	background-color: #ffffff;
	float: left;
	margin: 0 8px 0 0;
	list-style-type:none;
}
.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}
/* end tabs */


/* Misc */
.hl, .hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%;}
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em;}
.fl { float:left;}
.fr { float:right;}
.ac { text-align:center; padding:0;}
.ac img { border:none; margin:0; padding:0 8px 0 0;}
.ar { text-align:right;}
p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
.wp-synhighlighter-outer { padding:0 10px;}

.alignleft {
	float:left;
	display:inline;
}
.alignright {
	float:right;
	display:inline;
}
.wp-caption {
	width:100%;
	border:1px solid #DDD;
	background-color: #F6F6F6;
	padding:10px;
	margin:10px;
	border-radius:3px;
}
.wp-caption img {
	margin:0px;
}
p.wp-caption-text{
	padding:5px 0px;
	text-align:center;
}
#cuBer-container a {
display:block;
width: 960px;
margin: 0px auto;
}