/* @override http://tenpoundsworthofchange.org/elgg/_templates/css/Default_Template */

/* @override http://tenpoundsworthofchange.org/elgg/_templates/css/Default_Template */

/*

*/

/*
	GLOBALS: used to set all the general elements
*/

body {
	background-color: #1C1C1C;
    color: #FAF128;
    font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-size: 14px;
	line-height:1.4em;
}

p {
    color: #FAF128;
	margin: 0 0 10px;
}

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


a.hover, a.visited {
    text-decoration: underline;
}

ol, ul {
	color:#FFFFFF;
}

h1 {
	font-size:130%;
}

h2, h3, h4, h5 {
	font-size:100%;
}

blockquote{
	/*background: #EEE url(http://tenpoundsworthofchange.org/elgg/mod/template/templates/Default_Template/images/blockquote.png) no-repeat bottom left;*/
	padding: 10px;
	padding-bottom: 10px;
	margin: 1em;
}

/*
	TABLES IN ELGG
*/

td {
	padding:0;
	margin:0;
	text-align: left;
}

td h4, h3, h5 {
	padding:0;
	margin:0;
}

/*
	CONTAINER: WRAPS THE HEADER AND MAIN CONTENT AREA BELOW THE USER TOOLBAR
*/

div#container {
	width:970px;
	margin:0 auto;
	padding:0;
}

/*
	HEADER: THE HEADER INCLUDES THE LOGO AND SEARCH BAR
*/

#tp_logo_holder {
    _height:0;
    margin-top: 5px;
}

#tp_logo {
    float:left;
    width:220px;
}

#tp_site_title_holder {
    float:right;
    width:420px;
    position:relative;
    top:50px;
}

#site_title {
    font-size: 14px;
    color: #f7ef21;
	text-align: right;
	float: right;
	margin-top: 130px;
}


div#header {
    left:400px;
	margin:0;
	padding:0;
	text-align:left;
	position:relative;
	background:transparent;
	width:100%;
	z-index:2;
/*	height:110px; */
}

/*
	LOGO: LOCATED WITHIN HEADER
*/

div#header #logo{
	margin: 0px;
		padding:10px;
	float:left;
}

div#header #logo h1 {
	font-size:30px;
	padding:0;
	margin:10px 0 6px 0;
}

div#header #logo h1 a{
	color:#fff;
	font-family:Helvetica, "Myriad Web", Arial, sans-serif;
}

div#header #logo h2{
	color:#FAF128;
	padding:0;
	margin:0;
	font-size:1.2em;
}

/*
	SEARCH BAR: LOCATED WITHIN HEADER
*/

div#header #search-header {
	float:right;
	width:330px;
	margin:0;
	padding:0;
	position:absolute;
	top:10px;
	right:0;
}

div#header #search-header img {
	margin:0 0 0 10px;
}

div#header #search-header p {
	padding:0 0 0 15px;
	margin:0;
}

div#header #search-header span a {
	color:#fff;
}

/*
	CONTENT-HOLDER: WRAPS THE MAIN PAGE CONTENT. THIS CAN INCLUDE
	THE SINGLE PAGE LAYOUT AND THE SPLIT PANE (CONTENT AND SIDEBAR)
*/

#content-holder {
	padding:5px;
	margin:0;
	width:974px;
	min-height:500px;
	position:relative;
	clear:both;
}

#content-holder-inner {
    _height: 0px;
}

div#content-holder a:hover {
	text-decoration: underline;
	padding-top: 0;
}

#tenpounds_right_nav_container div p.tenpounds_right_nav_header a {
	color: #fcf11a;
}

#splitpane-content div p {
	color: #fff;
	font-size: 12px;
}



div#content-holder h1 {
	font-size:150%;
	margin:0;
	padding: 10px 0;
	color: #fcf11a;
}

div#content-holder h2 {
	padding: 10px 0 0;
	margin: 0 0 10px;
	color: #fcf11a;
	font-size: 1.1em;
}

/*
	VARIOUS LAYOUTS WITHIN CONTENT-HOLDER
*/

/*
	THE MAIN CONTENT AREA WHEN IT IS A SINGLE PAGE, NO SIDEBAR
*/

div#single-page {
	margin: 0;
	padding: 0 15px 0 0;
	width:900px;
	text-align: left;
	border:1px solid #eee;
}

/*
	THE MAIN CONTENT AREA WHEN THE SIDEBAR IS IN PLACE
*/

div#splitpane-content {
   /* position: relative;
    left:-60px; */
	margin: 0;
	padding: 10px;
	width:680px;
	text-align: left;
	color: #fcf11a;
	overflow:hidden;
	min-height:500px;
	float:left;
}

#networklogo {
	clear: both;
	background: url(http://tenpoundsworthofchange.org/elgg/mod/template/templates/Default_Template/images/NIYFtext.png) no-repeat 0 bottom;
	margin-bottom: 20px;
	text-indent: -9999px;
	height: 35px;
	padding-top: 20px;
}

/*
	SIDEBAR: THIS IS ONLY PRESENT WHEN SPLITPANE-CONTENT IS IN USE
*/

div#splitpane-sidebar {
	width: 248px;
	margin:0px 10px 20px 10px;
	padding:0;
	float: right;
}

div#sidebar-contents {
    padding:20px 10px 10px 10px;
    background: url(http://tenpoundsworthofchange.org/elgg/mod/template/templates/Default_Template/images/rightPanelBG.jpg) repeat-x left top;
}

#sidebar_friends ul li a {
	color: #3e3e3e;
}

#recent_activity ul li a {
	color: #3e3e3e;
}

#contents p span.userdetails {
	color: #3e3e3e;
}



#contents p span.userdetails a {
	color: #3e3e3e;
}

div#sidebar-contents p{
    color: #3e3e3e;
    font-weight: bold;
}

#splitpane-content p {
	color: #fff;
}



div#sidebar-contents h1{
    color: #000000;
}

div#sidebar-contents a{
    color: #000000;
    font-weight: bold;
}

div#sidebar-bottom {
   /*background:url(http://tenpoundsworthofchange.org/elgg/mod/template/templates/Default_Template/images/sidebar-bottom.gif) no-repeat bottom;*/
   height:9px;
   width:250px;
   margin:0;
}

/*
	THE SIDEBAR CONTENTS
*/

div#splitpane-sidebar td {
	width: 200px;
	margin:0 0 0 20px;
}

div#splitpane-sidebar ul {
	margin: 0;
	padding:0;
	list-style: none;
}

div#splitpane-sidebar ul li {
	margin: 0;
	padding-left: 0;
	color: #3c3c3c;
}

div#splitpane-sidebar ul li ul li a {
	padding:0 0 0 5px;
}

div#splitpane-sidebar h2 {
	text-align:left;
	color: #3e3e3e;
	width:220px;
	border-bottom: 2px solid #3e3e3e;
	padding-top: 20px;
	font-size: 1.1em;
}



/*
   NEW CSS FOR THE TOOLBAR THAT LIVES IN THE MAIN CONTENT AREA
*/

#content-holder-toolbar {
   float:left;
   margin:0;
   background:#fff;
   border:1px solid #ccc;
   width:150px;
}

div#elggtoolbar a {
	font-weight: bold;
}

#tenpounds_footer {
	font-size: 11px;
}

/*
	FOOTER
*/

div#footer {
	clear: both;
	position: relative;
	font-size:1em;
	height:26px;
	margin:20px 0 0 0;
	color:#FFFFFF;
	font-weight:bold;
	width:100%;
	padding:3px 0 0 0;
	/* background:url(http://tenpoundsworthofchange.org/elgg/mod/template/templates/Default_Template/images/toolbar-bg.gif) repeat-x; */
	background: #000000;
}

div#footer img {
   text-align:right;
   padding:3px 0 0 0;
}

div#footer p {
   padding:0 20px 0 20px;
}

div#footer a {
	color:#FFFFFF;
	padding:0 5px 0 5px;
}

div#footer a:hover {
	text-decoration:underline;
}

div#footer a:link, div#footer a:visited {
	text-align:right;
}

/*
	SYSTEM MESSAGES
*/

div#system-message{
	color: #fcf11a;
	padding: 0 0 10px;
	margin: 20px 20px 0 0;
	border-bottom: 4px solid #fcf11a;
}

div#system-message p{
	padding:0px;
	margin:2px;
	color: #fcf11a;
	font-size: 110%;
}

/*
	CLEAR BOTH
*/

.clearing {
	clear:both;
}

/*
	THIS IS THE END OF THE MAIN PAGE COMPONENTS - EVERYTHING BELOW THIS IS ASSOCIATED WITH VARIOUS ELEMENTS
	WITHIN ELGG, THIS INCLUDES THE BLOG CLASSESS, PROFILE, FILES, SIDEBAR WIDGETS, PROFILE WIDGETS ETC.
*/

/*
	BLOGGING ENGINE
*/

.weblog-post {
	margin:10px 0 10px 0;
	padding: 10px;
	background: black;
}

.user {
	float:left;
	margin:5px 10px 10px 0;
	width:105px;
}

.user img {
	border:1px solid #eee;
	padding:2px;
}

.weblog-keywords p a {
	margin:20px 0 0 0;
	padding:0;
	clear:both;
}

.weblog-title {
	margin:10px 0 10px 115px;
	font-size:3em;
	line-height:1em;
	font-weight:bold;
}

.post {
	margin:10px 0 10px 115px;
}

.info {
	border-top:1px solid #ccc;
	margin:10px 0 10px 115px;
	clear:both;
}

.info p {
	padding:0 0 0 10px;
	margin:0;
}

.info p a {
	font-size:0.9em;
	color:#FFFFFF;
}

/* this is the thin line between the actual post and comments */

#comments-divide {
	height:1px;
	background:#ccc;
}

.comment-owner {
	border:1px solid #eee;
	background:black;
	padding:5px;
	margin:20px 0 5px 0;
	height:50px;
	width:550px;
}

.comment-owner img {
	margin:0px 5px 0px 0px;
	text-align:left;
}

.comment-owner a {
	background:black;
	font-weight: bold;
}

.comment-owner p {
	padding:0;
	margin:0;
}

/* END OF BLOGGING ENGINE */

/*
	SUB MENU OPTIONS: THESE WILL BE MOVED TO THE NEW SIDEBAR SHORTLY
*/

div#sub-menu p {
	margin:0 0 10px 0;
	padding:0;
	/*background:#efefef;*/
	border:0px solid #ccc;
}

div#sub-menu a {
   padding:3px;
}

/* END OF SUB-MENU DIV */

/*
	INFOHOLDER: this holds profile data, account settings and administration content
*/

.infoholder {
	margin:5px 0 10px 0;
}

.infoholder p {
	padding: 5px 0;
}

/* the end of INFOHOLDER */

#tagcloud {
	padding: 15px;
	border: solid 1px #eee;
	background: #1C1C1C;
	line-height:2.9em;
}
	
#tagcloud a {
	text-decoration: none;
}

/*
 PROFILE WIDGETS STUFF
*/

img.profile-photo {
}

.profile_main p {
   color:#000;
}

.profile_main p a {
	text-decoration: underline;
}

.profile_main_bottom {
	clear: both;
}

.profile_primary {
	float: left;
	width: 270px;
	margin-top: 10px;
	margin-left: 10px;
}

.profile_secondary {
	float: right;
	width: 360px;
	margin: 10px 0 0 0;
	color:#000;
}

.profile_bio {
	padding-top: 10px;
	background:#efefef;
}

.profile_widgets {
	clear: both;
    width: 760px;
	/*background: #004995;*/
}

.profile_icon img {
	border:1px solid #eee;
	padding:2px 2px 2px 2px;
}

.profile_widgets_left {
	float: left;
	width: 330px;
}

.profile_widgets_right {
	float: right;
	width: 330px
}

/* profile - widgets */

#profile_widgets {
   position:relative;
}

.profile_bio {
   width:244px;
   padding:2px;
}

.widgets_even {
   float:left;
   width:340px;
   margin:0;
   padding:0;
}

.widgets_odd {
   float:right;
   width:340px;
   margin:0;
   padding:0;
}

.widget {
    border: 1px solid #BBDCE9; /*#95BDCD;*/
    margin-bottom: 15px;
    padding: 0;
	background-position: left;
	background-repeat: no-repeat;
}

.widget .widget_content {
    padding: 4px 10px 4px 10px;
	border-bottom-style: none;
}

.widget .widget_content h3 {
    padding:0;
    margin:0;
}

.widget .widget_bottom {
     display: block;
     margin: 0px;
     padding-left: 10px;
     font-size:0.8em;
	border-style: none;
}

#profile_widgets  div.widget div.widget_title {
	margin-left: 10px;
	border-bottom-style: none;
	margin-top: 10px;
}

#profile_widgets div.widget div.widget_content {
	border-bottom-style: none;
}

.widget .widget_menu ul {
    margin:0 0 0 5px;
	padding:0;
}

.widget .widget_menu ul li {
     list-style:none;
}

.widget .widget_menu ul li a {
     text-decoration:underline;
}

.widget .widget_admin_menu {
    background-color: #E2F0F6;
    padding:2px 0 0 5px;
}

#hidden3, #hidden2, #hidden4, #hidden5 {
  height:20px;
}

.widget .widget_title {
    padding:20px 2px 0 2px;
    margin: 20px 0 10px 50px;
    color:#00000;
    font-size:1.2em;
    font-weight:bold;
}

.widget  .widget_content h2 a {
    background:url(http://tenpoundsworthofchange.org/elgg/mod/template/images/icons/arrow.gif) no-repeat left;
    padding:0 0 0 10px;
    font-weight:normal;
}

/*
  COMMENT WALL STUFF
*/

#commentwall {
   background:#fff;
   width:98%;
   padding:5px;
   margin:5px 0 10px 0;
}

.commentwall_img {
   float:left;
   margin:3px;
   background:#fff;
   border:1 solid #ccc;
}

#commentwall_form_-1 {
  /* Background:#eee;*/
   margin:0 0 5px 0;
   padding:4px;
}

#commentwall_form_-1 textarea {
   width:98%;
   margin5px 0 5px 0;
}

#commentwall_title {
   background:#efefef;
   border-top:1px solid #ccc; /*#4E730C;*/
  width:99%;
   height:20px;
   padding:2px;
   font-size:12px;
}
.commentwall_date {
    font-style:italic;
    font-size:0.8em;
    margin:0 0 10px 0;
    background:#efefef;
    border-bottom:1px solid #D8DFEA;
}

#commentwall #commentwall_title h2 {
   margin:0;
   padding:0;
   font-size:11px;
}

.commentwall_name {
   font-weight:bold;
   /*border-top:1px solid #4E730C;*/
}

.commentwall_details {
   border-top:1px solid #ccc;
   margin-left:70px;
}

.commentwall_name {
   background:#efefef;
}


#commentwall_more {
    text-align:right;
    padding:4px;
    color:#000;
    font-size:10px;
}

#commentwall_more a {
   color:#000;
   text-decoration:underline;
}


.commentwall_replybar {
   border-bottom:1px solid #ccc;
   font-size:11px;
   margin:10px 0 10px 0;
   padding:2px;
   background:#fff;
   text-align:right;
   cursor:pointer;
   color:#000000;
}

.commentwall_replybar p {
   padding:0;
   margin:0 10px 0 0;
}

.commentwall_replybar a {
   padding:0;
   margin:0;
}

.wallnavmenu
{
    display: inline;
    margin-right: 15px;
    font-size: 13px;
}

.wallnavmenu a:hover, a:active {
}

.navlink {
    text-decoration:none;
    color: #FAF128;
    font-weight: bold;
}/* from http://www.pmob.co.uk/temp/star-rating.htm */
/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(http://tenpoundsworthofchange.org/elgg/mod/ratings/images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(http://tenpoundsworthofchange.org/elgg/mod/ratings/images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}






/* from http://www.pmob.co.uk/temp/star-rating.htm */
/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(http://tenpoundsworthofchange.org/elgg/mod/ratings/images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(http://tenpoundsworthofchange.org/elgg/mod/ratings/images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}

#profile_widgets div.widget div.widget_content a {
    color: #333333 !important;
}/* from http://www.pmob.co.uk/temp/star-rating.htm */
/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(http://tenpoundsworthofchange.org/elgg/mod/ratings/images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(http://tenpoundsworthofchange.org/elgg/mod/ratings/images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}