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

*/


/* @font-face {
	font-family: 'MyriadWebBold';
	src: url('fonts/myriadb-webfont.eot');
	src: local('?'), url('fonts/myriadb-webfont.woff') format('woff'), url('fonts/myriadb-webfont.ttf') format('truetype'), url('fonts/myriadb-webfont.svg#webfontdaiwVaHk') format('svg');
	font-weight: normal;
	font-style: normal;
}
 */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 30, 2012 */


/* 
@font-face {
    font-family: 'AlternateGothicNo2DRegular';
    src: url('fonts/alternategotno2d-webfont.eot');
    src: url('fonts/alternategotno2d-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alternategotno2d-webfont.woff') format('woff'),
         url('fonts/alternategotno2d-webfont.ttf') format('truetype'),
         url('fonts/alternategotno2d-webfont.svg#AlternateGothicNo2DRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
 */



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 30, 2012 */



@font-face {
    font-family: 'AlternateGothicNo3DRegular';
    src: url('fonts/alternategotno3d-webfont.eot');
    src: url('fonts/alternategotno3d-webfont.eot?#iefix') format('efonts/mbedded-opentype'),
         url('fonts/alternategotno3d-webfont.woff') format('woff'),
         url('fonts/alternategotno3d-webfont.ttf') format('truetype'),
         url('fonts/alternategotno3d-webfont.svg#AlternateGothicNo3DRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}






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: AlternateGothicNo3DRegular, sans-serif;
font-size: 170%;
letter-spacing:1.0px;
margin: 10px 5px 0px 0px;
color: #900;
}


#posts h2 a, #posts h2 a:link, #posts h2 a:active, #posts h2 a:visited {
font-family: AlternateGothicNo3DRegular, sans-serif;
color: #900;
text-decoration:none;
font-size: 160%;
line-height:0.9em;
}



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





#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: AlternateGothicNo3DRegular, sans-serif;
color: #003300;
border-bottom: 1px solid #B4D3B4;
font-size: 140%;
letter-spacing:1px;
}


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



/* =WordPress Core
-------------------------------------------------------------- */
#posts .alignnone {
    margin: 5px 20px 20px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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





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