/*
Theme Name:		Celebrating Humanity International Theme Normal
Theme URI:		http://www.celebratinghumanityinternational.co.uk
Description:    	UK Site for Celebrating Humanity International
Version:		1.0 
Author:			Martin Pitick
Author URL:		http://www.unboundedperformance.com
*/

/* BODY
====================================================================================================================================== */

body { background: #000; font: 62.5% Helvetica, Arial, sans-serif; }


/* LAYOUT
====================================================================================================================================== */

#container { width: 900px; margin: 0 auto; padding: 0px 0; color: #333;}
#containersc { width: 850px; margin: 0 auto; padding: 0px 0; color: #333;}

    #top { width: 900px; clear: both; padding: 0px 0; background: #000; margin: 0 auto;}
    
      #logo { float: left; width: 455px; background: #000 url("../images/chi-logo2.png") 0 0 no-repeat; margin: 0px 0 0px 0; height: 40px;}
      #searchcont { float: right; width: 340px; height: 40px; margin: 0px 2px 0 0; background: #000; color: #fff; text-align: right; } 

             #search { float: right; width: 200px; height: 40px; margin: 0px 0 0 0; background: #000; color: #fff; text-align: right; } 
             #text { float: left; width: 130px; height: 40px; margin: 0px 0px 0px 0px; background: #000; color: #fff; text-align: right; } 
        
    #header { width: 900px; clear: both; overflow: hidden;  padding: 0px 0px; background: #fff; margin: 0 auto; }

	#picture { float: left; width: 450px; background: #fff; padding: 5px 15px; height: 180px;} 
        #book { float: right; width: 300px; padding: 5px 15px; background: #fa0 url("../images/chi-promo.png") 0 0 repeat-x; height: 180px; color: #fff; font-size: 1.2em;} 
             #bookblurb {float: left; width: 186px; padding: 15px 3px; }
             #bookphoto {float: right;  width: 102px; padding: 30px 3px; }
    
    #navcont  { width: 900px; clear: both; overflow: hidden;  padding: 0px 0; background: #111 url("../images/nav_bg.png") bottom left repeat-x; margin: 0 auto; vertical-align: top; }

        #nav { float: left;  width: 600px; background: #111 url("../images/nav_bg.png") bottom left repeat-x; padding: 0; color: #fff; font-size: 1.2em;}
        #rsscont { float: right; width: 300px; padding: 4px 0px; color: #fff; background: #111; font-size: 1.2em;}

             #rss { float: left; width: 225px; padding: 6px 0px; padding-left:45px; color: #fff; background: #111; font-size: 1.1em;}
             #rssimg { float: right; width: 25px; padding: 0px 0px; color: #fff; background: #111; font-size: 1.1em;}

    #content { width: 900px; margin: 0 auto; padding: 5px 0px; background: #fff url("../images/chi-bg.png") 0 0 repeat-y; overflow: hidden; }
    #contentshop { width: 900px; margin: 0 auto; padding: 5px 0px; background: #fff; }   
	
        #left { float: left; width: 460px; background: #fff; padding: 5px 15px; }
        #right { float: right; width: 300px; padding: 15px 15px;  font-size: 1.2em;}   
        #shop {padding: 0px 0px;  font-size: 1.2em;}  
        #terms {font-size: 0.8em;}
        #salescopy {font-size: 1.6em; color: #000; background: #fff; width: 650px; margin: 0px auto; padding: 20px 0px; }

            #testimonial {font-size: 1em; color: #000; background: #eaa; width: 450px; margin: 0 auto; padding: 0px 0px; border-width: thin; border-style: dashed; border-color: #cc0000;} 

    #footer { width: 880px; margin: 0 auto; padding: 20px 0px; background: #f60; padding: 10px 10px 10px 10px; font-size: 1.2em; color: #fff; height: 30px;}
    #footers { width: 650px; margin: 0 auto; background: #f60; font-size: 1.2em; padding: 10px 0px 10px 0px; color: #fff; height: 30px;}
        
        #legal { float: left;  width: 310px; margin: 0 auto; padding: 0px 0px; background: #f60; padding: 0px 0px 0px 0px; font-size: 1.2em; color: #fff;}
        #compliance { float: right;  width: 280px; margin: 0 auto; padding: 0px 0px; background: #f60; padding: 0px 0px 0px 0px; font-size: 1.2em; color: #fff;}

/* ELEMENTS
====================================================================================================================================== */


    #nav ul a { color: #fff; text-decoration: none; display: block; padding: 12px 15px 13px 15px; font-size: 1em; }
    #nav ul { margin: 0; padding: 0; list-style: none; background: #fff; }    
    #nav ul li { float: left; font-size: 1em; padding: 0; background: url("../images/chi-li-border.png") 100% 50% no-repeat; z-index: 9997;}       
    #nav ul li a { display: inline-block; }    
    #nav ul li a { display: block; padding: 0 5px; line-height: 40px; color: #fff; text-decoration: none; position: relative; z-index: 2; }    
    #nav ul li b {   background-color: #c00; height: 20px; width: 20px; position: absolute; display: block; z-index: 1; }
    #nav ul a:hover { color: #fff; background: #ffcc66 url("../images/chi-li-hover.png") bottom center no-repeat; }
    #nav ul a.here { color: #fff; background: #a4d95e url("../images/chi-li-at-hover.png") bottom center no-repeat;}
    #nav ul li.last { background: none; border: none; margin-bottom: 0; }
  
    #rss img { padding: 4px 0px 0px 4px; font-size: 1em; border: 0; } 
    #rss ul li a { display: block; padding: 0 0px; line-height: 40px; color: #fff; text-decoration: none; position: relative; z-index: 2; }   
 
    #left ul li { font-size: 1.2em; }   
    #left a { color: #333; } 

    #compliance a {text-decoration:none}

    #salescopy li ul a {text-align: left; color: #000;}
    #salescopy {text-align: center; }


    #text p img {padding: 4px 0px 0px 4px; }

    #legal ul a { color: #fff; text-decoration: none; display: block; padding: 12px 15px 13px 15px; font-size: 0.8em; }
    #legal ul { margin: 0; padding: 0; list-style: none; background: #fff; }    
    #legal ul li { margin: 0px 0px 0px; }        
    #legal ul li a { display: inline-block; }    
    #legal ul li a { display: block; padding: 0 3px; color: #fff; text-decoration: none; position: relative; z-index: 2; }    
    #legal ul li b {   background-color: #c00; width: 20px; position: absolute; display: block; z-index: 1; }
    #legal ul li { float: left; font-size: 0.9em; padding: 0; background: url("../images/chi-li-border.png") 100% 50% no-repeat; z-index: 9996; }

a, a:link { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #144e9c; text-decoration: none; }

p { font-size: 1.3em; margin: 0 0 1.0em 0; line-height: 1.4em; }

    p.redalert { color: #f00; }
    p.blueemp { color: #00f; }
    p.discount {font-size: 2em;color: #00f;}

strong { font-weight: bold; }
    strong.green { color: #64af1b; }
em { font-style: italic; }
    em.alert { display: block; padding: 5px; background: #ffc; color: #333; font-size: 1.2em;}

img {border: 0;}

    #salescopy a {color: #000;}

h1.salesheadline { color: #CC0000; font-family: Georgia, Times New Roman, Times, serif ; font-size: 24px; font-weight: bold; text-decoration: none; text-align: center;}
h2.salesheadline { margin: 20px; color: #CC0000; font-family: Georgia, Times New Roman, Times, serif ; font-size: 22px; font-weight: bold; text-decoration: none; text-align: center;}
p.salesheadlinemain { margin: 20px; padding: 0; color: #000000; font-family: Georgia, Times New Roman, Times, serif ; font-size: 16px; font-weight: bold; text-align: left; font-size: 1.2em;}
p.main { margin: 20px; padding: 0; color: #000000; font-family: Georgia, Times New Roman, Times, serif ; font-size: 16px; font-weight: normal; text-align: left;}
p.alert { margin: 20px; padding: 0; color: #cc0000; font-family: Georgia, Times New Roman, Times, serif ; font-size: 16px; font-weight: bold; text-align: left;}
ul.main { margin: 35px; padding: 10px; color: #000000; font-family: Georgia, Times New Roman, Times, serif ; font-size: 16px; font-weight: normal; text-align: left;}
p.testimonial {margin: 10px; padding: 0; color: #000000; font-family: Georgia, Times New Roman, Times, serif ; font-size: 12px; font-weight: normal; text-align: left;}
p.testimonialid {margin: 10px; padding: 0; color: #000000; font-family: Georgia, Times New Roman, Times, serif ; font-size: 12px; font-weight: bold; text-align: left;}
span.ps {margin: 20px; padding: 0; color: #000000; font-family: Georgia, Times New Roman, Times, serif ; font-size: 16px; font-weight: bold; text-align: left;}
img.signature {margin: 10px; float: left;}
span.download {margin: 20px; padding: 0; color: #000000; font-family: Georgia, Times New Roman, Times, serif ; font-size: 16px; font-weight: bold; text-align: center;}
span.persuaders {margin: 0px; padding: 0; color: #000000; font-family: Georgia, Times New Roman, Times, serif ; font-size: 16px; font-style: italic; font-weight: normal; text-align: left;}
span.value {margin: 0px; padding: 0; color: #cc0000; font-family: Georgia, Times New Roman, Times, serif ; font-size: 26px; font-weight: bold; text-align: left;}
span.discount {margin: 0px; padding: 0; color: #cc0000; font-family: Georgia, Times New Roman, Times, serif ; font-size: 26px; font-weight: bold; text-align: left; text-decoration: line-through;}