/*  
Theme Name: Valley View Cottages
Theme URI: http://www.valley-view-cottages.co.uk
Description: Valley View Cottages
Author: Jeremy
Author URI: http://www.webswonder.co.uk
*/


html, body {
min-height: 100%;
background-color: #A4C495;
}

html>body #wrap{height:auto}


/* Universal Font selector */

* {
font-family : LucidaGrandeRegular, verdana, sans-serif ;
}








/* Generated by Font Squirrel (http://www.fontsquirrel.com) */



@font-face {
    font-family: 'LucidaGrandeRegular';
    src: url('./fonts/lucida-grande-webfont.eot');
    src: url('./fonts/lucida-grande-webfont.eot?#iefix') format('embedded-opentype'),
 url('./fonts/lucida-grande-webfont.woff') format('woff'),
 url('./fonts/lucida-grande-webfont.ttf') format('truetype'),
 url('./fonts/lucida-grande-webfont.svg#LucidaGrandeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}










#wrap {
	width: 900px;
	margin: 0px auto;
	padding: 0px;
	background-color: #FFFFFF;
	border:2px solid #1C872E;
	min-height: 101%;
}



#box {
	width: 900px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;

}


 
#topbar {
background: url(images/valleybanner.png) top center no-repeat #7EAAA1;
	height: 80px;
	width:900px;	
	margin: 0px;
	padding: 0px;
	border:0px dashed red;
}



#header{
position:relative;
top: -5px;
height:192px;	
background-color: #FFFFFF;
border:0px dashed green;
}


#menubox {
background: url(images/menuback.png) repeat-x transparent;
height:47px;
width:900px;
position:relative;
top: 0px;
padding-top: 5px;
margin: 0px;	
border:0px dashed black;
}

#topbar h1.blogtitle {
visibility:hidden;
display:none;
}

#topbar p.description, .hide {
visibility:hidden;
display:none;
}




/*Contains the top banner. This background applies if conditional CSS in header is not present*/

#masthead {
background-image: url('images/banner-welcome.jpg');
background-position: top;
background-repeat: no-repeat;
background-color: #6B8723;
height:192px;
width: 900px;
	margin: 0px;
	padding: 0px;
	border:0px;
}





/*NAVIGATION*/

/*	Begin Headers */


ul.menu {
 background-color: transparent;
margin:0px;
text-align: left;
width: 884px;
padding: 0px; 	
font-size: 85%;
display: block;
border-bottom:0px solid red;
}




.menu li{
	border-right:0px solid #486684;
	_border-right:1px solid #486684;
	padding:3px 0px 4px 0px;
}



ul.menu li.page_item, ul.menu li.page_folder {
	display: inline;
	}


ul.menu, ul.menu li.page_item a {
	padding: 0px 8px 4px 8px;
}

 ul.menu li.page_item a{
	font-size: 95%;
	color: #000000;
	margin: 0px;
	text-decoration: none;
	
	}

/*  Active Tabs*/

ul.menu li.current_page_item  {
	color: #FFF;
	text-decoration: none;
	background-color: #486684;
	-moz-border-radius: 6px 6px 0 0;
	-khtml-border-radius:6px 6px 0 0;
border-radius:6px 6px 0 0;
}


ul.menu li.current_page_item a  {
	color: #FFFFFF;
	text-decoration: none;
	background-color: transparent;
}








ul.menu li.current_page_ancestor a:hover{
	color: #000 ;
	text-decoration: none;
 
}
ul.menu li a:hover{
	color: #000000 ;
	text-decoration: none;
}


ul.menu li.current_page_ancestor, ul.menu li.current_page_item  {
background-color:#0078B3;
-moz-border-radius: 6px 6px 0 0;
-khtml-border-radius:6px 6px 0 0;
border-radius:6px 6px 0 0;
  }



ul.menu li.current_page_ancestor a, ul.menu li.current_page_item a {
	color: #FFF ;
	text-decoration: none;
  }

ul.menu li a:active, ul.menu li.current_page_item a:active {
	color: #FF0000;
	text-decoration: none;
	background-color: #FFFFEE;
  }

  ul.menu li.current_page_item a:hover{
  	color:white;
  }
  
  
ul.menu li.current_page_ancestor a:active {
	color: #FF0000 ;
	text-decoration: none;
  }


  
  
  
  
  
  
  
  
   
  
/*	Begin Sub-Headers */

ul.submenu {
	margin: 0px;
text-align: left;
margin: 5px auto 0px auto;
padding: 0px;
font-size: 80%;
color: #ffffff;
background-color: transparent;
display: block;
width: 750px;
border:0px dashed red;
}





ul.submenu li {
display: inline;
margin: 0px;
color:#FFFFFF;
border:0px;
padding:0px;
	}

	
ul.submenu li.page_item {
border-right:1px solid #EEEBD9
  }

	
	
ul.submenu li a {
	padding: 3px 7px 0px 7px;
    color:#FFFFFF;
font-size: 95%;

	}

ul.submenu li a {
color: #FFFFFF;
text-decoration: none;
background-color: transparent;
	}


ul.submenu li.current_page_item a:hover {
	color: #FFFFFF ;
text-decoration: none;
font-weight: normal;
}



ul.submenu li a:link, ul.submenu li a:hover, ul.submenu li a:visited{
	color: #FFFFFF ;
text-decoration: none;
}


ul.submenu li.current_page_item a {
	color: #FFFFFF ;
font-weight: normal;
text-decoration: none;
  }

ul.submenu li a:active {
	color: #FFFFFF ;
text-decoration: none;
font-weight: normal;
  }

ul.submenu li.current_page_item a:active {
	color: #FFFFFF ;
font-weight: normal;
text-decoration: none;
  }

/* End Sub-Headers */






/*Content Wrap */

#contentwrap{
background-color: #FFFFFF;
}






/*MAIN CONTENT AREA*/
 
.entry {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px 15px 0px 15px;
}
	 



.entry  #leftcol {
background-color: transparent;
padding-right: 20px;
padding-left: 10px;
width:600px;
float:left;
border-right: 1px dashed #CCCCCC;
}



.entry #leftcol  h2 {
font-size: 150%;
line-height: 1.2em ;
color:#486684;
margin: 0.6em 0 0em 0em;
padding:0px;
}

.entry #leftcol  h2 a:link, .entry #leftcol  h2 a:visited  {
text-decoration:none;
}

.entry #leftcol  h2 a:hover  {
text-decoration:underline;
}


.entry #leftcol .dateline{
	color:#990000;
	font-size:80%;
	margin:0px;
	padding:0px;
}



.entry #leftcol h3 {
font-size: 100%;
line-height: 1.4em ;
color: #006600;
margin: 0em;
padding: 0.3em 0em 0em 0em;
}

.entry #leftcol h4 {
font-size: 90%;
line-height: 1.4em ;
color: #006600;
margin: 0em;
padding: 0.3em 0em 0em 0em;
}


.entry #leftcol p {
font-size: 85%;
line-height: 1.6em ;
margin: 0.6em 0em;
padding:0px
}



 .entry #leftcol  li {
font-size: 85%;
line-height: 1.6em ;
padding:0.3em 0em 0.3em 0em;
margin-left:1em;
}


 

.entry a:link,.entry a:active,.entry a:visited {
	text-decoration: underline;
	color: #486684;
}

.entry a:hover {
	text-decoration: none;
color:#0000FF;	
}



blockquote {
	padding-left: 20px;
	border-left: 5px solid #ddd;
	margin: 15px 30px 0 10px;
}

blockquote cite {
	display: block;
	margin: 5px 0 0;
}


textarea {
	color: #666;
	width: 80%;
	border: 1px solid #cbcbcb;
	margin-bottom: 0.6em;
	background: #fcfcfc;
	margin-top: 2px;
	padding: 3px;
}






























/*Table properties General Layout*/


.entry table {
	margin: 0px auto 0px auto;
}



/*Gray Box - ALL pages*/

.entry #rightcol{
background-color:#EFF8FD;
width:210px;
padding:0px;
margin-top:10px;
float:right;
}





/*Paragraphs On  gray Backs*/

.entry #rightcol p{
background-color:transparent;
padding:0px 5px 0px 5px;
color:#000000;
margin:0px 0px 5px 0px;
font-size: 70%;
line-height: 1.3em ;
}



.entry #rightcol h3{
background-color: #238834;
text-align:center	;
color:white;
font-weight:normal;
font-size: 100%;
padding:3px;
}


.entry #rightcol ul {
padding:0px;
margin:0px 5px 10px 10px;
list-style: none;
background:transparent;
list-style: none;
}

.entry #rightcol ul li{
margin:3px 0px 5px 0px;
padding:0px 0px 5px 0px;
border-bottom:1px solid white
}


.entry #rightcol ul a{
color:#000000;
font-size: 80%;
line-height: 1.2em ;
text-decoration:none;
}



.entry #rightcol .postdate{
color:#990000;
font-size: 65%;
line-height:1em;
margin:0px;
padding:0px;
 }


















 

/*CALENDAR ONLY*/

/* #calendar{
font-size: 75%;
color: black;
}


#calendar table {
border: 1px solid #BBB;
margin: 10px;
padding: 2px;
float: left;
background: #cfd4dc;
position: relative;
}

#calendar td {
font-weight: normal;
font-size: 70%;
padding: 2px;
background: #cfd4dc;
border: 1px solid #FFFF99;
}


 #calendar th {
font-weight: bold;
font-size: 70%;
padding: 2px;
background: #496684;
border: 1px solid #FFFF99;
color:white;
}


#calendar td.booked {
color: #FFFFFF;
background: #FF0000;
}

#calendar table caption {
font-weight: bold;
}


 */
/*TARIFF TABLE*/


.entry #leftcol #tariff{
font: normal normal normal 80%/1.2em ;
background-color: #e6e7e8;
border:1px solid black;
}


.entry #leftcol #tariff td, #tariff th{
border-right:1px solid gray;
border-bottom:1px solid gray;
}


/*CALENDAR ONLY*/

/*.entry #leftcol #calendar{
font-size: 80%;
color: black;
}


.entry #leftcol #calendar table {
border: 1px solid #BBB;
margin: 10px;
padding: 2px;
float: left;
background: #cfd4dc;
position: relative;
}

.entry #leftcol #calendar td {
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 80%;
padding: 2px;
background: #cfd4dc;
border: 1px solid #FFFF99;
}


 .entry #leftcol #calendar th {
font-family: Verdana, sans-serif, Arial;
font-weight: bold;
font-size: 80%;
padding: 2px;
background: #496684;
border: 1px solid #FFFF99;
color:white;
}


.entry #leftcol #calendar td.booked {
color: #FFFFFF;
background: #FF0000;
}

 .entry #leftcol #calendar table caption {
font-weight: bold;
}

*/

/*IN PAGE TABLE*/



.entry #leftcol .pricetable{
font-size: 80%;
color: black;
font-weight: normal;
background-color: #FFFFEE;

}


.entry #leftcol .pricetable table {
border: 1px solid #EEEEEE;
margin: 10px auto;
float: left;

}

.entry #leftcol .pricetable td {
font-weight: normal;
padding: 2px;
}


 .entry #leftcol .pricetable th {
font-weight: bold;
}

 .entry #leftcol .pricetable td h3 {
font-size:120%;
font-weight:bold;
}



 .entry #leftcol .pricetable .gray{
 background-color:#EFEFEF;
 }


 
 
 .entry #leftcol .pricetable .style2 {
 color: #FF0000;
 text-decoration: line-through;
 }

 .entry #leftcol .pricetable .style3 {
 color: #000000;
font-weight: bold;
}

 .entry #leftcol .pricetable  .redtext {
	color: #F00;
	text-decoration: line-through;
}

 .entry #leftcol .pricetable  p {
	margin:0px;
}


 
 
 
 
 
 
 
 
 
 
 
 
 

/*EDITOR CLASSES FOR IMAGES*/

/*Change .entry if not apply*/

/*Image border*/

.entry #leftcol img {
	border: 2px solid #CCC;
	padding: 4px;
	margin:2px;
}

/*Caption positioned central to picture*/

.entry  #leftcol .wp-caption p{
	font-size:smaller;
	margin:0px;
	padding:0px;
text-align:center;
}


/*Center or float*/

.entry  #leftcol .aligncenter{
margin:0px auto;	
}

.entry .alignleft {
float:left;
margin: 8px 15px 3px 0px;
}

.entry  #leftcol .alignright {
float:right;
margin: 8px 0px 3px 15px;
}


/*Legacy Positioning*/

.entry #leftcol img.float-right, .entry #leftcol p.float-right {
  margin: 8px 0px 5px 15px;  
  float: right;
}

.entry #leftcol img.float-left, .entry  #leftcol p.float-left {
  margin: 8px 15px 5px 0px;
 float: left;
}


/*Inbuilt Gallery Classes*/


.gallery-caption{
	font-size:70%;
	margin:0px;
	padding:0px;
text-align:center;	
}



p.pageresults{
	text-align:center;
	width:100%;
	border-top:1px solid #EFEFEF;
		border-bottom:1px solid #EFEFEF;
		padding:5px;
}


/*CLEAR ALL*/


.clear{
	clear: both;
	overflow: hidden;
}




#footer {
	background-color: #FFF;
	clear: both;
	margin: 5px auto;
	padding: 0px;
	text-align:center;
	border-top: 1px dashed #CCC;	
	padding: 10px 0px 20px 0px;
	}




#footer p {
font-size:80%;
line-height:1.4em;
	color: #486684;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 8px auto;
	text-align:center;
	background-color: #FFFFFF
	}

#footer p a:link,a:active,a:visited {
	text-decoration: underline;
	color: #486684;
	}


	
 



#footer ul {
	list-style: none;
	padding: 0px;
	margin:0px auto 5px auto;
	width:800px;

}

#footer ul li {
	display: inline;
	margin:0px auto;
	padding:0px;
font-size:90%;
line-height:1.2em;
color: #486684;
}

#footer ul li a {
	padding: 0px 5px 0px 0px;
	color: #486684;	
	text-decoration: underline;
	font-size: 90%;
}

#footer ul li a:hover {
	color: #FF0000;	
}


 
 
 /*FORM STUFF*/

#leftcol .formfill{
	background-color: #FFFFEE;
}

#leftcol .formtable td{
padding:3px 5px;
font-size: 80%;
}

#leftcol textarea{
border-width:1px; 
border-color:gray;
color:#000;
font-size:95%;
border-style: inset;
}

#leftcol legend{
	color: gray;
}

#leftcol submit{
	background-color:#666666;
}


#leftcol .infobox{
	border:1px solid gray;
	padding: 5px;
	background-color: #FFFFEE;
}


#splash{
	position:relative;
	background: url(images/special-offers-2010.png) top center no-repeat transparent;
	height:126px;
	width: 180px;
	top:10px;
	left:20px;
	z-index:50;
	padding:0px;
	margin:0px;
}