/*   
Theme Name: BEPJ
Theme URI: http://www.bepj.org.uk
Description: A theme for Bro Emlyn for Peace and Justice based on Redbar by Steve Eyre.- http://www.dot-totally.co.uk/
Author: Jeremy Clulow
Author URI: http://www.webswonder.co.uk.co.uk/

*/

body {
margin: 0;
background: url(images/bepj_banner.jpg) top left no-repeat white;
}


#dovetop{
	background: url(images/dovetop.png) top right no-repeat;
	width: 95px;
	height: 90px;
	position:absolute;
	top:10px;
	right:95px;
}




#header {
width: 100%;
height:85px;
}




#header h1 {
font-family: Georgia, serif;
font-size:140%;
line-height: 95%;
margin:5px 12% 0% 3%;
_margin:10px 18% 0% 3%;
padding:0px;
}


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


#header .subtitle {
font-family: Verdana, sans-serif;
font-size: 80%;
color: #ffffff;
width: 92%;
margin: 0px 0px 0px 3%;
}

#content {
margin: 10px auto 20px;
width:95%;
}


#posts {
display:inline;
float: left;
width: 72%;
margin-top: 0px;
}



#posts h2 {
font-family: Georgia, serif;
font-size: 120%;
margin: 15px 10px 10px;
color: #800B0D;
font-weight:bold;
line-height:1.5em;
}


#posts h2 a {
font-family: Georgia, serif;
color: #800B0D;
font-size: 120%;
}


#posts h2 a:link {
font-family: Georgia, serif;
color: #800B0D;
font-size: 120%;
text-decoration: underline;
}

#posts h2 a:active {
text-decoration: none;
}

#posts h2 a:hover  {
text-decoration: none !important;
}

#posts h2 a:visited {
font-family: Georgia, serif;
color: #800B0D;
font-size: 120%;
text-decoration: underline;
}



#posts h2 .commentslink {
font-weight: normal;
color: #CC1215;
}

/*Date at page head*/

#posts h3.postdate {
color: #006600;
font-family: Verdana,Georgia, serif;
font-size: 75%;
margin: 15px 0px 10px 0px;
border-bottom: 1px solid #B4D3B4;
border-right: 1px solid #B4D3B4;
background-color:#F4F9F3;
padding:4px 5px 3px 5px;
clear:both;
font-weight:bold;
border-bottom-right-radius:10px;
-moz-border-radius-bottomright: 10px; 	
-webkit-border-bottom-right-radius: 10px;
}

/*Ordinary H3 heading*/


#posts h3 {
font-family: Arial,Trebuchet, sans-serif;
font-size: 100%;
margin: 15px 10px -5px 10px;
color: #006600;
font-weight:bold;
line-height:1.3em;
}





#posts h2 {
font-family: Georgia, serif;
font-size: 100%;
margin: 15px 10px 10px;
color: #800B0D;
font-weight:bold;
line-height:1.5em;
}














#posts h4 {
font-family: Tahoma, arial, helvetica, sans-serif;
font-size: 0.90em;
margin: 15px 10px 8px;
color: #000066;
}



#posts h4 a {
font-family: Tahoma, arial, helvetica, sans-serif;
font-size: 0.98em;
color: #7070ED;
text-decoration: underline;
}

#posts h4 a:hover {
color: #990099;
}

#posts h4 a:active {
color: #FF0000;
}


/*H5*/


#posts h5 {
font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
font-size: 1.0em;
margin: 15px 10px 8px;
color: #009900;
}

#posts h5 a {
color: #009900;
text-decoration: underline;
}

#posts h5 a:hover {
color: #000000;
}

#posts h5 a:active {
color: #FF0000;
}

/*Body Text*/

#posts p, #posts ul li {
font-family: Verdana, arial, sans-serif;
font-size: 80%;
line-height: 1.7em;
}

#posts p {
margin: 8px 10px;
}


#sidemenu .missionbox{
font-family: Verdana, arial, sans-serif;
font-size: 70%;
line-height: 1.3em;
}



/*page links*/

#posts a:link, #posts a:visited{
text-decoration: underline;
font-family: Verdana,  arial, sans-serif;
color: blue;
}


#posts a:hover{
text-decoration: none;
color: #800B0D;
font-family: Verdana, arial, sans-serif;
}

#posts a:active{
text-decoration: none;
color: red;
font-family: Verdana, arial, sans-serif;
}




#posts blockquote {
margin: 10px 35px;
padding: 5px;
background: url(images/quoteback.jpg) top left repeat-y #FFF;
font-style: italic;
border-left: 1px solid #EEE;

}



#posts blockquote p {
line-height:1.3em;
font-size: 80%;

}


#posts div.linebox {
margin: 10px 10px;
padding: 5px;
background-color: white;
border: 1px solid gray;
}



#posts p img, #posts img {
padding: 0px;
border:1px solid #AAAAAA;
margin: 5px 15px 5px 0px;
max-width: 570px;
}


#posts .postmeta {
font-family: Trebuchet Ms, arial, helvetica, sans-serif;
margin: 0em 0em 1em 0em;
padding: 0em 0em 1em 0em;
border-bottom : 1px solid #B4D3B4;
}


#posts td {
font-family: Verdana, Tahoma, arial, sans-serif;
font-size: 0.9em;
}

#posts legend{
font-family: Verdana, Tahoma, arial, sans-serif;
font-size: 0.8em;
color:gray;
font-weight:bold;
}



#sidemenu {
display:inline;
float: right;
width: 24%;
margin-top: 0px;
padding-top:0px;
}

#topcategory{
margin-top:0px;
padding-top:0px;
}

#sidemenu h3 {
font-family: verdana,tahoma, arial, sans-serif;
color: #003300;
border-bottom: 1px solid #B4D3B4;
font-size: 100%;
}


#sidemenu p, li {
font-size: 0.9em;
font-family: Tahoma, arial, sans-serif;
}

.graybox{
padding: 5px;
background-color:#EFEFEF;
}


#sidemenu ul{
padding-left: 18px;
margin-left: 0px;
}

.navlist{
font-size: 85%;
}


.navlist li{
list-style-image: url(images/button.png); 
padding-top: 1px;
padding-bottom: 5px;
padding-left:0px;
_padding-left:6px;
border-bottom: 1px solid #EFEFEF;
line-height: 1.4em;
font-family: verdana, arial, sans-serif;
}

/*Navlist links format*/

.navlist li a:link, .navlist li a:visited{
text-decoration: none;
}


.navlist li a:hover{
text-decoration: underline;
color: blue;
}

.navlist li a:active{
text-decoration: none;
color: red;
}


/*Sub menus*/


.navlist li li{
list-style-image: url(images/arrow.gif); 
padding-top: 7px;
padding-bottom: 1px;
padding-left:3px;
font-size: 95%;
line-height: 1.2em;
border-bottom: none;
}


.navlist li li a:link, .navlist li li a:visited{
text-decoration: none;
color:black;
}


.navlist li li a:hover{
text-decoration: underline;
color: black;
}

.navlist li li a:active{
text-decoration: none;
color: red;
}






/*Search Form Formatting*/

#sidemenu #search {
padding-left: 0px;
margin-left: 0px;
}

#sidemenu #search li {
list-style-type: none;
}

#sidemenu #search li form #s{
width:110px;
background-color:#FFFFEE;
}



/*Page Links*/

a {
color: #800B0D;
}



#footer{
width:70%;
}


#footer p {
font-family: Verdana, Tahoma, arial, sans-serif;
font-size: 75%;
line-height: 150%;
color:gray;
text-align:center;
margin-top: 0em;
}

/*RESPONSE BOX*/


#respond{
padding: 0.3em;
margin: 1.0em 15px 1em 40px;
background-color:#efefef;
}


#respond h3{
color: gray;
}

#respond #commentform input, #respond #commentform textarea{
background-color: #FFFFEE;	
}

#respond p{
	line-height:135%
}




/*HOME PAGE ONLY*/

hr.hrline{
border: none 0; 
	border-top: 1px solid #B4D3B4;
	border-bottom: 1px solid #efefef;
	height: 2px;
	margin: 20px auto 0px 0;
	text-align: left;
	}


#posts .homeitem{
margin: 15px 0em 10px 0px;
padding-bottom: 10px;
border-bottom: 1px solid #B4D3B4;
}



#posts .homeitem h2{
margin: 0em 0em 0em 12px;
padding: 0em;
font-size:105%;
}	

#posts .homeitem p{
margin: 0.3em 0em 0.3em 12px;
padding: 0em;
line-height: 140%;
}


#posts .homeitem p.date{
font-family: Georgia, sans-serif;
font-size: 100% ;
margin: 0em 0em;
padding: 0em;
line-height: 140%;
color: #800B0D;
font-weight:bold;
}



.commentlist li{
	font-size: 1.0em;
	border: 1px solid #EFEFEF;
	width:auto;
	margin: 5px 15px 20px 0px;
	background-color: #FBFFFB;
}	
	
	
	#comments{
		border-top:1px solid #800B0D;
		padding-top:10px;
		}
		
.hidden{
	visibility:hidden;
	display: none;
}

.picmiddle{
margin:0px auto;
text-align:center;
}


/*FORM FORMATTING*/

#formstuff{
background-color: #EFEFEF;
padding: 5px;	
margin:5px 30px;
}

#formstuff input, #formstuff textarea  {
background-color:#FFFFEE;
}

#formstuff .submitbutt{
	background-color: #D4D0C8
}






#posts p .borderpic{
	border:1px solid gray;
}


/*Download Table*/


#posts .downloadtable{
	background-color : #E8FFE8;
	margin:20px 0px;
}

#posts .downloadtable td, .downloadtable th{
border-bottom : 2px solid white;
border-right : 2px solid white;
text-align:center;
padding:2px 5px 2px 5px;
}

#posts .downloadtable td.lefttext{
 	text-align:left
 }
 


/*EDITOR CLASSES FOR IMAGES*/

/*Change .entry if not apply*/

/*Image border*/

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

/*Caption positioned central to picture*/

#posts .wp-caption {
	font-size:smaller;
	margin:0px;
	padding:0px;
text-align:center;
line-height:0.5em;
}


/*Center or float*/

#posts .aligncenter{
margin:0px auto;	
}

#posts .alignleft {
float:left;
margin: 5px 15px 3px 0px;
}

#posts .alignright {
float:right;
margin: 5px 0px 3px 15px;
}


/*Legacy Positioning*/

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

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



/*HOME PAGE COLUMNS*/




 #left {
  float:left;
  width: 32%;
  margin-right:1%;
  }


 #center {
  width: 33%;
  float:left;
  margin-right:1%;
  }


 #right {
  float:right;
  width: 32%;
margin-right:1%;
  }


 #clear {
  clear:both;
  }


#posts .excerpthome p{
	line-height:1.4em;
	font-size:80%;
}



/*SOCIABLE STYLES*/

/*Disable Plugin CSS*/

#posts .sociable_tagline { 
display:none;
visibility:hidden;
 }

#posts .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);
}



#posts .sociable ul {
	display: inline;
	margin: 0px;
	padding: 0;
}

#posts .sociable ul li {
	background: none;
	display: inline ;
	list-style-type: none;
	margin: 0;
	padding: 1px;
	}