/*  
Theme Name:Jonathan Edwards
Theme URI:www.jonathanedwards.org.uk
Description: Jonathan Edwards
Version: 1.0
Author: Jeremy Clulow
Author URI: http://www.webswonder.co.uk
*/



/*GENERAL*/


html, body {
background: url(images/top-back.jpg) top center no-repeat #EFEFEF; 
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*/

#toptext{
width:960px; 
height:100px;
border:0px dashed green;
background-color:transparent
}



/*Other Pages*/

#header{
width:960px;
height:300px;
border:0px solid red
}


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


/*TOP NAV TABS*/

#outerwrap #navtabs { 
position:absolute;
top:122px;
list-style-type: none; 
padding: 0px; 
height: 30px; 
font-size: 65%; 
font-weight: bold; 
text-transform: uppercase; 
border-bottom: 2px solid #5D8941; 
width: 950px;
font-family:verdana,sans-serif;
margin:0px 5px 0px 3px;
} 
 
#outerwrap #navtabs li { 
float: left; 
background: #f7efa6 url(images/tableft.png) no-repeat left top; 
padding: 8px 0 8px 5px; 
margin-right: 5px; 
} 
 
#outerwrap #navtabs li a { 
    background: #f7efa6 url(images/tabright.png) no-repeat top right; 
    padding: 8px 3px 8px 0; 
	 text-decoration:none;
	 color:#666;
} 
 
#outerwrap #navtabs li.current_page_item { 
    background: #5E8941 url(images/tableft_active.png) no-repeat left top; 
} 
 
#outerwrap #navtabs li.current_page_item a { 
    background: #5E8941 url(images/tabright_active.png) no-repeat right top; 
    color: #FFFFFF; 
}







#toptext{
position:absolute;
background: transparent;
border:0px dashed red; 
height: 60px;
width: 400px;
margin:15px 0px 0px 500px;
padding:0px;
vertical-align:top;
float:right;
}

#toptext h3{
font-family:arial, helvetica;
margin:0px;
font-weight:normal
}




#bannerimage{
clear:both;
position:relative;
top:166px;
font-weight: bold;
left: 50px;
width:850px; 
height:100px;
padding:0px;
border:0px dashed white;
background: url(images/jonathanedwards.jpg) no-repeat left top transparent; 
}


#bannerimage img{
margin-left:200px
}

/*End Header Area*/













/*CONTENT AREA HOME PAGE*/


#contenthome{
clear:both; 
width:920px; 
border:0px solid black;
background-color:transparent;
padding:20px;
font-family:verdana,Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:90%;
background:transparent;
min-height: 500px;
margin:75px 0px 75px 0px;
}

/*IE6 Hack*/

* html #contenthome {
height: 500px;
}


/*CONTENT AREA OTHER PAGES*/


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

/*IE6 Hack*/

* html #content {
height: 500px;
}



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


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




/*GENERAL TEXT FORMATTING INCLUDING IE COLUM STYLES */

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


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


#content #contentright li, #content #contentright #rightcol li, #content #contentright #leftcol li{
line-height: 1.7em;
font-size:80%;
margin:0.2em 0em 0.4em 0em;
	
}


#content #contentright h2, #content #contentright #rightcol h2,  #content #contentright #leftcol h2{
font-family:Georgia, serif;
letter-spacing:0.5px;
font-size:125%;
color:#034164;
margin:0px 0px 0.5em 0em;
padding:0px;
}


#content #contentright h2 a, #content #contentright #rightcol h2 a,  #content #contentright #leftcol h2 a{
color:#034164;
}












#content #contentright h3, #content #contentright #rightcol h3,  #content #contentright #leftcol h3{
font-family: Georgia, serif;
font-size:120%;
font-weight:normal;
color:#990000;
margin:0.8em 0px 0.5em 0px;
padding:0px;
}




#content #contentright h4, #content #contentright #rightcol h4,  #content #contentright #leftcol h4{
font-family: Georgia, serif;
font-size:115%;
font-weight:normal;
letter-spacing:0.5px;
color:#990000;
margin:1.0em 0px 0px 0px;
padding:0px;
}

/*BLOCKQUOTES*/

#content #contentright #leftcolhome blockquote p, #content #contentright #rightcol blockquote p,  #content #contentright #leftcol blockquote p{
font-style: italic;
line-height:1.4em;
}

#content #contentright #leftcolhome blockquote, #content #contentright #rightcol blockquote,  #content #contentright #leftcol blockquote{
font-style: italic;
margin: auto 1.0em auto 1.5em;
padding:0em;
}

/*END BLOCKQUOTES*/



/*FOOTER*/


#footer{
background-color: #5D8941; 
margin:0px auto;
clear:both;
width:960px;
height:70px;
background;
text-align:center;
font-size:80%;
}


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

#footer #footertext p, #footer #footertext  li{
color:white;
margin:0px;
text-decoration:none;
}


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



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


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

}












/*SIDEMENU*/


#sidebar {
margin:0px;
width:230px;
font-size: 73%;
line-height:1.4em;
}


#sidebar  h3 {
	margin: 0px;
	padding:0px 10px 0px 0px;
	text-align:center;
	color:#5D8941;
	border:0px dashed red;
}


/*MENU*/


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


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


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



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


#sidebar ul li a {
	background:transparent url(images/nav/brown_bull.png) 12px 8px no-repeat;
}


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




/*SUBMENU*/




#sidebar ul ul {
	margin:0 0 10px 0;
	padding:0px 0px 0px 0;
	font-size:90%;
	line-height:1.1em;
	border:0px dashed red;
}


#sidebar ul li ul li {
	padding:0;
	margin:0;
	display:inline;
}


#sidebar ul li ul li a:hover {
background-color:white;
	display:block;
	padding:3px 0px 4px 40px;
}



#sidebar ul li ul li a:link,
#sidebar ul li ul li a:visited,
#sidebar ul li ul li a:active {
	color:#000;
	text-decoration:none;
	padding:3px 0px 4px 40px;
	background-color:transparent;
}


#sidebar ul li ul li a {
	background:#F7EFA6 url(images/arrow.gif) 25px 4px no-repeat;
}


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
























/*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*/


.feedbackform{
padding: 5px;
font-family:verdana, sans-serif;
font-size:85%;
}

div fieldset{
margin-bottom:20px;
padding-top:5px;
background-color:#FFF;
width:100%;
}

div fieldset legend{
font-family:sans-serif;
color:#990000;
font-size:95%;
font-weight:bold;
border:1px solid #666;
background-color:#EFEFEF;
padding:5px 12px;
margin-top:15px;
margin-bottom:10px;
}


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;
}

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%;
border-bottom: 1px solid #98A5DE;
padding-bottom:8px;
padding-top:2px;
line-height:1.2em;
margin-bottom:0px;
margin-right: 15px; /*spacing with right column*/
color:#000066;
}

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

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


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



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

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

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

}

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








/*EDITOR CLASSES FOR IMAGES*/

/*Change #content if not apply*/

/*Image border*/

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




/*Caption positioned central to picture*/

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

#content #contentright div  p .wp-caption-text{
	font-size:70%;
	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{
	border:1px solid white;
	width: 80px;
	height:20px;
	background-color:#5D8941;
	padding:3px;
	font-weight:bold;
	text-align:center;
	font-size:100%;
	margin:5px auto;
	-moz-border-radius: 5px;
	border-radius:5px;
	-webkit-border-radius: 5px;
}


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

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

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


#contentright #excerpttext{
position:absolute;
top:170px;
width:650px; 
height:80px;
padding:0px;
margin:0px auto;
border:0px dashed white;
background: transparent; 
}


#contentright #excerpttext p{
margin:0px;
padding:0px 5px 0px 5px;
background: transparent; 
color:white;
font-family:arial;
font-size:110%;
font-style: italic;
}




/*SOCIABLE STYLES*/

/*Disable Plugin CSS*/

#content #contentright .sociable_tagline { 
display:none;
visibility:hidden;
 }

#content #contentright .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 .sociable ul {
	display: inline;
	margin: 0px;
	padding: 0;
}

#content #contentright .sociable ul li {
	background: none;
	display: inline ;
	list-style-type: none;
	margin: 0;
	padding: 1px;
	}
	
	
	hr{
		color:#EFEFEF;
		height:1px
	}
	
	
.navigation{
margin:20px 0px;
border:0px dashed gray;
	}
	
.navigation .navleft{
		float:left;
}	

.navigation .navright{
		float:right;
}

.navigation .navleft a, .navigation .navright a{
	font-size:85%;
	color:#990000;
	text-decoration:none;
	font-weight:bold;

	}
 
 #sidebar .rssicon{
 	margin:20px auto;
	text-align:center;
 }
 
 






/*TWITTER PLUGIN*/

#twitter_update_list{
margin:0px 0px 30px 10px;
height:400px;
}


/*FACEBOOK LINK*/

#facebook{
	text-align:center;
	margin:-10px 30px 10px 20px;
}








/*HOME PAGE COLUMNS*/



#leftcolhome {
width: 440px;
float:left;
padding:0px;
border:0px dashed green;
}

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





/*HOME PAGE RIGHT COLUMN*/



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



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


#rightcolhome ul li {
list-style-type:none;	
padding: 0px 0px 0px 8px;
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*/






/*----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.2em;
	font-family:verdana, sans-serif;
	font-size:90%;
}


#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;
}


.commentformat{
font-size:85%;
line-height:1.1em;
margin:0px;
}


/*TABLE*/



#content #contentright .datatable{
	font-size:smaller;
	margin:10px auto 10px auto ; 
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	white-space: nowrap;
}

#content #contentright .datatable td, .datatable th{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	white-space: nowrap;

}