/*
Theme Name: Black Lab Blue Sky
Theme URI: http://wordpress.org/
Description: Theme created by <a href="http://www.websitedesignderby.com">JWP Computer Services Ltd</a>.
Author: Kevin Tristram
Author URI: http://www.websitedesignderby.com/
*/



/* Begin Typography & Colors */

* { margin: 0; padding: 0; }

body
{
	background: #B0DFFD url('images/bg.jpg') top center repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 20px 0 40px 0;
}

/* Misc Styles */

.clear { clear: both; }
img { border: 0; }
img.alignleft { float: left; margin: 0 10px 5px 0; padding: 5px; }
img.alignright, a.alignright img { float: right; margin: 0 0 10px 10px; }
a:hover.imgright img { float: right; margin: 0; }
hr { clear: left; margin: 0 0 15px 0; padding: 0; border: 0; height: 1px; color: #DDD; background: #DDD; }
a { color: #369; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }

li.comment-author-admin { font-weight: bold; border: 0; background: #F5F5F5; }
ol.commentlist { margin: 0 0 15px 0px; border-top: 1px dashed #CCC; }
ol.commentlist li { padding: 15px 15px 0 15px; border-bottom: 1px dashed #CCC; list-style-type: none; }

h5#comments { font-size: 18px; font-weight: normal; margin: 0 0 15px 0; }

form#commentform { background: #F1F1F1; border: 1px solid #CCC; padding: 15px 15px 0 15px; }
textarea#comment { width: 500px; height: 120px; margin: 0 0 15px 0; }
input#author, input#email, input#url { width: 250px; border: 1px solid #BBB; margin: 0 0 5px 0; }

input#author:hover, input#email:hover, input#url:hover, textarea#comment:hover,
input#author:focus, input#email:focus, input#url:focus, textarea#comment:focus
{ background: #FFF; border: 1px solid #333; }

form#commentform input, form#commentform textarea { padding: 5px; border: 1px solid #BBB; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
form#commentform input#submit { padding: 5px; }

p.greytext { color: #666; }

span.youtube object { padding: 0 0 50px 0; }

.articlecont { width: 620px; }
.article { float: left; border: 1px solid #CCC; margin: 0 10px 10px 0; padding: 15px; width: 268px; }

img.alignleft { float: left; }
a:hover img.alignleft { border: 1px solid #333; }
img.alignright { float: right; }
a:hover img.alignright { border: 1px solid #333; }

ul.withbullets, ul.withbullets li { list-style-type: square; }

table.weighttable { width: auto; margin: 0 0 15px 0; border-collapse: collapse; }
table.weighttable tr th, table.weighttable tr td { text-align: center; padding: 2px 15px; border: 1px solid #DDD; }

/* Layout Styles */

#headercont
{
	margin: 0 auto;
	width: 940px;
	height: 150px;
	padding: 60px 0 0 0;
	background: url('images/bg-headercont.png');
}

#container
{
	margin: 0 auto;
	width: 940px;
	background: url('images/bg-shadow.png') repeat-y;
}

#header
{
	width: 600px;
	height: 150px;
	margin: 0 0 0 20px;
	background: url('images/bg-header.png');
}

#menucont
{
	margin: 0 auto;
	width: 900px;
	height: 46px;
	background: #369 url('images/bg-menucont.png') repeat-x;
}

#menucont ul { list-style-type: none; }
#menucont ul li { display: inline; }
#menucont ul li a { float: left; }
#menucont ul li a span { display: none; }

#nav1 a { height: 46px; width: 74px; background: #555 url('images/menubuttons/nav1.png') no-repeat; }
#nav2 a { height: 46px; width: 140px; background: #555 url('images/menubuttons/nav2.png') no-repeat; }
#nav3 a { height: 46px; width: 100px; background: #555 url('images/menubuttons/nav3.png') no-repeat; }
#nav4 a { height: 46px; width: 98px; background: #555 url('images/menubuttons/nav4.png') no-repeat; }
#nav5 a { height: 46px; width: 120px; background: #555 url('images/menubuttons/nav5.png') no-repeat; }
#nav6 a { height: 46px; width: 108px; background: #555 url('images/menubuttons/nav6.png') no-repeat; }
#nav7 a { height: 46px; width: 99px; background: #555 url('images/menubuttons/nav7.png') no-repeat; }
#nav8 a { height: 46px; width: 80px; background: #555 url('images/menubuttons/nav8.png') no-repeat; }
#nav9 a { height: 46px; width: 81px; background: #555 url('images/menubuttons/nav9.png') no-repeat; }

#nav1 a:hover { background: url('images/menubuttons/nav1-hover.png') no-repeat; }
#nav2 a:hover { background: url('images/menubuttons/nav2-hover.png') no-repeat; }
#nav3 a:hover { background: url('images/menubuttons/nav3-hover.png') no-repeat; }
#nav4 a:hover { background: url('images/menubuttons/nav4-hover.png') no-repeat; }
#nav5 a:hover { background: url('images/menubuttons/nav5-hover.png') no-repeat; }
#nav6 a:hover { background: url('images/menubuttons/nav6-hover.png') no-repeat; }
#nav7 a:hover { background: url('images/menubuttons/nav7-hover.png') no-repeat; }
#nav8 a:hover { background: url('images/menubuttons/nav8-hover.png') no-repeat; }
#nav9 a:hover { background: url('images/menubuttons/nav9-hover.png') no-repeat; }






#maincont
{
	margin: 0 auto;
	width: 900px;
	line-height: 22px;
	background: #FFF url('images/bg-maincont.gif') repeat-y;
}

#maincont p
{
	margin: 0 0 15px 0;
}

#maincont h1, #maincont h2, #maincont h3, #maincont h4, #maincont h5
{
	margin: 0 0 15px 0;
	font-weight: normal;
	font-size: 24px;
	color: #369;
}

#maincont ul
{
	margin: 0 0 15px 30px;
}

#maincont blockquote
{
	margin: 0 0 15px 0;
	padding: 15px 15px 0 15px;
	background: #E9F4FE;
	color: #043460;
	border: 1px solid #9BCDFB;
}

#maincont #mainleft
{
	float: left;
	width: 610px;
	padding: 20px;
}

#maincont #mainleft h2.blogtitle { margin: 0; }
#maincont #mainleft p.blogsmall small { color: #999; margin: 0 0 50px 0; }
#maincont #mainleft p.postmetadata { font-size: 11px; color: #888; padding: 5px 10px; background: #F1F1F1; }

#maincont #mainright
{
	float: left;
	width: 210px;
	padding: 20px;
	text-align: center;
}

#maincont #mainright *
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#maincont #mainright h1, #maincont #mainright h2, #maincont #mainright h3, #maincont #mainright h4, #maincont #mainright h5, #maincont #mainright h6
{
	margin: 0 0 15px 0;
}

#maincont #mainright p
{
	margin: 0 0 15px 0;
}

.sidebar-product { text-align: center; }
p.prodtitle { font-size: 18px; font-weight: bold; }

#maincont #mainright ul { margin: 0 0 15px 0; }

#maincont #mainright ul li ul
{ float: left; list-style-type: none; margin: 0 0 15px 0; padding: 0; width: 210px; }
#maincont #mainright ul li ul li
{ display: inline; margin: 0; padding: 0; }
#maincont #mainright ul li ul li a
{ float: left; background: transparent; padding: 5px 0; font-weight: bold; width: 210px; margin: 0 0 1px 0; text-decoration: none; color: #369;  }
#maincont #mainright ul li ul li a:hover
{ color: #333; }


#mainright ul.tagcloud li ul { display: inline; margin: 0; padding: 0; }
#mainright ul.tagcloud li ul li a { float: none; display: inline; width: auto; margin: 0; padding: 0; }


#productsdiv a img
{
	border: 1px solid #FFF;
	padding: 5px;
	margin: 0 0 10px 0;
}

#productsdiv a:hover img
{
	border: 1px solid #369;
	padding: 5px;
	margin: 0 0 10px 0;
	background: #369;
}

#maincont #mainleft .productcont { width: 610px; margin: 0 0 15px 0; }
#maincont #mainleft .productcont .gallery { float: right; width: 280px; padding: 0; margin: 0 0 15px 0; }
#maincont #mainleft .productcont a img {  padding: 5px; }
#maincont #mainleft .productcont a:hover img {  padding: 5px; }
#maincont #mainleft .productcont h3 { font-weight: normal; }
#maincont #mainleft .productcont p.savings { color: #666; font-size: 11px; }
#maincont #mainleft ul.breadcrumb { background: #EEE; padding: 5px 15px; text-align: right; }
#maincont #mainleft p span.outofstock { font-weight: bold; }

#maincont #mainleft form.shopp * { margin: 0; padding: 0; list-style-type: none; }
#maincont #mainleft form.shopp { float: left; }
#maincont #mainleft form.shopp label { margin: 0 0 10px 0; }
#maincont #mainleft form.shopp select { margin: 0 10px 10px 0; }

#maincont #mainleft .formcont { background: #EEE; border: 1px solid #DDD; padding: 10px 15px; }
#maincont #mainleft .formcont select { margin: 3px; padding: 0 3px; text-align: center; }
#maincont #mainleft .formcont select option { margin: 3px; padding: 0 3px; text-align: center; }

#footercont { clear: both; border-top: 1px solid #8BCCF8; margin: 0 auto; width: 870px; text-align: right; padding: 15px; font-size: 11px; background: #E6F4FF url('images/bg-footercont.jpg') repeat-x;  }
#footercont p { margin: 0 0 3px 0; }
#footercont a { color: #369; text-transform: capitalize; text-decoration: none; }
#footercont a span { color: #333; text-decoration: none; }
#footercont a:hover { color: #333; text-decoration: none; }

#footerbottom
{
	margin: 0 auto;
	width: 940px;
	height: 20px;
	background: url('images/bg-footerbottom.png') no-repeat;
}



.wpcf7 span.your-name input, .wpcf7 span.your-email input, .wpcf7 span.your-subject input, .wpcf7 span.your-message textarea, .wpcf7 span.captcha-912 input
{ background: #FFF; width: 200px; border: 1px solid #CCC; padding: 5px; font-size: 12px; font-family: "Arial", Verdana, Helvetica, sans-serif; color: #1E3847; }
.wpcf7 span.your-message textarea
{ width: 300px; height: 100px; }
span.wpcf7-not-valid-tip-no-ajax
{ color: #C00; font-size: 11px; }
div.wpcf7-validation-errors { border: 0; margin: 0 0 15px 0; padding: 10px; background: #C00; color: #FFF; font-weight: bold; }