﻿/*
Theme Name: Proactol
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Adam Wright
Author URI: http://proactolfatbinder.com/
Tags: green, custom header, fixed width, two columns


*/

html {
	height: 100%; width: 100%;background-color: #ECECEC;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}	

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

body {
	font-family: Arial, Helvetica, sans-serif;font-size: 0.9em;
	color: #333333;	height: 100%; width: 100%; background-color: #ECECEC;
	/*background-image: url('../images/background.gif'); background-repeat:repeat-x;*/
}

img { border-style: none;}

h1{
	font-family: Arial, Helvetica, sans-serif;	font-size: 1.6em;font-style: normal;	line-height: normal;
	font-weight: bold;	font-variant: normal;	color: #666666;line-height: 1.8em;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;	font-size: 1.2em;	font-style: normal;	font-weight: bold;	font-variant: normal;	color: #89A321; line-height: 1.8em;padding: 20px 0 5px 0;
}

p {padding: 5px 0;font-size: 1.0em;}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
a:hover {
	font-size:12px;
	color: #ED852C;
}

p.call {text-align: center; padding: 10px 0;}
p.call a {font-size: 1.4em; font-weight: bold; color: blue;}

#wrapper {
	width: 750px; margin: 10px auto 10px; padding: 0;background-color: #fff;border: solid 1px #999;}
	
#header { }

#center {background-color: #fff;}

#footer {
		margin: 10px 0 0 0;
		clear: both;
		background-image: url('images/footer.gif');
		background-repeat: no-repeat;
		text-align: center;
		color: #fff;
		line-height: 27px;
}

#content {	float: right;width: 520px; text-align: left;background-color: #fff; padding: 10px 10px 50px 0; margin: 0 0 20px 0;}

#content ul {list-style-type: circle; margin: 10px 0 10px 20px;}
#content ul li {list-style-type: circle; margin: 10px 0 10px 20px; font-weight: normal;}

#content ul.bold-tick {list-style-type: circle; margin: 10px 0 10px 0;}
#content ul.bold-tick li {list-style-type: none; margin: 10px 0 10px 0; font-weight: bold;
	background-image:url('images/green-tick.gif');	background-repeat: no-repeat;	padding: 7px 0 5px 35px;	display:block;
}


#content .left { width: 62%; float: left;}
#content .right { width: 37%; float: right;}
#content .clear {clear: both;}

#left-nav
{
	float: left;
	width: 210px;
	background-color: #fff;
	text-align: left;
}

#left-nav .category {display: block;font-size: 14px;color: #fff;font-weight: bold;text-align: left;background-image: url("images/tab.jpg"); background-repeat: no-repeat; background-position: left center;}
#left-nav .category p { padding: 7px 0 0 15px;line-height: 35px; }

#left-nav .product { margin: 20px 0; text-align: center;}

#left-nav ul { list-style-type: none;margin:0;padding:0 0 0 15px; width: 170px; text-align: left;}

#left-nav li {
	text-align:left;
	padding:0 0 0 0;
	background:url("images/button01.gif") left repeat-x;
	height:27px;
	color:#333333;
	line-height:27px;
	font-size:12px;
	list-style-type: none;
}

#left-nav li a{
	padding-left:10px;
	color:#333333;
	height:27px;
	text-decoration:none;
	display:block;
}

#left-nav  li a:hover{
	margin:0;
	padding:0 0 0 10px;
	color:#FFFFFF;
	background:url("images/button02.gif") left repeat-x;
	height:27px;
	display:block;
}


#footer ul { list-style-type: none;margin:0;padding:0;}
#footer ul li {display: inline; list-style-type: none;}

#footer a { color: #fff; text-decoration: none;}
#footer a:hover { color: #ccc; text-decoration: none;}


/* word press */

div.entry .postmetadata { color: #888; padding: 10px 0 0;}
div.entry .postmetadata a {color: #666;}
div.entry .postmetadata a:hover {color: #222;}

div.entry .tags { border: solid 1px #AAC42D; background-color:#F1FDB8; padding: 5px; color: #000;font-size: 0.9em;margin: 5px 0;}

h3#respond { color: #000; font-size: 1.2em;padding: 10px 0 0;}