/* QBGarage.com ver 1
----------------------------------------------- */

body {
margin-top: 20px;
padding: 0;
color: #3A003F;
background-repeat: repeat-x;
background-position: top;
background-color: #000;  
font-family: Verdana, Georgia, Sans-Serif;
font-size: 14px;
line-height: 18px;
}

/* outmost wrapper */
#wrapper2 {
width: 950px;
margin-left: auto;
margin-right: auto;
padding: 0px 0px 0px 0px;
}

/* header */
#header {
width: 950px;
margin-left: auto;
margin-right: auto;
float: right;
background-color: #bdd2ff;
}

#header-flash {
background-color: #fff;
float: left;
border: none;
width: 950px;
height: 80px;
}

/* link styling */
a:link { text-decoration: none; color: #64A0C2; }

a:visited { text-decoration: none; color: #64A0C2; }

a:hover, a:active { color: #F5C55E; }

/* headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }

h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px; }

h2 { font-size: 28px; }

h3 { font-size: 24px; }

h4, h5, h6 { font-size: 20px; }

/* pages and blog only */
#wrapper {
float: right;
width: 950px;;
color: #3A003F;
background-color: #FFFFFF;
padding-bottom: 20px;
}

/* titles of home page posts */
.titles { font-weight: normal; font-size: 24px; text-decoration: none; float:left; }

.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
font-size: 20px;
font-weight: normal;
font-family: Trebuchet MS;
line-height: 20px;
}

blockquote {
overflow: auto;
padding: 0 10px;
margin: 20px 30px;
line-height: 1.8em;
background-color: #f5f5f5;
border-left: 12px solid #165a7f;
}

pre {
overflow: auto;
padding: 10px 10px;
margin: 20px 30px;
line-height: 1.8em;
background-color: #f5f5f5;
border: 1px solid #e0e0e0;
}

pre:hover {
background-color: #f0f0f0;
border: 1px solid #d0d0d0;
}

ul, ol { line-height: 2.0em; }

ul { 
/* list-style-image: url(images/bullet_yellow.gif);   */
list-style-image: url(images/point_right.png); 
}


/* Post styling, loop & single
----------------------------------------------- */

#content-wrapper { width: 600px; float: left; }

.content { width: 585px; float: left; padding: 0px 0px 0px 15px; }

.post-wrapper {
width: 570px;
padding-left: 10px;
padding-right: 0px;
margin-bottom: 15px;
float: left;
}

/* titles of posts on single pages */
.post-title { line-height: 30px; }

.post { padding-left: 0px; margin-left: 0px; padding-top: 20px; }

.homepost-left { width: 114px; float: left; }

.homepost-right { float: right; width: 416px; padding: 14px 20px 0px 20px; }

/* 94 x 94 px thumb in blog loop */
.thumbnailwrap {
border: 10px solid #EFEFEF;
background-image: url(images/noimage.gif);
width: 94px;
height: 94px;
padding: 0px;
margin-top: 15px;
}

/* 94 x 94 px thumb in blog loop */
.thumbnail-home { border: 0px; margin: 0px 0px 0px 0px; }



/* Not-a-blog look
----------------------------------------------- */

.noblog-printlink { float:right; margin-left: 600px; padding-bottom: 10px; }

.noblog { float: left; padding-bottom: 20px;}

.noblog h2 { font-size: 24px; color: #64a0c2; font-weight: bold; padding-bottom: 10px; }

.noblog h3 { font-size: 18px; color: #64a0c2; font-weight: bold; padding-bottom: 10px; }

.noblog h4 { font-size: 16px; padding: 0px 0px 10px 0px; }

.noblog h5 { font-size: 14px; color: #64a0c2; font-weight: bold; }

.noblog ol {list-style-type:decimal; clear: both; }

.noblog .indent { margin-left: 50px; padding-left: 30px; border-left:2px dashed #CAE3EF; }

.noblog .widebox { border: 2px dashed #CAE3EF; width: 860px; margin-top: 25px; padding: 10px; }

/* Search
----------------------------------------------- */

.search_bg {
float: right;
height: 32px;
width: 190px;
background:url(images/search-bg30_186.gif) no-repeat;
background-position: left;
margin-top: 1px;
}

#search { color:#FFFFFF; padding:0; }

#search input {
background: transparent; 
font-size: 14px;
color: #818181;
font-family: Verdana, Georgia, Sans-Serif;
width: 185px;
height: 22px;
vertical-align: middle;
margin: 5px 0px 0 10px;
padding: 0px 0px 0px 0px;
border: none;
}

#search .input {
width: 90px;
height: 33px;
background: none;
border: none;
vertical-align: middle;
margin: 0;
padding: 0;
margin-left: 15px;
}

.search-slide {
height: 34px;
width: 215px;
display: none;
background-image: url(images/search-slide-bg.gif);
z-index: 100;
position: absolute;
left: -215px;
}

.search-slide-button {
cursor: pointer;
float: left;
padding-right: 10px;
z-index: 100;
}

.search-float {
float: right;
position: relative;
z-index: 100;
}

.delete {
float: right;
margin-right: 5px;
cursor: pointer;
margin-top: 5px;
}


/* Featured post on home page & blog
----------------------------------------------- */

#featured {
width: 950px;
background-color: #fff;
background-image: url(images/middle-bgb.gif);
background-repeat: repeat-x;
background-position: top;
border-bottom: 1px solid #E5E5E5;
float: right;
}

#featured-bg {
width: 930px;
float: left;
background-image: url(images/featured-1px.gif); 
background-repeat: repeat-x; 
background-position: top;
margin-top: 20px;
margin-left: 10px;
padding: 15px 0px 10px 0px;
}

#featured-articles {
width: 629px;
float: left;
}

#featured-left {
float: left;
width: 300px;
margin-left: 20px;
margin-top: 15px;
}

#featured-right {
float: right;
width: 270px;
margin-right: 20px;
margin-top: 0px;
}

#featured-left2 {
float: left;
width: 270px;
margin-left: 20px;
margin-top: 0px;
}

#featured-right2 {
float: right;
width: 300px;
margin-right: 20px;
margin-top: 15px;
}

#featured-left-blog {
float: left;
width: 410px;
margin-left: 20px;
margin-top: 15px;
}

#featured-right-blog {
float: right;
width: 480px;
margin-right: 20px;
margin-top: 0px;
}


#featured-asides-container {
float: right;
border-left: 1px solid #E5E5E5;
width: 300px;
}

#featured-asides {
float: left;
font-size: 12px;
margin-right: 10px;
}

#featured-asides ul {
line-height: 1.0em;
}

#featured-asides li p {
line-height: 12px;
}

#featured .titles a:link, #featured .titles a:visited {
font-size: 21px;
margin-left: 20px;
}

#featured .titles-blog a:link, #featured .titles-blog a:visited {
font-size: 26px;
margin-left: 20px;
}


/* 2 smaller posts only on home page
----------------------------------------------- */

#featured-less .titles a:link, #featured-less .titles a:visited { font-size: 20px; margin-left: 20px; }

#featured-less {
float: right;
width: 950px;
background-color: #FFF;
}

#featured-less-left-bg {
margin-top: 5px;
margin-left: 10px;
padding-top: 10px;
padding-bottom: 15px;
}

#featured-less-right-bg {
margin-top: 5px;
margin-left: 10px;
padding-top: 10px;
padding-bottom: 15px;
}

.toptitle {
font-size: 24px;
color: #fff;
margin-left: 15px; 
display: block;
margin-top: 15px;
margin-bottom: 10px;
}

.toptitle2 {
font-size: 24px;
color: #FFF;
display: block;
margin-top: 15px;
margin-bottom: 10px;
}

#featured-less-left-container {
float: left;
width: 470px;
}

#featured-less-right-container {
float: right;
width: 470px;
}

#featured-less-left-thumb {
float: left;
width: 100px;
margin-left: 20px;
margin-top: 15px;
}

#featured-less-left-content {
float: right;
width: 300px;
margin-right: 10px;
margin-top: 5px;
font-size: 12px;
}

#featured-less-right-thumb {
float: left;
width: 100px;
margin-left: 20px;
margin-top: 15px;
}

#featured-less-right-content {
float: right;
width: 300px;
margin-right: 20px;
margin-top: 5px;
font-size: 12px;
}


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

#sidebar-wrapper { width: 350px; float: right; }

.sidebar {
float: right;
padding: 0px 10px 10px 10px;
width: 325px;
margin-right: 10px;
margin-top: 0px;
border-left: 1px solid #E6E6E6;
}

.sidebar-box {
padding: 0px 0px 10px 10px;
margin-bottom: 0px;
}

.sidebar-box ul {
margin-left: 0px;
padding-left: 5px;
list-style-type: none; 
list-style-image: none; 
}

.sidebar-box ol { margin-left: 20px; padding-left: 5px;}

.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active {
display: inline; 
padding-bottom: 3px; 
padding-top: 2px; 
color: #64A0C2;
width: 100%;
list-style-type: none; 
list-style-image: none; 
} 

.sidebar-box ul li a:hover {
width: 100%; 
display: inline; 
padding-bottom: 3px; 
padding-top: 2px;
color: #F5C55E;
} 

.st-tag-cloud a:hover {
text-decoration: underline;
}

.sidebar-box h3 { 
margin-top: 5px; 
font-size: 15px; 
color: #205C7F;
padding-top: 4px;  
font-weight: bold; 
display: block; 
border-bottom: 2px solid #EEEEEE; 
padding-bottom: 4px; 
text-transform: lowercase;  
}

#sidebar_comments, #sidebar_highestrated {
float: left;
display: none;
}

.list2-sidebar, .list2-sidebar ul {
color: #3A003F;
padding: 0px 5px;
list-style-type: none;
list-style-image: none;
width: 100%;
}

.list2-sidebar a {
}


/* Sidebar tabbed container
----------------------------------------------- */

#sidebar-box-tabs { display:none; margin-left: 10px; }

#sidebar-box-tabs a {
outline: none;
border: none;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
vertical-align: middle;
display: inline-block;
/* display: -moz-inline-box; */
}

#sidebar-box-container {
/* width: 315px; */
float: left;
/* height: 160px; */
display: block;
padding: 0px 0px 0px 0px; 
text-decoration: none !important;
text-align: center;
color: #FFFFFF;
}

.sidebar-box-tabs-elements {
float: left;
width: 315px;
/* display: block; */
margin-left: 10px;
text-align: left;
border: 1px dashed #000000;
}

a.sidetab {
/* height: 24px;  */
font-size: 10px;
background-color: #377497;
color: #000000;
padding: 4px 10px;
/* margin-top: 0.3em;  */
/* border-bottom: solid 2px #fff; */
border: none;
text-align: center;
}

a.sidetab:hover { color: #f0b000; }
  
a.sidetab_selected { border: none; }

a.sidetab img, a.sidetab_selected img { border: none; }


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

#footer {
clear: both;
float: right;
width: 950px;
height: 20px;
text-align: center;
padding-left: 20px;
color: #FFFFFF;
padding-bottom: 0px;
padding-top: 5px;
margin-bottom: 20px;
}

#footer a { color: #64A0C2; font-size: 14px; }

#footer a:visited { color: #64A0C2; }

#footer a:hover { color: #f0b000; text-decoration: underline; }

#footer img { border: none; }


/* Post styling
----------------------------------------------- */

.post-wrapper-single-bg {
width: 950px;
background-color: #FFF;
background-image: url(images/middle-bgb.gif);
background-repeat: repeat-x;
background-position: top;
float: right;
}

.post-wrapper-single {
width: 930px;
background-image: url(images/featured-1px.gif); 
background-repeat: repeat-x; 
background-position: top;
margin-top: 20px;
margin-left: 10px;
padding: 15px 0px 10px 0px;
margin-bottom: 15px;
float: left;
}

.post-content-single { width: 890px; padding: 10px 20px 10px 20px; }

.articleinfo {
border-bottom: 4px solid #EEEEEE; 
padding-bottom: 7px; 
}

.articleclosing {
border-top: 4px solid #EEEEEE; 
clear: both;
margin-top: 20px;
padding-bottom: 7px; 
padding-top: 5px;
}

#extras {
float: left;
width: 780px;
color: #C7AA92;
text-align: left;
padding: 0 10px 10px;
margin: 10px 12px 20px;
background-color: #f5f5f5;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}

.icons {
margin-top: 0px; 
margin-bottom: -5px;
margin-right: 10px;
}

.list2 {
color: #E3EDF2;
margin-top: 0px;
font-size: 18px;
}

.list2 a {
color: #E3EDF2;
margin-top: 0px;
font-size: 18px;
}

.list2 a:hover {
color: #f0b000;
}

.pagination {
padding-left: 135px;
}

.featured-image {
height: 91px;
width: 284px;
padding: 1px 1px 25px 1px; 
margin: 0px; 
border: 0px;
}

.featured-image-small {
padding: 1px; 
margin: 0px; 
border:0px; 
height: 94px;
width: 94px;
}

/* Features/scripts/misc added to theme
----------------------------------------------- */

/* Thickbox */
#myOnPageContent,#myOnPageContent2 { display: none; }


/* keep 16px images in line */
.inlineimage { margin: 0px 0px -3px 0px; border: 0px; }

/* tables in posts */
#mytable, #mytable2 {
	width: 850px;	
	padding: 10px 20px 10px 20px;
	margin: 0;
	}

.posttable caption {
	caption-side: bottom;
	padding: 0 0 5px 0;	
	width: 850px;	 	
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	}

.posttable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	color: #4f6b72;	
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
	}

.posttable th.nobg {
	border-top: 0;	
	border-left: 0;	
	border-right: 1px solid #C1DAD7;
	background: none;
	}

.posttable td {	
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #FFFFFF;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	text-align: right;
	}

.posttable td.alt {
	background: #F5FAFA;
	color: #797268;
	}

.posttable th.spec {	
	border-left: 1px solid #C1DAD7;	
	border-top: 0;	
	background: #FFFFFF url(images/bullet1.gif) no-repeat;	
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

.posttable th.specalt {	
	border-left: 1px solid #C1DAD7;	
	border-top: 0;	
	background: #f5fafa url(images/bullet2.gif) no-repeat;	
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	color: #797268;
	}


/* Plugin dependent
----------------------------------------------- */


/* pb flash embed */

.flash-left {
float: left;
margin: 0px 20px 20px 0px;
}

.flash-right {
float: right;
margin: 0px 0px 20px 20px;
}


/* WP Ajax Edit Comments */

.edit-comment-admin-links, .edit-comment-user-link { padding-bottom:10px; }


/* AWP */
.awpcomments {
	width: 100%;
	border-bottom: 4px solid #EEEEEE; 
	padding-bottom: 7px;
	margin-left: 10px; 
	padding-left: 0px;
	}

.commentform h3 {
	padding-left: 10px;
	}

/*
.awpcommentform {
	width: 75%;
	}
*/

.awpcomments ol.comments, .post_comments ol.comments {
	padding-left: 10px;
	margin-left:0;
	list-style-type:none !important;
	}

/*
.awpcomments ol.comments alt, .post_comments ol.comments alt {
	background-color: #EDF3FE;
	}
*/

.awpcomments ol.comments * > ol.reply, .post_comments ol.comments * > ol.reply {
	list-style-type:none !important;
	padding-left:1.3em;
	margin-left:0;
	border-left: 1px dashed #477CAA;
	}

.comment_form {
	padding-left: 10px;
	width: 75%;
	}

.awpcomments * ol.reply{
	list-style-type:none !important;
	}

li.comment { background-color: #FFFFFF; margin-top: 10px; }

li.comment.alt { background-color: #EDF3FE; padding-bottom: 10px; }

.authorcomment {
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#3C3C3C;
	line-height:1.5em;
	margin:3px;
	padding:4px;
	}

.commentbar {
	display:block;
	margin:0 !important;
	padding:5px 5px 10px 0px !important;

	font-weight:400;
	text-align:left;
	color: #FFFFFF;
	background:#477CAA;
	}

.commentbar cite { font-style:normal; }

.commentbar a {
	font-weight:700 !important;
	text-decoration:underline !important;
	color: #FFFFFF !important;
	}

.commentbar a:hover {
	text-decoration:none !important;
	color: #FFFFFF !important;
	}

.comment_form input[type=text], .comment_form textarea, .input {
	font-size: 1.1em;
	padding: 3px;
	color: #606060;
	background: #f3f3f3;
	border: 2px solid #a5bbcf !important;
	}

.comment_form input[type=text]:focus, .comment_form  textarea:focus, .input:focus {
	background: #fff;
	color: #333;
	border: 2px solid #90a9c0 !important;
	}

.preview_comment{
	border: 2px solid #90a9c0 !important;
	padding-top: 10px;
	background: #ffffff  url('images/close_normal.gif') top left no-repeat;
	}

.comment_form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	}

.comment_form textarea {
	height: 250px;
	width: 95% !important;
	margin-right:4% !important;
	font-size: 1.2em;
	}

.comment_form input[type=submit],.comment_form input[type=button] {
	background: #7EAED7;
	border: 1px solid #90a9c0;
	color: #FFFFFF;
	}

.ed_button, .submit{
	background: #7EAED7;
	border: 1px solid #90a9c0;
	color: #FFFFFF;
	}


/* Simple tags */
.tagcloud {
padding: 5px 10px;
}


/* Deprecated stuff - verify!
----------------------------------------------- */


/* Superfish
----------------------------------------------- */

/* required stuff */
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:		99; /* fixes IE z-index bug */
}

.sf-menu {
	line-height:	14px;
}

.sf-menu ul {
	position:		absolute;
	top:			-999px;
	width:			950px; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width:			100%;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
	float:			left;
	position:		relative;
}

.sf-menu a {
	display:		block;
	position:		relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			34px; /* match top ul list item height */
	z-index:		99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999px;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			950px; /* match ul width */
	top:			0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999px;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			950px; /* match ul width */
	top:			0;
}

/* default look */
.sf-menu {
	float:			left;
	margin-bottom:	0em;
}

.sf-menu a {
	padding: 		10px 13px;
	text-decoration:none;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#175a7f; 
}

.sf-menu li {
	background:		#BDD2FF;
}

.sf-menu li li {
	background:		#AABDE6;
}

.sf-menu li li li {
	background:		#9AAEDB;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/* arrows */
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			10px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999px;
	overflow:		hidden;
	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* shadows for all but IE6 */
.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
