/*
Theme Name: Children's Heartbeat Trust
Author: Peter Hughes @eyesparks
*/


/* TABLE OF CONTENTS
01 - Global Elements
02 - Main Structure
03 - Header
04 - Main Content
05 - Sidebars
06 - Footer
07 - Homepage Slider
08 - Wordpress Defaults
*/


/* 01 - GLOBAL ELEMENTS ----------------------------------------------*/
* 				{ margin: 0;  padding: 0;}
html 			{ min-height: 100%; overflow-y:scroll; }
body			{background:#F98262 url(images/hearts_back.png) center top no-repeat; padding:0; }


/* 02 - MAIN STRUCTURE -----------------------------------------------*/
.maincontainer	{width:980px; margin:0 auto;}

.grid_1				{float:left; width:285px; margin:15px;}
.grid_2				{float:left; width:600px; margin:15px;}
.grid_3				{float:left; width:915px; margin:15px;}

.hr					{float:left; width:100%; height:5px; border-bottom:1px solid #ccc; margin-bottom:5px;}
.post				{float:left; width:100%; margin:0;}
.clearfix			{float:left; width:100%; height:2px; margin:0;}

.social a			{float:left; width:100%; margin:0 0 5px 0; color:#333; text-decoration:none; font-size:0.9em;}
.social a:hover		{color:#60BDC6; text-decoration:underline;}
.social a img		{ display:block; float:left; margin:0 5px 0 0; padding:0;}
.social a span		{ color:333; display:block; float:left; margin:3px 0 0 0; padding:0;}


/* 03 - HEADER -------------------------------------------------------*/
.header			{background:url(images/header.png) no-repeat top; width:920px; margin:0; padding:30px 30px 10px 30px; float:left; text-align:center; position:relative;}
.logo			{width:200px; height:80px; position:absolute; left:30px; top:30px;}
.headdonate		{width:95px; height:100px; position:absolute; left:856px; top:58px;}

ul.topnav		{ list-style:none; margin:35px 105px 0 0px; padding:0; float:right; }
ul.topnav	li	{ margin:0 0 0 15px; padding:0; float:right; font-size:1.0em; font-weight:normal;  }
ul.topnav	li	a{ float:left; color:#000; padding:5px 10px; text-decoration:none; }
ul.topnav	li	a:hover{ color:#EC1C24; }
ul.topnav	li.current	a{ color:#EC1C24 }

ul.mainnav		{ list-style:none; margin:35px 0 0 0; padding:0; float:left; }
ul.mainnav	li	{ margin:0 10px 0 0; padding:0; float:left; font-size:12px; font-weight:normal;  }
ul.mainnav	li	a{ float:left; color:#FFF; height:30px; padding:5px 5px 0 0; text-decoration:none; background-position:0 0; }
ul.mainnav	li.butt1	a{ background:url(images/nav/buttM.png) no-repeat; width:142px;}
ul.mainnav	li.butt2	a{ background:url(images/nav/buttM.png) no-repeat; width:142px;}
ul.mainnav	li.butt3	a{ background:url(images/nav/buttS.png) no-repeat; width:118px;}
ul.mainnav	li.butt4	a{ background:url(images/nav/buttXS.png) no-repeat; width:115px;}
ul.mainnav	li.butt5	a{ background:url(images/nav/buttXXS.png) no-repeat; width:99px;}
ul.mainnav	li.butt6	a{ background:url(images/nav/buttXS.png) no-repeat; width:115px;}
ul.mainnav	li	a:hover{ background-position:0 -35px; }
ul.mainnav	li.current	a{ background-position:0 -35px;}


/* 04 - MAIN CONTENT -------------------------------------------------*/
.content			{background:url(images/content.png) repeat-y; width:950px; margin:0; padding:0 15px 30px 15px; float:left; text-align:left;}
a.donatenow			{width:168px; height:40px; float:left; background:url(images/donatenow.png) no-repeat;}
a.donatenow:hover	{background-position:0 -40px;}
a.organise			{width:212px; height:25px; float:left; margin:10px 0 30px 0; background:url(images/organise.gif) no-repeat;}

.homenews			{float:left; width:180px; margin:0 30px 0 0;}
.nomargin			{margin:0;}

input.hometext		{border:1px solid #AFA3A3; padding:3px; margin:0 0 3px 0; clear:both; color:#565656; font:0.9em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, sans-serif;}
input.apply			{width:76px; height:22px; border:0; cursor:pointer; background:url(images/apply.gif) no-repeat; clear:both;}


/* 05 - SIDEBARS -----------------------------------------------------*/
.sidebar			{float:left; width:220px; margin:0;}
ul.sidenav			{ list-style:none; margin:0px; padding:0; float:left; }
ul.sidenav	li		{ margin:0; padding:0; float:left; font-size:1.0em; border-bottom:1px solid #D6CCCC; font-weight:normal;  }
ul.sidenav	li		a{ float:left; color:#000; padding:7px; width:210px; text-decoration:none; background:#fff; }
body.page-id-3 ul.sidenav	li	a{ float:left; color:#000; padding:7px 0; width:285px; text-decoration:none; background:#fff; }
ul.sidenav	li		a:hover{ background:#FC9922;}
ul.sidenav	li.current_page_item a{ background:#FC9922; }


/* 06 - FOOTER -------------------------------------------------------*/
.footer			{background:url(images/footer.png) no-repeat bottom; width:920px; margin:0; padding:20px 30px; float:left; text-align:left;}
ul.footernav		{ list-style:none; margin:0; padding:0; float:left; width:920px; }
ul.footernav	li	{ margin:0 10px 20px 0; padding:0 10px 0 0; border-right:1px solid #666; float:left; font-size:0.9em; font-weight:normal;  }
ul.footernav	li.last	{ border-right:none;  }
ul.footernav	li	a{ float:left; color:#333; padding:0; text-decoration:none; }
ul.footernav	li	a:hover{ color:#EC1C24;  }
ul.footernav	li.current	a{ color:#EC1C24 }




/* 07 - HOMEPAGE SLIDER -------------------------------------------*/
 				  
/*	PAGE STRUCTURE*/
#page-wrap 									{ width: 590px; margin:0; border:#EDE0DD 5px solid; position: relative; height: 300px; }

/*	SLIDER*/
.slider-wrap								{ width:590px; height: 300px; position: absolute; top:0px; left:0px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width:590px; height: 300px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width:590px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border:none; margin-right:10px; padding:2px; }
#movers-row									{ margin:0; position:absolute; left:350px; top:260px; width:250px; float:left; }
#movers-row div								{ width: 28%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/homeslider/slide-bg2.png); padding:5px 230px 10px 10px; height:60px; width:360px; position: absolute; left:0px; top:235px; z-index: 9999; color: white; }
.cross-link									{ display: block; width: 50px; margin-top: -22px;  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb .nav-thumb					{ border: 2px solid #fff; padding:0; }

span.slide-client 							{font-size:21px; color:#FFF; margin:0; padding:0;}




/* 08 - WORDPRESS DEFAULTS -------------------------------------------*/

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	color:#000;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

ol {
	padding: 0;
	margin: 0;
	}

ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

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

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */




/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0;
	padding: 5px 0;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */





/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 0 0 -35px;
	padding:0 0 0 35px;
	background:url(images/blockquote2.png) no-repeat top left;
	font-size:18px;
	}

cite {
	margin: 5px 0 0;
	display: block;
	font-style:italic; font-weight:bold;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	background-color: #F9FBFD;
	padding-top: 4px;
	margin:10px 0 10px 10px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	font-style:italic;
}
/* End captions */





/* 08 - HOMEPAGE SLIDER -------------------------------------------*/


div.wrap {
width : 940px;
margin : 0 auto;
text-align : left;
}
div#header {
margin :0 0 0 0;
}
div#header div.wrap {
height : 300px;
}
div#header div#slide-holder {
z-index : 40;
width : 940px;
height : 300px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 0px;
left : 0px;
width : 940px;
height : 300px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
top : 0px;
width : 940px;
height : 300px;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
line-height : 16px;
margin :0;
 background:url(images/homeslider/slide-bg.png) repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin :0 0 0 0;
}

div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color:#fff;
}
div#slide-controls p#slide-nav {
position:absolute;
left:780px;
top:270px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/homeslider/slide-nav.png);
}
div#nav ul li a {
background : url(images/homeslider/nav.png) no-repeat;
}
p#slide-client{position:absolute; left:20px; top:30px; margin:0; padding:10px;}
p#slide-client span{font-size:28px; color:#FFF; margin:0; font-weight:normal;}
p#slide-desc  {position:absolute; left:20px; top:66px; font-size:14px; line-height:1.4;color:#FFF; margin:0; padding:10px; font-weight:normal;}
p#slide-link  {position:absolute; left:20px; top:102px; font-size:14px; line-height:1.4; margin:0; padding:7px 10px ; font-weight:normal;}
p#slide-link a{color:#FFF; text-decoration:none; font-style:italic;}
p#slide-link a:hover{text-decoration:underline;}