/*
Theme Name: Backstop
Theme URI: http://www.backstop.org/
Description: Blog theme for Backstop
Author: Matt Hill
Version: Alpha
*/

/*Auto float clearing for compliant browsers
*************************************************************************/
.group:after,
#main:after,
#respond:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/* General Rules and classes
*************************************************************************/
#skipto {
	position:absolute;
	left:-1000em;
}
.floatright {
	float:right;
	text-align:right;
}
.floatleft {
	float:left;
	text-align:left;
}
.alignright {
	text-align:right;
}
.alignleft {
	text-align:left;
}
#main a,
#main a:visited {
	font-weight:bold;
	color:#ff8340;
	text-decoration:underline;
}
#main a em,
#main a:visited em {
	font-style:normal !important;
}

/* Layout (sizes / floats / positions of main elements)
*************************************************************************/
#main {
	width:960px;
	margin:0 auto;
	padding:0;
	clear:both;
}
#main #sidebar {
	float:right;
	width:230px;
	margin:0;
}
#main #content {
	float:left;
	width:680px;
	padding:0 20px;
	margin:0;	
}
html,body {
	background:url(images/container-bg.jpg);
}


/* Box backgrounds
*************************************************************************/
/* These are completely re-done for the blog and don't use any of the
   style rules or images from the main site */
   
#content {
	background:#FFF url(images/bg-blog-content-mid.jpg) left top repeat-y;
}   
#content .shimtop,
#content .shimbot {
	font-size:0;
	width:720px;
	height:20px;
	margin:0 -20px;
	background:#FFF url(images/bg-blog-content-shim.jpg) left top no-repeat;
}      
#content .shimbot {
	background-position:left bottom;
}

#sidebar .panel {
	padding:0 20px;
	margin:0 0 5px 0;
	background:#FFF url(images/bg-blog-sidebar-mid.jpg) left top repeat-y;	
}
#sidebar .panel b,
#sidebar .panel i  {
	display:block;
	font-size:0;
	width:230px;
	height:20px;
	margin:0 -20px;
	background:#FFF url(images/bg-blog-sidebar-shim.jpg) left top no-repeat;
}
#sidebar .panel i  {
	background-position:left bottom;
}
#sidebar #blog_getnews {
	padding:0 20px;
	background:#ff8340 url(images/bg-blog-sidebar-mid-orange.jpg) left top repeat-y;
}
#sidebar #blog_getnews b {
	background:#ff8340 url(images/bg-blog-sidebar-shim-orange.jpg) left top no-repeat;
}
#sidebar #blog_getnews i {
	background:#ff8340 url(images/bg-blog-sidebar-shim-orange.jpg) left bottom no-repeat;
}
#sidebar #blog_search {
	padding:0 20px;
	background:#0077cb url(images/bg-blog-sidebar-mid-blue.jpg) left top repeat-y;
}
#sidebar #blog_search b {
	background:#0077cb url(images/bg-blog-sidebar-shim-blue.jpg) left top no-repeat;
}
#sidebar #blog_search i {
	background:#0077cb url(images/bg-blog-sidebar-shim-blue.jpg) left bottom no-repeat;
}

/* Typography & Main / Content space
*************************************************************************/
h1,h2,h3,h4,h5,h6 {
	font: bold 1em/normal Arial,"Helvetica Neue","Helvetica",sans-serif;
	letter-spacing:0;
	color:#00204e;
}
h1 {

}
h3 {

}

strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
a,a:link {
	color:#3399CC;
	font-weight:normal;
	text-decoration:none;
}
a:visited {
	color:#3399CC;	
}
a:hover {
	text-decoration:none;
}
p {
	margin:0 0 1.5em 0;
}

/* Intro with Icon
*************************************************************************/
#content .iconintro {
	padding:5px 0;
}
#content .iconintro a,
#content .iconintro a:visited  {
	text-decoration:none;
	color:#00204e;
}
#content .iconintro .title {
	display:block;
	float:left;
	font-size:30px;
	font-weight:bold;
	line-height:50px;
	padding:0 0 0 50px;
	width:250px;
	color:#00204e;
	background:url(images/icon-blueblog.png) left center no-repeat;
}
#content .iconintro p {
	float:right;
	text-align:right;
	width:340px;
	padding:10px 0 0;
	line-height:16px;
}

/* Blog Posts
*************************************************************************/
#content .post {
	padding:15px 20px 0;
	border-top:1px solid #dfdfdf;
}
#content .post h1,
#content .post h2,
#content .post h3,
#content .post h4  {
	padding:0;
	color:#00204e;
}
#content .post h1,
#content .post h2  {
	color:#00204e;
	font-size:20px;
	line-height:normal;
	font-weight:bold;
	width:520px;
	float:left;
	margin:0 0 15px 0;
}
#content .post h1 a,
#content .post h2 a {
	color:#0077cb;
	font-weight:bold;
	text-decoration:none;
}
#content .post h1 span,
#content .post h2 span {
	font-weight:bold;
	font-size:14px;
}
#content .post p,
#content .post ul,
#content .post ol {
	line-height:18px;
}

#content .post .entry-summary,
#content .post .entry-content {
	clear:both;
	margin:0;
}


.edit-link {
	display:inline-block;
	background:#0077cb;
	color:#FFF;
	padding:3px;
	margin:0 7px 0 0;
}
.edit-link a,
.edit-link a:visited {
	color:#FFF !important;
}

/* Comment Balloon
*************************************************************************/
.comnum {
	display:block;
	float:right;
	width:34px;
	height:26px;
	padding:4px 0 0 0;
	background: url(images/icon-commentbubble.png) center center no-repeat;
	color:#00204e;
	text-align:center;
	font-weight:bold;
}

/* Filed Under
*************************************************************************/
#content .post .entry-meta {
	clear:both;
	text-align:right;
	font-size:0.9em;
	margin:0;
	padding:0 0 20px 0;
}
#content .post .entry-meta a,
#content .post .entry-meta a:visited {
	font-weight:normal;
}

/*Adjust to left aligned for single pages */
.single #content .post .entry-meta {
	text-align:left;
}


/* Comments
*************************************************************************/
#comments-title {
	border-top:1px solid #dfdfdf;	
	font-size:24px;
	margin:0 0 10px;
	padding:10px 20px;
}
.commentlist {
	border-bottom:1px solid #dfdfdf;	
}
.commentlist li {
	clear:both;
	padding:10px 20px;
	border-top:1px dotted #dfdfdf;
}
.commentlist li .comment-author {
	float:left;
	width:180px;
}
.commentlist li .comment-author p {
	margin:0;
	padding:0;
}
.commentlist li .comment-avatar {
	float:left;
	width:40px;
	margin:0 10px 0 0;
}

.commentlist li .comment-all {
	float:right;
	width:440px;
	padding:0;
}
.commentlist li .comment-meta {
	font-size:0.9em;
	margin:0;
}
.commentlist li .comment-meta a,
.commentlist li .comment-meta a:visited {
	color:#666 !important;
	font-weight:normal !important;
	text-decoration:none !important;
}
.commentlist li .comment-body {
	float:none;
}
.commentlist .clear {
	clear:both;
}

#respond h3 {
	font-size:24px;
	margin:0 0 10px;
	padding:20px;
}
#main #respond form  {

}
#main #respond form p {
	clear:both;
	margin:0 0 15px 20px;
}
#main #respond form label {
	float:left;
	width:70px;
}
#main #respond form input {
	float:left;
	margin:0 7px 20px 0;
}
#main #respond form textarea {
	float:none;
	clear:both;
	width:562px;
	height:207px;
	padding:5px;
	border:none;
	background:url(images/bg-textarea.png);
	font-family: Arial,'sans-serif';
	font-size:12px;	
}
#main #respond form button {
	color:#FFF;
	display:block;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	line-height:27px;
	font-size:12px;
	width:200px;
	background:#ff8340 url(images/bg-button-orange-200.png) left center repeat-x;
	float:none;
	margin:10px 0 10px 70px;	
}



/* Nav Below
*************************************************************************/
#nav-below {
	border-top:1px solid #dfdfdf;
	padding:15px 0;
}
#nav-below .nav-previous,
#nav-below .nav-next {
	width:140px;
	height:27px;
}
#nav-below .nav-previous {
	float:left;
}
#nav-below .nav-next {
	float:right;
}
#nav-below .nav-previous a,
#nav-below .nav-previous a:visited,
#nav-below .nav-next a,
#nav-below .nav-next a:visited {
	color:#FFF;
	display:block;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	line-height:27px;
	background:#ff8340 url(images/bg-button-orange-140.png) left center repeat-x;	
}
#nav-below .nav-previous a span,
#nav-below .nav-previous a:visited span {
	display:block;
	text-align:right;
	padding:0 7px 0 0;	
	background:url(images/arrow-left.png) left center no-repeat;
}
#nav-below .nav-next a span,
#nav-below .nav-next a:visited span {
	display:block;
	text-align:left;
	padding:0 0 0 7px;		
	background:url(images/arrow-right.png) right center no-repeat;
}


/* Archive / Category page
*************************************************************************/
#content .subtitle h1 {
	padding:0;
	font-size:24px;
	line-height:normal;
	padding:15px 20px;
	border-top:1px solid #dfdfdf;		
}

/* Sidebar
*************************************************************************/
#sidebar h2 {
	padding:0;
	margin:0 0 10px 0;
	font-size:20px;
	line-height:normal;
}
#sidebar ul a,
#sidebar ul a:visited {
	text-decoration:none;
	display:block;
	padding:0 0 0 12px;
	background:url(images/more-arrow.png) 0 5px no-repeat;
}
#sidebar ul a:hover,
#sidebar ul a:visited:hover {
	text-decoration:underline;
}

/* Sidebar Form Boxes
*************************************************************************/
#sidebar #blog_getnews,
#sidebar #blog_search {
	color:#FFF;
}
#sidebar #blog_getnews h2,
#sidebar #blog_search h2 {
	color:#FFF;
	font-size:24px;
	line-height:normal;	
}
#sidebar #blog_getnews p,
#sidebar #blog_search p {
	margin:0;
	line-height:1.4em;
}
#sidebar #blog_getnews form,
#sidebar #blog_search form{
	padding:0 0 10px;
}

/* Get News */
#sidebar #blog_getnews label {
	float:left;
	width:48px;
	color:#FFF;
	font-weight:bold;
	font-size:1em;
}
#sidebar #blog_getnews input.text {
	float:left;
	width:131px;
	padding:4px 5px;
	font-size:1em;
	background:#FFF url(images/bg-input-orange.png) no-repeat;
}


/* Search */
#sidebar #blog_search label {
	display:none;
}
#sidebar #blog_search input.text {
	float:left;
	width:180px;
	padding:4px 5px;
	font-size:1em;
	background:#FFF url(images/bg-input-blue.png) no-repeat;
}

/* Buttons */
#sidebar button {
	background:#00204e url(images/button-onorange.png) no-repeat;
	color:#FFF;
	width:80px;
	padding:0;
	margin:
	font-size:11px !important;
	line-height:normal;
}
#sidebar button:hover {
	text-decoration:none;
	color:#89CFFF;
}
#sidebar #blog_search button {
	background:#00204e url(images/button-onblue.png) no-repeat;
}
/* Remove extra padding on buttons in Firefox */
#sidebar button::-moz-focus-inner { 
    border:0;
    padding:0;
}

/* Sidebar Toolbox
*************************************************************************/
#sidebar #toolbox li {
	margin:0 0 5px 0;
}
#sidebar #toolbox li a,
#sidebar #toolbox li a:visited {
	background:none;
	padding:0;
	display:inline;
	vertical-align:middle;
}
#sidebar #toolbox li b {
	background:url(images/sprite.png) no-repeat;
	width:19px;
	height:19px;
	padding:0;
	margin:0 5px 0 0;
	font-size:1em;
	display:inline-block;
	vertical-align:middle;	
}
#sidebar #toolbox #tool2 b {
	background-position:0 -19px;
}
#sidebar #toolbox #tool3 b {
	background-position:0 -38px;
}
#sidebar #toolbox #tool4 b {
	background-position:0 -57px;
}

/* Search (Inline on No Search Results page)
*************************************************************************/
#inlinesearch {
	margin:0 20px 20px;
}
#inlinesearch form {
	padding:15px;
	width:340px;
	color:#FFF;
	background:#0077cb;
}
#inlinesearch form label {
	color:#FFF;
	font-weight:bold;
	display:block;
	float:left;
	margin:0 5px 0 0;
	padding:3px 0 0 0;
}
#inlinesearch form input {
	border:none;
	display:block;
	margin:0 5px 0 0;
	float:left;
	width:180px;
	padding:4px 5px;
	font-weight:bold;
	font-size:1em;
	background:#FFF url(images/bg-input-blue.png) no-repeat;	
}
#inlinesearch form button {
	float:left;
	margin:0 5px 0 0;
	background:#00204e url(images/button-onblue.png) no-repeat;
	color:#FFF;
	width:80px;
	padding:0;
	margin:
	font-weight:bold;
	font-size:11px !important;
	line-height:normal;	
}
#inlinesearch button:hover {
	text-decoration:none;
	color:#89CFFF;
}

/* Footer
*************************************************************************/
#footer,#FooterWrap {
	clear:both;
	height:auto;
	margin:0;
}