/*
Theme Name: Dillon and Lee
Theme URI: http://www.dillonandlee.com/

Version: 1.0
Author: Matthew Carlin
Author URI: http://www.matthewcarlin.co.uk/


*/

/*--------------------------------< 1. Main layout and defaults >-----------------------------------------*/

/* --- default settings --- */
*{
padding:0px;margin:0px;
font-family: Arial, Helvetica, sans serif;
}

img {border:0;}

p {
font-size:1.2em;
margin-bottom:10px;

}

ul {
font-size:1.2em;

}

h1, h2, h3, h4 {margin-bottom:20px;}

body{
	position:relative;
	margin:0 auto 0 auto;
	background-position: center;
	color:#ffffff;
	font-size:62.5%;
	line-height:1.5;
	background-image:url(images/bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#4E4D4D;
}
/* --- layout settings --- */
#wrapper {
	width: 960px;
	margin:0 auto;
	min-height:300px;
	/*background-color:#F0F0F0;*/
}
#skipLink{
display:none;
}
#nav {
	width: 940px;
	float:left;
	clear:left;
	background-color:#ec008c;
	color:#FFFFFF;
	height:35px;
	margin-left:10px;
	margin-top:-10px;
	display:inline;
	
}
#content {
	clear: both;
	float: left;
	width:960px;
}

#header {
	/*background-color: #CCC;*/
	height: auto;
	width: auto;

}
#footer {
background-color: #ed008c;
color:#FFFFFF;
	float:left;
	clear:both;
	height: auto;
	width: 940px;
	margin-left:10px;
	margin-top:40px;
	margin-bottom:40px;
	position:relative;
	z-index:2;
}
#midsection {
float:left;
margin-top:50px;
/*background-color:#FFF;*/
width:960px;
}

#header_image {
float:left;
}

#main {padding-left:30px;
padding-right:50px;}

#sidebar {

margin-top:-75px;
float:left;
/*position:absolute;*/
top:390px;
z-index:2;
}

#sidebar_blog {


float:left;
/*position:absolute;*/
top:390px;
z-index:2;
}
/*--------------------------------< 3. Standard Links >-----------------------------------------*/
#nav a:link, a:visited{
background-color:#ed008c;
color:#FFFFFF;
text-decoration:none;
padding:3px;
}
#nav a:hover{
text-decoration:none;
color:#ed008c;
background-color:#FFFFFF;
padding:3px;
}

#midsection a:link, a:visited{
background-color:#ed008c;
color:#FFFFFF;
text-decoration:none;
padding:3px;
}

#midsection a:hover{
text-decoration:none;
color:#ed008c;
background-color:#FFFFFF;
padding:3px;
}

#content a:link, a:visited{
background-color:#ed008c;
color:#FFFFFF;
text-decoration:none;
padding:3px;
}

#content a:hover{
text-decoration:none;
color:#ed008c;
background-color:#FFFFFF;
padding:3px;
}


/*.book_now a:link, a:visited{
background-color:none;
color:#FFFFFF;
text-decoration:none;
padding:0px;

}
 .book_now a:hover{
text-decoration:none;
color:#ed008c;
background-color:none;
padding:0px;

}*/

#book_now_link {
background-color:transparent;
font-size:0px;
padding:0px;
}

/*--------------------------------< 4. Header specific including "Feature List" Accessibilty etc. ------------------*/
#header ul, #header h1{
	padding-left:15px;
}
#header h1{
	padding:0px;
	padding-left:0px;
	margin:0px;
}
#header ul{
padding-left:0em;
}
#featureList li
{
	font-family:Arial, Helvetica, sans-serif;
	display: inline;
	list-style-type: none;
	font-size:0.9em;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
	padding-right: 0.6em;
}
#featureList li a:link, #featureList li a:visited{
	text-decoration: none;
	color:#FFFFFF;
}
#featureList li a:hover{
	text-decoration: underline;
}


/*--------------------------------< 5. Navigation - series of unordered lists >-----------------------------------------*/


#nav ul{
list-style-type:none;
}

#nav ul li {
float:left;
height:35px;
margin-left:19px;

}

#nav ul li h4 {
margin-bottom:0px;

}
/*common sub nav lists*/
#nav ul ul a:link, #nav ul ul a:visited{
color:#999;/*dark_grey*/
display:block;
width:auto;
/*margin:0 8%;*/
text-decoration:none;
}
#nav ul ul a:hover{
text-decoration:underline;
background-color:#FFF;
}
/*specific lists*/
#nav ul #itemSub a:link, #nav ul #itemSub a:visited{
color:#202A5D;
background-color:#FFF6D9;
}
#nav ul #itemSub a:hover{
background-color:#ffdc6c;
text-decoration:underline;
}

#nav ul h4 a:link, #nav ul h4 a:visited{
display:block;
font-size:14px;
width:auto;
/*margin:0 8%;*/
text-decoration:none;
/*default dark grey*/
font-weight:lighter;
padding:5px;
padding-left:15px;
padding-right:15px;
padding-bottom:8px;
}

#nav ul h4 a:hover{

background-color:#FFF;
color:#666666;

text-decoration:none;
}

#nav a{padding:0px;}
/*--------------------------------< 6. Footer specific styles >---------------------------------------*/
#footer p{
font-family:Arial, Helvetica, sans-serif;
padding:5px 5px 5px 5px;
font-size:1.2em;
line-height:1.2;
}
/*--------------------------------< 7. Main page area styles >-----------------------------------------*/

/* --- standard html elements --- */
#middleChannel p, #middleChannel h1, #middleChannel h2, #middleChannel h3, #middleChannel h4{
	padding:10px;
}

#middleChannel p, #middleChannel h3{
 font-size:1.2em;
}
#middleChannel h1, #middleChannel h2{
font-size:1.6em;
line-height:1.4em;
letter-spacing:-1px;
}
#middleChannel h3{
font-size:1.4em;
line-height:1.2em;
letter-spacing:-1px;
}
#middleChannel h4{
font-size:1.2em;
line-height:1.4em;
}
#middleChannel ul{
padding-left:40px;
padding-bottom:10px;
}
#middleChannel select{
font-size:1.1em;
margin-left:15px;
width:200px;
}
#middleChannel option{
line-height:1px;
}
#middleChannel input{
font-size:1.1em;
line-height:1;
}

/*--------------------------------< 7. Common helper styles >---------------------------------------*/

/* --- table formatting --- */
#myTable #highlight{
background-color:#E0F0F7;
}
#myTable #lowlight{
background-color:#9FD8F3;
}
.clear{
height:1px;
font-size:0.0em;
clear:both;
}

.right {
float:right;

}

.left {
float:left;

}

.margin_bottom {

margin-bottom:10px;
}

/*----------------------------------< 8. Grid layout stylings >-------------------------------------------*/


.h_2col {width:960px;
float:left;}

.h_2col_col_one {
width:650px;
float:left;
/*background-color:#333333;*/}

.h_2col_col_two {
width:310px;;
float:left;
/*background-color:#999999;*/}

.h_3col {width:100%;}

.h_3col_col_one {
width:33.3%;
float:left;
background-color:#333333;}

.h_3col_col_two {
width:33.3%;
float:left;
background-color:#999999;}

.h_3col_col_three {
width:33.3%;
float:left;
background-color: #CCCCCC;}

.h_4col {width:100%;}

.h_4col_col_one {
width:25%;
float:left;
background-color:#333333;}

.h_4col_col_two {
width:25%;
float:left;
background-color:#999999;}

.h_4col_col_three {
width:25%;
float:left;
background-color: #CCCCCC;}

.h_4col_col_four {
width:25%;
float:left;
background-color: #FFFFFF;}

#footer p {float:left;}

/*--------------SIDEBAR STYLINGS----------------*/

#siderbar_offers {
background-color:#313130;
margin-right:10px;
padding:20px;
float:left;
width:260px;
display:inline;

}

#siderbar_offers div {
float:left;
width:100%;

}

#sidebar_news {
background-color:#313130;
padding:20px;
margin-top:20px;
margin-right:10px;
float:left;
width:260px;
display:inline;

}

#siderbar_offers h4 {font-size:1.8em;
margin-bottom:5px;}

#sidebar_news h2 {
font-size:1.4em;

}

#siderbar_offers div img {margin-right:10px;}

#sidebar_news p {

color:#e882be;
}
.offers_bottom {
border-bottom:1px solid #ffffff;
padding-bottom:10px;
margin-bottom:10px;

}

#main  ul li {
font-size:1.2em;
background-image:url(images/bullet.png);
background-repeat:no-repeat;
padding-left:30px;
list-style-type:none;
margin-bottom:10px;

}



#footer_circles {
background-image:url(images/circles.png);
width:100%;
height:150px;
position:absolute;
bottom:0px;

}

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

  /* must be same height as the footer */

#circle_footer {position: relative;
	 /* negative value of footer height */
	height: 100px;
	clear:both;
	background-image:url(images/circles.png);
	
	z-index:-1;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#note .clean-gray {
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:4px;
		text-align:center;
	}
 #note .clean-yellow {
		border:solid 1px #DEDEDE; 
		background:#FFFFCC;
		color:#222222;
		padding:4px;
		text-align:center;
	}
 #note .notification_ok {
		border:solid 1px #349534; 
		background:#C9FFCA;
		color:#008000;
		font-weight:bold;
		padding:4px;
		text-align:center;
		font-size:1.2em;
		margin-left:10px;
	}
 #note .notification_error {
		border:solid 1px #CC0000; 
		background:#F7CBCA;
		color:#CC0000;
		font-weight:bold;
		padding:4px;
		text-align:center;
			font-size:1.2em;
				margin-left:10px;
	}
	
#appointment_form_container {
padding:20px;
background-color:#333131;
float:left;
color:#ffffff;


}

#appointment_form_container h4
{
font-size:1.8em;
color:#ed008c;
border-bottom: 3px solid #ed008c;
}

#appointment_form_container label {
font-size:1.2em;
color:#FFFFFF;
}

#appointment_form_container div label {
font-size:1.0em;
}
#appointment_form_container div table {
font-size:1.2em;
color:#FFFFFF;

}

#appointment_form_container div table input {
margin-right:10px;

}

#appointment_form_container div table td {
padding:5px;

}

#appointment_form_container div {
float:left;
margin-top:15px;
padding-bottom:15px;

}

#appointment_form_container h3 {color:#FFFFFF;}

#appointment_form_container select {
font-size:12px;
width:170px;

}

fieldset {

border:0px;
margin-bottom:20px;
}

#prices_col_one {float:left;
padding-left:20px;
padding-right:50px;
width:410px;}
#prices_col_two {float:left;
padding-left:20px;
padding-right:50px;
width:409px;
border-left:1px solid #CCCCCC;}

#prices_col_one h3 {
margin-bottom:0px;
font-size:1.8em;

}

#prices_col_two h3 {
margin-bottom:0px;
margin-top:20px;
font-size:1.8em;

}

.post {
padding-right:30px;
margin-bottom:50px;}

#sidebar_blog li {
list-style-type:none;
margin-bottom:20px;

}

#sidebar_blog ul li ul li {margin-bottom:5px;}

.post h2 {
font-size:2.4em;
line-height:1.2;

}

.post h3 {
font-size:1.8em;
line-height:1.2;

}

#tabs ul li {padding-left:0px;
margin-bottom:0px;}

.demo a { background-color:none;}

#ui-datepicker-div {

background-color:#CCCCCC;}

.ui-datepicker td {

}

#contact_form {
float:left;
width:50%;

}

#contact_details {
float:left;
width:50%;

}

#ll {
display:none;

}

.cf-sb {
text-align:left;
}

#comment {width:550px;}

.entrytext {padding-left:30px;


}

.entrytext ul {
margin-left:40px;
margin-bottom:20px;
margin-top:20px;
}

.entrytext ul li {
margin-bottom:5px;
font-size:1.2em;


}

.news {
padding-left:30px;
width:620px;

}

.news_story {
margin-top:30px;
padding-left:30px;
width:620px;

}

.news_story .post h2  {
margin-top:20px;

}

.comment {
border-bottom:1px solid #ffffff;
padding-top:10px;

}
.comment-author {
margin-bottom:10px;

}

#respond h3 {
margin-top:10px;
font-size:1.8em;

}

#sidebar_news h2 {
font-size:1.4em;

}

#cformsform label {
width:80px;
float:left

}

#cformsform ol li {
list-style-type:none;
margin-bottom:15px;
}

#note {
margin-bottom:20px;

}

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

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


.wpcf7-list-item {
float:left;
height:40px;
margin-left:0.5em;
width:258px;

}

#app_discount  {


}

#app_services {
float:left;
margin-top:15px;
padding-bottom:15px;
width:100%;

}

#name_field {

width:200px;
}

#tel_field {
width:200px;
}

#datepicker {
width:200px;

}