/*
Theme Name: Children Our Future picture theme
Theme URI: http://www.childrenourfuture.org.uk
Description: Children Our Future picture theme
Version: 0.1
Author: Kathryn Hegarty
Author URI: http://www.kathrynhegarty.info


	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*

This theme was designed by Kathryn Hegarty with help from coffee, God and Google.


*/

/*Css reset*/

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html {overflow-y: scroll;}

body {
	line-height: 1;
        height: 100.1%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*positioning*/

#wrapper {
	text-align: center;
	}

#content {
	width:950px;
	margin:0px auto;
	text-align:left;
	border: 0px solid black;

	}

/*Fonts*/

h1 { font-size: 36px; font-weight: bold; font-family: arial; line-height: 48px;}

h2 { font-size: 24px; font-weight: bold; font-family: arial; line-height: 36px; color: #363636;}

h3 { font-size: 20px; font-weight: bold; font-family: arial; line-height: 24px; color: #363636; margin-bottom: 15px;}

h4 { font-size: 16px; font-weight: bold; font-family: arial; line-height: 24px; color: #363636; margin-bottom: 10px; margin-top: 25px;}

h6 { font-size: 28px; font-weight: bold; font-family: arial; line-height: 36px; color: #64A939; margin-bottom: 20px;}

p, table {font-size: 14px; font-family: arial; line-height: 18px; margin-bottom: 10px; color: #363636;}

p.footer {font-size: 10px;}

p.home {color:white;}

p.carousel {font-size: 10px; font-family: arial; line-height: 18px; margin-bottom: 10px; color: #363636;}

a:link {color: #E3388F; text-decoration: underline;}

a#home {color:white;}

a:visited {color: #E3388F;}

/*Navigation and header*/

#header {
	height: 100px;
	position: absolute;
		}

#logo {
	width: 152px;
	height: 100px;
	border: 0px solid green;
	}

#navigation {
 	position: relative;
	top: -75px;
	left: 170px;
	border-bottom: 1px solid #DCDCDC;
	padding: 20px 0px 20px 0px;
   }

#navigation ul {
	list-style: none;

	}

#navigation li {
	display: inline;
	padding: 0px 10px 0px 10px;
	font-size: 24px;
	font-family: arial;
	}

#navigation li a {color: #64A939; text-decoration: none;}

#navigation li a#current {color: #E3388F;}

#LHnav {
	width: 170px;
	position: relative;
	top: 130px;
	left: 5px;
	border-right: 0px solid #E3388F;
	padding: 10px 20px 10px 0px;
        height: 200px;
	}

#LHnav ul {
	list-style:none;
      
	}

#LHnav li {
	font-size: 14px;
	font-family: arial;
         padding: 0px 0px 10px 0px;
       
	}

#LHnav li a {color: #363636;}
#LHnav li a#current {color: #E3388F;}

#LHnav li.blogcurrent {font-weight: bold; }
#LHnav li.blogcurrent a {text-decoration: none;}

#navigation li a {color: #64A939; text-decoration: none;}

#navigation li a:visited {color: #64A939; text-decoration: none;}



/*page templetes*/

#pagecontent {
        position: relative;
	left: 200px;
	top: -100px;
         width: 650px;
         border-left: 3px solid #E3388F;
         padding-left: 20px;
	}


/*homepage content*/

#hometop {
	width: 950px;
	border: 0px solid red;
	background-color: #E3388F;
    height: 320px;
	overflow:hidden;
	position: absolute;
	top: 125px;

	}

#hometoptext {
	width: 450px;
	border: 0px solid blue;
	color: white;
	padding: 10px 20px 20px 20px;
	position: absolute;
		}

#hometopright {
	width: 470px;
	position: relative;
	border: 0px solid black;
	float: right;
	top: 0px;
	padding: 00px 0px 0px 0px;
	}

/*Carousel*/

#carousel {
	border: 0px solid white;
	}
	

#carousel ul {
	list-style: none;
	width:400px;
	margin: 0;
	padding: 0;
	position:relative;
}

#carousel li {
	display:inline;
	float:left;
}


div.textholder {font-family:arial; padding: 7px; font-size: 14px; color: #363636; font-weight: bold;}

div.image {padding: 20px;}

img.carousel {
	border: 0px solid red;
		}

img.floatleft {float: left; margin: 10px 10px 10px 5px; border: 0px solid blue;}
img.floatright {float: right; margin: -40px 10px 10px 20px; border: 0px solid blue;}
img.floatrightold {float: right; margin: 10px 10px 10px 5px; border: 0px solid blue;}


/* bottom left */

#homeleft {
	position: absolute;
	top: 460px;
	width: 474px;
	height: 260px;
	border: 0px solid blue;
	}

#homelefttext {
	padding: 10px 20px 20px 20px;
	}

/* bottom right */

#addthis {margin-bottom: 0px; margin-top: -25px; margin-left: 315px; width: 474px;}

#howyoucanhelp {margin-bottom: 20px;}

#homeright {
	width: 474px;
	height: 570px;
	position: relative;
	top: 460px;
   	left: 477px;
	border-left: 1px dashed #64A939;
	}

#homerighttext {
	padding: 20px;
	}

#amazonbanner {
	border: 0px solid black;
		}

#amazontext {
width: 330px;
position: relative;
top: -55px;
left: 110px;
border: 0px solid blue;}

#amazon {margin-bottom: -30px; margin-top: -15px;}

#ectext {
	margin-top: 0px;}

td {vertical-align: middle; border: 0px solid black;}

/*footer*/

#pushbottom {
	clear: both;
	}


#footer { 
position: relative;
top: 0px;
height: 50px;
}

#footerhome { 
position: absolute;
top: 1040px;
height: 50px;
margin-left: 10px;
}