/*   

Theme Name: Brixton Society Theme

Theme URI: http://www.brixtonsociety.org.uk/

Description: This is the theme for the Brixton Society website

Author: Jacob Payne

Author URI: http://www.jacobpayne.co.uk

Version: 1.1

*/





@media screen {



/*Reset CSS*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	vertical-align: baseline;

	font-weight:normal;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul, li {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}



/*END RESETS*/



/*PAGE SET UP*/



* { margin: 0; padding: 0; }

body { background: url('images/b-grid.jpg') repeat-y; background-position:center; font: 14px Georgia, Serif; color:#13140e; }

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }

.clear { clear: both; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */



#page-wrap { width: 940px; margin: 0 auto;}



#header, #footer { width:940px; float:left; }



#header {margin:15px 0 30px 0;}



#header h1 {float:left; margin:0; width:100px; height:140px;}



.fourSixty {

	width:460px;

	margin:0 0 40px 0;

	float:left;

}



.oneFourty {

	width:140px;

	float:left;

}



.threeTons {

	width:300px;

	float:left;

}



.nineFourty {

	width:940px;

	margin:0 0 0 0;

	float:left;

}



.clearboth {width:960px; clear:both;}



.pageContent { margin:0 20px 0 0; }

.pageContent img {height:auto;}

/* .pageContent .entry img {float:right !important; margin-left:20px; height:auto !important;} */



.pageModule {}

.pageModule h3 {margin-bottom:20px;}



h1, h2, h3 { font-weight: normal; }

h1 { font-size:26px; color:#1b7194; }

.fourSixty h1 {margin-bottom:10px;}

h2 {font-family:arial, sans-serif; text-transform:uppercase; font-size:18px; color:#a61133;}

h3 {font-family:arial, sans-serif; text-transform:uppercase; font-size:14px;}



.fourSixty h3 { width:460px; border-bottom:solid 1px #69630b; padding-bottom:8px;}

.oneFourty h3 {width:140px; }	

.threeTons h3 {width:300px; }

.nineFourty h3 { width:940px; border-bottom:solid 1px #69630b; padding-bottom:8px;}



p { margin: 0 0 10px 0; }

a { text-decoration:none; color:#a61133; }

a:hover { text-decoration:underline; } 



blockquote { }

blockquote p { }



ul, ol { margin: 0 0 10px 0;}

.entry ol {

	margin: 0 0 10px 15px;

	width: 445px;

	}

.entry li {

	list-style-type: auto;

	margin: 0 0 8px 0;

	}



a.linkButton { 

	width:200px; 

	height:30px; 

	padding:10px 10px 0 10px; 

	background: url('images/linkBtnArrow.png') no-repeat #f0f1ec; 

	background-position:198px 10px;

	float:left; 

	text-align:left;

	border-bottom: solid 2px #ccc; 

	border-bottom-style:dashed;

	} 

#linkButton1 {margin-right:20px;}



.linkButton img {padding-left:4px; float:right; }



a.post-edit-link { }



/*HEADER*/



.contactUsJoinUs {float:right; width:250px; height:35px; position: relative; top: -6px;}



.contactButton {

	width:80px; 

	height:23px; 

	padding:8px 10px 2px 10px; 

	background: #f0f1ec; 

	float:left; 

	text-align:center;

	font-size:13px;

}

.joinButton {

	width:130px; 

	height:25px; 

	padding:8px 10px 0 10px; 

	background: #1b7194; 

	float:left; 

	font-size:13px;

}

a.joinButton  {color:white;}

.joinButton img { float:right; }

a.contactButton:hover {background:#aeb19f; color:white; text-decoration:none;} 

.joinButton:hover {background: #ffd019; color:#656565; text-decoration:none;}



.nav .description {font-size:16px; color:#1b7194; width:745px; border-bottom:solid 1px #69630b; padding-bottom:8px;}



.nav {width:745px; float:right; bottom:0; margin:65px 0 0 0;}

.nav h3 {padding-top:8px; float:left;}

.nav h3#homeLink {margin:7px 18px 0 0;}

.nav li { display:inline; float:left; margin:0 20px 0 0;}



/*HIGHLIGHT CURRENT PAGE*/

body.home .nav h3#homeLink a {color:#13140e;}

.nav li.current_page_item a {color:#13140e;}

.nav li.current_page_item a:hover {text-decoration:none;}

body.single li.current_page_parent a {color:#13140e;}



/*END HEADER*/



.post { padding:20px 0 20px 0; float:left; border-bottom: solid 2px #ccc; border-bottom-style:dashed; clear:both; }

.post p {line-height:19px;}

.post h4, .post h4 a { font-size:12px; color:#adb1a5;}

.post img { width:460px; border:solid 1px #ccc !important; padding:4px !important; }



.single .post { width:960px; padding:0 0 20px 0;}

.single .meta {margin:5px 0 15px 0;}

.single .post p { width:460px;} 

.single .post img { width:460px; !important; height:auto !important; float:left; clear:both; margin-bottom:10px; }

.single .post img:first-child { float:right !important; margin-left:20px; height:auto !important; }





.entry { margin-top:10px; }

.entry p {line-height:19px;}

.entry a {  }

.entry a:hover { }



pre { }

code, tt { }



#meta { }

.postmetadata { }



#sidebar { }



.navigation { width:460px; float:left; clear:both; margin-top:10px; }

   .next-posts { width:220px; float:left; }

   .prev-posts { width:120px; float:right; }



#searchform { }

	#s { }

	#searchsubmt { }

	

ol.commentlist { list-style: none; }

ol.commentlist li { }

ol.commentlist li.alt { }

ol.commentlist li.bypostauthor { }

ol.commentlist li.byuser { }

ol.commentlist li.comment-author-admin { }

ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }

ol.commentlist li.comment div.comment-author { }

ol.commentlist li.comment div.vcard { }

ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }

ol.commentlist li.comment div.vcard cite.fn a.url { }

ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }

ol.commentlist li.comment div.vcard img.avatar-32 { }

ol.commentlist li.comment div.vcard img.photo { }

ol.commentlist li.comment div.vcard span.says { }

ol.commentlist li.comment div.commentmetadata { }

ol.commentlist li.comment div.comment-meta { font-size: 10px; }

ol.commentlist li.comment div.comment-meta a { color: #ccc; }

ol.commentlist li.comment p { }

ol.commentlist li.comment ul { }

ol.commentlist li.comment div.reply { font-size: 11px; }

ol.commentlist li.comment div.reply a { font-weight: bold; }

ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }

ol.commentlist li.comment ul.children li { }

ol.commentlist li.comment ul.children li.alt { }

ol.commentlist li.comment ul.children li.bypostauthor { }

ol.commentlist li.comment ul.children li.byuser { }

ol.commentlist li.comment ul.children li.comment { }

ol.commentlist li.comment ul.children li.comment-author-admin { }

ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-5 { }

ol.commentlist li.comment ul.children li.odd { }

ol.commentlist li.even { background: #fff; }

ol.commentlist li.odd { background: #f6f6f6; }

ol.commentlist li.parent { border-left: 5px solid #111; }

ol.commentlist li.thread-alt { }

ol.commentlist li.thread-even { }

ol.commentlist li.thread-odd { }



form { }

input[type=text] { }

textarea { }



#footerContent { width:900px; float:left; position:relative; background:#f0f1ec; border-top:solid 1px #69630b; padding:20px; z-index:100;}

img#footerLogo { position:relative; float:left; top:50px; left:15px; z-index:200;}

.footerNav { width:700px; float:left; margin-left:90px; }

.footerNav li { display:inline; float:left; margin:0 12px 0 0; font-family:georgia,serif; font-size:12px;}

#footerContent p { width:215px; float:left; margin:25px 25px 0 0; font-family:georgia,serif; font-size:12px;}

.footerText {margin-left:90px;}

.login h3 {

   float: right;

   font-family: georgia,serif;

   font-size: 12px;

   margin-right:30px;

}



/*FRONT-PAGE*/



#frontPageHeader {

	width:940px;

	height:300px;

	float:left;

} 



.intro {

	height:175px;

	float:left;

	margin:0 20px 20px 0;

}



#frontPageHeader h1 {

	margin-bottom:20px;

}



#frontPageHeader p {

	width:340px;

	margin:0 10px 15px 0;

	float:left;

	font-family:arial, sans-serif;

	font-size:12px;

	line-height:16px;

	color:#6d6d6d;

}



a.joinBtn {

	float:left;

}



#friendsLinks {

	width:220px;

	float:left;

	margin-top:20px;

}

#joinUs {

	margin:20px 20px 0 0;

} 



#friendsLinks a.linkButton {

	margin-bottom:5px; 

	padding-top:15px; 

	text-align:left; 

	float:left;

}

a.linkButton:hover {

	background: url('images/BtnArrowWhite.png') no-repeat #aeb19f;

	background-position:198px 10px;

	color:white; 

	text-decoration:none;

}

.introIMage img {

	margin:0 0 0 40px;

}



.newsReel h3 { color:#a61133; }



.frontPageSideBar {margin:0 0 0 20px;}

.frontPageSideBar h3 { color:#a61133;}

.frontPageSideBar .oneFourty {margin:0 20px 0 0;}



.marketWalks {margin:0 0 20px 0;}

.marketBanner {

	width:134px;

	height:150px;

	border:solid 1px #cccccc;

	padding: 2px;

	margin-top: 10px;

}



.campaigns { margin:0 0 20px 0;}

.campaignBanners {margin-top:10px;}

.campaignBanners p { padding:0; margin:0;}



.nextMeeting { background:#f0f1ec; padding:8px; margin-bottom:15px; font-style:italic; font-size:12px; line-height:16px;}



.map { height:255px; margin:0 0 30px 0; clear:both; }

.map iframe {padding-top:20px;}



.externalNews { height:320px; clear:both; }



.externalNewsItem h3 {border:none; margin:0 0 0px 0; padding-bottom: 0px;}

.externalNewsItem h3 a:hover {text-decoration:underline;}

.externalNewsItem h4, .externalNewsItem h4 a { font-size:12px; color:#adb1a5; padding-bottom:8px;}

.externalNewsItem { margin:20px 0 20px 0; padding-bottom:10px; border-bottom: solid 2px #ccc; border-bottom-style:dashed;}



/*END FRONT-PAGE*/



/*SINGLE POST PAGES*/





/*END SINGLE POST PAGES*/



/*BRIXTON STORIES*/



.brixtonStories {

	float:left;

	margin:0 20px 0 0;

}



#brixtonStoriesIntro {

	margin-bottom:40px;

}



.brixtonStories h3 {

	margin-top:25px;

   border-bottom: 1px solid #ccc;

}



.videoStories {

	float:left;

}



.storyThumb {

	width:220px;

	height:245px;

	margin:0 10px 0 0;

	float:left;

}



.storyThumb h2 {

	margin:0 0 6px 0;

}



.videoStories .storyThumb iframe {

	width:220px;

	height:auto;

}



.videoStories .storyThumb img {

	width:220px;

	height:auto;

}



.latestStory {

	width:460px;

}





/*END BRIXTON STORIES*/



/*PUBLICATIONS STYLES*/



.publications {

	float:left;

	margin:0 20px 0 0;

}



#publicationsIntro {

	margin-bottom:0px;

}



.publications h3 {

	margin-top:25px;

   	border-bottom: 1px solid #ccc;

}



.publicationsItems {

	float:left;

}



.ItemsThumb {

	width:200px;

	height:225px;

	margin:0 0 0 10px;

	padding:0 10px 0 10px;

	float:left;

	text-align: center;

}



.ItemsThumb h2 {

	font-size: 14px;

	margin:6px 0 6px 0;

}

.ItemsThumb p {

	

}

.publicationsItems .ItemsThumb img {

	width:100px;

	height:auto;

	border: solid 1px #CCCCCC;

	padding: 4px;

	

}



.latestStory {

	width:460px;

}





/*END PUBLICATION STYLES*/



/*PUBLICATIONS PAGES*/



.buy-now a {

	color:#ffffff;

}

.buy-now a:visited {

	color:#ffffff;

}



/* END PUBLICATIONS PAGES */



/*WHAT WE DO*/



.diagram {

	height:300px;

	margin-top: 70px;

	margin-left:20px;

}

.diagram img {border: solid 1px #CCCCCC;

padding: 4px;}



.sub-comittees {

	margin-left:20px;

}



/*END WHAT WE DO/



/*PLANNING*/





.planningMap {

	margin-left:20px;

}



.moreInfo {

	margin-left:20px;

}



/*END PLANNING */



/*LOCAL LINKS*/



.localLinks {

	float:left;

	clear:both;

	margin-right:480px;

}



.allLinks {

	margin-right:20px;

}



#featuredFriendsLinks {float:left;}



#featuredFriendsLinks .linkButton {margin-right:10px;}



.featuredLinks {margin-bottom:20px;}



.featuredAd {

	width:214px;

	height:80px;

	border:solid 1px #cccccc;

	padding: 2px;

	float:left;

	margin-bottom: 18px;

}



.featuredAd:nth-child(odd) {

	margin-right:20px;

}





.linkcat h2 {

	display:none;

}



ul.blogroll li {

	margin-bottom:15px;

}



/*END LOCAL LINKS*/





/*CALENDAR PAGE*/



.calnk a:hover {

     background-position:0 0;

     text-decoration:none;  

     color:#000000;

     border-bottom:1px dotted #000000;

     }

.calnk a:visited {

     text-decoration:none;

     color:#000000;

     border-bottom:1px dotted #000000;

    }

.calnk a {

    text-decoration:none; 

    color:#000000; 

    border-bottom:1px dotted #000000;

    }

.calnk a span { 

    display:none;

 	width:300px !important;

	

    }

.calnk a span span {

	clear:both;

}

.calnk a:hover span {

    color:#333333; 

    background:#F6F79B; 

    display:block;

    position:absolute; 

    margin-top:1px; 

    padding:5px; 

    width:150px; 

    z-index:100;

    line-height:1.2em;

    }

 .calendar-table {

    border:none;

    width:100%;

 }

 .calendar-heading {

    height:25px;

    text-align:center;

    border:1px solid #D6DED5;

    background-color:#E4EBE3;

 }

 .calendar-next {

    width:25%;

    text-align:center;

 }

 .calendar-prev {

    width:25%;

    text-align:center;

 }

 .calendar-month {

    width:50%;

    text-align:center;

    font-weight:bold;

 }

 .normal-day-heading {

    text-align:center;

    width:25px;

    height:25px;

    font-size:0.8em;

    border:1px solid #DFE6DE;

    background-color:#EBF2EA;

 }

 .weekend-heading {

    text-align:center;

    width:25px;

    height:25px;

    font-size:0.8em;

    border:1px solid #DFE6DE;

    background-color:#EBF2EA;

    color:#FF0000;

 }

 .day-with-date {

    vertical-align:text-top;

    text-align:left;

    width:60px;

    height:60px;

    border:1px solid #DFE6DE;

 }

 .no-events {



 }

 .day-without-date {

    width:60px;

    height:60px;

    border:1px solid #E9F0E8;

 }

 span.weekend {

    color:#FF0000;

 }

 .current-day {

    vertical-align:text-top;

    text-align:left;

    width:60px;

    height:60px;

    border:1px solid #BFBFBF;

    background-color:#E4EBE3;

 }

 span.event {

    font-size:0.75em;

 }

 .kjo-link {

    font-size:0.75em;

    text-align:center;

 }

 .calendar-date-switcher {

    height:25px;

    text-align:center;

    border:1px solid #D6DED5;

    background-color:#E4EBE3;

 }

 .calendar-date-switcher form {

    margin:0;

    padding:0;

 }

 .calendar-date-switcher input {

    border:1px #D6DED5 solid;

 }

 .calendar-date-switcher select {

    border:1px #D6DED5 solid;

 }

 .cat-key {

    width:100%;

    margin-top:10px;

    padding:5px;

    border:1px solid #D6DED5;

 }

 .calnk a:hover span span.event-title {

    padding:0;

    text-align:center;

    font-weight:bold;

    font-size:1.2em;

    }

 .calnk a:hover span span.event-title-break {

    width:96%;

    text-align:center;

    height:1px;

    margin-top:5px;

    margin-right:2%;

    padding:0;

    background-color:#000000;

 }

 .calnk a:hover span span.event-content-break {

    width:96%;

    text-align:center;

    height:1px;

    margin-top:5px;

    margin-right:2%;

    padding:0;

    background-color:#000000;

 }

 .page-upcoming-events {

    font-size:80%;

 }

 .page-todays-events {

    font-size:80%;

 }



.eventsReel {

	margin:38px 0 0 20px;

}



/*END CALENDAR PAGE*/



.calnk a:hover {

     background-position:0 0;

     text-decoration:none;  

     color:#000000;

     }

.calnk a:visited {

     text-decoration:none;

     color:#000000;

    }

.calnk a {

    text-decoration:none; 

    color:#000000; 

    border-bottom:none !important;

    }

.calnk a span { 

    display:none; 

    }

.calnk a:hover span {

    color:#333333; 

    background:#F6F79B; 

    display:block;

    position:absolute; 

    margin-top:1px; 

    padding:5px; 

    width:150px; 

    z-index:100;

    line-height:1.2em;

    }

 .calendar-table {

    border:none;

    width:100%;

 }

 .calendar-heading {

    height:25px;

    text-align:center;

    border:1px solid #D6DED5;

    background-color:#E4EBE3;

 }

 .calendar-next {

    width:25%;

    text-align:center;

 }

 .calendar-prev {

    width:25%;

    text-align:center;

 }

 .calendar-month {

    width:50%;

    text-align:center;

    font-weight:bold;

 }

 .normal-day-heading {

    text-align:center;

    width:25px;

    height:25px;

    font-size:0.8em;

    border:1px solid #DFE6DE;

    background-color:#EBF2EA;

 }

 .weekend-heading {

    text-align:center;

    width:25px;

    height:25px;

    font-size:0.8em;

    border:1px solid #DFE6DE;

    background-color:#EBF2EA;

    color:#FF0000;

 }

 .day-with-date {

    vertical-align:text-top;

    text-align:left;

    width:60px;

    height:60px;

    border:1px solid #DFE6DE;

 }

 .no-events {



 }

 .day-without-date {

    width:60px;

    height:60px;

    border:1px solid #E9F0E8;

 }

 span.weekend {

    color:#FF0000;

 }

 .current-day {

    vertical-align:text-top;

    text-align:left;

    width:60px;

    height:60px;

    border:1px solid #BFBFBF;

    background-color:#E4EBE3;

 }

 span.event {

    font-size:0.75em;

 }

 .kjo-link {

    font-size:0.75em;

    text-align:center;

 }

 .calendar-date-switcher {

    height:25px;

    text-align:center;

    border:1px solid #D6DED5;

    background-color:#E4EBE3;

 }

 .calendar-date-switcher form {

    margin:0;

    padding:0;

 }

 .calendar-date-switcher input {

    border:1px #D6DED5 solid;

 }

 .calendar-date-switcher select {

    border:1px #D6DED5 solid;

 }

 .cat-key {

    width:100%;

    margin-top:10px;

    padding:5px;

    border:1px solid #D6DED5;

 }

 .calnk a:hover span span.event-title {

    padding:0;

    text-align:center;

    font-weight:bold;

    font-size:1.2em;

    }

 .calnk a:hover span span.event-title-break {

    width:96%;

    text-align:center;

    height:1px;

    margin-top:5px;

    margin-right:2%;

    padding:0;

    background-color:#000000;

 }

 .calnk a:hover span span.event-content-break {

    width:96%;

    text-align:center;

    height:1px;

    margin-top:5px;

    margin-right:2%;

    padding:0;

    background-color:#000000;

 }

 .page-upcoming-events {

    font-size:80%;

 }

 .page-todays-events {

    font-size:80%;

 }



/*SUB-COMITTEE PAGES*/



.subComPage p {

	width:460px;

}



.subComPage img {

	width:460px;

	height:auto;

	float:right;

	border: 1px solid #CCCCCC;

    padding: 4px;

}





/*JOIN US PAGE*/

#joinUsForm {

	margin:40px 0 0 80px;

	width:254px;

	background:#f0f1ec;

	padding:40px 0 40px 40px;

}



#joinUsForm table tr {

	float:left;

	clear:both;

	margin-bottom:10px;

	font-family: arial,sans-serif;

    font-size: 14px;

    text-transform: uppercase;

}

#joinUsForm table tr td select {

	text-transform: none;

}

#joinUsForm table tr td input {

	width:202px;

}



td#emailBox {

	padding-top:10px;

} 



#payBtn {

	margin:10px 0 0 25px;

}



} /* END screen media */



/*CONTACT US PAGE*/



.wpcf7-form, .wpcf7-form p, .wpcf7-form input, .wpcf7-form span, input.wpcf7-submit {

	float:left;

	clear:both;

}



.wpcf7-response-output, .wpcf7-validation-errors {

	margin-top:5px;

	font-style:italic;

	color:#1b7194;

	clear:both;

	float:left;

}



.wpcf7-form img {

    border: none !important;

    padding: none !important;

    width: auto;

}



span.wpcf7-not-valid-tip-no-ajax {

	margin-top:5px;

	font-style:italic;

	color:#1b7194;

	clear:both;

	float:left;

}



@media print {



.do-not-print { display: none; }

#comments { page-break-before: always; }



body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }

h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }

h1 { font-size: 19pt; }

h2 { font-size:17pt; }

h3 { font-size:15pt; }

h4,h5,h6 { font-size:12pt; }

code { font: 10pt Courier, monospace; } 

blockquote { margin: 1.3em; padding: 1em; }

img { display: block; margin: 1em 0; }

a img { border: none; }

table { margin: 1px; text-align:left; }

th { border-bottom: 1px solid #333;  font-weight: bold; }

td { border-bottom: 1px solid #333; }

th, td { padding: 4px 10px 4px 0; }

caption { background: #fff; margin-bottom: 2em; text-align: left; }

thead { display: table-header-group; }

tr { page-break-inside: avoid; } 

a { text-decoration: none; color: black; }

	

} /* END print media */