/*
Theme Name: The Wojo Group v1.5
Theme URI: http://thewojogroup.com/
Description: The Wojo Group's WP Blog Theme
Version: 1.5
Author: Stephen McKinney
Author URI: http://iamstevemckinney.com/

*/



/*RESETS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1;
}
ol, ul { list-style: none;
}
blockquote, q { quotes: none;
}

/ remember to define focus styles! /
:focus { outline: 0;
}

/ remember to highlight inserts somehow! /
ins { text-decoration: none;
}
del { text-decoration: line-through;
}

/ tables still need cellspacing=0 in the markup /
table { border-collapse: collapse; border-spacing: 0;
}
img, div { behavior: url(/assets/images/iepngfix2.htc) }
/*********************************
Layout
*********************************/
body{
	background:#f3f3f3;
	font:11px "Lucida Grande", Arial, Verdana, sans-serif;;
	color:#666;
	background:#000 url(images/bg.jpg) top center no-repeat;
	background-attachment: fixed;
}
#header{
	margin:30px auto 20px auto;
	width:915px;
}
#container{
	margin:0 auto;
	width: 915px;
}
#breadcrumbs{
	width:879px;
	margin:5px 0 5px 23px;
	line-height: 21px;
	color: #999;
}
#breadcrumbs a{
	color:#999;
	background: url(images/breadcrumbMiddle.gif) top left repeat-x;
	margin: 0 5px 0 0;
	line-height: 21px;
	height: 21px;
	display: inline-block;
	text-decoration: none;
	vertical-align: top;
}
#breadcrumbs a:hover{
	color: #666;
}
.breadcrumbLeft{
	display: inline-block;
	background: url(images/breadcrumbLeft.gif) top left no-repeat;
	width: 6px;
	height: 21px;
	vertical-align: top;
}
.breadcrumbRight{
	display: inline-block;
	background: url(images/breadcrumbRight.gif) top left no-repeat;
	width: 15px;
	height: 21px;
	vertical-align: top;
}
#blogContainer{
	width:915px;
	background: #fff;
	padding-top:20px;
}
#blog{
	width:915px;
	background:#fff url(images/faux_bg.gif);
	float:left;
}
#main{
	width:600px;
	margin:0 23px;
	float:left;
	display: inline;
	padding-top: 20px;
}
#sidebar{
	float:right;
	margin:20px 39px 0px 0;
	width:210px;
	display: inline;
}
#contact{
	clear:both;
	width:200px;
	margin:0 0 0 30px;
}
a.btnContact{
	display:block;
	width:115px;
	height:28px;
	margin:10px 0 10px 0;
	background:url(images/sprite.png);
	text-indent:-9999px;
}
a.btnContact:hover{
	background-position:0 28px;
}
#footer{
	width:100%;
	height:50px;
	background:#fff;
	clear:both;
}
#footer p{
	height:20px;
	padding-top:25px;
	text-align:center;
}
/*********************************
Banner
*********************************/
ul#nav{
	height:37px;
	background: url(images/bgNav.png);
	width:875px;
	margin-left:2px;
}
ul#nav li{
	float:left
}
ul#nav li a{
	height:0;
	padding-top:37px;
	font-size: 0;
	overflow: hidden;
	display:block;
}
#navAll{background: url(images/sprite.png) -115px -9px;width:67px;}
#navAll:hover{background-position: -182px -9px;}

#navMotionspire{background: url(images/sprite.png) -249px -9px;width:107px;}
#navMotionspire:hover{background-position: -356px -9px;}

#navHelloRent{background: url(images/sprite.png) -463px -9px;width:115px;}
#navHelloRent:hover{background-position: -578px -9px;}

#navContact{background: url(images/sprite.png) -693px -9px;width:98px;}
#navContact:hover{background-position: -791px -9px;}
#banner{
		background: url(images/bgBanner.png) no-repeat;
		width:915px;
		height: 348px;
}
div.scroller { 

	width:915px;
	height: 237px;
	overflow: hidden;
	padding: 15px 0 0 0;
	}
div.section{
	width:915px;
	float: left;
	height:230px;
	overflow: hidden;
}
div.scroller div.content2 {
	width: 10000px;
}
.showcasePicture{
	float:left;
	width:251px;
	padding: 25px 0 0 45px;
}
.showcasePicture img{
	background: rgba(255,255,255,.1);
	padding:9px;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);
}
.showcaseDesc{
	float: right;
	width:513px;
	display: inline;
	margin:25px 40px 0 20px;
	font:normal 13px/18px "Lucida Granda","Lucida Sans",arial,sans-serif;
	color:#ddd;
	text-align: justify;
}
.showcaseDesc p{
	opacity:.999;
	padding-top: 7px;
}
#labs{
	background-color:#1b1b1b;
	background-image:url(images/bgLabs.gif);
	background-repeat: repeat-x;
	width:915px;
	height: 95px;
	line-height:120px;
}
#labItems{
	width: 592px;
	padding-top: 13px;
	float:right;
	
}
#labItems li{
	float:left;
	display: block;
	width:100px;
}
#labItems li a{display: block;text-indent: -999px;overflow: hidden;}

#labItems li a:focus{outline:none;}

.labsHelloRent{
	background: url(images/labHelloRent.png) -87px 0;
	height:69px;
	width: 86px;
	opacity:.5;
	-webkit-transition:opacity .3s ease-in-out;
	-moz-transition-property:opactiy;
	-moz-transition-duration:.3s;
}
.labsHelloRent:hover{opacity:1}
.labsHelloRentSelect{background-position: -179px 0; opacity: 1}



.labsMotionspire{
	background: url(images/labMotionspire.png) -86px 0;
	height:69px;
	width: 86px;
	opacity:.7;
	-webkit-transition:opacity .3s ease-in-out;
	-moz-transition-property:opactiy;
	-moz-transition-duration:.3s;
}
.labsMotionspire:hover{opacity:1}
.labsMotionspireSelect{background-position: -178px 0; opacity:1}


.labsBackbone{
	background: url(images/labBackbone.png) -88px 0;
	height:69px;
	width: 86px;
	opacity:.6;
	-webkit-transition:opacity .3s ease-in-out;
	-moz-transition-property:opactiy;
	-moz-transition-duration:.3s;
}
.labsBackbone:hover{opacity:1}
.labsBackboneSelect{background-position: -180px 0; opacity:1}



.labsSimpleCart{
	background: url(images/labSimpleCart.png) -89px 0;
	height:69px;
	width: 86px;
	opacity:.7;
	-webkit-transition:opacity .3s ease-in-out;
	-moz-transition-property:opactiy;
	-moz-transition-duration:.3s;
}
.labsSimpleCart:hover{opacity:1}
.labsSimpleCartSelect{background-position: -182px 0; opacity:1}

.labsLogo{
	float:left;
	width: 246px;
	height: 50px;
	text-align: right;
}
.btnCheckItOut{
	display: block;
	height:24px;
	width:86px;
	background: url(images/sprite.png) -889px -18px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top:7px;
}
.btnCheckItOut:hover{
	background-position: -978px -18px;
}
/*********************************
Blog Properties
*********************************/
.post{
	border-bottom:1px solid #bcc8cf;
	margin-bottom:30px;
	float:left;
	width: 100%;
}
#blog h2,
#blog h2 a{
	font:bold 28px "Helvetica", Arial, sans-serif;
	color:#282828;
	display:inline;
	padding-right:6px;
	text-decoration:none;
}
#blog h2 a:hover{
	color:#555;
}
span.meta{
	font:bold 15px "Helvetica", Arial, sans-serif;
	color:#a6b7bf;
	white-space:nowrap;
}
span.meta small{
	font-weight:normal;
}
.content{
	margin:0 0 30px 0;
	line-height:17px;
}
.content img{
	padding:0 10px 10px 0;
}
.content p{
	margin:10px 0;
}
#blog h2.pagetitle{
	height:50px;
	display: block;
}
#blog a,#footer a{
	color:#589bb4;
	text-decoration: none;
}
#blog a:hover,#footer a:hover{
	color:#296f89;
}
p.postmetadata,{
	color:#999;
}
.commentBadge{
	margin: 0 0 0 5px;
	position: relative;
	top: -2px;
}
.commentBadgeLeft{
	display: inline-block;
	width: 5px;
	height: 23px;
	line-height: 20px;
	background: url(images/commentBadgeLeft.png);
}
.commentBadgeMiddle{
	display: inline-block;
	height: 23px;
	line-height: 23px;
	color: #d6b100;
	background: url(images/commentBadgeMiddle.png) top center repeat-x;
	padding: 0 3px;
	font-size: 11px;
	font-weight: normal;
	
}
.commentBadgeRight{
	display: inline-block;
	width: 5px;
	height: 23px;
	line-height: 20px;
	background: url(images/commentBadgeRight.png);
}
#sidebar p{
	width:198px;
}
#sidebar ul{
	margin:25px 0;
}
#sidebar ul li{
	margin:6px 0 0 0;
}
#sidebar ul li ul{
margin: 0;}
#sidebar h4{
	font:bold 16px "Helvetica", Arial, sans-serif;
	color:#383b40;
	text-shadow: #fff 0px 1px 1px;
	padding-bottom:4px;
}
#sidebar a{
	text-decoration:none;
	color:#707580;
	font:normal 13px "Helvetica", Arial, sans-serif;
}
#sidebar a:hover{
	color:#282828;
	text-shadow: #fff 0px 1px 1px;
}

#applesearch{
	height:25px;
}
input#srch_fld{
	padding:6px 3px;
	color: #222;
	font: bold 14px Helvetica, arial,sans-serif;
	width:198px;
	margin-bottom:20px;
}
#btnShare{
	display: block;
	background: url(images/btnShare.png);
	text-indent: -9999px;
	width: 100px;
	height: 26px;
}
#btnShare:active,
#btnShare.btnShareOn{
	background-position: 0 -27px;
}
#shareLayer{
	position: absolute;
	background: url(images/shareLayer.png);
	width: 227px;
	height: 132px;
}
#reTweet{
	margin: 32px 30px 0 25px;
	float: left;
}
#socialList{
	float: right;
	margin: 18px 0 0 0;
	width: 112px;
}
#socialList li{
	padding: 5px 0;
}
#socialList img{
	vertical-align: top;
	margin-right: 3px;
}
#socialList a{
	color: #fefefe;
}
#socialList a:hover{
	color: #ccc;
}
#shareClose{
	display: block;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/shareClose.png);
	width: 13px;
	height: 13px;
	left: 205px;
	top: 7px;
}
#shareClose:hover{
	background-position: 0 -13px;
}
#shareClose:active{
	opacity: .6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
}
/*********************************
Comments
*********************************/
h3, h3 a{
	font:bold 15px "Helvetica", Arial, sans-serif;
	color:#282828;
	text-decoration: none;
}
h3 a:hover{
	color: #666;
}
#comments{
	border-bottom:1px solid #bcc8cf;
	margin: -20px 0 30px 0;
	float:left;
	width:100%;
	padding-bottom:30px;
}
#comments h3{
	display: inline;
	padding: 0 5px 0 0;
}





li.comment{
	clear: both;
	margin: 10px 0;
	overflow: auto;
}
.gravatar{
	float: left;
	margin: 10px 5px 0 0;
}
.commentWrap{
	float: left;
	width: 475px;
}
.vcard{
	background: url(images/commentTop.png) no-repeat;
	width: 475px;
	height: 22px;
	text-indent: 25px;
	padding: 7px 0 0 0;
}
.vcard cite{
	font: bold 11px "Helvetica", Arial, sans-serif;
	color: #333;
}
#blog .vcard cite a{
	color: #333;
	text-decoration: underline;
}
#blog a.commentDate{
	color: #b39400;
}
.commentText{
	background: url(images/BGComment.png) repeat-y;
	margin: 0 0 0 18px;
	padding: 0 7px 10px 7px;
	width: 443px;
}
.reply{
	background: url(images/commentBottom.png) no-repeat;
	margin: 0 0 0 18px;
	width: 448px;
	height: 17px;
	padding: 5px;
}
.comment-reply-link{
	background: url(images/btnReply.png);
	display: block;
	width:51px;
	height: 18px;
	text-indent: -9999px;
	float: right;
}
.comment-reply-link:active{
	background-position: -51px 0;
}
ul.children{
	clear: both;
	overflow: auto;
}
ul.children li{
	margin: 10px 0 0 0;
	overflow: auto;
	clear: both;
}
ul.children .gravatar{
	float: right;
	margin: 10px 0 0 5px;
}
ul.children .commentWrap{
	float: right;
}
ul.children .vcard{
	background: url(images/replyCommentTop.png) no-repeat;
	text-indent: 7px;
}
ul.children .commentText{
	margin: 0 17px 0 0;
}
ul.children .reply{
	margin: 0 17px 0 0;
	background: url(images/replyCommentBottom.png) no-repeat;
	height: 6px;
}









#commentform{
	margin-top:15px;
}
#commentform input{
	font:bold 14px/18px "Helvetica", Arial, sans-serif;
	padding: 4px;
	margin: 15px 0 0 0;
}
#commentform textarea{
	margin: 15px 0 0 0;
	padding: 4px;
}
label{
	margin:1px 0 0 0;
	display: block;
	color: #999;
	font-size:10px;
}
#submit{
	background:url(images/sprite.png) -1066px -17px;
	display:block;
	width:73px;
	height:24px;
	border:none;
	cursor: pointer;
	text-indent:-9999px;
	overflow: hidden;
	margin-top:10px;
	font-size:0;
}
#submit:hover{
	background:url(images/sprite.png) -1139px -17px;
}
/*********************************
Global Properties
*********************************/
#sidebar h2{
	font:bold 18px "Helvetica", Arial, sans-serif;
	color:#000;
}
.highlight{
	background:#feffd1;
	padding:2px;
}
.content .center{
	text-align:center;
}
.content .center img{
	float:none;
	text-align:center;
}
.left{
	float:left;
}
.right{
	float:right;
}
#twitterLink{
	display:block;
	position:fixed;
	right:5px;
	top:100px;
	-webkit-transition:right .3s linear;
	-moz-transition:right .3s linear;
}
#rssLink{
	display:block;
	position:fixed;
	right:5px;
	top:150px;
	-webkit-transition:right .3s linear;
	-moz-transition:right .3s linear;
}
#twitterLink:hover,
#rssLink:hover{
	right:10px;
}
/*********************************
Blog Post Styles
*********************************/
div.content ul{
	list-style: disc;
	padding-left: 20px;
}
div.content li{
	margin: 5px 0;
}
div.content ol{
	list-style:decimal;
	padding-left:20px;
}
div.content blockquote{
	margin-left:20px;
	border-left:5px solid #ddd;
	padding:1px 5px;
}
.aligncenter{
	text-align: center;
	margin: 0;
}
.wp-caption{padding:5px;margin: 8px 8px 3px 8px;}
.alignleft{float: left}
.alignright{float:right}
.wp-caption img{margin:0;padding:0}
.wp-caption p{padding: 3px;margin:0 10px 0 0;background:#eee;color:#666;font-size:11px;border:1px solid #ddd}

.content strong{
	background: #ffd;
	padding: 1px 2px;
	color: #333;
}
/*****Download & Preview Buttons*****/

.btnDownload{
	background: url(images/btnDownload.png);
	width: 158px;
	height:45px;
	display: block;
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
	vertical-align:middle;
}
.btnDownload:hover{
	background-position: -158px 0;
}
.btnDownload:active{
	background-position:-316px 0;
}
.btnPreview{
	background: url(images/btnDownload.png);
	width: 159px;
	height:45px;
	display: block;
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
}
.btnPreview:active{
	background-position: 0 -44px;
}