/*
Theme Name: Bright Cherry
Description: The WordPress theme was designed by <a href="http://brightcherry.co.uk/">Brightcherry</a>.
Version: 1.1
Author: Maruf Rahman
Author URI: http://brightcherry.co.uk/
Tags: Bright Cherry


	This theme was designed and built by Maruf Rahman,
	whose blog you will find at http://brightcherry.co.uk/

	If you have any questions about this theme, please
	visit http://brightcherry.co.uk/
*/


/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
	}
ul,li {
	list-style-type:none;
	}



a{
	outline: none;
}

body {
	margin:0;
	padding:0;
	text-align:center;
	background:url(images/woodsmall.gif) #44403a;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border:none;
}


#logo{
	position:absolute;
	top:30px;
	height:66px;
	width:249px;
	left:210px;
	z-index:99;
	}
	
#freequote{
	position:absolute;
	top:0px;
	width:120px;
	height:120px;
	}	

#tag{
	width:120px;
	height:75px;
	float:right;
	position:relative;
	left:3px;	
	}


#navigation{
	position: relative;
	text-align:center;
	height:40px;
	width:850px;
	background:#670000;
}




#navigationright{
	float:right;
	height:40px;	
	color:#666;
}

#navigationcentertab{
	float:left;
	padding-top:10px;
	height:30px;
	background-color:#670000;
}

#navigationlefttab{
	width:13px;
	float:left;
	height:40px;
}


#navigationrighttab{
	width:13px;
	float:left;
	height:40px;

}

#navigation a{
	font-size:13px;
	letter-spacing:0.1em;
	font-weight:bold;
	text-decoration:none;
	padding:1px 2px 3px 4px;
}

#navigation a{
	color:#fff;
}

#navigation a:hover{
	color:#c0c0c0;
}



#header {
	position: relative;
	text-align:center;
	height:110px;
	width:850px;
}




#contentwrapper2 {
	padding:0;
	text-align:left;
	background:url(images/navbg.gif) repeat-x #fff;
}

#contentwrapper2 .content {
	margin:0 auto;
	text-align:center;
	width:850px;
}



	
#maincontent2{
	width:850px;
	text-align:left;
	min-height:610px;
	background:#fff;
	}


/* css hack, IE 6 and below ------*/	
* html #maincontent2{
	height:610px;
	}

#maincontentcontact{
	width:850px;
	text-align:left;
	min-height:835px;
	background:#fff;
	}

/* css hack, IE 6 and below ------*/	
* html #maincontentcontact{
	height:735px;
	}	
	

#contentleft{
	width:450px;
	float:left;
	margin:2px 0 30px 10px;
	}

#contentright{
	width:350px;
	float:left;
	margin:0 10px 30px 0;
	position:relative;
	left:30px;
	}
	
#contentright a{
	color:#666;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	}

#contentright a:hover{
	color:#999;
	}
	

#wantwebsite{
	margin-top:20px;
}


#wantwebsite a:hover{
	background:#fff;
	}
	

#workopeningpara{
	font-size:12px;
	color:#666;
	line-height:1.6em;
	padding-top:5px;
	}
	
	
.verticalbreaker{
	float:left;
	height:100px;
	width:20px;
	}


#nojs{
	position:absolute;
	top:150px;
	width:100px;
	height:250px;
}

#latestblogabsolutewrap{
	margin-top:5px;
}

.latestblogwrap{
	display:block;
	width:350px;
	float:left;
	font-style:italic;
	font-size:11px;
	color:#A4C155;
	margin:7px 0 15px 0;
	}

.latestblogpicture{
	float:left;
	background-color:purple;
	width:20px;
	height:20px;
	margin-right:8px;
	}
	
.latestblogpicframe{
	position:absolute;
	height:20px;
	width:20px;
	z-index:2;
	}

.latestblogpic{
	position:absolute;
	z-index:1;
	}
	
.latestblogcontent{
	width:310px;
	padding: 10px 0 0 32px;
	font-style:normal;
	line-height:1.6em;
	color:#666;
	}	

#cherrylogobg{
	background:url(images/cherrylogobg.gif) no-repeat;
	height:103px;
	width:492px;
	position:absolute;
	top:0px;
	left:0px;
}

.latestbloginfo{
        float:left;
        width:300px;
}

/* H tages
------------------------------------------------------------------*/



	
#contentleft h1, #contentleft_team h1{
	color:#a9cc66;
	font-size:22px;
	letter-spacing:0.3em;
	font-weight:normal;
	}
	
	
#openingpara h1{
	font-size:13px;
	color:#333;
	font-weight:bold;
	}
	
h1 a{
	color:#8DB147;
	font-size:22px;
	display:inline;
	padding:1px 3px 1px 0;
	letter-spacing:0.1em;
	text-decoration:none;
	}

h1 a:hover{	
	color:#a9cc66;
	}

h2{
	color:#85BCBD;
	font-size:22px;
	display:inline;
  padding:0px;
	letter-spacing:0.1em;
	font-weight:normal;
	}


h3{
	color:#8DB147;
	font-size: 12px;
	font-weight:normal;
}

.blogdescindent h3 a{
	font-size:16px;
}


.blogdescindent h4{
	color:#a9cc66;
	font-size: 16px;
	text-decoration:underline;
	position:relative;
	top:10px;
}


/* font stylings
------------------------------------------------------------------*/

b.largeblue{
	font-size:16px;
	color:#488BC3;
}

b.highlighttext{
	padding:0 3px 0 4px;
	letter-spacing:0.3em;
	}
	
b.disclaimer{
	font-style:italic;
	font-size:12px; 
	color:#c0c0c0;
	font-weight:normal;
}

b.footerdisclaimer{
	font-style:italic;
	font-size:12px; 
	color:#666;
	font-weight:normal;
}


b.rotatequoteuser{
	font-weight:normal;
	font-size:11px;
	font-style:normal;
	color:#c0c0c0;
}

b.pink{
	font-weight:normal;
	color:#EC005E;
}

b.meduim2bold{
	font-size:13px;
	color:#333;
	letter-spacing:0.4em;
	}

b.meduimbold{
	letter-spacing:0.2em;
	}

b.bold{
	color:#333;
	font-size:12px;
	}

b.green{
	color:#a9cc66;
	font-weight:normal;
}


/* Homepage
------------------------------------------------------------------*/

#mainimage{
	float:right;
	position:relative;
	top:70px;
	}

#offers{
	text-align:left;
	position:absolute;
	left:-210px;
	bottom:-90px;
	z-index:1;
}


#offer1txt{
	position:absolute;
	top:18px;
	text-align:center;
	width:40px;
	left:14px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	z-index:9;
	}

#offer2txt{
	position:absolute;
	top:18px;
	text-align:center;
	left:85px;
	width:40px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	z-index:9;
	}

#cherryshadow{
	position:absolute;
	top:165px;
	left:-250px;
}

#openingpara{
	font-size:12px;
	color:#333;
	width:150px;
	line-height:1.8em;
	margin-top:10px;
	float:left;
	}

#openingpara a{
	color:#666;
}

	
#contentright a.h2, #services_likeourwork a.h2{
	color:#85BCBD;
	font-size:22px;
	display:inline;
        padding:0px;
	letter-spacing:0.1em;
	font-weight:normal;
	}
	
#contentright a.h2:hover, #services_likeourwork a.h2:hover{
	color:lightblue;
	display:inline;
	letter-spacing:0.1em;
	}	



	
img.image{
	border:2px solid #666;
}


.workwrapperindex{
	float:left;
	margin:10px 0 50px 0;
	}




/* Team page
------------------------------------------------------------------*/

#contentleft_team{
	width:850px;
	margin:10px;
	}

#contentright_team{
	width:350px;
	margin:30px 10px 0 10px;
	}

.teampicture{
	float:left;
	width:100px;
	height:100px;
	padding:0px;
	margin:0px;
	}
	
.teampicframe{
	position:absolute;
	height:100px;
	width:100px;
	z-index:9;
	}

.teampic{
	position:absolute;
	z-index:1;
	}		

.teamdesc{
	display:block;
	width:250px;
	height:100px;
	color:#c0c0c0;
	font-size:12px;
	background:url(images/teamcornertab.gif) no-repeat #333 top right;
	float:left;
	padding:0px;
	margin:0px;	
}

.teamdescindent{
	float:left;
	width:220px;
	padding:5px 5px 5px 10px;
}

.teambuttons{
	display:block;
	height:20px;
	text-align:right;
	}

.teamwrapper{
	width:350px;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	}

.teamwrapper a{
	color:#8CCED1;
	}

.teamwrapper a:hover{
	color:#73E8D9;
	}

.teamwrapper h3{
	font-size:14px;
	padding-bottom:4px;
	}

.extracontent{
	width:250px;
	float:right;
	background:#333;
}


.bottomrighttab{
	float:right;
	height:14px;
	width:250px;
	background:url(images/teambottomcornertab.gif) bottom right no-repeat #333;
	}

.closebutton{
	float:right;
	width:250px;
	}
	

.extracontent h4{
	color:#a9cc66;
	font-size:12px;
	font-weight:normal;
	letter-spacing:0.3em;
	padding:10px;
	}	

.extracontent p{
	font-size:12px;
	padding: 0 10px 10px 10px;
	color:#999;
	}
	
	
.verticalwrapper{
	float:left;
	width:15px;
	height:100px;
}


#gal{
	float:left;
	position:relative;
	z-index:5;
}

.gallery {
	padding:0;
	margin:0px 0 0 0;
	list-style-type:none;
	float:left;
}

.gallery img.landscape {
	border:0;
	width:100px;
	height:100px;
}


.gallery li {
	float:left;
	margin:10px 0 10px 0;
}


.gallery li a img.landscape {
	position:absolute;
	left:0;
	visibility:hidden;
	border:0;
}

.gallery li a img.landscape {
	top:-55px;
	left:-110px;
	z-index:5;
}

.gallery li a:active img.landscape, .gallery li a:focus img.landscape {
	visibility:visible;
}

.gallery li img.minithumb{
	height:14px;
	width:14px;
	margin-right:4px;
	border:1px solid #666;
}

.gallery li a:active img.minithumb{
	border:#eee solid 1px;
}



/* Contact page
------------------------------------------------------------------*/

#contactform{
	float:left;
	width:450px;
	margin-top:15px;
}


.contactformfieldwrap{
	margin:10px 0 10px 0;
	float:left;
}

.contactformfieldwrap input{
	width:312px;
	border:0px;
	padding:2px;
	color:#333;
	font-size:12px;
	letter-spacing:0.1em;
	border:1px solid #666;
	float:left;
	display:inline;
}

.contactformfieldname{
	float:left;
	width: 105px;
	font-weight:bold;
	color:#333;
	font-size:12px;
	padding:2px 0 1px 0;
	letter-spacing:0.1em;
}


.contactformfield{
	display:block;
	float:left;
}


.contactdisclaimer{
	font-size:9px;
	color:#666;
}

.contactformfield textarea{
	width:312px;
	height:150px;
	padding:2px;
	color:#333;
	letter-spacing:0.1em;
	font-size:12px;
	border:1px solid #666;
}


.contactdropdown{
	font-size:12px;
	font-family:arial;
	color:#333;
	padding:1px;
	border:1px solid #666;
}

#contactleftdetailswrap{
	margin-top:50px;
}


#talktous{
	display:block;
	float:left;
	width:250px;
	margin:10px;
	position:relative;
	left:70px;
	top:20px;
}

#talktous p{
	font-size:12px;
	line-height:1.6em;
	margin-top:8px;
}

#talktous h3{
	font-size:18px;
}

#telnum{
	color:#333;
	font-weight:bold;
	float:right;
	font-size:22px;
	width:255px;
	height:90px;
	letter-spacing:0.2em;
	position:relative;
	right:30px;
}

#telnumtxt{
	position:absolute;
	width:220px;
	top:30px;
	right:-10px;
}

#address{
	float:right;
	color:#333;
	margin:5px;
	font-style:italic;
	font-weight:bold;
	font-size:14px;
	height:218px;
	width:280px;

}

#addresstxt{
	position:absolute;
	width:220px;
	top:250px;
	left:110px;
}


.sendbtnwrap{
	width:450px;
	text-align:right;
float:left;
}

.sendbtn{
	margin:5px 8px 9px 0;
}

#error img{
	border:0px;
}

#error{
	margin:10px 0 5px 0;
}

#emailerror{
	font-size:11px;
	font-weight:normal;
	color:#990000;
}

#emailerror ul li{
	margin-bottom:8px;
}



/* Work page
------------------------------------------------------------------*/


.workwrapper{
	float:left;
	margin:30px 0 10px 0;
	}

.workpicture{
	float:left;
	background-color:purple;
	width:150px;
	height:95px;
	}
	
.workpicframe{
	position:absolute;
	height:95px;
	width:150px;
	z-index:2;
	}

.workpic{
	position:absolute;
	z-index:1;
	}
	
.workviewsite{
	position:relative;
	width:150px;
	height:20px;
	top:95px;
	text-align:right;
}

/* Logo page
------------------------------------------------------------------*/

.logowrapper{
	float:left;
	margin:15px 0 0 0;
	}

.logopicture{
	float:left;
	background-color:purple;
	width:200px;
	height:110px;
	}
	

/* 404 error page
------------------------------------------------------------------*/

#error404{
	font-size:12px;
	color:#666;
}

#error404 p{
	margin-top:20px;
}

#error404 ul{
	margin-top:20px;
}

b.error404{
	font-size:22px;
	color:#000;
}




/* About page
-----------------------------------------------------------------*/

#aboutwrapper{
	display:block;
	float:left;
	margin-top:10px;
	background:#333;
	width:850px;
	}

#abouttxt{
	padding:10px;
	font-size:12px; 
	color:#c0c0c0;
	}
	

/* Services page
-----------------------------------------------------------------*/

#serviceswrap{
	color:#666;
	font-size:12px;	
	padding-bottom:20px;
	margin-top:20px;
}


.servicequote{
	position:absolute;
	bottom:0px;
	left:560px;
}


#servicewraplist a.h2{
	color:#85BCBD;
	font-size:22px;
	background-color:#fff;
	display:inline;
        padding:0px;
	letter-spacing:0.1em;
	text-decoration:none;
	font-weight:normal;
	}
	
#servicewraplist a.h2:hover{
	color:lightblue;
	display:inline;
	letter-spacing:0.1em;
	text-decoration:none;
	}

.servicequotetxt{
	position:absolute;
	top:16px;
	text-align:center;
	width:40px;
	left:16px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	z-index:9;
	}

.servicecontainer{
	width:830px;
	margin-bottom:30px;
	position:relative;
}

.serviceheader{
	width:830px;
	height:73px;
	background:url(images/servicestop.gif);
}

.servicebottom{
	width:830px;
	height:18px;
}

.servicebody{
	width:830px;	
}

.servicebody p{
	padding:15px 10px 5px 14px;
	line-height:1.8em;
}

.servicecount{
	float:left;
	position:relative;
	top:23px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	left:29px;
}

.servicetitle{
	position:relative;
	top:17px;
	left:60px;
	float:left;
}

.servicetitle h2{
	background:none;
}

#servicewraplist{
	margin-top:20px;
	height:180px;
	background:url(images/blogcommentbg.gif) repeat-y;
}

#servicewraplist a{
	font-size:12px;
	text-decoration:none;
	color:#333;
	line-height:1.9em;
}

#servicewraplist a:hover{
	color:#999;
}

#servicelist{
	width:500px;
	float:left;
}

.servicebody p.top{
	text-align:right;
	padding-left:5px;
	padding-bottom:0px;
	margin-bottom:0px;
	position:relative;
	bottom:20px;
}

.servicebody p.top a{
	color:#8CCED1;

}	


#servicelist ul{
	margin-left:15px;
}


#servicelist li{
	padding-left:5px;
	list-style-type:disc;
}


#rotatequotewrapper{
	float:left;
	font-size:12px;
	font-style:italic;
	letter-spacing:0.1em;
	color:#999;
	margin-top:10px;
	background:url(images/speechmarks2.gif) no-repeat bottom right;
	}

#rotatingquote div{
	 visibility:hidden;
}

#rotatingquote, #rotatingquote div.default {
	  width:160px;
	  height:120px;
	  overflow:hidden;
	}

#rotatingquote table tr td div {
	 visibility:visible;
}

#rotatingquote table tr td {
	  vertical-align:middle;
	}
	
.quoteauthor{
	margin-top:15px;
}

#rotatequotewrapper span{
	display:block;
	width:300px;
	margin-top:10px;
}


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


#footer{
	position:relative;;
	top:15px;
	width:850px;
	margin:0 auto;
	text-align:left;
	}


#footercontent{
	float:left;
	background-color:#242424;
	opacity: .7;
	/*filter: alpha(opacity=70);*/
	margin-left:5px;
	width:520px;
}	

#footervalidationcontent{
	float:left;
	width:400px;
	padding:0 0 10px 10px;
}	

#footercontent .tick{
	background:url(images/check.gif) no-repeat;
	height:11px;
	width:13px;
	float:left;
	padding-right:7px;
	}

#footercontent .list{
	height:25px;
	}

#footercontentleft{
	width:240px;
	float:left;
	font-size:14px;
	color:#fff;
	padding:10px;
}


#footercontentright{
	width:240px;
	float:left;
	font-size:14px;
	color:#fff;
	padding:10px;
}




#footercontent h3{
	margin-bottom:12px;
	}
	

#footercontentright a, #footercontentleft a{
	color:#8CCED1;
	background-color:#464E4D;
	padding:0 4px 4px 4px;	
	}

#footercontentright a:hover, #footercontentleft a:hover{
	background-color:#6D7473;
	color:#73E8D9;
	}
	
#footervalidationcontent a{
	padding:0px;
	border:0px;
}

	
#welovedesign{
	float:left;
	width:300px;
	height:160px;
	background:url(images/welovedesign.gif);
	}	
	
#footerdisclaimer{
	width:520px;
	float:left;
	margin-left:5px;
	margin-bottom:20px;
	}

/* Location ------------------------------------------------------- */

#locations{
	font-size:11px;
	text-align:left;
	position:relative;
	margin-top:10px;
}

#locations #title{
	font-size:12px;
	font-weight:bold;
}

#locations a{
	color:#999;
	font-weight:normal;
	text-decoration:underline;
	line-height:1.6em;
	font-size:11px;
}

#locations a:hover{
	text-decoration:none;
}

#geographics{
	margin-top:5px;
	font-size:12px;
	line-height:1.6em;
}

#map{
	position:relative;
	text-align:right;
}

#miles{
	position:absolute;
	right:45px;
	top:25px;
}

#mileamount{
	font-size:12px;
	font-weight:bold;
	width:30px;
	text-align:center;
}

#miletxt{
	font-size:10px;
	width:30px;
	text-align:center;
}

/* Blog elements ------------------------------------------------------- */

#pagenumber{
	font-weight:bold;
	font-size:14px;
	color:#666;
	margin-top:5px;
}


td.blogtblwidth{
	width:450px;
}

.projectbreaker{
	float:left;
	width:380px;
	height:20px;
}

.projectbreakersmall{
	float:left;
	width:380px;
	height:10px;
}

.alignleft{
	float:left;
}

.alignright{
	float:right;
}

.alignleft a{
	color:#8CCED1;
	background-color:#464E4D;
	padding:0 4px 2px 4px;
	font-size:14px;
	font-style:normal;
	}

.alignleft a:hover{
	background-color:#6D7473;
	color:#73E8D9;
	}
	
.alignright a{
	color:#8CCED1;
	background-color:#464E4D;
	padding:0 4px 2px 4px;
	font-size:14px;
	font-style:normal;
	}

.alignright a:hover{
	background-color:#6D7473;
	color:#73E8D9;
	}	

#blogwrapper{
	width:450px;
	margin: 15px 0 30px 0;
}

#blogwrapper table{
	border:1px solid #eee;
	background-color:#333;
	margin: 15px 0 10px 0;
}

#blogwrapper table td{
	border:1px solid pink;
}

#blogwrapper table td{
	padding-left:5px;
}


#blogwrapper img{
	border:0px;
}

#blogpostdetails{
	display:block;
	height:60px;
}

#blogpostauthorpic{
	width:60px;
	height:60px;
	float:left;
	border:1px solid #c0c0c0;
}

#blogposttxtdetails{
	text-align:right;
	color:#a9cc66;
}

.blogpicture{
	float:left;
	background-color:purple;
	width:100px;
	height:100px;
	}
	
.blogpicframe{
	position:absolute;
	height:100px;
	width:100px;
	z-index:2;
	}

.blogpic{
	position:absolute;
	z-index:1;
	}		


.blogdescindent{
	color:#c0c0c0;
	font-size:12px;	
	float:left;
	width:330px;
	padding:10px 10px 20px 10px;
	background:url(images/teamcornertab.gif) no-repeat #333 top right;
}


blockquote{
	float:left;
	background:url('images/speechmarks_blockquote.gif') no-repeat top left #666;
	padding:35px 10px 15px 40px;
	margin:10px 0 10px 0;
	letter-spacing:0.1em;
}

.blogdescindent li{
	margin-top:15px;
	list-style-type:disc;
	padding-left:10px;
	width:260px;
}

.blogdescindent ul{
	margin-left:30px;
}

.blogdescindent a{
	color:#8CCED1;
}

.blogdescindent a:hover{
	color:#73E8D9;
}


.blogdescindent p{
	margin-top:15px;
}

.blogbuttons{
	display:block;
	height:20px;
	text-align:right;
	}


#blogwrapper h2{
	display:block;	
	font-size: 14px;
	font-weight:normal;
	padding:0px;
}

#blogwrapper h2 a{
	color:#a9cc66;
}

#blogwrapper h2 a:hover{
	background:#666;
}


#catdesc{
	font-size:12px;
	line-height:2.0em;
	color:#666;
}

#catdesc p{
	margin-top:15px;
}

code{
	background:#666;
	float:left;
	padding:4px;
}

.postdetails{
	float:right;
	width:350px;
	position:relative;

}


.postedit{
	float:right;
}

.postcat, .postcatsingle{
	float:right;
	display:block;
}

.postcomment{
	float:right;
	background:url(images/commentcount.gif) no-repeat;
	height:20px;
	width:64px;
	text-align:center;	
}

.postcomment a, .catcentre a{
	color:#c0c0c0;
	text-decoration:none;
}


.catcentre a{
	background:#2D2D2D;
	font-size:11px;
	position:relative;
	padding:4px 0 2px 10px;
}

/* ie6 and lower - */
* html .catcentre a{
	padding:0 0 0 10px;
}

.postcomment a:hover, .catcentre a:hover{
	color:#666;
}

.postcat .catcentre, .postcat .catcentre_nolink{
	float:left;
	font-size:11px;
	background:#2D2D2D;
	height:20px;
}

.postcat .catcentre_nolink{
	padding-left:10px;	
}

.postcat .catright{
	background:url(images/catright.gif) no-repeat;
	height:20px;
	width:15px;
	float:left;
	margin-right:5px;
}

.postcat .catleft{
	background:url(images/catleft.gif) no-repeat;
	height:20px;
	width:21px;
	float:left;
}

.postcatsingle{
	background:url(images/blogcatstrip.gif) no-repeat;
	width:350px;
	display:block;
}


.postcatsingle .catleft{
	display:block;
	float:left;
	width:300px;
	position:relative;
	bottom:2px;
	left:35px;
}

.postcatsingle .catleft a{
	font-size:11px;
	color:#c0c0c0;
}

.postcatsingle .catleft a:hover{
	color:#fff;
}



.datetab{
	background:#2C2C2C;
	height:20px;
	width:105px;
	font-style:italic;
	font-size:11px;
	text-indent:12px;
}



.post{
	color:#c0c0c0;
	font-size:13px;
	line-height:1.7em;
	float:left;
	margin-bottom:30px;
	width:450px;
}

.rcommentwrap{
	font-size:11px;
	font-style:italic;
	margin-bottom:22px;
	width:320px;
}


.rcommentimage{
	float:left;
	margin-right:4px;
	height:50px;
	float:left;
	width:20px;
}


.rcommentpicframe{
	position:absolute;
	height:20px;
	width:20px;
	z-index:2;
	left:0px;
}

.rcommentauthor{
	color:#A4C155;
}
.rcomment{
	color:#666;
	font-size:12px;
}

.rcommentlink{
	margin-left:22px;
}

#blogrecentcomments li{
	margin-top:12px;
	font-size:10px;
	font-style:italic;
	color:#c0c0c0;
	float:left;
	padding-left:30px;
	width:300px;
	}

#blogbindercomments{
	float:left;
	margin:12px 0 20px 0;
}


#blogcat li{
	margin-top:12px;
	font-size:10px;
	font-style:italic;
	color:#c0c0c0;
	float:left;
	padding-left:30px;
	width:300px;
	}

#blogbinder{
	float:left;
	background:url(images/bind.gif) repeat-y;
	margin-top:12px;
}

#blogcommenttitle,#blogcommenttitle h3{
	display:block;
	text-align:right;
	margin: 0 0 10px 0;
	font-size:22px;
}

#commentwrapper{
	font-size:14px;
	color:#666;
	font-weight:bold;
}

#commentwrapper a{
	color:#8CCED1;
	background-color:#464E4D;
	padding:0 4px 2px 4px;
	font-size:14px;
	font-style:normal;
	}

#commentwrapper a:hover{
	background-color:#6D7473;
	color:#73E8D9;
	}
	

#commentright{
	width:230px;
	float:left;
	margin-left:32px;
	}

#commentwrapper #commentleft input{
	border:0;
	font-size:11px;
	width:160px;
	background:url(images/blogcommentsmallbg.gif);
}

#commentleft{
	width:160px;
	height:230px;
	float:left;


}

#gravatar{
	float:left;
	margin:15px 0 0 0;
	border:1px dashed #999;
}

#gravatarimage{
	float:left;
	margin-right:10px;
        padding:10px 0 10px 10px;
	height:75px;
}

#gravatartxt{
	font-size:12px;
	font-weight:normal;
	padding:10px 10px 10px 0;

}

#commentsubscribe{
	font-size:11px;
	font-weight:normal;
	background:#eee;
	border:#666 dashed 1px;
	margin-top:20px;
}

#commentsubscribe label{
	position:relative;
	left:5px;
	display:block;
}

#commentleft #commentsubscribe input{
	width:20px;
	float:left;
	display:block;
	background:none;
}

#commentsubscribe a{
	display:block;
	color:#990000;
	text-decoration:underline;
	font-size:11px;
	background:none;
	padding:0px;
	margin:0px;
}

#commentsubscribe a:hover{
	display:block;
	color:#990000;
	text-decoration:underline;
	font-size:11px;
	background:none;
	padding:0px;
	margin:0px;
}

.subscribe-to-comments{
	padding:10px;
}

#commentname{
	margin-bottom:10px;
}

#commentmessage{
	margin-top:8px;
}

#commentmessage textarea{
	width:244px;
	height:300px;
	border:0px;
	overflow:auto;
	overflow-x: hidden; 
	background:url(images/blogcommentbg.gif);
	padding:5px;
}

#commentsubmit{
	float:right;
	margin:10px 0 10px 0;
	position:relative;
}

#commentsubmit input{
	border:1px solid #c0c0c0;
	font-size:11px;
}

#commentsubmit input{
	border:0px;
}


#commentscribble{
	margin-bottom:10px;
}

#commentscribble h3{
	font-size:22px;
	width:450px;
	text-align:right;
}


.commentlist{
	display:block;
	float:left;
	margin-bottom:20px;
}

#commentresponsewrap{
	float:left;
	margin-bottom:20px;
	width:450px;
}

.commentresponsedescindent{
	color:#c0c0c0;
	font-size:12px;	
	float:left;
	width:350px;
	background:url(images/responsecommentcornertab.gif) no-repeat #484848 top right;
}

.commentpadding{
	padding:5px 10px 20px 10px;
}

.commentpadding p{
	margin-top:15px;
}

.commentpadding a{
	color:#73E8D9;
}


.commentresponsepicture{
	float:left;
	width:100px;
	height:100px;
	}
	
.commentresponsepicframe{
	position:absolute;
	height:50px;
	width:50px;
	z-index:2;
	margin-left:50px;
	}

.commentresponsepic{
	float:right;
	z-index:1;
	}
	
.commentresponsedatetab{
	background:url(images/datetab.gif) no-repeat;
	height:20px;
	width:110px;
	text-indent:12px;
	font-style:italic;
	font-size:11px;
	color:#c0c0c0;
	padding-top:3px;
}

.commentcount{
	color:#fff;
	font-size:20px;
	text-align:right;
}

.authorcat{
	float:right;
	display:block;
}


.authorcentre{
	height:20px;
	float:left;
	background-color:#2D2D2D;
	padding-left:10px;
}

.commentlist .authorcentre{
	color:#c0c0c0;
	font-size:12px;
	line-height:1.7em;
}

.authorcentre a{
	color:#c0c0c0;
	text-decoration:none;
	position:relative;
	bottom:1px;
}

.authorcentre a:hover{
	color:#666;
}

.authorright{
	background:url(images/catright.gif);
	height:20px;
	width:15px;
	float:left;
}

.authorleft{
	background:url(images/authoricon.gif);
	height:20px;
	width:21px;
	float:left;
}

.commentdetails{
	float:right;
	width:350px;

}

.commentmoderation{
	position:relative;
	left:8px;
	top:4px;
}

b.moderation{
	font-style:italic;
	color:#8CCED1;
	font-weight:normal;
	}
	

#pagingnav a{
	background:none;
	text-decoration:none;
	font-size:24px;
}


/* related posts
--------------------------*/

#relatedposts{
	margin-top:30px;
}

#relatedposts h6{
	font-size:16px;
	color:#85BCBD;
}





/* examples for 5 css tricks post
------------------------------------------------------------------*/

#transparentexample a:hover{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;

}

#hoverexample a:hover{
	cursor:crosshair;
}


/* image gallery blog post
------------------------------------------------------------------*/

#gallerywrapper{
	float:left;
	position:relative;
	z-index:5;
	width:330px;
	top:20px;
	height:180px;
}

#gallerywrapper li, #gallerywrapper ul{
	padding:0;
	margin:0;
}

#gallerywrapper li{
	height:25px;
	width:25px;
	float:left;
	list-style-type:none;
	margin-right:6px;
}

.gallerydisplay {
	padding:0;
	margin:0px 0 0 0;
	list-style-type:none;
	float:left;
}

.gallerydisplay img.mainimage, #defaultimage img.mainimage{
	border:0;
	width:100px;
	height:100px;
}

.gallerydisplay li a img.mainimage {
	position:absolute;
	left:0;
	visibility:hidden;
	border:0;
	top:0px;
	z-index:5;
}

.gallerydisplay li a:active img.mainimage, .gallerydisplay li a:focus img.mainimage {
	visibility:visible;
}

.gallerydisplay li img.thumbnail{
	height:25px;
	width:25px;
	border:1px solid #666;
}

.gallerydisplay li a:active img.thumbnail{
	border:#eee solid 1px;
}

#defaultimage img{
	position:relative;
	left:0;
	z-index:-1;
}


/* CSS rounded edges
------------------------------------------------------------------*/

#nonround{
	height:200px;
	width:200px;
	background:red;
	margin-top:20px;
}

#round{
	height:200px;
	width:200px;
	background:red;
	margin-top:20px;
         -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;	
}

/* Logo page
---------------------------------------------------------------------*/

#logoprice{
	font-size:28px;
	float:right;
	color:#0095D9;
}