/*
Theme Name: Barcoding Blog
Theme URI: http://blog.barcoding.com/
Description: A custom WordPress theme for Barcoding Inc.'s blog.
Version: 1.0
Author: Josh Lawrence
Author URI: http://www.hirejosh.com/
Tags: fixed width, three columns, widgets


Table of Contents:

	Reset
	Colors
	Typography
	Header Layout
	Main Content
	Footer Layout
	HTML Elements
	Navigation
	Slidebox
	Classes
	
*/

/* Colors
--------------------------------------------------------------------------------------- 

Red Accent - #ed1c24
Dark Grey (main font) - #4d4d4f
Dark Blue (subnav link) - #3a5c7e
Light Blue (most links) - #5c8cc3



*/

/* Reset
--------------------------------------------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding: 0;
	margin: 0;
	}
a {
	text-decoration: none;
	}
fieldset, img { 
	border: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
ol, ul {
	list-style: none;
	}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	}
q:before, q:after {
	content: '';
	}
abbr, acronym { 
	border: 0;
	}


/* Typography
--------------------------------------------------------------------------------------- */

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 100%;
	color: #4d4d4f;
	background: #f3f3f3;
}

h1 {}
	
	#content h1 {
		font-size: 2em;
		margin: 0 0 .5em;
	}
	
	#panel h1 {
		font-size: 1.5em;
		font-weight: bold;
	}
		
		#main h1 {
			color: #5c8cc3;
		}
		
		#footer h1 {
			position: absolute;
			top: 18px;
			right: 20px;
		}
	
h2 {}
	
	#content h2 {
		font-size: 1.5em;
		margin: 0 0 1em;
	}
	
	h2#comments, #respond h3 {
		
	}
	
	#content h2.commenttitle {
		background: #8c8c8c;
		color: #fff;
		font-size: 1.125em;
		font-weight: bold;
		padding: 10px 15px;
	}
	
h3 {}

	#content h3 {
		font-size: 1.375em;
		margin: 0 0 1em;
	}

h4 {
	font-weight:bold;
}

h5 {}

h6 {}

p {}

	#panel p {
		font-size: .814em;
		line-height: 1.25em;
		margin: 0 0 .5em;
	}
	
	#content p {
		margin: 0 0 1.25em;
		line-height: 1.2em;
	}
	
a { color: #5c8cc3; }
	
	#panel a { color: #adcceb; font-weight:bold; }
		#panel a:hover { color: #d1e6f7; }
	#footer a { color: #3a5c7e;	}

a:hover, #footer a:hover { color: #ed1c24; }


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

#header {}

	#logo {
		margin: 1em 0;	
	}
	
	#contact {
		margin: 2em 15px 0 0;
	}
	
	#navbar {
		background: #adcceb url(/wp-content/themes/bcblog/images/layout/nav-bg2.png) no-repeat top left ;
		height: 58px;
	}
	#nav {
		float: left;
	}
	
	#navright {
		float: right;
	}
	
	#loginbar {
		position: relative;
		background: #8c8c8c url(/wp-content/themes/bcblog/images/layout/login-bg.jpg) no-repeat top left;
		height: 37px;
		color: #fff;
		width:960px;
		margin:0 auto;
		clear:both;
	}
	
		#login {
			position: absolute;
			top: 12px;
			left: 15px;
			font-size: .814em;
		}
		
		#custserv {
			position: absolute;
			top: 12px;
			right: 15px;
			font-size: .814em;
		}

	#searchbar {
		position: relative;
		background: #8c8c8c url(/wp-content/themes/bcblog/images/layout/searchbar-bg.png) no-repeat top left;
		height: 36px;
		color: #fff;
	}
		#search_form {
			position: absolute;
			top: 8px;
			right: 15px;
		}
		
		#subscribe {
			position: absolute;
			top: 11px;
			left: 15px;
		}


/* Main Content
--------------------------------------------------------------------------------------- */

#content {
	margin: 15px auto;
	font-size: .814em;
}

	#sidebar1, #sidebar2, #main {
		float: left;
	}

	#sidebar1 { margin: 0 15px 0 0; }
	
	#sidebar1, #sidebar2 {
		width: 200px;
	}
	
		ul.textbox li, #sidebar1 ul li ul li, #sidebar2 ul li ul li {
			margin: 0 0 .5em 0;
		}	
	
	#main {
		margin: 0 15px 0 0;
		width: 530px;
	}


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

#footer {
	margin: 15px auto;
	position: relative;
	background: url("/wp-content/themes/bcblog/images/layout/footer-bg2.png") no-repeat top left;
	height: 53px;
}


/* HTML Elements
--------------------------------------------------------------------------------------- */

table {
	/* tables still need 'cellspacing="0"' in the markup */
    border-spacing: 0;
    border-collapse: collapse;
}

td {
    text-align: left;
    font-weight: normal;
}

form {}

	form#commentform {}
		
		textarea#comment {
			width: 495px;
		}

/* Navigation
--------------------------------------------------------------------------------------- */

ul.tab {
	padding: 0px 15px;
	list-style: none;
	float: left;
}
	ul.tab li {
		float: left;
	}

	ul.tab li a {
		float: left;
		text-decoration: none;
		color: #0d5f83;
		margin-right: 5px;
		padding: 21px 15px 0 0;
		font: 900 1em "Arial", Helvetica, sans-serif;
		background: url("/wp-content/themes/bcblog/images/layout/tabs.png") no-repeat;
		background-position: right -58px;

	}
	ul.tab li a span {
		float: left;
		padding-right: 15px;
		display: block;
		margin-top: -21px;
		height: 58px;
		background: url("/wp-content/themes/bcblog/images/layout/tabs.png") no-repeat;
		background-position: left -58px;
	}
	ul.tab li a:hover {
		background: url("/wp-content/themes/bcblog/images/layout/tabs.png") no-repeat;
		background-position: right 0;
	}

	ul.tab li a:hover span {
		background: url("/wp-content/themes/bcblog/images/layout/tabs.png") no-repeat;
		background-position: left 0;
	}


/* Automatically select tab based on body class
body.home ul.tab li #homebtn, body.home ul.tab li a#homebtn,
body.about ul.tab li #aboutbtn, body.about ul.tab li a#aboutbtn,
body.info ul.tab li #infobtn, body.info ul.tab li a#infobtn,
body.integration ul.tab li #intbtn, body.integration ul.tab li a#intbtn,
body.contact ul.tab li #contactbtn, body.contact ul.tab li a#contactbtn {
	color: #ed1c24;
	background: url("/wp-content/themes/bcblog/images/layout/tabs.png") no-repeat;
	background-position: right 0;
}

body.home ul.tab li #homebtn span, body.home ul.tab li a#homebtn span,
body.about ul.tab li #aboutbtn span, body.about ul.tab li a#aboutbtn span,
body.info ul.tab li #infobtn span, body.info ul.tab li a#infobtn span,
body.integration ul.tab li #intbtn span, body.integration ul.tab li a#intbtn span,
body.contact ul.tab li #contactbtn span, body.contact ul.tab li a#contactbtn span  {
	background: url("/wp-content/themes/bcblog/images/layout/tabs.png") no-repeat;
	background-position: left 0;
}
 */

/* Slidebox
--------------------------------------------------------------------------------------- */

a:focus {
	outline: none;
}
#panel {
	background: #4d4d4f;
	height: 300px;
	display: none;
}
div.slide {
	border-top: solid 4px #5c8cc3;
	margin-bottom: 15px;
	width: 100%;
}
	div.slide p {
		position: relative;
		margin: 0 auto;
		width: 960px;
	}
	div.slide p a.btn-slide {
		background: url(/wp-content/themes/bcblog/images/layout/slide-btn-bg.png) no-repeat;
		background-position: 0 0;
		height: 24px;
		padding: 9px 15px 0;
		position: absolute;
		top: 0px;
		right: 15px;
		display: block;
		font-size: .814em;
		color: #fff;
		width: 110px;
	}

	div.slide p a.active {
		background-position: 0 -33px;
	}

div#panelcontent {
	color:#fff;
	padding: 15px;
}

	div#panelcontent ul li {
		float: left;
		height: 240px; /* Accounts for 15px padding on #panelcontent and #panelcontent ul li */
		padding: 15px;
		overflow: auto;
		width: 280px;
	}

	div#panelcontent ul li:hover {
		background: #404040;
		border: 1px solid #303030;
		padding: 14px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	div#panelcontent img {
		height: 100px;
		margin: 10px auto;
		width: 270px;
		border: #fff solid 5px;
	}


/* Comments
--------------------------------------------------------------------------------------- */

.comment-author {
	margin: 0 0 .5em;
}

.comment-meta {
	margin: 0 0 1em;
}

.reply {
	margin: 0 0 .5em;
}

.fn {
	font-size: 1.125em;
	font-weight: bold;
}

.says {
	display: none;
}


/* Social Bookmarks
--------------------------------------------------------------------------------------- */
div#social {
	clear: both;
	display: block;
	margin: 15px 0;
}
	
	div#social ul li {
		float: left;
		padding: 15px;
	}


/* Classes
--------------------------------------------------------------------------------------- */

.clear   { clear:both; }
.clearleft   { clear:left; }
.clearright   { clear:right; }
.left  	 { float:left; }
.right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.list          {
	margin: 0 0 2em;
	padding: 0 0 0 1em;
	clear: both;
}

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.wrap          { width:960px; margin:0 auto; clear:both; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.contentclear {
	display: none;
	clear: both;        /* extend height of #content to longest column */
  	height: 1px;
  	overflow: hidden;   /* prevent IE expanding the container */
  	margin: 0; 
}

.clearfix:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.textbox, #calendar_wrap, .commentlist li, li.widget_tag_cloud div, ul.children li.depth-2, ul.children li.depth-4, .post, #sidebar ul li ul, #sidebar2 ul li ul {
	background: #fff;
	border: #d1d3d4 solid 1px;
	margin: 0 0 15px;
	padding: 15px;
}

.commentlist li {
	background: #f3f3f3;
}

	#sidebar ul li ul li, #sidebar2 ul li ul li {
		padding: 0 0 0 1.25em;
		background: url(/wp-content/themes/bcblog/images/layout/bullet-arrow.png) no-repeat;
		background-position: 0 2px;
	}

#content .sidetitle, #content .posttitle, #sidebar ul li h2, #sidebar2 ul li h2 {
	background: #8c8c8c url(/wp-content/themes/bcblog/images/layout/side-title-bg.png) no-repeat top left;
	border: 0;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	line-height: 34px;
	margin: 0;
	overflow: hidden;
	padding: 0 5px 0 15px;
	width: 180px;
}

#content .posttitle {
	background: #8c8c8c url(/wp-content/themes/bcblog/images/layout/post-title-bg.png) no-repeat top left;
	width: 510px;
}

ul#ads li {
	margin: 0 0 15px;
}

ul.bullets li {
	margin: 0 0 1em 2em;
	list-style-type: disc;
}

/* 
Coldskin #3 for Contact Coldform WordPress Plugin
@ http://perishablepress.com/press/2008/01/08/contact-coldform/ 
@ http://perishablepress.com/press/2008/01/15/contact-coldskins/ 
*/

div#coldform * {
	padding: 0;
	margin: 0;
}
div#coldform {
	font-family: Verdana, sans-serif;
	background-color: #fff;
	font-size: 12px;
	margin: 12px 0;
	width: 500px;
	color: #333;
}
div#coldform fieldset {
	border: 0 none;
	display: block;
	clear: both;
}
div#coldform legend.hide {
	display: none;
}
div#coldform label.label {
	margin: 12px 0px 6px 0px;
	text-align: left;
	display: block;
	border: 0 none;
	float: left;
	clear: both;
} 
div#coldform input.input {
	padding: 3px;
	float: left;
	clear: both;
	width: 50%;
}
input#coldform_carbon {
	float: left;
	clear: both;
}
div#coldform textarea#coldform_message {
	font-family: Verdana, sans-serif;
	line-height: 1.5em;
	font-size: 12px;
	padding: 3px;
	float: left;
	clear: both;
	width: 80%;
}
div#coldform input.submit {
	margin: 6px 0 12px 0;
	padding: 3px;
	width: 25%;
}