/*
Theme Name: CPST
Theme URI: http://palacetrust.org.uk/
Description: A theme for Crystal Palace Supports Trust.
Version: 1.0
Author: Furber Consultancy
Author URI: http://www.furber-consultancy.com/
*/

@font-face {  
	font-family: "ArcherPro";  
	src: url("ArcherPro-Medium.eot");
	src: local("ArcherPro Medium"), url('ArcherPro-Medium.otf') format('opentype');
}  

body {
	background: url('i/bg-top.png') repeat-x center top #eee;
	margin: 0;
	font-family: "trebuchet ms", helvetica, Arial;
	color: #333;
	font-size: 12px;
}

img {
	border: 0;
}

p.center {margin: 0 auto;}

a {
	color: #15459F;
	text-decoration: underline;
}
a:hover {
	color: #333;
	text-decoration: none;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

h1 {
	padding: 0 0 10px 0;
	margin: 0;
	font-weight: normal;
	font-size: 3em;
	line-height: 1.1em;
	font-family: "ArcherPro", verdana, helvetica;
}

#container {
	margin: 0 auto;
	width: 960px;
}

#container2 {
	float: left;
	width: 960px;
	box-shadow: 0 0 12px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .25);
}

#header {
	float: left;
	width: 900px;
	height: 105px;
	background: url('i/bg-header.png') center repeat-x;
	padding: 0 30px 25px 30px;
	font-family: "ArcherPro";
}

#header-logo {
	float: left;
	width: 98px;
	height: 105px;
	margin: 0 30px 0 0;
}

#header-tagline {
	float: left;
	width: 500px;
	height: 55px;
	padding: 20px 0 0 0;
	color: #656565;
	font-size: 2em;
	font-style: italic;
	line-height: 1.1em;
}

#header-tagline span {
	color: #333;
}

#header-tagline p {
	margin: 0;
	padding: 0;
}

#header-loginwidget {
	float: right;
	height: 40px;
	padding: 20px 0 0 0;
	text-align: right;
}

#header-loginwidget p {
	margin: 0;
	padding: 0;
}

#header-nav {
	float: left;
	width: 770px;
	height: 35px;
	font-size: 1.5em;
	padding: 0;
}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin: 0;
	padding: 0;
}
.sf-menu li a {
	text-decoration: underline;
	background: url('i/div-header-nav.png') left no-repeat;
	padding: 10px 0 15px 17px;
	margin: 0 12px 0 0;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}

.sf-menu li ul {
	margin: 10px 0 0 0;
	padding: 10px;
	background: #fff;
	box-shadow: 1px 1px 2px rgba(200, 200, 200, .70);
}

.sf-menu li ul li a {
	text-decoration: underline;
	padding: 5px 5px 5px 5px;
	margin: 0 0 5px 0;
	border-bottom: dotted 1px #666;
	background: none;
}

.sf-menu li {}
.sf-menu li li {
	background:	#fff;
}
.sf-menu li li li {}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	text-decoration: none;
	color: #333;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	0;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		none;
	right:			0;
	top:			1.05em; /* IE6 only */
	width:			0;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: .8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


#body {
	float: left;
	width: 960px;
	background: #fff;
}

#main {
	float: left;
	width: 960px;
}

#content {
	float: left;
	width: 610px;
	margin: 20px 0 0 20px;
	font-size: 1.1em;
}

#highlight-box {
	float: left;
	width: 900px;
	padding: 25px 30px;
	background: url('i/bg-indexbox.jpg') center repeat;
	color: #fff;
}

#highlight-box-text {
	float: left;
	width: 265px;
}

#highlight-box-text h1 {
	font-size: 2em;
	line-height: 0.95em;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px 0 !important;
	font-family: "ArcherPro";
}

#highlight-box-text p {
	font-size: 1.65em;
	margin: 0;
	padding: 0 0 20px 0;
	font-family: "ArcherPro";
	line-height: 1.1em;
}
.hl-b-t-final {
	padding: 0 !important;
}

#highlight-box-text p a {
	color: #fff;
	text-decoration: underline;
}

#highlight-box-text p a:hover {
	color: #ccc;
	text-decoration: none;
}

#highlight-box-image {
	float: right;
	width: 590px;
	height: 230px;
	padding: 10px;
	background:#fff;
}

#content h1 {
	background: url('i/bg-h1.png') left top no-repeat;
	font-size: 2.5em;
	padding: 0 0 10px 30px;
}

.post {
	float: left;
	width: 610px;
	padding: 0 0 10px 0;
	/* border-bottom: 1px solid #c0c0c0; */
	border-bottom: none;
	margin: 0 0 15px 0;
}

.p-content {
	float: left;
	width: 450px;
}

.p-content h2 {
	padding: 0 0 10px 0;
	margin: 0;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.3em;
	font-family: "ArcherPro";
	color: #1745A1;
}
.p-content h2 a {
	color: #1745A1;
	text-decoration: none;
}
.p-content h2 a:hover {
	text-decoration: underline;
}

.post-meta {
	float: left;
	width: 155px;
	text-align: right;
	font-size: 0.85em;
}

.post-meta span.date {
	font-size: 1.4em;
	color: #999;
	font-family: serif;
}

.lead-pic {
	float: left;
	width: 75px;
	height: 75px;
	margin: 0 15px 15px 0;
}

.lead-pic img {
	width: 60px;
	height: 60px;
	padding: 0;
	border: 1px solid #c0c0c0;
}

.excerpt {
	float: right;
	width: 360px;
}

.excerpt p {
	line-height: 1.4em;
	padding: 0 0 10px 0;
	margin: 0;
}

.post img {
	padding: 10px;
	border: 1px solid #c0c0c0;
}


#wall {
	width: 600px;
	padding: 80px 3px 2px 7px;
	float: left;
	background: url('i/wall-bg.jpg') bottom #DFD0B6;
	margin: 0 0 10px 0;
}

#wall span {
	float: left;
	display: block;
	padding: 5px;
	margin: 0 5px 5px 0;
	width: 85px;
	height: 40px;
	color: #fff;
	font-weight: bold;
	overflow: hidden;
	background-image: url('i/brick-bg.png');
}

#wall span:hover {
	color: #111;
}


.w1 {
	background-position: 0 0;
}
.w2 {
	background-position: -95px 0;
}
.w3 {
	background-position: -190px 0;
}
.w4 {
	background-position: -285px 0;
}
.w5 {
	background-position: -380px 0;
}

.w-half {
	width: 35px !important;
}

.w6 {
	background-position: -475px 0;
}
.w7 {
	background-position: -520px 0;
}

.w-clear {
	clear: left;
}



div.sociable { margin: 30px 0 0; }

.sociable_tagline {
	
	margin: 0 10px 10px 0;
}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
	margin: 0 0 10px 0;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 10px 10px 0 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.main-meta {}

.main-meta span {
	font-size: 1.1em;
	color: #666;
	font-weight: bold;
}


.wp-pagenavi {
	float: left;
	clear: both;
	padding: 0 0 20px 0;
}

.wp-pagenavi a {
	text-decoration: none;
	padding: 3px 5px;
	margin: 2px 2px 2px 6px;
	background: #15459F;
	color: #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.wp-pagenavi a:hover {
	background: #333;
}

.wp-pagenavi span {}

.wp-pagenavi span.current {
	font-weight: bold;
	padding: 3px 5px;
	margin: 2px 2px 2px 6px;
	background: #dfdfdf;
	color: #777;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}


#sidebar {
	float: right;
	width: 260px;
	margin: 20px 30px 30px 0;
}

.sidebar-box {
	float: left;
	width: 260px;
	margin: 0 0 30px 0;
}

.sidebar-box h2 {
	margin: 0 0 10px 0;
	padding: 0;
}

.sbox {
	float: left;
	width: 240px;
	height: 110px;
	padding: 80px 10px 10px 10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.sidebar-box .sbox ul {
	padding: 5px 5px 10px 5px;
	margin: 0;
	float: left;
}

.sidebar-box .sbox ul li {
	list-style: none;
	padding: 0 0 2px 0;
}

.sidebar-box .sbox-box ul li a {
	font-weight: bold;
}

#training-ground-box {
	background: url('i/training-ground-box.jpg') center no-repeat;
}

#promo-box {
	background: url('i/promo-box.jpg') center no-repeat;
}

#promo-box ul li.half {
	width: 110px;
	padding: 0 5px 0 0 !important;
	float: left;
}

.highlight-image {
	float: left;
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.sidebar-box h2 {
	padding: 0 0 10px 3px;
	margin: 0;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.1em;
	font-family: "ArcherPro", verdana, helvetica;
}
.sidebar-box h2 a {
	color: #222;
}

.sidebar-box. h2 a img {
	display: none;
}

.sidebar-box ul {
	padding: 0;
	margin: 0;
}
.sidebar-box ul li {
	list-style: none;
	margin: 0;
}

.rssSummary {
	font-size: 0.9em;
	color: #777;
	padding: 0 0 5px 0;
}



#footer-container {
	width: 100%;
	float: left;
	background: url('i/bg-footer.png') center no-repeat #333;
	height: 120px;
}

#footer {
	width: 920px;
	height: 60px;
	margin: 0 auto;
	padding: 30px 10px 30px 30px;
	text-align: left;
	box-shadow: 0 0 12px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .25);
	color: #ccc;
}

#footer p {
	padding: 0;
	margin: 0;
}

#footer a {
	color: #fff !important;
}

.fbox {
	float: left;
	width: 280px;
	padding: 0 20px 0 0;
}

.fbox ul {
	margin: 0;
	padding: 0;
}

.fbox ul li {
	list-style: none;
}

/* membership stuff */
#membership-wrapper {margin-top: 10px;}
#main #membership-wrapper legend {border: 0;}
#main #membership-wrapper .help-block {color: #666; margin: inherit; font-size: 1.2em; line-height: 1.6em;}
#main #membership-wrapper .button {box-shadow: none; font: inherit; text-shadow: none; background: #d62e2a; color: #fff; border: none; filter: none!important;}
#main #membership-wrapper .button:hover {background:#da433f;}
#main #membership-wrapper div.topbar {background: #1746a1; color: #fff;}
#main #membership-wrapper div.pricebox {border-color: #1746a1;}
#main #membership-wrapper .detailscolumn {width: 75%;}
#main #membership-wrapper .pricecolumn {color: #d62e2a;}
#main #membership-wrapper .alert-success, #main #membership-wrapper .alert-success .alert-heading {background: #1746a1; border-color: #1746a1; color: #fff; text-shadow: none;}
#main #membership-wrapper .buynowcolumn img {border: none; padding: 0;}
#main #membership-wrapper table.purchasetable {font-size: 1.5em;}

/*buddypress */
body.cpst #wp-admin-bar {background: #333; height: 30px; box-shadow: 0 0 5px #666;}
body.cpst #wp-admin-bar .padder {background: none; width: 960px !important;}
body.cpst #wp-admin-bar li a {font-size: 12px; padding-top: 8px;}
body.cpst #wp-admin-bar a#admin-bar-logo {display: none;}

/* activity feed right margin fixes */
body.cpst div#subnav.item-list-tabs ul li.last {padding-right: 50px;}
body.cpst ul.item-list {width: 95%; list-style: none;}

/* button nav */
ul.button-nav {display: block; float: none; clear: both; height: 30px; padding: 0;}
ul.button-nav li {list-style: none;}

/* submit block */
.standard-form div.submit {margin-bottom: 20px;}

/* forum */

/* general form links */
table.bbp-topics a, table.bbp-forums a{text-decoration: none;}
table.bbp-topics a:hover, table.bbp-forums a:hover {text-decoration: underline;}

table.bbp-forums th, table.bbp-topics th, table.bbp-topic th, table.bbp-replies th {background: #eee !important;}
body.cpst .bbp-topic-title, body.cpst .bbp-forum-info {padding: 10px;}
body.cpst .bbp-topic-title a, body.cpst .bbp-forum-info a {font-weight: bold; font-size: 1.1em;}
.bbp-topic-started-by a.bbp-author-avatar {display: none;}
body.cpst .bbp-topic-freshness-author a.bbp-author-avatar {display: none;}
body.cpst #content p.bbp-topic-meta {margin-top: 0px; opacity: .7;}
td.bbp-topic-voice-count, td.bbp-topic-reply-count {font-weight: bold;}

body.cpst .bbp-pagination {padding: 10px; font-size: 0.9em;}

body.cpst .bbp-topic-form input, body.cpst .bbp-topic-form textarea {padding: 5px; margin-top: 5px !important; font-family: "trebuchet ms",helvetica,Arial; font-size: 13px;}
#content fieldset.bbp-form, #container fieldset.bbp-form, #wrapper fieldset.bbp-form {border-color: #ccc !important;}
body.cpst .bbp-topic-form div.bbp-submit-wrapper {float: left;}

.bbp-template-notice .bbp-author-avatar {display: none;}

#content td.bbp-topic-author, #content td.bbp-reply-author {padding: 10px !important;}
#content table.bbp-forums tfoot td, #content table.bbp-topics tfoot td, #content table.bbp-topic tfoot td, #content table.bbp-replies tfoot td, #content table.bbp-replies tr.bbp-reply-header td, #content table.bbp-topic tr.bbp-topic-header td {font-size: 0.9em !important;}

/* full width class */
body.full-width #content {width: 920px; margin-right: 20px;}
body.full-width #content .post {width: 100%; float: none;}