/*
Theme Name: City Year UK
Theme URI: http://www.echdesign.co.uk/
Description: The City Year WordPress theme
Version: 1.1
Author: Ech Design
Author URI: http://www.echdesign.co.uk/
*/



/* Begin Typography & Colors */
* {
margin:0;
padding:0;

}
body {
margin:0;
padding:0;
font-family:arial, helvetica;
font-size:73%;
color:black;
text-align:center;
background:url(images/header-wide2.jpg) repeat-x;	
	}
	h1 {
	font-size:2.2em;
	}
	h2, h3 {
/* 	color:#d42928; */
	}
h2 {
margin-top:15px;
font-size:2em;
}
h3 {


font-size:1.2em;
}
p, ul {
margin-top:10px;
margin-bottom:10px;
}
strong { 
color:#CE2626;
}
h2#about {
width:213px;
height:29px;
background:url(images/headings/about-the-programme.png) no-repeat;
}
h2#would {
width:214px;
height:113px;
background:url(images/headings/would-you-like.png) no-repeat;
}
h2#whats {
width:288px;
height:31px;
background:url(images/headings/what-we-do.png) no-repeat;
}	
h2#staff {
width:166px;
height:28px;
background:url(images/headings/staff-recruitment.jpg) no-repeat;
}	
h2#yp {
width:134px;
height:27px;
background:url(images/headings/young-people.png) no-repeat;
}		
	a img, a { 
	outline:none;
	}
	
	/* #content a {
	color:#fff;
	}*/
	#footer a {
	color:#d42928;
	}
		/* #content a:hover {
	color:#d42928;*/
	}
	 #footer a:hover {
	color:#ffe100;
	}
	a img {
	border:0;
	}
	
	
.clear {
clear:both;
}	
	
#headerwrapper {
background:url(images/header-background2.jpg) no-repeat top center;
height:170px;

}

#logo {
background:url(images/city-year-logo.jpg) no-repeat;

text-indent:-9000px;
position:relative;
top:3px;
left:14px;
z-index:2;
float:left;
}
#logo a {
display:block;
width:364px;
height:118px;
}
#menu {
position:absolute;
top:-38px;
left:-2px;
z-index:50;
}
#content #menu ul {
margin-top:1px;
}
#content #menu li, #nav li {
background:url(images/menu-divider.gif) no-repeat right 11px;
/* padding-left:20px;
padding-right:20px; */
width:129px;
text-align:center;
list-style-type:none;
font-size:1.5em;
float:left;
position:relative;
z-index:75;
margin-left:0px;
}
#content #menu li.last {
background:none;
}
#menu li a {
color:#fff;
text-decoration:none;
/*
padding-left:3px;
padding-right:3px;

padding-top:5px;
padding-bottom:5px; 
*/
display:block;
width:127px;
text-indent:-9000px; 
height:37px;
} 
/*
#menu li span {
position:relative;
top:8px;
}
 */
 
li#home a {
background:url(images/home.jpg) no-repeat;
}
li#aboutus a {
background:url(images/about-us.jpg) no-repeat;
}
li#joinus a {
background:url(images/join-us.jpg) no-repeat;
}
li#supportus a {
background:url(images/support-us.jpg) no-repeat;
}
li#eventsnews a {
background:url(images/events-news.jpg) no-repeat;
}
li#contact a {
background:url(images/contact-us.jpg) no-repeat;
} 
li#stories a {
background:url(images/our-stories.jpg) no-repeat;

} 

#menu li a:hover {

background-position:bottom left;
}
#menu li ul {
	float:none;
	top:-999em;
	position:absolute;
	z-index:100;
	/* border-left:1px solid #efefef;
		border-right:1px solid #efefef;
			border-bottom:1px solid #efefef; */
	/* width: 177px; */

	
}
#menu li:hover ul,
#menu li.sfHover ul, #nav li:hover ul,
#nav li.sfHover ul {
	left:0px;
	top: 36px;
	
}
#content #menu li li {
width:146px;
float:none;
background:#000;
font-size:0.7em;
padding:0;
text-align:left;
margin-left:0px;
}
#content #menu li li a {
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
background:#808080;
border-bottom:1px solid #fff;
display:block;
text-indent:0;
height:auto;
width:144px;
}
#content #menu li li a:hover {
background:#fff;
color:#ce2626;
}
form#searchform {
position:absolute;
top:-127px; /* was 70px; */
right:-1px;
height:19px;
padding-right:21px;
}
input#s {
border:1px solid #9c9c9c;
width:157px;
height:17px;
}
input#s:hover, input#s:focus {
background:#f7f7f7;
}
input#searchsubmit {
width:21px;
height:19px;
background:url(images/search.gif) no-repeat;
border:0;
position:absolute;
right:1px;
top:0px;
}


#content, #header {
width:906px; /*approx*/
margin-left:auto;
margin-right:auto;
 /* height of the headerwrapper */
text-align:left;

position:relative;
}
#content {
background:#ffffff;
}

#banner {
padding-top:15px;
float:left;
/*height:294px;
 background:url(images/banner.jpg) no-repeat;*/
}
#banner #myGallery {
background:#efefef;
}
.imageElement a, #myGallery a, #myGallery2 a {
cursor:default;
}
#topsection {
background:#ce2626;
min-height:227px;
float:left;
margin-top:15px;
width:906px;
}
#topsection2 {
background:#ce2626;
min-height:54px;
float:left;
margin-top:15px;
width:906px;
}
#topsection3 {
background:#ce2626;
min-height:222px;
float:left;
margin-top:15px;
width:906px;
}

#topsection3 #myGallery2 {
margin-top:0px;
margin-right:0px;
}
#topsection a, #topsection2 a {
color:#fcd104;
}
#topsection a:hover, #topsection2 a:hover {
color:#000;
}
#topsection h1, #topsection h3, #topsection2 h1, #topsection2 h3, #topsection3 h1 {
margin-top:15px;
color:#fff;
}
#topcontent h3 {
font-size:1.5em;
}
#topcontent h3 em {
font-size:1.3em;
font-style:normal;
}
#topcontent h3 strong {
font-size:1.8em;
}
#topsection2 h1 {
margin-left:20px;
margin-top:15px;
}
#topsection2 .breadcrumb {
float:right;
color:#fff;
margin-right:20px;
}
#topcontent {
float:left;
width:484px;
margin-left:20px;
}
#topcontent p, #topcontent li {
color:#fff;
line-height:1.5em; /* needs to match with page and homepost lineheights */
}
#topcontent strong {
color:#fff;
}
#lowercontent {
background:#ffffff; /* was f9f9f9 */
padding-bottom:20px;
clear:left;
position:relative;
min-height: 827px /* 934px; 1152px; */
}
#lowercontenthome {
background:#fff;
clear:left;
position:relative;
min-height: 1000px; /*1152px; */
}
#lowercontent2 {
background:#fff;
padding-bottom:20px;
clear:left;
position:relative;
min-height: 525px;
}
#lowercontent3 { /* Used by Join Us */
background:#ffffff; /* was f9f9f9 */
padding-bottom:20px;
clear:left;
position:relative;
min-height: 565px; /*1152px; */
}

#content li {
margin-left:20px;
}

.left {

width:601px; /* width of the get involved banner */

}
.left h2, .left h1 {
margin-top:18px;
color:#ce2626;
}
.left p a, .left li a {
/* background:#ce2626; */
color:#ce2626;
/* padding-left:2px;
padding-right:2px;
padding-bottom:2px; */
}
.left p a:hover, .left li a:hover {
color:#fcd104;
}
#content .left ul.links li {
list-style-type:none;
margin-left:0px;
margin-bottom:10px;
padding-left:15px;
}
#content .left .page ul.links li {
margin-left:0px;
background:none;
font-weight:bold;
}
#content .left .homepost ul.links li {
margin-left:0px;
background:none;
font-weight:bold;
padding-left:3px;
}
.newsarchive {
min-height:1500px;
}
.right {
background:url(images/jacket.png) no-repeat;
width:385px;
height: 100%; /*1112px;*/
position:absolute;
top:0px;
right:0px;
padding-bottom:44px;
z-index:2;

}
.rightlong {
background:url(images/jacket2.png) no-repeat;
width:385px;
height: 100%; /*1112px;*/
position:absolute;
top:0px;
right:0px;
padding-bottom:44px;
z-index:2;
}
#red {
background:url(images/jacket3.png) no-repeat;
}
.right h2, .rightlong h2 {
color:#fcd104;
}
.rightlong .right {

}
.right .post, .rightlong .post {
border-bottom:1px solid #fff;
padding-top:10px;
padding-bottom:23px;
margin-right:20px;
}
.right .post img, .rightlong .post img {
display:none;
}
.right .inverse, .rightlong .inverse {
border-bottom:0;
padding-bottom:6px;
padding-top:0px;
}
.right h3 a, .right strong, .rightlong h3 a, .rightlong strong {
color:#fcd104;
text-decoration:none;
}
.right .inverse h3 a, .rightlong .inverse h3 a {
color:#fff;
}
.right .inverse p a:hover, .rightlong .inverse p a:hover {
color:#000;
}
.right p a, .rightlong p a {
color:#fcd104;
}
.right h3 a:hover, .right p a:hover, .rightlong h3 a:hover, .rightlong p a:hover {
color:#fcd104;
}
.right .inverse h3 a:hover, .rightlong .inverse h3 a:hover {
}
.rightlong h4 {
color:#fff;
font-size:1.7em;
}
.right p, .rightlong p {
margin:0;
color:#fff;

}
.right-inner {
margin-left:138px;
}
.getinvolved, .readyapply, .donatenowbanner {
clear:both;
padding-top:10px;
margin-bottom:-25px;
position:relative;
}
.homepost {
float:left;
width:313px;
margin-left:15px;
}
.homepost h2 {
margin-top:30px;
}
.homepost h3 {
color:#ce2626;
}
.homepost p {
margin-left:0px;
}
.homethumbs {
float:right;
width:199px;
margin-right:50px;
margin-top:41px;
margin-bottom:32px;
}
.getinvolved {
width:611px;
height:132px;
background:url(images/get-involved-background.jpg) no-repeat;
}
.getinvolved:hover {
opacity:0.8;
}
.getinvolved a {
display:block;
width:611px;
height:142px;
position:absolute;
top:0px;
left:0px;
background:url(images/x.gif);
/* background:url(images/get-involved.jpg) no-repeat; */
}
.getinvolved h3 {
color:#fff;
font-size:3em;
margin-left:15px;
float:left;
margin-top:26px;
}
.getinvolved p  {
color:#fff;
margin-left:15px;
float:left;
font-size:1.2em;
}
.getinvolved strong {
color:#fff;
font-size:1.5em;
}
.getinvolved:hover h3 {
color:#CE2626;
text-decoration:underline;
}
.getinvolved img {
float:right;
margin-left:-10px;
}

.readyapply h3 a {
display:block;
width:611px;
height:142px;
text-indent:-9000px;
background:url(images/ready-to-apply.jpg) no-repeat;
}
.donatenowbanner h3 a {
display:block;
width:611px;
height:142px;
text-indent:-9000px;
background:url(images/donate-now-banner.jpg) no-repeat;
}
.readyapply h3 a:hover, .donatenowbanner h3 a:hover {
background-position:bottom left;
}
.vinspire {
margin-top:10px;
}
.vinspire a {
display:block;
width:549px;
height:60px;
background:url(images/vinspired-sticker.jpg) no-repeat;
position:relative;
top:0px;
text-indent:-9000px;
}
.element .vinspire a {
position:static;
}
.vinspire a:hover {
background-position:bottom left;
}
/* .vinspire p {
line-height:1.5em;
} */
#badges {
margin-top:43px;
margin-left:95px;
padding-bottom:70px; /* was 102 */
}
#badges img {
float:left;
margin-right:4px;
}
#badges a:hover {
opacity:0.8;
}
#joindonate {
margin-left:45px;
}
#joindonate img {
margin-bottom:15px;
}
a#join, a#donatenow, a#touch {
display:block;
text-indent:-9000px;
}
a#join {
width:177px;
height:101px;
background:url(images/join-the-corps.png) bottom left no-repeat;
}
a#touch {
width:171px;
height:85px;
margin-bottom:16px;
background:url(images/keep-in-touch.png) bottom left  no-repeat;
}

a#donatenow {
width:151px;
height:100px;
background:url(images/donate-now.png) bottom left  no-repeat;
margin-top:5px;
}
a#join:hover, a#donatenow:hover, a#touch:hover {
background-position:top left;
}

.fblike_button {
position:absolute;
top:-4px;
left:96px;
}


#smallgallery {
margin-top:10px;
margin-right:3px;
}
.page {
width:551px /*523px*/;
}
.page p, .page h2, .page h3, .page h1 {
margin-left:15px;
}
.page h3 {
margin-top:15px;
color:#CE2626;
}
.page h3 span, .page h3 em {
font-size:1.3em;
}
.page h3 a {
color:#7E7E7C;
}
.page h3 a:hover {
color:#fcd104;
}
.page small {
margin-left:15px;
display:block;
font-size:0.95em;
color:#6C6C6C;
margin-top:5px;
}
#content .page li {
margin-left:26px;
}
#content .homepost li {
margin-left:4px;
}
#content .page li, .homepost li {
list-style-type:none;
background:url(images/yellow-bullet.gif) no-repeat left 6px;
padding-left:18px;
line-height:1.5em;
}
#content .page p, .homepost p {
line-height:1.5em;
}
.breadcrumb {
padding-top:15px;
margin-left:15px;
font-size:1.1em;
}
.breadcrumb, .breadcrumb a {
color:#ce2626;
text-decoration:none;
}
.breadcrumb a:hover {
color:#fcd104;
text-decoration:underline;
}
.breadcrumb span {
color:#7E7E7C;
}
.quotes {
margin-top:20px;
}
.quote p {
font-size:1.2em;
margin-top:0px;
}
.bigquote .quote p  {
font-size:1.4em;
}
.bigquote h3 {
font-size:1.6em;
}
.quote {
margin-top:10px;
margin-right:10px;
}

/* 
DON'T THINK THIS IS USED
#maintext {
float:right;
width:626px;
padding-bottom:30px;
margin-left:36px;
background:url(images/maintext-background.jpg) repeat-x #EFEFEF;
}
#maintext p, #maintext li {
color:#6c6c6c;
margin-right:45px;
margin-left:32px;
}
#maintext li {
margin-left:52px;
}
#maintext h2, #maintext h3 {
margin-left:32px;
}
*/

/* #sidebar {
float:left;
width:228px;
padding-top:2px;
} */
ul#slimgallery {

}
ul#slimgallery li {
list-style-type:none;
float:left;
margin-right:10px;
margin-left:0px;
margin-top:8px;
}
#footer {
/* float:right; 
background:#fff;*/
position:relative;
top:0px;

clear:both;
padding-left:15px;
padding-bottom:0px;
padding-top:0px;
}
#footer p {
margin-bottom:0px;
}
#footer p span {
color:#6C6C6C;
}
/* Social Bookmarking */
ul.addtoany_list {
position:absolute;
top:-132px;
right:-10px;
}




/* HOLDING PAGE ONLY? */
 .contactform {
/* position:relative; */
} 
/* img#formimg {
position:absolute;
top:30px;

left:1px;
} */

#fontsizer {
float:right;
padding-top:46px;
display:none;
}

/* TABLE STYLING */
table {
border-collapse:collapse;
}
.page table {
margin-left:15px;
margin-top:10px
}
td {
padding-right:10px;
padding-left:10px;
background:#808080;
color:#fff;
padding-top:3px;
padding-bottom:3px;
border:1px solid #fff;
}

h3.toggler {
cursor:pointer;
}
h3.toggler:hover {
color:#929292;
}
.element em {
font-style:normal;
font-weight:bold;
color:#4d4d4d;
}
img.floatleft, img.alignleft {
float:left;
margin-right:10px;
padding-top:4px;

}
.team {
float:left;
width:424px;
margin-top:-10px;
}
.team p {
margin-left:5px;
}
.blockright {
float:left;
width:351px;
margin-top:-10px;
margin-left:20px;
}
img.floatright, img.alignright {
float:right;
margin-left:10px;
margin-bottom:10px;
position:relative;
left:15px;
}
.element img.alignright {
position:static;
}
.atStart img.alignright  {
margin-right:10px;
}
img.alignright2 {
float:right;
margin-left:10px;
margin-bottom:8px;
position:relative;
left:15px;
top:-42px;
clear:right;
}
.box {
background:#e1e1e1;
padding:5px;
margin-left:15px;
margin-top:20px;
margin-bottom:20px;
position:relative;
width:547px;
}
.box p {
margin-left:10px;
}


/* cform extra styling */

.left .cform {
text-align:left;
background:none;
margin-top:20px;
margin-left:20px;
padding-top:20px;
border-top:1px solid #efefef;
}
.left .cform label, .left .cform label span {
width:220px;
font-weight:bold;
color:#CE2626;
}
#content .left .cform li {
list-style-type:none;
margin-left:0px;
background:none;
padding-left:0px;
}
.left .cform input.sendbutton {
margin-right:20px;
margin-bottom:5px;
}


/* founding partners styling */
.partner {
clear:left;
border-top:1px solid #efefef;
width:600px;
/* position:relative;
z-index:2;*/
}
.partneraccordion .element {
width:600px;
position:relative;
}
.partner p {
/* position:relative;
z-index:4; */
}
.logoimage {
float:left;
width:200px;
text-align:center;
clear:left;
}
.logoimage img {
margin-left:auto;
margin-right:auto;
margin-top:15px;
margin-bottom:15px;
}
img.aligncenter { /* pef logo */
margin-top:15px;
width:319px;
display:block;
margin-left:auto;
margin-right:auto;
}
.centertext {
margin-right:30px;
}
.partnertext {
float:left;
width:365px; /* was 350 */
}
.partnertext p {
margin-left:0px;
}
.partneraccordion h3 {
background:#e1e1e1;
width:600px;
padding-top:3px;
padding-bottom:3px;
}
.partneraccordion h3:hover {
background:#EFEFEF;
}

/* NEWS AND EVENTS */
.post p {
margin-top:5px;
line-height:1.5em;
}

/* RECRUITMENT FORM */
.texto-rojo-arial-13 {
margin-left:15px;
font-weight:bold;
}
.texto-rojo-arial-16 {
margin-left:15px;
}


/* TWITTER */
#twitter {
margin-top:15px;
margin-right:12px; /* was 10 */
}
#twitter h3 a {
display:block;
width:133px;
height:25px;
background:url(images/twitter-name.png) no-repeat;
text-indent:-9000px;
margin-bottom:10px;
}
#twitter h3 a:hover {
background-position:bottom left;
}
body .twtr-widget {
font-family:arial, helvetica, sans-serif !important;
font-weight:bold !important;
}

.twtr-widget h3, .twtr-widget h4, .twtr-widget p {
font-weight:bold;
}

.tweet,
.query {
	
	
}

	.tweet_list {
		
		list-style: none;
		margin: 0;
		padding: 0;
		overflow-y: hidden;
		/* background-color: #8ADEE2; */
	}
	
		.tweet_list .awesome,
		.tweet_list .epic {
			text-transform: uppercase;
		}
		
		#content .tweet_list li {
			overflow-y: auto;
			overflow-x: hidden;
			padding: 0.5em;
			font-size:1.2;
			color:#fff;
			margin-left:-5px;
			font-weight:bold;
		}
		
			.tweet_list li a {
				color: #FCD104;
				text-decoration:none;
			}
				.tweet_list li a:hover, body #twtr-widget-1 .twtr-tweet a:hover {
				color: #000 !important;
				text-decoration:underline;
			}
		body #twtr-widget-1 .twtr-hd a:hover {
			color:#33ccff;
			}
		.tweet_list .tweet_even {
			/* background-color: #91E5E7; */
		}
		
		.tweet_list .tweet_avatar {
			padding-right: 10px; 
			float: left;
		}
		
			.tweet_list .tweet_avatar img {
				vertical-align: middle;
			}

#flickr {
margin-top:15px;
margin-bottom:15px;
}			
#flickr h3 {
text-indent:-9000px;
width:70px;
height:21px;
background:url(images/flickr-logo.png) no-repeat;
margin-bottom:15px;
}			
			
/* DATE ARCHIVE LIST */
.archivelist {
margin-bottom:25px;
}
.archivelist a {
display:block;
color:#fff;
font-weight:bold;
text-decoration:none;
line-height:1.3em;
margin-left:20px;
}
.archivelist a:hover {
color:#FCD104;
text-decoration:underline;
}			

/* POST NEXT PREVIOUS LINKS */
.navigation {
margin-left:0px;
padding-bottom:40px;
padding-top:20px;
}
.navigation p.alignleft {
float:left;
}
.navigation p.alignright {
float:right;
}
			

/* "Give a year. Change the world" */