/*
Theme Name: Bluezoo

Description: Clean theme featuring a double width menu, which has a subtitle for each page created easily via a custom field. The menu does not show up the subtitle on Wordpress.org, but can be seen clearly in <a href="http://factory42.co.uk/demos/?wptheme=bluezoo">our demo site right here</a> and works 100% in the theme download once you have set the correct custom fields. Instructions included!
<br />
Widget ready with a clear, contrasted sidebar and an ajax accordian style search bar at the top of each page.

Version: 1.01
Author: Factory42
Author URI: http://www.factory42.co.uk
Copyright  2009 David Knight
Tags: blue, black, white, dark, two-columns, fixed-width, right-sidebar, threaded-comments

	The CSS, XHTML, and PHP are released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/* ---------------------------------------------- LAYOUT------------------------------------------------- */ 
body {
	font: 12px/170% Arial, Helvetica, sans-serif;
	text-align: left;
	background: url(images/background.png); 
}
#wrap {
	position: relative;
	width: 1000px;
	margin: 0px auto;
	text-align: left;
}
#content-wrap {
	width: 998px;
	margin-left: auto;
	margin-right: auto;
	border: 1px #fff solid;
}
#headcon {
	width: 100%;
	background-image: url(images/header.png);
	background-repeat: repeat-x;
	height: 89px;
	margin-top: 10px;
}
#header {
	width: 1000px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}
#mainwrap {
	background-image: url(images/bck.png);
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	border: 1px solid #fff;
	margin-top: 10px;
}
#left {
	width: 680px;
	float: left;
	padding-top: 0px;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
#sidebar {
	float: right;
	width: 295px;
	margin: 0px;
	padding-top: 10px;
}
* { 
	margin: 0; 
	padding: 0; 
	outline: 0; 
}
.xwide {
	margin-bottom: 10px;
	border-bottom: 1px dotted #333;
	padding-bottom: 8px;
	min-height: 200px;
}
/* ----------------------------------------------TAG CLOUD--------------------------------------------------------------------------- */ 
#tagcon {
	width: 100%;
	background: url(images/tag.png); 
	height: 82px;
}
#tagcloud {
	padding-bottom: 10px;
	width: 1001px;
	margin-left: auto;
	margin-right: auto;	
	padding-top: 20px;
}
#tagcloud a {
	font-weight:normal;
	text-align:center;
	color: #ccc;
	padding: 10px;
}
#tagcloud a:hover {
	color: #0099cc;
}
/********************************************COMMENTS   COLOR ODD****************************/ 
.commentlist li.thread-odd .saystop{
		background: url(images/dark-top-left.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		background-color: #242328;
		width: 600px;
}
.commentlist li.thread-odd {
	background: url(images/dark-bottom-right.jpg); 
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #242328;
	margin-bottom: 15px;
	width: 600px;
	clear: both;
	padding-bottom: 10px;
}
.commentlist li.thread-odd p {
	color: #C5BFA5;
	padding: 10px;
}
.comment-image {
	margin: 10px;
	height: 100%;
	width: 60px;
	float: left;
}
/********************************************COMMENTS   COLOR EVEN********************************************/ 
.didi {
	color: #eee;
	padding-left: 10px;
	font-size: 12px;
}
.commentlist li.thread-even .saystop{
		background: url(images/blue-top-left.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		background-color: #51abc9;
		width: 600px;
}
.commentlist li.thread-even {
	background: url(images/blue-bottom-right.jpg); 
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #51abc9;
	margin-bottom: 15px;
	width: 600px;
	clear: both;
	padding-bottom: 10px;
}
.commentlist li.thread-even p {
	color: #242328;
	padding: 10px;
}
/********************************************COMMENTS GENERAL********************************************/ 
input {
	border: 1px solid #666;
	color: #333;		
}
.reply-top {
	height: 40px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.reply-top p {
	color: #333;
	margin-left: 25px;
}
.reply-top a {
	color: #666;
}
.reply-bottom {
	clear: both;
	height: 40px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.milo {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.milo-boxes {
	margin-left: auto;
	margin-right: auto;
	width: 400px;
}
.milo p {
	color: #333;
	padding: 0px;
	margin: 0px;
	width: 50px;
}
.barbar {
	padding: 0px;
	width: 400px;
	padding: 3px;
	margin-left: auto;
	margin-right: auto;
}
.milo-text  {
	color: #333;
	margin-left: 30px;
	margin-top: 15px;
}
input.button: a {
	color: #fff;
}
.replybox {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
label {
	margin-right: 2px;
	color: #fff;
	font-size: 12px;
	margin-left: 2px;
}
textarea {
	display: inline;
	border: 1px solid #333;
	width: 350px;
	padding: 5px;
	margin-left: 80px;
	margin-right: 50px;
}
ol.commentlist li.comment ul.children li.depth-2 {
	border: 1px dotted #eee;
	width: 550px;
	margin-left: 20px;
	margin-bottom: 10px;
}
ol.commentlist li.comment ul.children li.depth-3 {
	margin-left: 20px;
	width: 500px;
	border: 1px dotted #eee;
	margin-bottom: 10px;
}
.sayscomment {
	width: 560px;
	color: #fff;
	padding: 3px 3px 3px 3px;
}
ol.commentlist li.comment ul.children li .saystop {
	width: 300px;
	background-image: none;
	padding: 2px;
} 
ol.commentlist li.comment ul.children li  {
	width: 500px;
}
ol.commentlist li.comment { 
	list-style-type: none;
	list-style-image: none;
	margin-left: auto;
	margin-right: auto;
}
ol.commentlist li.comment ul.children li.depth-3 .reply {
	width:0px;
	border: 0px;	
}
.reply {
	width: 40px;
	margin-bottom: 10px;
	text-align: center;
	margin: 10px 10px 10px 10px;
	border: 1px solid white;
}
.reply a:visited {
	color: #eee;
}
.reply a {
	color: #eee;
}
.reply a:hover {
	color: #fff;
}
#respond {
	border-top: 1px solid #666;
}
.comment-p {
	padding-left: 15px;
	padding-top: 15px;
	color: #333;
}
.cancel-comment-reply{
	padding-left: 15px;
	padding-top: 15px;
	color: #333;
}
.reply-name-email {
	height: 82px;
	width: 700px;
}
ol.commentlist li div.vcard img.avatar { 
	border:2px solid #eee; 
	margin-top: 10px;
	margin-right: 10px;
}
/********************************************IMAGES********************************************/ 
img {
	border:0px solid #FFF; 
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}
.ava img {
	width: 15px;
	height: 15px;
}
#content-wrap img {
	width: 200px;
	height: 120px;
}
#cat-col img {
	width: 220px;
	height: 140px;
}
.pic {
	width: 100px;
	height: 100px;
	float: right;
	border: 1px solid #ccc;
	margin: 0px 10px 5px 0px;
}
/********************************************LISTS AND OTHERS********************************************/ 
ul {
	list-style: none;
}
ol {
	list-style: none;
}
#comment-block {
	background-color: #fff;
}
.commeta {
	clear: both;
}
#respond {
	margin-top: 25px;
}
code {
	margin: 10px;
	padding: 15px;
	text-align: left;
	display: block;
	overflow: auto;
	font-size: 12px;
	font-family: courier;	
  	border: 1px solid #0099cc;
	background-color: #eee;
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #000;
}
blockquote {
	margin: 10px;
	padding: 15px;
	text-align: left;
	display: block;
	overflow: auto;
	font-size: 12px;
	font-family: courier;	
  	border: 1px solid #0099cc;
	background-color: #eee;
}
form {
	margin: 0px; 
	padding: 0px;	
	clear: both;
}
select {
	width: 200px;
	background-color: #fff;
	border: 0px;
}
input.button { 
	border: 1px solid white;
	text-align: center;
	width: 120px;
	height: 20px;
	font-size: 12px;
	color: #fff;
	margin-top: 5px;
	margin-left: 15px;
	background-color: #0099cc;
}
input.button.hover { 
	color: #fff;
}
#commentform #submit {
	margin: 0;
	float: right;
	background-repeat: no-repeat;
	background-position: bottom;
	width: 171px;
	height: 40px;
	margin-top: 30px;
	padding-bottom: 8px;
	line-height: 100%;
	float: left;
	border: 0px;
	font-size: 14px;
	color: #fff;
	}
#commentform #submit:hover {
	color: #fff;
}
.post-footer {
	padding: 8px 5px;
	margin: 5px 10px 10px 10px;
}
.post-footer .date{ margin: 0 10px 0 5px;	}
.post-footer a.comments { margin: 0 10px 0 5px;	}
.post-footer a.readmore { margin: 0 10px 0 5px;	}
.post-info {
	font-size: 0.95em;
	margin-left: 0px;
	color: #666666;
	clear: both;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-top: 2px;
	width: 650px;
}
.post-info a, .post-info a:visited { color: 7f931d; }
/********************************************PAGE NAVIGATION. HEADERS AND LINKS and P********************************************/ 
# p {
	color: #242328;
	padding: 10px;
	margin-top: 10px;
}
h1 {
	font-size: 35px;
	font-weight: bold;
	color: #eee;
}
h2.ptitle {
	font-size: 20px;
	color: #333;
}
h2 {
	color: #0099cc;
}
h2.arc-titlelink {
	width: 600px;
	padding-bottom: 10px;
	margin-top: 15px;
	font-size: 15px;
	padding-left: 10px;
}
h3 {
	font-size: 16px;
	padding: 3px;
	border-bottom: 1px solid #ccc;
	color: #333;
	margin-top: 10px;
	margin-bottom: 5px;
}
h3#comments {
	background: #3f4c6b; 
	background-repeat: no-repeat;
	height: 40px;
	font-size: 14px;
	color: #fff;
}
.h3holder {
	background: #3f4c6b; 
	background-repeat: no-repeat;
	height: 23px;
}
.readmorelink {
	font-weight: normal;
}
.title-box {
	border-bottom: 1px solid #666666;
	padding: 10px;
	margin-bottom: 15px;
}
a, a:visited {	
	color: #0099cc;
	background: inherit;
	text-decoration: none;
}
a:hover {
	color: #0099cc;
}
/********************************************HEADER AND SLOGAN********************************************/ 
#slogan {
	padding-top: 10px;
	color: #eee;
}
.name-holder {
	padding-top: 15px;
}
/********************************************NEW NAVIGATION********************************************/ 
#navbox h2 {
	size: 100px;
	color: #cccccc;
}
.menu-details {
	font-family: times;
	color: #ccc;
	font-size: 15px;
}
.nav {
	font-size: 36px;
	display: inline;
}
#nav {
	width: 1000px;
	margin: auto;
}
.nav a {
	display: inline;
	color: #cccccc;
}
.menublock {
	display: inline;
	float: left;
	padding: 0px 10px 0px 10px;
	margin-top: 10px;
}
#navcon {
	width:100%;
	height: 76px;
	background-image: url(images/menu.png);
	padding: 0px;
}
/********************************************BUTTONS SEARCH AND RSS********************************************/ 
.search-rss-box  {
	background-color: #e7e2e2;
	padding-top: 5px;
}
.search-rss-box img {
	width: 115px;
	height: 40px;
}
/********************************************SIDEBARS********************************************/ 
#sidebar a {
	font-weight: normal;
	text-decoration: none;
}
#sidebar a:hover {
	color: #0099cc;
}
#sidebar p {
	font-weight: normal;
	text-decoration: none;
	padding-left: 15px;
	padding-top: 10px;
}
#sidebar ul {
	padding: 0;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 15px;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 7px 10px;
	border: none;  		
}
#sidebar ul li a {
	text-decoration: none;	
	color: #684F3E;	
}
#sidebar ul li a span {
	color: #A98D76;	
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;;
	font-style: italic;
	font-weight: normal;		
}
#sidebar ul li a:hover {	
	background: none;	
}
.textwidget {
	padding-left: 15px;
	padding-top: 10px;
}
#fcon .textwidget {
	padding-left: 15px;
	padding-top: 10px;
	color: #333;
}
/********************************************FOOTER********************************************/ 
#footer-wrap a {
	color: #FFF;
}
#footer-wrap {
	text-align: left;
	background: url(images/footer.png); 
	clear: both;
	width: 100%;
}
#fcon {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}
#footer-wrap p {
	padding:10px 0;
	color: #FFF;
}
#footer-wrap h3 {
	color: #EEE; 
	margin: 0;
	padding: 5px 0 5px 10px; 
	text-transform: uppercase;
}
#footer-wrap a:hover { 
	color: #EEE; 
	text-decoration: none;
}
#footer-columns {
	width: 950px;
	margin: auto;
	display: inline;
	clear: both;
}
#footer-columns ul {
	list-style: none;
	margin: 0; 
	padding: 0;	
}
#footer-columns li a {
	display: block;
	font-weight: normal;
	padding: 8px 0 8px 10px;
	width: 96%;
	color: #EEE;	
	margin: auto;
}
#footer-columns .col3, .col3-center {
	float: left;
	width: 300px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}
#footer-columns .col3-center { 
	margin: 0 15px; 
}
#footer-bottom {
	clear: both;
	width: 100%;
	background: url(images/basefooter.png); 
	text-align: center;
	font-size: 0.95em;
	height: 73px;
	margin-right: auto;
	margin-left: auto;
}
#footer-wrap a { color: #;
	color: #FFF;
}
#footer-bottom p {
	color: #FFF;
}
#topheadlines .post-info {
	font-size: 11px;
	margin-left: 3px;
	color: #fff;
	clear: both;
	padding-top: 0;
	padding-bottom: 0;
	width: 950px;
	text-align: left;
	padding-left: 25px;
}
/********************************************ALIGN********************************************/ 
.wp-caption-text {
	color: #333;
	font-weight: bold;
	text-align: center;
	font-family: times;
}
.wp-caption {
	padding: 5px;
	margin: 5px;
}
.wp-caption aligncenter {
	padding: 5px;
	margin: 5px;
}
img.centered {
	display: block;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: centre;
}
img.alignright {
	display: inline;
}
img.alignleft {
	display: inline;
}
img.aligncenter {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}	
.alignleft {
	float: left;
}	
.alignright {
	float: right;
	text-align: centre; 
}
.float-left  { 
	float: left; 
	text-align: centre; 
}
.float-right { 
	float: right; 
}
.align-left  { 
	text-align: centre; 
}
.align-right { 
	text-align: centre; 
	margin-left: auto;
	margin-right: auto;
}
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}
/******************************************** FRONT PAGE********************************************/ 
.front-page-advert {
	width: 300px;
	height: 250px;
	float: right;
}
.front-page-slideshow {
	float: left;
	height: 250px;
	width: 700px;
}
.front-page-top-left {
	width: 470px;
	float: left;
}
.front-page-top-right {
	width: 200px;
	float: right;
}
.front-sidebar {
	width: 180px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.front-sidebar a {
	color: #684f3e;
}
.pic-container {
	width: 450px;
	clear: both;
}
.pic-right {
	width: 330px;
	float: right;
}
.pic-left {
	width: 110px;
	float: left;
}
/********************************************SEARCH BAR********************************************/ 
#showhide {
  display: none;
  margin: auto;
  width: 1000px;
  text-align: center;
  padding-top: 25px;
}
#showhide p {
	color: #eee;
}
.searchbut {
	border: 1px solid white;
	background-color: #0099cc;
	width: 100px;
	color: white;
	height: 20px;
	float: left;
}
.searchbop {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}
.searchbop p {
	float: left;
	margin-bottom: 4px;
}
#showhide .textbox {
	background-color: white;
	width: 350px;
	float: left;
	height: 14px;
	margin-left: 30px;
	margin-right: 30px;
	padding: 3px;
}
#showhide .input  {
	background-color: white;
	width: 350px;
	float: left;
	margin: 0px;
	padding: 0px;
	float: none;
	margin-right: 0px;
}
#central {
	width: 650px;
	float: left;
}
# .feature {
	margin-bottom: 1px;
	width: 200px;
	display:inline;
	overflow: hidden;
	}	
.ftitle {
	height:170px;
	margin-bottom: 5px;
	color: #0000FF;
	background-color: #99FFFF;
	width: 250px;
	overflow: hidden;
}
#content_2, #content_3 { 
	display:none; 
}
.content ul {
	margin:0px;
	width: 1000px;
}
.content ul li {
	list-style:circle;
	border:1px solid #d6dde0;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
	display: inline;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:#a59c83;
}
.serviceright {
	width: 500px;
	float: left;
	padding-top: 25px;
}
.serviceimage {
	width: 155px;
	float: left;
}
.servicerow {
	width: 750px;
	clear: both;
}
div#slideshow-title {
	background: rgb(0, 0, 0);
	opacity: 0.7;
	*filter: alpha(opacity=70);
	width: 100%;
	height: 15px;
	bottom: 0;
	left: 0;
	padding: 4px 0 4px 0;
	color: rgb(255, 255, 255);
	text-align: right;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 5px;
}
	div#slideshow-title span {
		margin-right: 10px;
}
div#slideshow-pause {	
	background: rgb(0, 0, 0);
	padding: 4px;
	border-left: 1px outset rgb(0, 0, 0);
	border-right: 1px outset rgb(0, 0, 0);
	border-bottom: 1px outset rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	font-variant: small-caps;
	font-size: 11px;
	font-family: Tahoma, Arial, Sans-serif;
	font-size: 11px;
	font-weight: bold;
}
/* ---------------------------------------------- FREE FACTORY BLUE EXTRAS------------------------------------------------- */ 
.front-straight {
	width: 650px;
	margin-left: 15px;
	float: left;
}