/*
Theme Name: Limefox
Theme URI:  http://www.limefox.co.uk
Description:  Theme for Limefox Web Design
Version:    1.0
Author:   Nick Bright
Author URI: http://www.limefox.co.uk
*/



/* Required Wordpress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
.alignleft { float: left; }
.alignright { float: right; }


/* Undo browser defaults
------------------------------------------------------------ */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}





/* Body and Links
------------------------------------------------------------------ */


.body-work
{
	/* font-family:calibri;*/
	font-family:'Myriad Pro',Trebuchet MS,Helvetica,sans-serif;
	background: #000 url(images/bg.jpg) repeat-x 185px 26px ;
}

/* Force scrollbar to prevent page shift
--------------------------------------------------------------------*/
html { min-height: 101%; margin-bottom: 1px; }


/* 
Follow Bar
-----------------------------*/
#follow-bar
{
	width: 100%;
	height: 25px;
	background: #111;
	font-family: calibri, trebuchet MS;	
	border-bottom: 1px solid black;
}
#follow-bar h1
{
color: #777;
margin-left:20px;
margin-top:3px;
font-size: 0.9em;
float:left;
}

#follow-bar dl
{
	width: 400px;
	float: left;
display:inline;
	margin-left:380px;
	margin-top:3px;
	font-size: 1.0em;
}

#follow-bar dl dt, #follow-bar dl dd 
{ 
	float: left; 
display:inline;
}

#follow-bar dt 
{
  
  color: #aaa;
}

#follow-bar dd 
{ 
	margin-right: 20px; 
	margin-left: 5px; 
}
#follow dd a 
{
  display: block;
  color: #cfc4b6;
}
#logo
{
	background:url(images/logo.jpg) no-repeat;
	width:894px;
	height:200px;
	float:left;
	display:inline;
}

#nav
{
float: left;
width:868px;
display:inline;
margin-top:20px;
margin-bottom:30px;
height:24px;
	color:#000;
	display:block;		
	font-size:1.0em;
	font-weight:bold;
	text-align:center;
	border:1px solid #7e9700;	
	text-shadow:0px 0px 3px white;
	box-shadow:0px 0px 15px #000;
	-webkit-box-shadow:0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	/*
		CSS3 gradients for webkit and mozilla browsers,
		fallback color for the rest:
	*/
	background-color: #bde400;
	background-image: -moz-linear-gradient(#bde400, #8daa02);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bde400), to(#8daa02));
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#nav li
{
display:block;
float:left;
height:30px;
margin-left:65px;
text-align:center;
font-weight:bold;
}

#nav a
{
color:#000;
}

#nav a:hover
{
color: #fff;
}


#main-wrapper
{
width:900px;
margin:auto;
}

#content-wrapper
{
width:870px;
float:left;
display:inline;
margin:20px;
color:white;
}

#header
{
height:130px;
}

#header p
{
font-size:1.7em;
color:#e5e6bb;
padding:10px;
background:#000;
font-weight:bold;
}

.clear
{
clear:both;
}
/*
---------------------
Left
---------------------
*/

#left
{
width:430px;
background: #000;
height:340px;
float:left;
display:inline;
margin-top:20px;
}

#left h4
{
font-size:1.4em;
font-style:italic;
color:#bde400;
padding-left:10px;
}

#left p
{
color:#d5d6ab;
padding:10px;
font-size:1.0em;
line-height:20px;
}

#left ul
{
color:#d5d6ab;
padding:10px;
font-size:1.0em;

}

#left ul li
{
color:#d5d6ab;
padding-left:10px;
padding-bottom:10px;
font-size:1.0em;
list-style-type: circle;
margin-left:20px;
font-style:italic;
}


#left a
{
color:#e5e6bb;
text-decoration:none;
border-bottom:1px dotted white;
}
#left a:hover
{
color:white;
}

/*
---------------------
Right
---------------------
*/

#right
{
width:430px;
background:#000;
height:340px;
float:left;
display:inline;
margin-top:20px;
margin-left:10px;
}

#right h4
{
font-size:1.4em;
font-style:italic;
color:#bde400;
padding:10px;
}

/*
---------------------
Twitter
---------------------
*/

#twitter
{
width:880px;
background: #000;
height:600px;
margin-top:20px;
}
#twitter h4
{
font-size:1.4em;
font-style:italic;
color:#bde400;
padding-left:10px;
}


.twitter-box
{
width:430px;
background:#000;
float:left;
display:inline;
margin-left:10px;
}
.twitter-box h4
{
font-style:normal !important;
}
/*
---------------------
Main content (Static pages)
---------------------
*/

.main
{
width:880px;
background: #000;
float:left;
display:inline;
margin-top:10px;
font-size:1.2em;
}

.main h4
{
font-size:1.4em;
font-style:italic;
color:#bde400;
padding:10px;
}

.main h5
{
font-size:1.1em;
color:#e5e6bb;
padding-left:10px;
}
.main p
{
color:#d5d6ab;
padding:10px;
font-size:0.9em;
line-height:20px;
}

.main ul
{
color:#d5d6ab;
padding:10px;
font-size:0.9em;

}

.main ul li
{
color:#d5d6ab;
padding-left:10px;
padding-bottom:5px;
font-size:0.9em;
list-style-type: circle;
margin-left:20px;
font-style:italic;
}

.main a
{
color:#bde400;
text-decoration:none;
border-bottom: 1px dotted #bde400;
}

.main a:hover
{
	color:white;
}

.main img
{
float:left;
margin:20px;
}


/*
------------------------------------
Blog Content
------------------------------------
*/

.blog-min-height
{
	height:600px;
	float:right;
	width:1px;
}
.blog
{
width:570px;
background: #000;
float:right;
display:inline;
margin-top:10px;
font-size:1.2em;
border:0px solid red;

}

.blog h4
{
font-size:1.4em;
font-style:italic;
color:#bde400;
padding:10px;
}

.blog h5
{
font-size:1.1em;
color:#e5e6bb;
padding-left:10px;
}
.blog p
{
color:#d5d6ab;
padding:10px;
font-size:0.9em;
line-height:20px;
}

.blog ul
{
color:#d5d6ab;
padding:10px;
font-size:0.9em;

}

.blog ul li
{
color:#d5d6ab;
padding-left:10px;
padding-bottom:5px;
font-size:0.9em;
list-style-type: circle;
margin-left:20px;
font-style:italic;
}

.blog a
{
color:#bde400;
text-decoration:none;
border-bottom: 1px dotted #bde400;
}

.blog a:hover
{
	color:white;
}



/*
--------------------------------
sidebar-left
--------------------------------
*/


.sidebar-left
{
float:left;
width:280px;
border:0px solid green;
height:600px;
margin-top:10px;
background: #000;
}



/*
Testimonials
------------------------------------------------------*/

.testimonial
{
width:430px;
margin:9px;
margin-bottom:30px;
}

.lquote {
     float: left;
     height: 45px;
     margin-top: -65px;
     padding-top: 45px;
     margin-bottom: -10px;
     font-size: 3em;
     color: #d5d6ab; !important

 }

 .rquote {
     float: right;
     height: 25px;
     margin-top: -20px;
     padding-top: 15px;
     font-size: 3em;
     color: #d5d6ab; 
 }
.testimonial p
{
	font-style:italic;
	font-size:1.6em !important; 	
	margin-bottom:5px;	
}

.testimonial h6
{
font-size:1.2em;
font-weight:bold;
color:#fff;
}






.trans50
{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.trans75
{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
.trans95
{
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}
.trans100
{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}


/* The bouncing box */

#box{
	background:url(images/box_bg.jpg) repeat-x center top #fff;
	height:220px;
	padding:20px;
	margin-top:-10px;
	padding-top:10px;
	width:830px;
	margin-left:19px; !important
	border:1px solid #555;
	color:#494848;
	text-shadow:1px 1px 0 white;
	box-shadow:10px 10px 20px #000;
	-webkit-box-shadow:10px 10px 20px #000;
	-moz-box-shadow: 10px 10px 20px #000;
	z-index:1000;
	
}

#front-contact-form-box
{
float:right;
display:inline;
width:500px;
height:190px;
margin:10px;

box-shadow: 10px 10px 10px #88F;
}

#getintouch
{
float:left;
color:black;
font-size:1.9em;
font-weight:bold;
margin-left:30px;
}

#box,
#main
{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* Styling the big button */

.button{
	color:#000;
	letter-spacing:0px;
	padding:5px;
	display:block;		
	font-size:1.7em;
	font-weight:bold;
	text-align:center;
	border:1px solid #7e9700;	
	text-shadow:0px 0px 3px white;
	box-shadow:0px 0px 15px #000;
	-webkit-box-shadow:0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	/*
		CSS3 gradients for webkit and mozilla browsers,
		fallback color for the rest:
	*/
	background-color: #bde400;
	background-image: -moz-linear-gradient(#bde400, #8daa02);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bde400), to(#8daa02));
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.button:hover{
	text-decoration:none;
	box-shadow:0px 0px 10px #fbff93;
	-webkit-box-shadow:0px 0px 10px #fbff93;
	-moz-box-shadow: 0px 0px 10px #fbff93;
	background-color: #bde400;
	background-image: -moz-linear-gradient(#add400, #7d9a02);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#add400), to(#7d9a02));
	color:#fff;
}
	
#tell-us-button
{
	width:290px;
	margin:130px 0 0 20px;
	float:left;
}
#sendinfo
{
	width:100px;
}

#closebox
{
	width:100px;
}

.slideshow 
{ 
height: 280px; 
width: 420px; 
margin: auto;
margin-top:30px;
border:1px solid #000;
float:right;
}
.slideshow img 
{ 
background-color: #eee; 
}



#footer
{
float:left;
display:inline;
width:100%;
margin:auto;
background: #000 url(images/ft.jpg) repeat-x;
height:200px;
color:#999;
text-align:center;
}

#footer a
{
color: #888;
}






.CleanContact { text-align: left; width: 30em; display: block; border:0; padding-top: 1em; color:#222; font-size:0.8em; }
.CleanContact input[type="text"] { width:290px; margin-bottom: .5em; font-family:'Myriad Pro',Trebuchet MS,Helvetica,sans-serif; }
.CleanContact label { clear: none; display: inline; text-align: left; }
.CleanContact textarea{ font-size: 1.0em; width:390px; height:150px;font-family:'Myriad Pro',Trebuchet MS,Helvetica,sans-serif;}
.CleanContact label em { font-weight: bold; font-style: normal; color: red; }
.CleanContact_msg { font-weight: bold;  padding: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.CleanContact_msg.ok{ 
font-size:1.4em;
font-style:italic;
color:#222;
padding-left:10px;

}
.CleanContact_msg.err{ background-color: #ff9595; border: solid 1px #fff; color: #000;}
.CleanContact fieldset{border:0px;}
.CleanContact1
{
width:400px;
float:left;
display:inline;
height:140px;
margin-top:18px;
}

.CleanContact2
{
width:400px;
height:200px;
float:right;
display:inline;
}

.CleanContact3
{
width:400px;
float:left;
height:60px;
}

.lefty
{
float:left;
margin-right:20px;
}

input[type="submit"]
{
	color:#000;
	display:block;		
	font-size:1.7em;
	font-weight:bold;
	text-align:center;
	border:1px solid #7e9700;	
	text-shadow:0px 0px 3px white;
	box-shadow:0px 0px 15px #000;
	-webkit-box-shadow:0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	/*
		CSS3 gradients for webkit and mozilla browsers,
		fallback color for the rest:
	*/
	background-color: #bde400;
	background-image: -moz-linear-gradient(#bde400, #8daa02);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bde400), to(#8daa02));
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
font-family:'Myriad Pro',Trebuchet MS,Helvetica,sans-serif !important;
}
input[type="submit"]:hover{
	text-decoration:none;
	box-shadow:0px 0px 10px #fbff93;
	-webkit-box-shadow:0px 0px 10px #fbff93;
	-moz-box-shadow: 0px 0px 10px #fbff93;
	background-color: #bde400;
	background-image: -moz-linear-gradient(#add400, #7d9a02);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#add400), to(#7d9a02));
	color:#fff;
}