/*  
Theme Name:  Trefhedyn
Theme URI: 
Description:  Template for Trefhedyn Garden Centre
Version: 1.0
Author: Jeremy Clulow
Author URI: http://www.webswonder.co.uk
*/


/*ONLY FOR HOME PAGE*/

#homewrap{
border:0px;
padding:0px;
height:100%;
width: 100%;
}

/*GENERAL*/


html, body {
background: url(images/back-1.png) top left repeat-x; 
padding:0px;
margin:0px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}



#outerwrap{
width:960px;
border:0px solid black;
margin:0px auto; 
padding:0px;

}


/*HEADER AREA*/



/*All Pages*/

#banner{
width:960px; 
height:130px;
border:0px dashed green;
background: url(images/topback.jpg) top center no-repeat;
}

#outerwrap #header{
border:0px solid blue;
}

#outerwrap #header h1, #outerwrap #header h2{
visibility:hidden;
display: none;
}


/*TOP NAV TABS*/

#outerwrap #navtabs { 
position:absolute;
top:101px;
    list-style: none; 
    padding: 0; 
    height: 29px; 
    font-size: 70%; 
    font-weight: bold; 
    text-transform: uppercase; 
border-bottom: 0px solid #CBDB2A; 
	 width: 960px;
	 font-family:verdana,sans-serif;
	 margin:0px 0px 0px 0px;
} 
 
#outerwrap #navtabs li { 
    float: left; 
    background: #f7efa6 url(images/tableft.png) no-repeat left top; 
    padding: 8px 0 8px 6px; 
    margin-right: 5px; 
} 
 
#outerwrap #navtabs li a { 
    background: #f7efa6 url(images/tabright.png) no-repeat top right; 
    padding: 8px 6px 8px 0; 
	 text-decoration:none;
	 color:#B02715;
} 
 
#outerwrap #navtabs li.current_page_item { 
    background: #439B43 url(images/tableft_active.png) no-repeat left top; 
} 
 
#outerwrap #navtabs li.current_page_item a { 
    background: #439B43 url(images/tabright_active.png) no-repeat right top; 
    color: #FFFFFF; 
}





#colouredback{
width:960px; 
height:183px;
padding:0px;
border:0px solid white;
margin-bottom:0px;
_margin-bottom:20px;
}

#colouredback #bannerpic{
background: url(images/banners/banner-1.jpg) no-repeat center top #EFEFEF;
width:940px;
height:170px;
border:1px solid white;
margin:15px 5px 0px 5px;
text-align:center;
}


/*SEARCH FORM*/


#sidebar #search #search_form{
margin-left:10px ;
border:0px dashed red;
height:23px;
}

#sidebar #search #search_form .search_input{
height:19px;
width:120px;
}






















#breadcrumb{
width:960px; 
height:21px;
border:0px dashed red;
font-size:75%;
color:#666;
padding:0px 10px 0px 5px;
margin-top:5px;
}






#content{
float:left; 
width:940px; 
border:0px solid black;
background: url(images/menuback.png) repeat-y top left; 
padding:0px;
min-height: 500px;
margin:0px 0px 0px 0px;
border:0px dashed green;
}

/*IE6 Hack*/

* html #content {
height: 500px;
}



#content #contentleft{
float:left;
width:200px;
border:0px dashed red;
padding:10px 10px 10px 0px;
margin:0px;
}


#content #contentright{
float:right;
width:720px;
border:0px dashed red;
padding: 10px 0px 30px 0px;
margin:0px;
}



/*GENERAL TEXT FORMATTING*/


#content #contentright p{
line-height: 1.7em;
font-size:85%;
margin:0.6em 0em 0.9em 0em;
padding:0px;
}


#content #contentright ul{
margin:0em 0em 0.8em 0em;
}


#content #contentright li{
line-height: 1.7em;
font-size:85%;
margin:0.2em 0em 0.4em 2em;
	
}


#content #contentright h2, #content #contentright h2 a{
font-family:'Arial Rounded MT Bold', sans-serif ;
letter-spacing:0.5px;
font-size:135%;
color:#336303;
margin:0px 0px 0.5em 0em;
padding:0px;
}




#content #contentright h2.specialoffers{
font-family:'Arial Rounded MT Bold', sans-serif ; 
color:#D50000;
text-align:center;
font-size: 200%;
padding:0px;
margin:5px 0px;
}














#content #contentright h3{
font-family:'Arial Rounded MT Bold', sans-serif ;
font-size:120%;
font-weight:normal;
color:#990000;
margin:0.8em 0px 0.5em 0px;
padding:0px;
}




#content #contentright h4{
font-family:'Arial Rounded MT Bold', sans-serif ;
font-size:115%;
font-weight:normal;
letter-spacing:0.5px;
color:#990000;
margin:1.0em 0px 0px 0px;
padding:0px;
}



#content #contentright blockquote{
font-style: italic;
text-align: justify;
margin: auto 3em auto 3em;
line-height:1.5em;
}






/*HOME PAGE COLUMNS*/



#leftcolhome {
width: 490px;
float:left;
padding:0px 0px 10px 20px;
border:0px dashed green;
}

#rightcolhome {
width: 200px;
float:right;
padding-left:0px;
padding-right: 0px;
background-color:transparent;
border-left:1px solid #dedede;
margin:0px;
}





/*HOME PAGE RIGHT COLUMN*/


#content #contentright #rightcolhome {
padding:0px;
margin: 0px 0px 10px 0px;
border-left: 1px solid #EFEFEF;
}



#content #contentright #rightcolhome h3 {
padding-left:8px;
font-weight:bold;
font-size:110%;
margin:0px 0px 5px 15px;
color:#5E8941;
}



#rightcolhome ul {
margin:0px 0px 5px 0px;
padding:0px;
border:0px solid red;
}


#rightcolhome ul li {
list-style-type:none;	
padding: 0px 0px 0px 0px;
margin: 0px;
display:block;
border-bottom: 1px solid #dedede;
}



#rightcolhome li a:link,
#rightcolhome li a:visited,
#rightcolhome li a:active {
color:#333;
text-decoration:none;
display:block;
padding:0px 0px 10px 0px;
line-height:1.4em;
font-size:90%;
}




#rightcolhome li:hover {
display:block;
background-color:#E5E5E5;
}


#rightcolhome .homedate {
color:#990000;
font-size:85%;
margin-bottom:-3px;
padding:0px;
font-weight:bold;
}





.postdate{
font-size:85%;
margin:0px 0px 0px 0px;
padding:0px;
color:#990000;
}





/*End right column home*/






/*FOOTER*/


#footer{
margin:0px;
clear:both;
width:100%;
height:70px;
background-color:#439B43;
text-align:center;
font-size:80%;
}


#footertext{
width:960px;
margin:0px auto;
padding:10px 0px 15px 0px;
}

#footer #footertext p, #footer #footertext  li{
color:#FFF;
margin:5px auto;
text-decoration:none;
}


#footer #footertext p a,  #footer #footertext li a{
text-decoration:underline;
color:#FFF;
}



#footer #footertext ul {
margin: 0px auto 0px 190px;
}


#footer #footertext li {
	display: block;
	float: left;
	line-height: 1.0em;
	list-style: none;
	border-right: 1px solid #FFF;
	padding: 0px 10px 0 10px;

}

/*LOGOS BELOW FOOTER*/

body #homelogos{
text-align:center;
}


body #homelogos img{
margin:3px 5px;
}












/*SIDEMENU*/


#sidebar {
margin:0px;
width:250px;
font-size: 80%;
}


#sidebar ul {
	margin:0 0 10px 0;
	padding:10px 0 15px 0;
}


#sidebar ul li {
	list-style-type:none;	
	padding:0;
	margin:0;
	display:block;
}


#sidebar li a:link,
#sidebar li a:visited,
#sidebar li a:active {
	color:#333;
	text-decoration:none;
	display:block;
	padding:4px 10px 5px 28px;
}


#sidebar li a {
	background:transparent url(images/pink_bull.png) 12px 6px no-repeat;
}


#sidebar li.current_page_item a {
color:#000;
background-color: white;
font-weight:bold;
}


#sidebar li a:hover {
background-color:white;
display:block;
padding:4px 0px 5px 28px;
}





/*EDIT PAGE BUTTON*/


#editpage{
  z-index: 10;
  position:relative;
	border:2px solid red;
	width: 120px;
	height:23px;
	background-color:#019966;
	margin-left:3px;
	padding:2px 0px 3px 0px;
	font-weight:bold;
	text-align:center;
	-moz-border-radius: 5px;
	border-radius:5px;
	-webkit-border-radius: 5px;	
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}

#editpage a {
color:#FFFFFF;
font-family:verdana, sans-serif;
text-decoration: none;
font-size:90%;

}

#editpage:hover {
display:block;
color:#FFFFFF;
background-color:#CC3333;
}


/*End Edit page button*/





/*FORM STYLE*/


#content #contentright div.formwrap{
font-size:80%;
border:1px dashed #AAA;
background-color:#F2FDF3;
padding:10px;
}








/*EDITOR CLASSES FOR IMAGES*/

/*Change #content if not apply*/

/*Image border*/

#content #contentright img {
	border: 0px solid #CCC;
	padding: 4px;
	margin:2px;
}




/*Caption positioned central to picture*/

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


/*Center or float*/

#content #contentright .aligncenter{
margin:0px auto;	
}

#content #contentright .alignleft {
float:left;
margin: 8px 15px 3px 0px;
}

#content #contentright .alignright {
float:right;
margin: 8px 0px 3px 15px;
}


/*Legacy Positioning*/

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

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


/*Inbuilt Gallery Classes*/


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







/*LANGUAGE SWITCHER*/


#langswap{
	position:relative;
	top:5px;
	left:460px;
float:left;
	border:1px solid white;
	width: 70px;
	height:15px;
	background-color:#ABDFF5;
	padding:3px;
	font-weight:bold;
	text-align:center;
	font-size:75%;
	-moz-border-radius: 5px;
	border-radius:5px;
	-webkit-border-radius: 5px;
}


#langswap a {
color:#666;
text-decoration:none;
}

#langswap a:hover {
color:#FFF;
text-decoration:none;
}

#langswap:hover {
display:block;
background-color:#4A9CC6;
}






/*HIGH CONTRAST LAYOUT* SWAPPER */


#layout{
	position:relative;
	top:5px;
	right:230px;
	float:right;
	border:1px solid white;
	width: 180px;
	height:15px;
	background-color:#ABDFF5;
	padding:3px;
	font-weight:bold;
	text-align:center;
	font-size:75%;

	-moz-border-radius: 5px;
	border-radius:5px;
	-webkit-border-radius: 5px;
	
	/*filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;*/
}


#layout a {
color:#666;
text-decoration:none;
}

#layout a:hover {
color:#FFF;
text-decoration:none;
}

#layout:hover {
display:block;
background-color:#4A9CC6;
}



/*FORMS*/


#content #contentright .feedbackform{
padding: 5px;
font-family:verdana, sans-serif;
font-size:80%;
}


#content #contentright div fieldset{
margin-bottom:20px;
padding-top:5px;
background-color:#F3F3EB;
}

#content #contentright div fieldset legend{
color:#990000;
font-size:80%;
font-weight:bold;
border:1px solid #666;
background-color:#DDE1F4;
padding:3px 8px;

}


#content #contentright div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 550px; /*width of form rows*/
overflow: hidden;
padding: 3px 0;
border:0px dashed red;
margin-left:30px;
}

#content #contentright div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 220px; /*width of label (left column)*/
font-size:95%;
_font-size:85%;
border-bottom: 1px solid #98A5DE;
padding-bottom:2px;
line-height:1.2em;
margin-bottom:0px;
margin-right: 15px; /*spacing with right column*/
color:#000066;
}

#content #contentright div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
_margin-bottom: 30px;
}

#content #contentright div.fieldwrapper div.thefield ul{ 
list-style: none;
margin-left:0px!important;
font-size:90%;
_font-size:85%;
}


#content #contentright div.fieldwrapper div.thefield li{ 
margin-left:0px;
padding:0px!important;
margin:0px!important;
border:0px dashed red;
}



#content #contentright div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 230px;
}

#content #contentright div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 230px;
height: 150px;
}

#content #contentright div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin: 5px 5px 5px 120px; /*space  around buttonsdiv*/

}

#content #contentright div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}


h3.archivespan{
	font-family:'arial rounded MT Bold',sans-serif;
	color:#990000;
}


/*
SEARCH UNLEASHED PLUGIN
SEARCH HIGHLIGHTING
*/	


		#contentright .searchterm1 {
			color: #000;
			background-color: #FFFF00;
			}
		#contentright .searchterm2 {
			color: #000;
			background-color: #F7B34F;
			}
		#contentright .searchterm3 {
			color: #000;
			background-color: #A0F74F;
			}
		#contentright  .searchterm4 {
			color: #000;
			background-color: #4FCFF7;			
			}
		#contentright .searchterm5 {
			color: #000;
			background-color: #F7C7F1;			
			}
	
	
#eXTReMe{
	visibility:hidden;
	display:none;
}



/*SOCIABLE STYLES*/

/*Disable Plugin CSS*/


.sociable{
border:1px solid #EFEFEF;
padding:0px 5px;
background-color:#FFFFEE;
}



.sociable .sociable_tagline{
	font-size:75%;
	float:left;
padding:15px 10px 0px 0px;
}










#content #contentright #leftcolhome .sociable ul li  img{
border:0px solid red;	
float: none;
width: 16px;
height: 16px;
margin: 15px 5px;
padding: 0;
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);
}



#content #contentright #leftcolhome .sociable ul {
	display: inline;
	margin: 0px;
	padding: 0;
}

#content #contentright #leftcolhome .sociable ul li {
	background: none;
	display: inline ;
	list-style-type: none;
	margin: 0;
	padding: 1px;
	}
	
	
	hr{
		color:#EFEFEF;
		height:1px
	}