@charset "utf-8";

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



/* IMPORT */

@import url("css/cssreset.css");


/* UNIVERSAL */




/*GENERAL*/





html, body {
/* background: url(images/bg.jpg) top left repeat-x #FFF;  */

background-color:#CCC; 
padding:0px;
margin:0px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}


#outerwrap{
background: url(images/top-back.jpg) top center no-repeat; 
width:960px;
border:0px solid black;
margin:0px auto; 
padding:0px;
}


/*HEADER AREA*/








/*All Pages Title Text*/

#toptext{
position:absolute;
top: 100px;
width:960px; 
height:170px;
background-color:transparent
}

/* Member of Parliament etc... */

#toptext h1{
font-family:georgia, serif;
font-size:35px;
color:white;
margin:0px;
text-align:left;
padding: 0px 0px 5px 20px;
}

#toptext h3{
font-family:georgia, serif;
font-size:25px;
color:white;
margin:0px;
text-align:left;
padding: 0px 0px 0px 20px;
}


#toptext h1.dropshadow, #toptext h3.dropshadow {	
text-shadow: 2px 2px 1px #333333; /* used for standard compliant browsers */
filter: Shadow(Color=#333333, Direction=135, Strength=2); /* used for IE */
zoom: 1.0; /* used to ensure that the element hasLayout */
}









/*Other Pages*/

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


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


/*TOP NAV TABS*/

#outerwrap #navtabs { 
position:absolute;
top:177px;
list-style-type: none; 
padding: 0px; 
height: 34px; 
font-size: 65%; 
font-weight: bold; 
text-transform: uppercase; 
width: 950px;
font-family:verdana,sans-serif;
border:0px dashed white;
margin:0px 0px 0px 3px;
/* background: #f7efa6 url(images/menu-back.jpg) left top;  */
} 



 


#outerwrap #navtabs li { 
float: left; 
padding: 8px 0 3px 5px; 
margin-right: 0px; 
border-right:3px solid #5E8941;
display:block;
height:42px;

} 
 
#outerwrap #navtabs li a { 
padding: 5px 8px 5px 0;
text-decoration:none;
color:#FFF;


/*Drop Shadow*/

/* used for standard compliant browsers */
text-shadow: 1px 1px 1px #000000;

/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";

/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
}
 
 
#outerwrap #navtabs li.current_page_item { 
background: #5E8941; 
} 
 
#outerwrap #navtabs li.current_page_item a { 
background: #5E8941 ;
color: #FFFFFF; 
}




/* Think Different Think PLaid Text */

#bannerimage{
clear:both;
position:relative;
top:205px;
width:700px; 
height:97px;
padding:0px;
} 


#bannerimage img{
padding-left:190px;
}
 
/*End Header Area*/








/*CONTENT AREA HOME PAGE*/


/* #contenthome{
clear:both; 
width:960px; 
border:1px solid black;
background-color:red;
padding:20px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:90%;
min-height: 500px;
margin:55px 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:200px;
border:0px dashed red;
padding:10px 10px 10px 0px;
margin:0px;
}


#content #contentright{
float:right;
width:700px;
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 1em;
}


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


#content #contentright #rightcolhome li{
margin:0.2em 0em 0.4em -1em;
list-style: none;
}





#content #contentright h2, #content #contentright #rightcol h2,  #content #contentright #leftcol h2{
font-family:Georgia, serif;
line-height: 1.4em;
font-size:130%;
color:#034164;
margin:0px;
padding:0px;
}




#content #contentright h2 a, #content #contentright #rightcol h2 a,  #content #contentright #leftcol h2 a{
color:#034164;
font-family:Georgia, serif;
margin:0px;
padding:0px;
}




#content #contentright h3, #content #contentright #rightcol h3,  #content #contentright #leftcol h3{
font-family: Georgia, serif;
font-size:110%;
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.6em;
}

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

/*END BLOCKQUOTES*/






/*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:90%;
}

div fieldset legend{
font-family:sans-serif;
color:#990000;
font-size:85%;
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:85%;
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; padding:3px;
}

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

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


/*EDITOR CLASSES FOR IMAGES*/

/* Change #content for whatever class or id */

#content .alignnone {
margin: 5px 20px 20px 0;
}

#content .aligncenter, div.aligncenter {
display:block;
margin: 5px auto 5px auto;
text-align:center;
}

#content .alignright {
float:right;
margin: 5px 0 20px 20px;
}

#content .alignleft {
float:left;
margin: 5px 20px 20px 0;
}

#content .aligncenter {
display: block;
margin: 5px auto 5px auto;
}

#content a img.alignright {
float:right;
margin: 5px 0 20px 20px;
}

#content a img.alignnone {
margin: 5px 20px 20px 0;
}

#content a img.alignleft {
float:left;
margin: 5px 20px 20px 0;
}

#content a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}

#content .wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}

#content .wp-caption.alignnone {
margin: 5px 20px 20px 0;
}

#content .wp-caption.alignleft {
margin: 5px 20px 20px 0;
}

#content .wp-caption.alignright {
margin: 5px 0 20px 20px;
}

#content .wp-caption img {
border: 0 none;
height: auto;
margin:0;
max-width: 98.5%;
padding:0;
width: auto;
}

#content .wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}






/*Inbuilt Gallery Classes*/


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




 #excerpttext{
position:absolute;
top:215px;
width:850px; 
height:60px;
padding:0px;
margin:0px 50px;
border:0px dashed white;
background: transparent; 
}


 #excerpttext p{
margin:0px;
padding:0px;
background: transparent; 
color:white;
font-family: georgia, serif;
font-size:20px;
font-style: italic;
line-height:120%;
}




/*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: 480px;
float:left;
padding:0px;
border:0px dashed green;
}

#rightcolhome {
width: 190px;
float:right;
padding-left:5px;
padding-right: 0px;
background-color:#EFEFEF;
margin:0px;
}





/*HOME PAGE RIGHT COLUMN*/



#content #contentright #rightcolhome h3 {
padding-left:8px;
font-weight:bold;
font-size:110%;
margin:10px 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;

}







/*QTRANSLATE*/


/* qtranslate language chooser */


.qtrans_language_chooser  {
display: block;
width:210px;
border:0px dashed red;
}


.qtrans_language_chooser ul  {
margin:0px;
padding:0px;
}




.qtrans_language_chooser li { 

/*Makes button horizontal. Remove to have buttons vertical*/
float: left; 
margin-top:-10px!important;
margin-left:25px!important;
background-color: #F9BC4B;
-moz-border-radius: 5px;
border-radius:5px;
-webkit-border-radius: 5px;
}






/*  QTRANSLATE LANGUAGE SWITCHER*/


.qtrans_language_chooser li a {
background-image:none!important;
color:#FFF!important;
font-weight:bold;
margin-left:-15px;
}


.qtrans_language_chooser li.active { 
background-color:#5D8A40;
color:white;
}




.qtrans_language_chooser li a:hover {
background-color:#FF0000!important;
-moz-border-radius: 5px;
border-radius:5px;
-webkit-border-radius: 5px;
}

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













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

}