/*
Theme Name: Children Our Future picture theme
Theme URI: http://cof.thejteam.info
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 Tessa Blakeley Sliver's Word Press Theme Design. Indeed it was and no man should deny it.


*/

/*////////// GENERAL //////////*/

html {
 padding: 0px;
 margin: 0px;
}
 
body {
 padding: 0px;
 margin: 0px;
 width: 100%;
 background-image: url('http://www.childrenourfuture.org.uk/wp-content/uploads/2010/07/v10.jpg');
 background-position:center-top;
 background-repeat: no-repeat;

}

#container {
	margin: 0px auto;
	width: 902px;
	border: 0px solid #666666;
	font-size: 12px;
	line-height: 16px;
 	
	}

#container2 {
         background-image: url('images/backgroundwhite.gif');
         width: 902px;
         min-height: 450px;
         margin: 20px 0px 10px 0px;
         background-color:#ffffff;
         	border-top:2px solid white;
 	       	}

#container3withRT {
	width: 670px;
	float: left;
         margin: 10px 0px 15px 0px;
	border: 1px solid #ff000000;
 	
	}

#container3 {
	width: 882px;
	float: left;
	border: 0px solid blue;
         margin: 10px 0px 15px 0px;
         border: 0px solid #ff000000;
	
	}

#containerhomeleft {
	width: 410px;
         margin: 5px 5px 15px 5px;
	border: 0px solid #ff9900;
	float: left;
         display: inline;
         padding: 5px 5px 5px 10px;
      	
	
	}

#containerhomeright{
	width: 400px;
         margin: 5px 5px 15px 5px;
	border: 0px solid #ff9900;
	float: left;
         display: inline;
         padding: 0px 5px 5px 10px;
       }

/*////////// TYPOGRAPHY //////////*/

h1 {font-family: Georgia, Times New Roman, Serif;}

h2 {font-family: Georgia, Times New Roman, Serif;}

h3 {font-family: Georgia, Times New Roman, Serif; font-size: 12px;}

h4 {}

h5 {
	font-size: 0.01em;

	
	}

p {      font-family: Arial, sans-serif;
	margin-bottom: 18px;
	}
a {
	text-decoration: none;
		}

a:hover {
	text-decoration: underline;
	}

a:visited {}

/*////////// HEADERS //////////*/

#header {
	border-bottom: 0px solid white;
	width: 100%;
	height: 135px;
	background-image: url('http://www.childrenourfuture.org.uk/wp-content/uploads/2010/07/bannerfullscreen.jpg');
	background-color: #C1D9FD;
        background-repeat: no-repeat;
        background-position:top center;
         background-attachment: fixed;
  
       
	}

#headerbackground
        {background-color: #C1D9FD;}


#header p, header h1, header h2/**/ {}


#logo {
	padding: 5px 10px 10px 0px;
        margin-top: -135px;
	margin-bottom: 40px;
	}
#headertext {margin-left: 100px;
             padding: 100px 0px 0px 0px;}
   


img {
	border: none;
	vertical-align: top;
	}

img.floatright {float: right; margin: 4px;}

img.floatleft {float: left; margin: 4px;}

/*////////// CONTENT //////////*/

#contentwithRT {
	margin: 0 10px;
	width: 420px;
	float: left;
	border: 0px solid #333333;
	}

#content {
	margin: 0px 10px;
         padding: 5px 0px 0px 0px;
	width: 620px;
	float: left;
	border: 0px solid #333333;
	}

#pagecontent {
	margin: 0px 10px;
	width: 390px;
	float: left;
	border: 0px solid #333333;
         padding: 5px;
	}

#pagecontentwide {
	margin: 0px 10px;
	width: 700px;
	float: left;
	border: 0px solid #333333;
         padding: 5px;
	}


#latestupdate {border: 1px solid #D0D0D0; padding: 10px 10px 10px 15px;  filter:alpha(opacity=100);
  	/* CSS3 standard */
  	opacity:1.0;}

#imagechanger {overflow: hidden; border: 2px solid #D0D0D0; width: 398px; height: 275px;  filter:alpha(opacity=100);
  	/* CSS3 standard */
  	opacity:1.0;}

#searchstuff {margin: 10px 0px 0px 0px; padding: 10px; width: 385px; overflow: hidden; background-image: url('images/searchshop.jpg'); background-repeat: no-repeat;  filter:alpha(opacity=100);
  	/* CSS3 standard */
  	opacity:1.0;}

#amazon {width: 270px;}

#amazonbanner {float: left; padding: 4px;}

#welcometitle {margin: 0px 10px;
         padding: 5px 0px 0px 0px;
	width: 620px;
	float: left;
	border: 0px solid #333333;}

/*////////// SIDEBARS //////////*/

#sidebarLT {
	margin: 0px 5px 0px 0px;
	width: 197px;
	border: 0px solid #ff9900;
	float: left;
         background-image: url('images/LHmenu.jpg');
         font-size: 12px;
         font-family: Arial, Sans serif;
      	}
#sidebarLT li {list-style: none; margin: 10px 0px 0px -15px;}

#sidebarLT a {color: black;}

#sidebarLT a.link {color: black;}



#sidebarLT a.hover {color: black;}


#sidebarRT {
	margin: 0 10px;
	width: 200px
	float: right;
	border: 1px solid #0000ff;
	}

/*////////// NAV //////////*/

#top_navlist {
	position: absolute;
	top: 93px;
	width: 900px;
         text-align: left;
	border: 0px solid black;
	}
	
	

#top_navlist h2 {
	display: none;
	}

#navlist {
	border: 0px solid #778;
	border-bottom: none;
	text-decoration: none;
	font-size: 20px;
     
         margin: 10px 10px 10px 0px;
         height: 100px;
         text-align: center;		
	
		}

#navlist ul {
	margin: 0px; padding: 0px; 

	
		}

	
#navlist li { 
	list-style: none;
	background-image: url('images/tabyellow.gif');
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 98px;
	height 38px
	text-align: center;
         border: 0px solid black;
         padding: 5px 0px 15px 0px;
        
	}

#navlist li.large {background-image: url('images/tablargeyellow.gif'); width: 130px; }

#navlist li.current {background-image: url('images/tabwhite.gif');}

#navlist li.currentlarge {background-image: url('images/tablargewhite.gif'); width: 130px;}

#navlist li a {
	margin: 0px 0px 5px 0px;
	border: 0px solid #778;
	text-decoration: none;
	height: 32px;
	vertical-align: middle;
         text-align: center;
	padding: 0px 0px 0px 0px;
         font-weight: bold;
		}
		

#navlist li a:link {
	color: black;
	margin: 10px;
         height: 100px;
         padding: 0px 0px 0px 0px;
			}

#navlist li a:visited {
	color: black;
		}

#navlist li a:hover {
	color: black;}



/*////////// BLOG ELEMENTS //////////*/

/*////////// FOOTER //////////*/

#pushbottom {
	clear: both;
	}

#footer {
	border: 0px solid gray;
	width: 902px;
	background-color: #D0D0D0;
	height: 30px;
	margin-top: 10px;
	
         	}
#footertext {padding: 1px 0px 0px 0px;
         margin: -8px 0px 0px 10px;
        }