body {font-family:'helvetica', 'arial', sans-serif; }

#masthead, h1, h2, h3, ul li {background-image:url('../images/sprites.png'); text-indent:-1000px; overflow:hidden; }


#masthead {height:210px; width:100%; background-position:0px 4px; margin-top:50px;}
h1 {width:290px; height:164px; margin:0px auto 0px auto; background-position:0px -420px; }
h2 {width:250px; height:10px; background-position:0px -360px; margin:14px auto 0px auto; } 
h2 a {display:block; width:1250px; }
h3 {width:250px; height:11px; margin-bottom:20px; }
h4 {margin:20px; }
#masthead ul {width:780px; height:31px; margin:-112px auto; }
     #masthead ul li.left {background-position:-201px -380px; width:185px; height:31px; float:left; }
     #masthead ul li.right {background-position:0px -380px; width:191px; height:31px; float:right; }

#main {width:850px; margin:auto; }
     
     #copy {border-top:1px solid black; border-bottom:1px solid black; padding:5px 0px; }
     p {margin:10px auto; font-size:1.2em; line-height:1.8em; }
     p a {border-bottom:1px solid #bbb; }

     .col {width:400px; float:left; margin-top:20px; }
     .starboard {margin-left:50px; }
          h3#spread {background-position:-280px -300px; width:250px; background-repeat:no-repeat;} 
          h3#other {background-position:0px -300px; } 
          h3#speak {background-position:0px -320px; margin-bottom:5px; } 
          h3#hate {background-position:0px -340px; width:115px; float:left; } 
          
          .commentTrigger {border-bottom:1px solid black; padding-bottom:20px; margin-bottom:20px; }
     
     .col ol {font-family:'georgia', 'times new roman', serif; width:400px; background:#e6e6e6; list-style-type:none; padding:0px; margin-bottom:40px; }
          .col ol li {padding:20px 0px; margin:0px 20px; border-bottom:2px solid white; }
          .col ol li:last-child {border-bottom:0px; padding-bottom:20px; }
          
     .byline {display:block; margin-top:4px; }

     .thumbs #col1 {float:left; width:190px; }
     .thumbs #col2 {float:left; width:190px; margin-left:20px; }
     .thumbs img {cursor:pointer; float:left; margin:0px 0px 20px 0px; }
     .thumbs {margin-bottom:20px; clear:both; }


#footer {clear:both; text-align:center; border-top:1px solid black; width:850px; margin:0px auto 50px auto; }


button {background-color:#e6e6e6; border:0px; font-weight:bold; font-size:1.1em; padding:10px; cursor:pointer; margin-top:15px; }


#lightbox {position:fixed; top:50%; left:50%; display:none; }


#commentForm {position:fixed; width:450px; height:197px; left:50%; top:50%; margin-left:-215px; margin-top:-105px; 
     padding:30px 29px 31px 35px;
     background-image:url('../images/shadow-trans.png'); 
     display:none; 
     }

label {display:block; margin:5px 0px; }
input.text {margin:0px 0px 10px 0px; width:250px; }
input.button {margin-top:10px; float:right; margin-right:20px; }
textarea {width:430px; height:75px; }