body {
	color: #333;               
	background-color: #ffffff;
	font:100%/1.5em georgia, "times new roman", times, serif; 
}   	

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;                             
}                                                       
         
h1 {
	font-size: 2.571em;
	line-height: 3.429em;       
	margin-bottom: 24px;
}

h5 {
	font-size: 1em;   
	text-transform: uppercase;
	color: #0095d9;                    
}

h5, a#welcome {
	font-family: "helvetica neue", helvetica, sans-serif;
	letter-spacing: 0.2em;
}    
     

p, ul {
	margin-bottom: 24px;
	
}

a, a:visited {     
    color: #e65400;
	text-decoration: none;                               
}

a:hover {
	color: #000;
	border-bottom: 1px solid #ccc;                                    
	           
}                         

a:focus::-moz-focus-inner {
   border:none;
}                     

/* layout
------------------------------------------------------------------*/

#wrapper {
	width: 800px;     
    margin: 0px auto;    	
	font-size: 0.875em;
	line-height: 1.714em;
}               


#content {
	width: 800px;     
	float: left;
	padding: 0px 0px 48px 0px;   
}
               
/* header
------------------------------------------------------------------*/
         
#header {
	width: 780px;     
	height: 192px;
	padding: 0px 10px;
}

a#logo:link, a#logo:visited {
	width: 60px;
	height: 60px;
	background: #19a0dd url("/graphics/water_splash_logo.png") no-repeat left top;      
	-webkit-transition: background .3s linear; 
	text-indent: -99999px;
	display: block;   
	margin-bottom: 12px;
}                                                                                

a#logo:hover {
	background-color: #0095d9;          
	border-bottom: none;
}                

a#welcome:link, a#welcome:visited {
	color: #333;
	font-weight: bold;
	text-transform: uppercase;     
	font-size: 1em;
	line-height: 5.143em;  
	padding: 48px 0px 0px 0px;
	width: 780px;                       
	display: block;  
	-webkit-transition: color .3s linear; 
}                                

a#welcome:hover {
	color: #000;   
	border-bottom: none;
}     

/* content
------------------------------------------------------------------*/

a#cover_link:link img, a#cover_link:visited img {
	opacity: 0.9;
	-webkit-transition: opacity .3s linear;              
	float: left;      
	margin: 24px 10px 0px 10px;
}                

a#cover_link:hover img {
	opacity: 1;        
	border-bottom: none;
} 

#splash_content {
	width: 380px;
	padding: 0px 10px 24px 10px;           
	float: left;    
	margin-left: 80px;
}                  

#splash_content h1 a:link, #splash_content h1 a:visited {
	display: block;
	width: 380px;
	height: 96px;
	text-indent: -99999px;
	background: transparent url("/graphics/water_splash_header.gif") no-repeat left top;
}                                            

#splash_content h1 a:hover {
	border-bottom: none;
}              

#splash_content ul {
	margin-bottom: 0px;
	padding: 12px 0px 0px 0px;
	list-style: disc outside;     
	
}                            

#splash_content ul li {   
}        

#copublished {
	margin-bottom: 0px;
}      

blockquote {
	padding: 12px 0px;  
    font-style: italic;  
} 

cite {
	font-style: normal;  
	font-size: 0.875em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}             


/* mailing list
------------------------------------------------------------------*/

form {
	width: 360px;  
	background-color: #eee;
	border: 1px solid #ccc;     
	float: left;    
	padding: 23px 9px;
}
          

form p {
	float: left;
}       

input[type=text] {
	width: 210px;         
	border: none;
	color: #999;
	background-color: #ffffff;       
	font-size: 1em;  
	line-height: 1.714em;
	padding: 4px 2px;     
	margin: 0px 0px 0px 10px;
	border: 1px solid #ccc;
	float: left;
}              

label {
	width: 130px;          
	line-height: 1.5em;    
	font-size: 1.143em;
	padding: 6px 0px;       
	color: #999;
	font-family: helvetica, arial, sans-serif;   
	display: block;   
	float: left;       
	text-align: right;
}                          

input[type=text]:focus  {
	background-color: #fbfc9c;
	color: #333;
}      

form p#submit {
	margin-bottom: 0px;
	width: 360px;
}                     

input[type=submit] {
	background-color: #bbb;    
	border: none;           
	-moz-border-radius: 12px;
    -webkit-border-radius: 8px;      
	padding: 0px 10px;             
	color: #fff;           
	display: block;    
	margin: 0px;
	line-height: 1.714em;
	font-size: 1em;                 
	text-shadow: #aaa 1px 1px 0px;
	-webkit-transition: background .3s linear; 
	font-weight: bold;      
	float: right;    
}                   

input[type=submit]:focus, input[type=submit]:hover {
	background-color: #aaa;          
}      

/* footer
------------------------------------------------------------------*/

#footer {
	width: 780px;
	margin-top: 48px;
	padding: 47px 10px 24px 10px;
	border-top: 1px solid #ddd;
	text-align: center;      
	float: left;
	clear: both;          
	font-family: "helvetica neue", helvetica, sans-serif;  
	color: #aaa;
}           

#footer a:link, #footer a:visited {
	color: #aaa;
}               

#footer a:hover {
	color: #999;
}