/* 
Theme Name: codebloo
Theme URL: http://codebloo.com/
Description: Custom CODEBLOO Design theme
Author: Hilary Gillespie
Author URI: http://www.codebloo.com
Version: 1.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote, q {quotes: "" "";}



/* General */
html, body {
	background:	#dcd9d1;
	color: 		#333;
	font-family:Verdana, Geneva, sans-serif;
	margin:		0;
	padding:	0;
	
	width:		100%;}

.clear {clear: both;}
.bold {font-weight: bold;}
.italic {font-style: italic;}

	
#wrapper {
	margin: 	6px auto 0 auto;
	padding:	0;
	width:		778px;}
#header {
	background:url(../img/header.jpg) no-repeat 2px 0;
	height:229px;
	margin: 0;
	padding:0;
	position:relative;
	width:778px;}
	#header a {
		display:block;
		height:130px;
		left:30px;
	  	position:absolute;
	  	top:40px;
	  	width:400px;}
	#header span {display:none;}
	
#navigation,
#navigation ul.menu{
	background: url(../img/navigation.jpg) no-repeat;
	height: 33px;
	margin: 0;
	padding:0;
	position:relative;
	width:778px;}
	
#navigation ul.menu li { 
	display: block;
	float:	left;
	position:relative;}
	#navigation ul.menu li a{
		display: block;
		height:	33px;}
		
		#navigation ul.menu li a span {display: none;}
		
	#navigation ul.menu li.menu-item-19 a{
		background: url(../img/navigation.jpg) no-repeat 0 0;
		height: 33px;
		margin: 0;
		padding:0;
		width:136px;}	
	#navigation ul.menu li.menu-item-18 a{
		background: url(../img/navigation.jpg) no-repeat -136px 0;
		height: 33px;
		margin: 0;
		padding:0;
		width:123px;}		
	#navigation ul.menu li.menu-item-17 a{
		background: url(../img/navigation.jpg) no-repeat -259px 0;
		height: 33px;
		margin: 0;
		padding:0;
		width:131px;}	
	#navigation ul.menu li.menu-item-16 a{
		background: url(../img/navigation.jpg) no-repeat -390px 0;
		height: 33px;
		margin: 0;
		padding:0;
		width:102px;}
	#navigation ul.menu li.menu-item-20 a{
		background: url(../img/navigation.jpg) no-repeat -492px 0;
		height: 33px;
		margin: 0;
		padding:0;
		width:120px;}
	#navigation ul.menu li.menu-item-15 a{
		background: url(../img/navigation.jpg) no-repeat -612px 0;
		height: 33px;
		margin: 0;
		padding:0;
		width:158px;}	
		
		#navigation ul.menu li.menu-item-19 a:hover,
		#navigation ul.menu li.menu-item-19 a.active{ background-position: 0 -33px;}
		
		#navigation ul.menu li.menu-item-18 a:hover,
		#navigation ul.menu li.menu-item-18 a.active { background-position: -136px -33px;}
		
		#navigation ul.menu li.menu-item-17 a:hover,
		#navigation ul.menu li.menu-item-17 a.active{ background-position: -259px -33px;}
		
		#navigation ul.menu li.menu-item-16 a:hover,
		#navigation ul.menu li.menu-item-16 a.active{ background-position: -390px -33px;}
		
		#navigation ul.menu li.menu-item-20 a:hover,
		#navigation ul.menu li.menu-item-20 a.active{ background-position: -492px -33px;}
		
		#navigation ul.menu li.menu-item-15 a:hover,
		#navigation ul.menu li.menu-item-15 a.active{ background-position: -612px -33px;}
		
		#navigation ul.menu li ul.sub-menu {
			background:	url(../img/subnav_bg.png) no-repeat;
			display: 	none;
			height:		194px;
			left:		-16px;
			margin:		0;
			padding:	0 0 0 0;
			position: 	absolute;
			top:		32px;
			width:		150px;
			z-index:	1000;
			}
			#navigation ul.menu li ul.sub-menu li{
				display: block;
				float:	left;
				margin-left: 60px;}
			#navigation ul.menu li ul.sub-menu li a{
				background: none;
				color:#fff;
				font-size:14px;
				height:22px;
				text-decoration: none;}
				#navigation ul.menu li ul.sub-menu li span {display: block;}
				#navigation ul.menu li ul.sub-menu li.menu-item-42 {margin-top:15px;}
	
#mainContent {background: url(../img/mainContent_bg.jpg) repeat-y;}
#mainContent h2 {
		background: url(../img/mainContent_title.jpg) no-repeat;
		display: block;
		height: 50px;
		width:778px;}
	#mainContent h2 span {display: none;}
	
	body.home #mainContent h2 {background: url(../img/mainContent_title_home.jpg) no-repeat;}
	body.pagename-work #mainContent h2 {background: url(../img/mainContent_title_work.jpg) no-repeat;}
	body.pagename-web #mainContent h2,
		body.single-web #mainContent h2,
		body.category-web #mainContent h2 {background: url(../img/mainContent_title_web.jpg) no-repeat;}
	body.pagename-print #mainContent h2,
		body.single-print #mainContent h2 {background: url(../img/mainContent_title_print.jpg) no-repeat;}
	body.pagename-logos #mainContent h2,
		body.single-logos #mainContent h2 {background: url(../img/mainContent_title_logos.jpg) no-repeat;}
	body.pagename-mobile #mainContent h2,
		body.single-mobile #mainContent h2 {background: url(../img/mainContent_title_mobile.jpg) no-repeat;}
	
	body.pagename-services #mainContent h2 {background: url(../img/mainContent_title_services.jpg) no-repeat;}
	body.pagename-faq #mainContent h2 {background: url(../img/mainContent_title_faq.jpg) no-repeat;}
	body.pagename-about #mainContent h2 {background: url(../img/mainContent_title_about.jpg) no-repeat;}
	body.pagename-contact #mainContent h2,
	body.pagename-contact_success #mainContent h2 {background: url(../img/mainContent_title_contact.jpg) no-repeat;}
	body.pagename-privacy #mainContent h2 {background: url(../img/mainContent_title_privacy.jpg) no-repeat;}
	
	#mainContainer{
		font-size:		12px;
		margin:			0 0 0 62px;
		width:			698px;}
	
	#mainContent #leftSide{
		float: left;
		padding:15px 0 0 0;
		position:relative;
		width:	463px;}
	#mainContent #leftSide a {color:		#003366;}
	
		body.home #mainContent #leftSide {width:661px;}
	
		body.pagename-faq #mainContent #leftSide,
		body.pagename-privacy #mainContent #leftSide{
			float: none;
			width:661px;}
		
		body.page #mainContent #leftSide #projectImage,
		body.single-post #mainContent #leftSide #projectImage{
			display: block;
			height:	367px;
			margin:20px 0 20px -16px;
			width:	469px;}
			
			body.pagename-logos #mainContent #leftSide #projectImage,
			body.single-logos #mainContent #leftSide #projectImage{
				display: block;
				height:	283px;
				margin:20px 0 20px -16px;
				width:	469px;}
			
				
			body.single-web #mainContent #leftSide #landingImage,
			body.pagename-print #mainContent #leftSide #landingImage{
					display:block;
					height:367px;
					width:469px;}
				body.single-web #mainContent #leftSide #landingImage a,
			body.pagename-print #mainContent #leftSide #landingImage a{
					display:block;
					height:367px;
					width:469px;}
				
		body.pagename-logos #mainContent #leftSide #projectImage a {
					display:block;
					height:250px;
					width:469px;}
		
	
	
		body.page #mainContent #leftSide p,
		body.single-post #mainContent #leftSide p {		
			line-height:1.2em;
			padding: 	0 0 20px 0;
			width:		457px;}
	
		
		body.home #mainContent #leftSide p {
			font-size:12px;
			line-height:1.2em;
			padding: 	0 0 20px 0;
			width:		661px;}
	
	
		body.pagename-faq #mainContent #leftSide p,
		body.pagename-privacy #mainContent #leftSide p {
			line-height:1.2;
			padding: 	0 0 20px 0;
			width:		657px;}		
	
		body.pagename-contact #mainContent #leftSide,
		body.pagename-contact_success #mainContent #leftSide {width: 226px;}
		body.pagename-contact #mainContent #leftSide p,
		body.pagename-contact_success #mainContent #leftSide p{
			line-height:1.2;
			padding: 	0 0 20px 0;
			width:		216px;}		
	
	#mainContent #leftSide .client_info{
		color:		#003366;
		font-size:	12px;
		font-weight:bold;}
		
		body.home #mainContent #leftSide ul {
			background: #f8f8f8; 
			border: 1px solid #efefef; 
			float: left; 
			list-style-type:none;
			margin: 0 15px 15px 0; 
			padding: 10px; }
		body.home #mainContent ul li {padding: 0 10px 0 0;}
		
		
	#mainContent #leftSide #clientDetails {list-style-type: none;}
	#mainContent #leftSide #clientDetails,
	#mainContent #leftSide .project_description,
	#mainContent #leftSide .project_testimonial,
	body.single-web.more #mainContent .client_name,
	body.pagename-mobile.more #mainContent .client_name,
	#mainContent #leftSide h3{	
		font-family: Gill Sans, Verdana;
		font-size: 11px;
		line-height: 14px;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: bold;}
		#mainContent #leftSide #clientDetails a {color:#333;}
		#mainContent h3 {color:#003366;}
		body.pagename-services #mainContent #leftSide h3.get_in_touch { margin: 10px 0;}
		
			body.single-web.more #mainContent .client_slide,
			body.pagename-mobile.more #mainContent .client_slide{	
		font-family: Gill Sans, Verdana;
		font-size: 11px;
		line-height: 12px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;}
		
	#mainContent #leftSide li.client_name{padding: 0 0 15px 0;}
	#mainContent #leftSide li.services_provided,
	#mainContent #leftSide .project_description,
	#mainContent #leftSide .view_site,
	.project_testimonial {padding: 0 0 5px 0;}
		
	#mainContent #leftSide li.client_info{}	
	
	#mainContent #leftSide .view_site a{
		color:#003366; 
		text-decoration:underline;}
	
	body.pagename-services #mainContent #leftSide ul{
		list-style-type:none;
		margin:0 0 20px;
		}
	body.pagename-services #mainContent #leftSide ul li{
		background: url(../img/arrow-bullet.gif) no-repeat left top;
		list-style-type:none;
		padding-left:12px;}
	
	body.home #mainContent #sidebar{display: none;}	
		
		
		body.single-post #mainContent #sidebar,
		body.page #mainContent #sidebar{
		background: 	url(../img/rightMenu_bg.jpg) repeat-y;
		border-top: 	1px solid #e0e0f0;
		float: 			right;
		margin:			0;
	/*	margin-left:	483px;*/
		width:			216px;}
		
		body.pagename-about #mainContent #sidebar {
			background: 	url(../img/about_pic.jpg) no-repeat;
			height:			300px;}
			body.pagename-about #mainContent #sidebar span {display: none;}
		
		body.pagename-contact #mainContent #sidebar {
			background: 	#e8f1f7;
			border-left: 	1px solid #e0e0f0;
			border-right: 	1px solid #e0e0f0;
			border-top:		1px solid #e0e0f0;
			float:			none;}
			#primary-sidebar div{}
		
		body.pagename-contact #mainContent #sidebar form {padding: 10px 10px 10px 14px;}
		
		body.page #mainContent #sidebar h3,
		body.single-post #mainContent #sidebar h3{
			color: #333;
			font-family:Arial, Helvetica, sans-serif;
			font-size:24px;
			padding:	14px 0 19px 14px;}
			body.pagename-services #mainContent #sidebar p{
				line-height: 1.2;
				padding: 0 10px 10px 14px;
				}
		
		body.page #mainContent #sidebar ul,
		body.single-post #mainContent #sidebar ul{	list-style-type: none;
			padding: 0 14px 10px 14px;}
			
			body.pagename-services #mainContent #sidebar ul {
				list-style-type: none;
				padding: 0 14px 10px 5px;}
		
		body.page #mainContent #sidebar ul li,
		body.single-post #mainContent #sidebar ul li{
			list-style-type: none;
			padding: 0 0 5px 0;}
		
		body.page #mainContent #sidebar ul li a,
		body.single-post #mainContent #sidebar ul li a{
			color: #333;
			font-size:11px;
			text-decoration: none;}

	
				body.page #mainContent  .rightSide_bottom,
				body.single-post #mainContent .rightSide_bottom{
				background: 	url(../img/rightMenu_bottom.jpg) no-repeat;
				display: 		block;
				float: 			right;
				height:			10px;
				width:			216px;}
				
				body.pagename-contact #mainContent  .rightSide_bottom,
				body.pagename-contact_success #mainContent  .rightSide_bottom{
				background: 	url(../img/contact_bottom.jpg) no-repeat;
				display: 		block;
				height:			11px;
				margin-left:	226px;
				width:			471px;}
				body.pagename-about #mainContent  .rightSide_bottom {display: none;}
		
		
	body.pagename-faq #mainContent #sidebar {display: none;}
	
	body.pagename-contact #mainContent #sidebar,
	body.webmail #mainContent #sidebar{
		margin-left:226px;
		width:	473px;}
	body.pagename-contact #mainContent #sidebar{
		margin-left:226px;
		width:	469px;}	
	body.pagename-privacy #mainContent #sidebar {display: none;}
	body.pagename-contact #mainContent #sidebar a {
		color:#003366;}
	#sidebar h2 {background: none!important;}	
		
	
.mainContent_bottom {
	background:	url(../img/mainContent_bottom.jpg) no-repeat;
	display:	block;	
	height:		17px;}	

#stripes {
	background: url(../img/stripes_bg.jpg) no-repeat;
	display: block;
	height: 216px;
	width:778px;}
	#stripes span {display: none;}
#footer {}
#footer ul#menu-left, 
#footer ul#menu-right{ 
	display: block;
	list-style-type:none; }
	
	
#footer ul#menu-left li, 
#footer ul#menu-right li{ display: inline;}

#footer ul#menu-left li a, 
#footer ul#menu-right li a{
	color: #333333;
	font-size:11px;
	text-decoration:none;}

#footer ul#menu-left{
	float:left;
	margin-left:10px;}
	#footer ul#menu-left li{}
		#footer ul#menu-left li a{margin-right:8px;}
		
#footer ul#menu-right{
	float:right;
	margin-right:10px;}
	#footer ul#menu-right li{}
		#footer ul#menu-right li a{margin-left:8px;}
	
	
	/** Client Slides  WEB**/
body.more #mainContent #leftSide .anythingSlider .client_slide .client_image a {
		display: block;
		height: 250px;
		margin: 10px auto 0;
		width:	325px;}
body.more #mainContent #leftSide .anythingSlider .client_slide .client_image a span{display: none!important;}		



/* Contact Form */

#contactForm {}
#contactForm input {
	background: none;
	border: none;
	border-bottom: 1px dashed #666;}

#contactForm ul {
	margin: 0 0 10px 0;
	padding: 0;}
#contactForm ul li{
	display: block;
	}

#contactForm p{
	padding:0 0 10px 0;}
#contactForm textarea {	
height: 150px;
margin: 20px 0;
width: 400px;}


/** Post lists **/
#sidebar .entry-summary,
#sidebar .entry-meta {display: none;}

/* Home Page Icons */
.home h1 {font-size:18px;}

 dl {
	 margin-bottom: 40px;
	 width: 330px;}
 dt {
	display:block;
  	float:left;
  	width:60px;}
  
#mainContent #leftSide dt a{
	display:block;
  	height:60px;
  	width:50px;} 	 

dt span {display: none;}

 dd {
	 margin-left: 80px;
	 width: 230px}
 dd .h3{
	color:#333333;
	font-size:16px;}
#mainContent #leftSide dd a 	 {
	display:block;
	padding-bottom:10px;
	text-decoration:none;}
 body.home #mainContent #leftSide dd p{
	color: #666;
	font-size:12px;
	padding:0;
	width:220px;}

#featuresLeft,
#featuresRight {
	float: left;
	margin-top:40px}
#featuresLeft .web_design{background: url(../img/icon_webdesign.jpg) no-repeat;}
#featuresLeft .wordpress_config{background: url(../img/icon_wordpress.jpg) no-repeat;}
#featuresLeft .ecommerce{background: url(../img/icon_basket.jpg) no-repeat; }
#featuresLeft .seo{background: url(../img/icon_seo.jpg) no-repeat;}

#featuresRight .logos{background: url(../img/icon_logo.jpg) no-repeat;}
#featuresRight .conversions{background: url(../img/icon_css.jpg) no-repeat;}
#featuresRight .etsy{background: url(../img/icon_etsy.jpg) no-repeat;}
#featuresRight .analysis{background: url(../img/icon_analysis.jpg) no-repeat;}

.client_testimonial {clear: both;}
/*
Here is a list of all the <DIV>s in Whiteboard.
*/

#container{
	margin: 0;
	padding:0;
	position: relative;
	width: 1000px;
	}
.post{}
.postmeta{}
.postnavigation{}
#searchform{}

#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}

/* "Simplicity is the ultimate sophistication." */ 	

#pagename-roadtrip #leftSide li {padding: 0 0 15px 0!important;}