/* 
Theme Name:  Bethan Jenkins
Theme URI: http://www.webswonder.co.uk
Description: A  3 column theme
Version: 1.0
Author: WJC
Author URI: http://www.webswonder.co.uk

*/



/*BROWSER RESET*/



* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}
	
	/*End browser reset*/


	
	
	
	
	
	
	/* This hack lets you to have a containing element expand to the size
of it's contents by giving it a class of "clearfix" */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



html { font-size: 100%; /* IE hack */ }




#outer{
	border:0px dashed red;
	background-color:white;
	width:970px;
	margin:5px auto;
}

body{
padding: 0px;
	background-color: #CCDDBB;
	font-size:75%;
	font-family:Verdana,Helvetica,sans-serif;
	color:#000;	
}

#wrapper{
	margin: 0px auto 0px auto;
	padding:0px;
	width: 970px;
	text-align: left;
	border: 0px dashed red;
	background:url(images/bodyback.jpg) top center repeat-y #FFFFFF;
}


h1,h2,h3,h4{
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}


a:link{
	text-decoration: underline;
	color:#0000FF;
}


.entry{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size:85%;
}



.entry p, .entry li { 
line-height:1.5em;
font-size:130%;
}

.entry p{
margin: 0.7em 0 0.7em 0em; 
}

.entry strong{
	font-weight:bold;
}

.entry blockquote { 
font-style: italic; 
margin: .5em 2em .5em 2em; 
font-size: 100%;
}


























em{
font-style: italic;
}



.entry h3 { 
color:#630031;
font-weight:normal;
padding: 10px 0 3px 0;
font-size:160%;
line-height:1.3em;
}


.entry h4{
color:#000099;
font-weight:normal;
padding: 8px 0 1px 0;
font-size:140%;
}


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

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



.entry ul, .entry ol { 
	margin: 0.5em 0em 1.0em 3em; 
	line-height:1.6em;
	}
	



	
.entry li { 
	margin: 0.4em 2em 0.4em auto; 
line-height:1.5em;
}



.entry table{
	background-color: #FFFFEE;
	border:1px solid #DDDDDD;
	margin:1em auto;
}

.entry table td{
	background-color: transparent;
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:2px;
}

.entry table th{
	background-color: transparent;
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:2px;
	text-align:center;
	font-weight:bold;
}


/*LAYOUT TABLE NO BORDERS*/



.entry div.noborders table{
	background-color: transparent;
	border:0px;
	margin:1em auto;
}

.entry div.noborders table td{
	background-color: transparent;
	border:0px;
}

.entry div.noborders table th{
	background-color: transparent;
	border:0px;
	font-weight:bold;
}











/*----HEADER----*/

#header{
	width: 970px;
	height: 165px;
	margin: 0px auto;
	padding:0px;
	background:url(images/headback.jpg) top right no-repeat #556655;
	border:0px dashed red;
}


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


#bannerlink, #bannerlink a{
	position:absolute;
	top: 0px;
	margin:0px auto;
	width:970px;
	height:165px;
}


/*----TOP NAVIGATION BAR----*/

 #top-menu{
	clear: both;
	width: 970px;
	font-family: Verdana, sans-serif;
	font-size: 110%;
		background:url(images/barback.jpg) top center repeat-y #FFB70D;
height:25px;
line-height:1.8em;
margin:0px auto 0px auto;
text-align:center;
color:#003300;
letter-spacing:1px;
}




 #top-menu ul{
	margin: 2px auto 0px auto;
	width: 940px;
	padding: 3px 0px 5px 0px;
}

 #top-menu ul li{
	display: inline;
	border-right: 0px solid #EFEFEF;
}

















#header h4{
float:right;
font-size: 100%;
font-family:verdana,sans-serif;
border:0px dashed white;
color:white;
}



#header a{
	text-decoration: none;
	color: #FFFFEE;
}




/*----POST----*/

#container{
	float: left;
	width: 580px;
	padding: 0px;
border:0px dashed blue;
}


/*ARCHIVE SPAN HEADER*/

#container h2.archivespan{
font: normal normal 120%/1.0em verdana,sans-serif;
color:#FFB70D;
margin:15px 40px 0em 30px;
padding-bottom:2px;
border-bottom:1px solid #FFB70D;
}






.post{
	padding: 5px 35px 10px 30px;	
}


.post h1{
	font-size: 1.4em;
	padding: 10px 0px 0px 0px;
	color:#CCC;
	border-bottom: 1px solid #CCC
}



.post h2{
color:#873D28;
	font-size: 150%;
	padding: 10px 0px 5px 0px;
font-weight: 600;
}



.post h2 a:link, .post h2 a:visited{
color:#873D28;
text-decoration:underline
}


.post h2 a:hover{
text-decoration:none;
}






.entry{
	line-height: 1.4em;
}





/*----SIDEBAR STYLES----*/

/*Right sidebar*/

.sidebar{
	float: right;
	width: 182px;
	padding: 0px ;
   margin:15px 10px 0px 0px;
	display: inline;
	background-color: #f9f3d6;
	padding-bottom:20px;
-moz-border-radius-bottomleft: 20px;
border-radius-bottomleft:20px;
-webkit-border-radius-bottomleft: 20px;	

}


.sidebar h3{
	font: normal normal bold 100%/1.3em Verdana, Sans-serif ;
	color: #FFF;
	padding: 5px 5px 6px 15px;
	margin: 5px 0px 5px 0px;
	background: #FFB70D;
}



.sidebar ul{
	margin: 0;
	padding: 0 10px 0 20px;
	list-style: square;
}



.sidebar ul li{
	padding: 5px 0px 5px 0px;
	line-height: 1.3em;
}


.sidebar img, .leftbar img{
border:0px;
}


.sidebar a:link, a:visited{
	text-decoration: none;
	color:#00497A;
}

.sidebar a:hover{
	text-decoration: underline;
	color: #FF0000;
}




/*------Left Sidebar-------*/

.leftbar{
	float: left;
	width: 180px;
	margin: 10px auto 5px 10px;
	padding-top: 5px;
	padding-bottom: 15px;
}


.leftbar h3.plaidtv{
background-color:#D7D7D7;
text-align:center;
font-size:120%;
color:#333333;
font-weight:bold;
}



/*----COMMENT FORM----*/

.comments-template{
margin:0px;
border:1px solid #DDDDDD;
padding:15px 20px 15px 40px;
background-color:#FFFFEE;
-moz-border-radius: 20px;
border-radius:20px;
-webkit-border-radius: 20px;	

}


#comment-form{
	margin: 10px 20px 10px 0px;
	border: 1px solid #CCC;
	padding: 15px 5px 15px 15px;
	background-color: #F3FAF1;
-moz-border-radius: 15px;
border-radius:15px;
-webkit-border-radius: 15px;	

}


#comment-form p{
	margin: 0.5em 0 0.5em 0;
	padding: 0px;
	line-height:1.3em;
	font-family:verdana, sans-serif;
	font-size:95%;
}


#comment-form #commentform p .formfield{
border: 1px inset #DDDDDD;
font-size:110%;
height: 17px;
width:170px;
padding:2px;
}


 #comment-form #commentform p textarea{
border: 1px inset #DDDDDD;
font-size:110%;
padding:3px;
height: 120px;
width:380px;
}



.comments-template h2, .comments-template h3{
color: #900;
font-weight:normal;
}


.comments-template h3{
font-size:130%;
margin:0em;
padding:0em;
}



.commentmetadata{
	margin:25px 0px 10px 0px;
	border-bottom:1px dotted #990000;
	padding: 0px 0px 5px 0px;
}



.commentmetadata strong { 
	color: #900;
	font-weight:bold;
}




.commentlist{
	padding:5px 10px;
	margin:0px 0px 0px 0px;
	background-color:#FFFFEE;
}


.commentlist li{
	padding:0px;
	margin:0px
}



.commentlist li .entry p{
	font-size:110%;
	line-height:1.4em;
}










/*----FOOTER----*/

#footer{
	clear: both;
	width: 970px;
	height: 63px;
	line-height: 1.3em;
	font-size: 90%;
	color:#333;
padding-top:20px;
	background:url(images/footerback.jpg) no-repeat #E6E6E6;
}

#footer p{
margin:0px auto 0px auto;	
text-align:center;
}


#footer a:link{
	text-decoration: none;
	color:#873D28;
}

#footer a:hover{
text-decoration: underline;
color:#873D28;

}


/*************************************
 +Search Form
 *************************************/


#searchform #s{
border: 1px solid #CCCCCC;
width: 90px;
height: 15px;
padding:2px;
margin-top:4px;
}


#searchsubmit{
height:20px;
background-color: #D4D0C8;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid #EFEFEF;
border-left: 1px solid #EFEFEF;
color:black;
font-weight:bold;
font-size:95%;
padding: 2px 2px 3px 2px;
margin:0px;
cursor: pointer; /* hand-shaped cursor */ 
}


.postdateinfo{
font-size:80%;
margin:0px;
padding:0px;
}


/*COMMENT SUBMIT BUTTON*/

#submit{
background-color:#D4D0C8;
padding:3px ;
border:1px solid gray; 
margin:4px 0px;
font-weight: bold; 
cursor: pointer;
}







/*************************************
 +Calendar
 *************************************/
 
 
 #wp-calendar{
font-family: Arial, Hevletica, Sans-serif;
 margin-left:10px;
 margin-bottom:20px;
 background-color:#FFFFFF;
 padding:0px;
width: 150px;
 }


 

 #wp-calendar td{
padding:1px 1px 1px 0px;
font-size:80%;
text-align:right;
 }
 

  #wp-calendar th{
font-weight:normal;
color:#990000;
font-size:80%;
text-align:right;
 }

 

#wp-calendar td a:link, #wp-calendar td a:visited{
color: #0000FF;
font-weight:bold; 	
text-decoration:underline;
font-size:larger;
 }
 

#wp-calendar #today{
font-weight:bold; 
border:1px solid black;
 }


 
#wp-calendar caption{
text-align:center;
padding:10px 0px 8px 20px ;
font-family: Verdana,Arial,Sans-serif;
color: #990000;
font-size:110%;
font-weight:bold;
	
  }
  
  
 #wp-calendar #prev, #wp-calendar #next{
font-weight:bold;
color:blue;
font-size:80%;
  }

  
  
  
	.gone{
		visibility:hidden;
		display:none;
	}
	

	
	.dateline{
	font-size:110%;
	font-family: verdana,arial, helvetica, sans-serif;
	color:#050472;
	font-weight:normal;
	margin-top:5px;
	padding-top:0px;
	}
	


	.dateline a{
text-decoration:underline	
}
	
	



/*MENU SYSTEM*/


/*  General Submenu */

div.submenu {
	margin-bottom:15px;
}

div.submenu h3 {
	padding:0;
	margin:0;
	color:#fff;
	background:#44741A;
}

/*Links section only*/

div.submenu h2 {
	padding:8px 2px 0px 18px;
	margin:0px;
	color:#00497A;
	background:#D1DEE7;
	font-size:110%;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



div.submenu h3 img {
	display:block;
}

div.submenu ul {
	margin:0 0 10px 0;
	padding:10px 0 15px 0;
}


div.submenu ul li {
	list-style-type:none;	
	padding:0;
	margin:0;
	display:inline;
	
}


div.submenu li a:link,
div.submenu li a:visited,
div.submenu li a:active {
	color:#333;
	text-decoration:none;
	display:block;
	padding:3px 10px 4px 18px;
	
}

div.submenu li a:hover{
	color:red;
}




/*Second Level*/


div.submenu ul ul {
	padding:0;
	margin:2px 0 0 0;
	background:transparent !important;
}

div.submenu li li {
	font-size:100%;
	padding:0; 
	border:0;	
}


div.submenu li li a:link,
div.submenu li li a:visited,
div.submenu li li a:active {
	padding:2px 10px 3px 20px;
	background-image:none !important;
}








div#submenu_green h3{
	background:	#44741A url(images/nav/green_top.png) top right no-repeat;
height:30px;
overflow:hidden;

}

div#submenu_green ul {
	background:#DEEFD3 url(images/nav/green_bott.png) bottom right no-repeat;
}

div#submenu_green li a{
	background:transparent url(images/nav/green_bull.png) 5px 5px no-repeat;

}

div#submenu_green li a:hover{
	color:#fff;
	background-color:#44741A;
	background-position:5px -75px;
}





div#submenu_blue h3 {
	background:	#00497A url(images/nav/blue_top.png) top right no-repeat;
	height:30px;
   overflow:hidden;
}

div#submenu_blue ul {
	background:#D1DEE7 url(images/nav/blue_bott.png) bottom right no-repeat;
}

div#submenu_blue li a {
	background:transparent url(images/nav/blue_bull.png) 5px 5px no-repeat;
	font-size:90%;
}

div#submenu_blue li a:hover {
	color:#fff;
	background-color:#00497A;
	background-position:5px -75px;
}












div#submenu_red h3 {
	background:	#990000 url(images/nav/red_top.png) top right no-repeat;
	height:30px;
   overflow:hidden;
}

div#submenu_red ul {
	background:#F6E8E8 url(images/nav/red_bott.png) bottom right no-repeat;
}

div#submenu_red li a {
	background:transparent url(images/nav/red_bull.png) 5px 5px no-repeat;
}

div#submenu_red li a:hover {
	color:#fff;
	background-color:#990000;
	background-position:5px -75px;
}







div#submenu_brown h3 {
	background:	#C27C2D url(images/nav/brown_top.png) top right no-repeat;
	height:30px;
   overflow:hidden;
}

div#submenu_brown ul {
	background:#E9CFB3 url(images/nav/brown_bott.png) bottom right no-repeat;
}

div#submenu_brown li a {
	background:transparent url(images/nav/brown_bull.png) 5px 5px no-repeat;
}

div#submenu_brown li a:hover {
	color:#fff;
	background-color:#C27C2D;
	background-position:5px -75px;
}









div#submenu_pink h3 {
	background:	#c2322d url(images/nav/pink_top.png) top right no-repeat;
	height:30px;
   overflow:hidden;
}

div#submenu_pink ul {
	background:#F7EFDE url(images/nav/pink_bott.png) bottom right no-repeat;
}

div#submenu_pink li a {
	background:transparent url(images/nav/pink_bull.png) 5px 5px no-repeat;
}

div#submenu_pink li a:hover {
	color:#fff;
	background-color:#c2322d;
	background-position:5px -75px;
}


.naw{
	border:1px solid #FFB70D;
	background-color:#FFFFEE;
	padding:3px 5px 5px 5px;
}


/*TWITTER PLUGIN*/

#twitter_update_list{
font-family:arial,tahoma,sans-serif;
font-size: 95%;
width:174px;
padding-left:5px;
}


#twitter_update_list li a{
color:#990000
}



/*POST NAVIGATION*/

.postnav{
margin:1em auto;
text-align:center;
font-size:150%;
}



#rhlogos{
text-align:center;	
}

#rhlogos img{
text-align:center;
width:100px;
margin:4px auto;
}


/*WELCOME BOX*/

/*Code found in home-message-template.php*/

/*.blogtop{
border: 5px solid #DDDDDD;
padding:8px 10px 5px 10px;
background-color:#F9F3D6;
color:black;
margin:10px 0px 10px 0px;
font-family:verdana,arial,sans-serif;
-moz-border-radius: 20px;
border-radius:20px;
-webkit-border-radius: 20px;	
}

.blogtop h2{
font-size:140%;
color:#990000;
}

.blogtop p{
font-size:100%;
margin:1em 0em;
line-height:1.3em;
}
*/

	
/*
SEARCH UNLEASHED PLUGIN
SEARCH HIGHLIGHTING
*/	


	.entry .searchterm1 {
			color: #000;
			background-color: #FFFF00;
			}
	.entry .searchterm2 {
			color: #000;
			background-color: #F7B34F;
			}
	.entry .searchterm3 {
			color: #000;
			background-color: #A0F74F;
			}
	.entry  .searchterm4 {
			color: #000;
			background-color: #4FCFF7;			
			}
	.entry .searchterm5 {
			color: #000;
			background-color: #F7C7F1;			
			}
	
	




			
			
/*EDITOR CLASSES FOR IMAGES*/

/*Change .content if not apply*/

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

/*Caption positioned central to picture*/

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


/*Center or float*/



img.aligncenter, div.aligncenter{
margin:0px auto;	
text-align:center;
}

img.alignleft, div.alignleft 
{
float:left;
margin: 8px 15px 3px 0px;
}

img.alignright, div.alignright {
float:right;
margin: 8px 0px 3px 15px;
}




/*Legacy Positioning*/

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

img.float-left, .content 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;	
}



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