/* 
	Theme Name:  Volunteering
	Theme URL: http://www.webswonder.co.uk
	Description:  CAVS Volunteering
	Author: Jeremy Clulow
	Author URI: http://www.webswonder.co.uk
	Version: 1.0
*/

body {
background: url(images/volunteering/background.jpg) top center repeat-y transparent;
/*	background: #FFFFFF url(images/volunteering/bg.png) repeat-x;*/
	color: #333333;
	font-size: 75%;
	font-family: verdana, arial, times new roman;
 	margin: 0px auto 0px ;
	padding: 0px;
	}

	
	
a, a:visited {
	color: #BE0C0C;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	

#header {
	width: 960px;
	height:170px;
	margin: 0px auto 0px ;
	padding: 0px;
	border:1px dashed transparent;
	/* Background as  inline CSS changed by language swap */
	}
	
	
#header h1, #header h4 {
visibility:hidden;
display:none;
	}



#header #banner {
	width: 960px;
	height:85px;
	margin-top: 85px;
	padding: 0px;
	border:0px dashed blue;
background: transparent
	}


	
	
	/*TOP NAV TABS*/

#banner #navtabs { 
position:absolute;
top:140px;
list-style-type: none; 
padding: 0px; 
height: 23px; 
font-size: 100%; 
font-weight: bold; 
border-bottom: 10px solid #EC008D; 
width: 790px;
font-family: arial, verdana,sans-serif;
margin:0px 0px 0px 0px;
overflow:hidden;
} 
 
#banner #navtabs li { 
float: left; 
background: #211d1e url(images/volunteering/tableft.png) no-repeat left top; 
padding: 5px 0 8px 5px; 
margin-right: 5px; 
} 
 
#banner #navtabs li a { 
    background: #EC008D url(images/volunteering/tabright.png) no-repeat top right; 
    padding: 5px 5px 8px 0; 
	 text-decoration:none;
	 color:#FFF;
} 
 
#banner #navtabs li.current_page_item { 
    background: #EC008D url(images/volunteering/tableft_active.png) no-repeat left top; 
} 
 
#banner #navtabs li.current_page_item a { 
    background: #211d1e url(images/volunteering/tabright_active.png) no-repeat right top; 
    color: #FFFFFF; 
	
}


	
		
	
		
	
	
	
	
	
	
	
/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 960px;
	margin: 30px auto 0px;
	padding: 0px 0px 0px 0px;
	 border:0px dashed red;
	}

#content img a{
	margin: 0px;
	border: none;
        float: left;
	}
	
	
	/*IMAGES*/


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

#content img.alignright, #content p.alignright {
  margin: 10px 0px 5px 15px;  
  float: right;
}

#content img.alignleft, #content p.alignleft {
  margin: 10px 15px 5px 0px;
 float: left;
}



	
	
#content h2 {
	color: #777;
	font-size: 170%;
	font-family: Impact, Charcoal, sans-serif;
	font-weight: normal;
		letter-spacing:1px;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 5px 0px;
	}
	
	
#content h2 a, #content h2 a:visited  {
	color: #777;
	text-decoration: none;
	}

	
#content h2 a:hover {
	color: #BE0C0C;
	text-decoration: none;
	}
	
#content h3 {
	color: #666;
	font-size: 14px;
	font-family: verdana, arial, times new roman;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	}
	
	
	
	
	
	
#contentleft {
	background: transparent;
	display: inline;
	float: left;
	width: 460px;
	margin: 0px 20px 0px 0px;
	padding: 10px 0px 0px 0px;
	border:0px dashed red;
	}
	
#contentleft p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 17px;
	}
	
#contentleft ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#contentleft ul{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
blockquote{
	margin: 0px 20px 15px 20px;
	padding: 0px 25px 0px 10px;
	background: transparent;
	}
	
#content blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-style: italic;
	}
	
.postinfo {
	font-size: 100%;
	color: #333333;
	margin: 0px 0px 10px 0px;
	}
	

.postdate {
	font-size: 100%;
	color: #990000;
	margin-top:0px;
	padding-top:0px;
	}


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

#l_sidebar {
	display: inline;
	float: left;
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px
	}
	
#l_sidebar p{
	padding: 5px 0px 0px 0px;
	margin: 0px;
	line-height: 17px;
	}
	
#l_sidebar h2 {
	color: #BE0C0C;
	font-size: 130%;
	font-family: Impact, Charcoal, sans-serif;
	font-weight: normal;
	letter-spacing:1px;
	margin: 20px 0px 0px 0px;
	padding: 3px 0px 5px 0px;
	}
	
#l_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#l_sidebar ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#l_sidebar ul li a, #l_sidebar ul li a:visited {
	display: block;
	color: #333333;
	text-decoration: none;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dotted #C0C0C0;
	font-size:90%;
	}

#l_sidebar ul li a:hover {
	background: #EAEAEA;
	color: #BE0C0C;
	text-decoration: none;
	}
	
/************************************************
*	Right Sidebar 					     	    * 
************************************************/

#r_sidebar {
	float: right;
	width: 245px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:0px dashed green;
	overflow:visible;
	
	}
	
/*#r_sidebar img{
	margin: 0px;
	border: none;
position:relative;
z-index:20;
	}
*/


#r_sidebar p{
	padding: 5px 0px 0px 0px;
	margin: 0px;
	line-height: 17px;
	}
	






#r_sidebar h2 {
	color: #BE0C0C;
	font-size: 130%;
	font-family: Impact, Charcoal, sans-serif;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	padding: 3px 0px 5px 0px;
	border-bottom: 1px dotted #C0C0C0;
	}
	
#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#r_sidebar ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#r_sidebar ul li a, #r_sidebar ul li a:visited {
	display: block;
	color: #333333;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dotted #C0C0C0;
	}

#r_sidebar ul li a:hover {
	background: #EAEAEA;
	color: #BE0C0C;
	text-decoration: none;
	}
	
/************************************************
*	Footer  									*
************************************************/

#footer {
/*	background: #313032 url(images/volunteering/bgbott.png) repeat-x top;*/
	
	width: 960px;
	height:50px;
	color: #FFFFFF;
	margin: 10px auto 0px auto ;
	padding: 25px 0px 10px 0px;
	text-align: center;
	border-top:1px dashed gray;
	}
	
	
#footer p {
	color: #FFFFFF;
	padding: 0px;
	margin: 20px aut0;	
font-size: 90%;
	line-height: 1.3em;
	}
	

#footer p a {
	color: #666;
	}

	
	
#footer ul {
	list-style: none;
	padding: 0px;
	margin:0px 0px 5px 0px;
}

#footer ul li {
	display: inline;
	margin:0px auto;
}

#footer ul li a {
	padding: 0px 25px 5px 0px;
	color: #666;	
	text-decoration: none;
	font-size: 90%;
	font-weight:bold;
}





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

#searchdiv {
	margin: 0px;
	padding 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	background: #FFFFFF;
	color: #333333;
	font-size: 11px;
	font-family: verdana, arial, times new roman;
	width: 170px;
	padding: 3px;
	margin: 5px 0px 0px 10px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	}
	
/************************************************
*	Comments									*
************************************************/
	
/*#commentblock {
	width: 440px;
	background: #E8E8E8;
	color: #333333;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 20px 0px;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
#commentblock ol{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 3px 0px 20px 0px;
	padding: 30px 10px 5px 10px;
	width: 400px;
	background: #FFFFFF url(images/volunteering/comment.gif) no-repeat top;
	}

.commenttext-admin {
	clear: both;
	margin: 3px 0px 20px 0px;
	padding: 30px 10px 5px 0px;
	width: 400px;
	background: #FFFFFF url(images/volunteering/comment.gif) no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}*/
	
	
.newsdate{
color:#990000;
font-size:80%;
}
	

#r_sidebar .homelogo{
border: 0px solid #CCC;
padding: 0px;
margin:20px 0px 0px 20px;
_margin:0px 0px 0px 20px;
	}
	
	
/*EDITOR CLASSES FOR IMAGES*/

/*Change .entry if not apply*/

/*Image border*/

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

/*Caption positioned central to picture*/

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


/*Center or float*/

#content #contentleft .aligncenter{
margin:0px auto;	
}

#content #contentleft .alignleft {
float:left;
margin: 8px 15px 3px 0px;
}

#content #contentleft .alignright {
float:right;
margin: 8px 0px 3px 15px;
}


/*Legacy Positioning*/

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

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


/*Legacy Positioning*/

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

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















	
	
/*Search HiLite*/	 	

#content .hilite {
color: #000;
background-color: #FFFF00;
}
#content .hilite1 {
color: #000;
background-color: #FFFF00;
}
#content .hilite2 {
color: #000;
background-color: #FFFF00;
}
#content .hilite3 {
color: #000;
background-color: #FFFF00;
}




/*DD FORMMAILER*/



/* CSS File for Dagon Design Formmailer Script */
/* http://www.dagondesign.com */

/* COLOR/BORDERS CSS */

form.ddfm h1,
form.ddfm h2 {
	color: #606060;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #606060;
}

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #404040;
}

form.ddfm .required {
	color: #FF0000;
}

.ddfmerrors {
	color: #FF0000;
}

/* TEXT CSS */

.ddfmwrap {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

form.ddfm h1,
form.ddfm h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}


form.ddfm h1 {
	font-size: 140%;
}

form.ddfm h2 {
	font-size: 115%;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 100%;
	font-weight: bold;
}

form.ddfm .credits {
	font-size: 90%;
}

form.ddfm legend {
	font-size: 110%;
}

.ddfmerrors {
	font-weight: bold;
}




/* STRUCTURE CSS */

.ddfmwrap {
	margin: 15px auto 15px auto;
	width: 450px;
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
	clear: left;
}

form.ddfm {
	text-align: left;
	padding: 10px;
	width: 430px; 
}

form.ddfm fieldset {
	padding: 2px 10px 20px 10px;
	margin: 0 0 3px 0;
	display: block;
}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}

form.ddfm label {
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 5px;
	clear: left;  
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
	width: 100%;
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 65%; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm textarea {
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 3px;
}


/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	width: 97%;
}

form.ddfm .submit {
	text-align: right;
	clear: both; 
	width: 97%;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
}

.ddfmwrap .recaptcha {
	width: 100%;
	text-align: right;
	clear: both; 
	height: 120px;
	margin-right: 7px;
	padding-bottom: 10px;
}

.ddfmwrap .recaptcha-inner {
	float: right;
	margin-right: 3px;
}


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


/*EDITOR CLASSES FOR IMAGES*/


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

#content .aligncenter{
margin:0px auto 10px auto;	
}







/*SOCIABLE STYLES*/

/*Disable Plugin CSS*/


#content .sociable { 
border:1px solid #DDD;
padding:5px;
margin:5px 20px 5px 0px;
clear:both;
}


#content .sociable_tagline p { 
color:#666;
border:0px;
margin:0px 0px 5px 0px;
padding:0px;
}

 
#content .sociable ul li  img{
border:0px!important;
margin: 15px 10px;
padding: 0!important;
opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);
}


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

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

	
	

/*QTRANSLATE*/


/* qtranslate language chooser */


#langflags{
position:relative;
top:0px;
left:0px;
}


#langflags ul{
margin: 0px;
padding:0px;
}


#langflags ul.qtrans_language_chooser li  {
color:#FFF;
 display: block;
list-style: none;
 /*Makes button horizontal. Remove to have buttons vertical*/
  float: left; 
  z-index: 100;
  position:relative;
  top:100px;
  left:250px;
	width: 60px;
	height:20px;
	background-color:#007800;
	border:1px solid white;
	margin:0px 3px 0px 5px;
	padding: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;
}





/*  QTRANSLATE LANGUAGE SWITCHER*/



#langflags ul.qtrans_language_chooser li a:link, 
#langflags ul.qtrans_language_chooser li  a:visited  {
color:#FFFFFF;
font-family:verdana, sans-serif!important;
text-decoration: none!important;
font-size:10px!important;
}


#langflags ul.qtrans_language_chooser li {
color:#FFFFFF;
background-color:#006600;
}



#langflags ul.qtrans_language_chooser li.active {
color:#FFFFFF;
background-color:#990000;
}


#langflags ul.qtrans_language_chooser li:hover {
display:block;
color:#FFFFFF;
background-color:#990000;
}