/*  



Theme Name: Projects Theme: Sandbox



Theme URI: http://heartbeatforafrica.org/wp-content/themes/home/



Description: Based on Home Page by Projects - lists 1 Orphan per page



Version: 1.0



Author: Jesse Colburn



Author URI: http://julieandjesse.com



*/		














*

{

margin: 0px;

padding: 0px;

}







a {cursor: pointer;}







body 







{







font-size: 12px;







margin: 0;







text-align: center;







background: #fff url(img/bg.gif) repeat-x;







color: #000000;







font-family: Arial, Helvetica, sans-serif;







min-width: 770px;







}















/* IE doesn't respect min-width, so here is a hack */







* html body {







width:expression( documentElement.clientWidth < 805 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 805 ? "768" : "auto") : "768px") : "auto" );







}







/* headerwrap keeps footer down below content ... i hope */



#headerwrap 



{



height: 200px;



}







.hidden {display: none; }







img {padding: 10px;}















                         /***************************************************







                         *********************** Login **************







                         *****************************************************/















#login















{







position: absolute;



top: 107px;



right: 5px;



display: inline;







}































#login li















{







list-style: none;







display: inline;







}



























                         /***************************************************















                         *********************** Blogtitle/ Description **************















                         *****************************************************/































#blogtitle















{



color: #4F4F4F;



position: absolute;



text-align: left;



left: 150px; /*150px is min*/



top: 95px; /*95px is max*/



padding: 0px;



overflow: hidden;



zindex: 10;







}































#blogtitle h1 















{







color: #003c67;







}































#blogtitle a:link {







color: #003c67;







text-decoration: none;







border: none;







}































#blogtitle a:visited {







color: #003c67;







text-decoration: none;







border: none;







font-weight: bold;







}































#blogtitle a:hover {







color: #CFCDB5;







text-decoration: none;







}















                                    /* Description */















#blogdescription















{







color: #004F4F;







position: absolute;







text-align: left;







left: 150px; /*150px is min*/







top: 135px; /*135px is min*/







padding: 0px;







overflow: hidden;







zindex: 10;















}































#blogdescription h2 















{







color: #663333;







font-weight: normal;







}























                         /***************************************************







                         *********************** Container **************







                         *****************************************************/















#logo 















{







position: absolute; 







top: 10px; 







left: 5px; 







z-index: 100; 







width: 150px; 







height: 170px; 







background: url('img/logo.png') no-repeat top left;







}















                        /***************************************************















                         *********************** Content **************















                         *****************************************************/















#content {



margin-left: 110px;



margin-bottom: 50px;



text-align: left;



font-size: 12px;



letter-spacing: 1.5px;



}











#filler {



height: 200px;



}



































#water {







background: #fff url('img/projects_water.gif') no-repeat center center;







width: 134px;







height: 157px;







position: absolute;







top: 200px;







left: 110px;







}















#housesofhope {







background: #fff url('img/projects_housesofhope.gif') no-repeat center center;







width: 134px;







height: 157px;







position: absolute;







top: 200px;







left: 255px;







}















#orphanage {







background: #fff url('img/projects_orphanage.gif') no-repeat center center;







width: 134px;







height: 157px;







position: absolute;







top: 200px;







left: 400px;







}















#medical {







background: #fff url('img/projects_medical.gif') no-repeat center center;







width: 134px;







height: 157px;







position: absolute;







top: 200px;







left: 545px;







text-align: left;







}























                        /***************************************************







                         *********************** Footer **************







                         *****************************************************/















#footwrap







{



clear: both;



margin: auto;



width: 100%;



background: #003c67 url(img/bgfooter.jpg) repeat-x top;



color: #DFDAC3; 



padding-top: 12px;



padding-bottom: 5px;



font-weight: normal;



/* height: 300px; */



}















#footwrap span







{







text-align: right;



width: 500px;



}















#footwrap a:link, #footwrap a:visited {







color: #DFDAC3;







text-decoration: none;







border: none;







font-weight: bold;







}







#footwrap a:hover, #footwrap a:visited:hover {







color: #CFCDB5;







text-decoration: underline;







border: none;







}















#footwrap .right















{







float:right;



margin-right: 5px;



margin-bottom: 5px;







}











/* This next "hack" is to try and see if i can get the footer to go to the bottom of the page */







html, body {



height: 100%;



}







#footwrap {



min-height: 50%;



}