/*----------- collingarythomasgrasley (modetwentythree.com) collingrasley@gmail.com --- public domain template, because sharing is good ------- no link back required, but it would be real swell :) --------------------*/

/* -----------------  page styles -------------------------------------------------------*/

body {padding:0; margin:0; font-size:13px; font-family:Helvetica, Arial, sans-serif; line-height:17px; background:#f4f4f4 url(../images/bodybg.gif) center repeat-y; color:#555;}
#wrapper {margin:2px auto; width:900px;  padding:0; /* background:#fff; */}

/* -----------------  general styles  -------------------------------------------------------*/

a {color:#631e19; text-decoration:none ;background:none;}
a:hover {color:#00aef0; background:none; text-decoration:underline;}
p {margin:0;padding-top:2px;}
h2 {font-weight:bold; font-size:15px; padding:0px 0 4px 0px; margin:0 0 2px 0; color:#444; background:none; border-bottom:2px dotted #444;}
ul {margin:0; padding :0; list-style :none;}
img {border:0;}
h4 {font:30px margin:0;}
.pic{margin-top:8px;}
pq{font-weight:bold; font-size:24px; color:#888; background:none;}

/* -----------------  top info  -------------------------------------------------------*/

#header {clear:both; width:900px; height:80px; background:url(../images/bill_smith_designSimple_logo.gif) no-repeat; 
margin:0;}
#title {float:left; width:900px; height:55px; padding:0 0 0 0; text-align:center;}
#title h3 {font-size:20px; font-weight:normal; padding:0 0 0 0; margin:0; color:#444;}
/* #hright {float:left; width:540px; height:60px; margin:15px 0 0 0;} */
#hrighttop {width:200px; margin:0 2px 0 0; padding:0 8px 2px 0; float:right; text-align:center;}
#title p {font-size:0.9em; color:#808080; padding:0; background:inherit;}
#menu {width:450px; float:left; padding:30px 0 0 0; text-align:left;}
#menu2 {width:450px; float:right ; padding:30px 0 0 0; text-align:right;}
#menu3 {width:900px; float:left ; padding:10px 0 0 0; text-align:center;}
#menu li {display:inline;}
#menu li a {color:#444; text-decoration:none; padding:0 0 0 0;
height:19px; background:none;}
#menu li a:hover {background:none; color:#00aef0; text-decoration:underline;} 
#menu2 li {display:inline;}
#menu2 li a {color:#444; text-decoration:none; padding:0 0 0 0;
height:19px; background:none;}
#menu2 li a:hover {background:none; color:#00aef0; text-decoration:underline;} 

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

#homepic {width:900px; height:550px; margin:5px 0 10px 0;background:url(../images/bill_smith_designSimple_la-weekly-20-book_01.jpg) no-repeat;}
#projectspic {width:900px; height:550px; margin:5px 0 10px 0;background:url(../images/bill_smith_designSimple_mean3000_magazine_01.jpg) no-repeat;}
#historypic {width:900px; height:550px; margin:5px 0 0 0;background:url(../images/bill_smith_designSimple_artillery_magazine_01.jpg) no-repeat;}
#servicepic {width:900px; height:550px; margin:5px 0 10px 0;background:url(../images/bill_smith_designSimple_jww_brochure_01.jpg) no-repeat;}

/* PROJECTS PAGES */
#projectspic_mean {width:900px; height:550px; margin:5px 0 10px 0;background:url(../images/bill_smith_designSimple_mean-magazine_01.jpg) no-repeat;}
#projectspic_mean3000 {width:900px; height:550px; margin:5px 0 10px 0;background:url(../images/bill_smith_designSimple_mean3000_magazine_02.jpg) no-repeat;}
#projectspic_artillery {width:900px; height:550px; margin:5px 0 10px 0;background:url(../images/bill_smith_designSimple_artillery_magazine_02.jpg) no-repeat;}
#projectspic_play {width:900px; height:550px; margin:5px 0 10px 0;background:url(../images/bill_smith_designSimple_play_magazine_01.jpg) no-repeat;}
#projectspic_letterpress {width:900px; height:550px; margin:5px 0 10px 0;background:url(../images/bill_smith_designSimple_letterpress_01.jpg) no-repeat;}
#projectspic_brooklyn-review {width:900px; height:550px; margin:5px 0 10px 0;background:url(../images/bill_smith_designSimple_brooklyn-review_01.jpg) no-repeat;}
#projectspic_laweekly-20 {width:900px; height:550px; margin:5px 0 10px 0;background:url(../images/bill_smith_designSimple_la-weekly-20-book_02.jpg) no-repeat;}
#projectspic_my-heart {width:900px; height:550px; margin:5px 0 10px 0;background:url(../images/bill_smith_designSimple_my-heart-vs-the-real-world_book_01.jpg) no-repeat;}
#projectspic_bump-city {width:900px; height:550px; margin:5px 0 10px 0;background:url(../images/bill_smith_designSimple_bump-city_01.jpg) no-repeat;}
#projectspic_process-media {width:900px; height:550px; margin:5px 0 10px 0;background:url(../images/bill_smith_designSimple_process-media_01.jpg) no-repeat;}
#projectspic_feral-house {width:900px; height:550px; margin:5px 0 10px 0;background:url(../images/bill_smith_designSimple_feral-house_01.jpg) no-repeat;}
#projectspic_laweekly-media-kit {width:900px; height:550px; margin:5px 0 10px 0;background:url(../images/bill_smith_designSimple_la-weekly-media-kit_01.jpg) no-repeat;}

/* TEXT COLUMNS */
.left {float:right; width:270px; margin:0 6px 5px 0; padding:10px;}
.middle {float:right; width:270px; margin:0 6px 5px 0; padding:10px;}
.right {float:right; width:270px; margin:0 6px 5px 0; padding:10px;}
.message{position:absolute; width:360px; float:left; margin:70px 0px 0px 165px; color:#fff;}
#bottomcontent {width:898px; /*height:300px;*/ border-right:1px solid #c5c5c5; border-left:1px solid #c5c5c5;}

/* UNUSED MAIN CONTENT CODE */
/* #homepic a {color:#fff;} */
/* #homepic:hover {background:url(../images/homepichover.jpg) no-repeat;} */
/* #bottomcontenttop {width:900px; height:10px; background:url(../images/b_contenttop.jpg) no-repeat;} */
/* #bottomcontentbtm {width:900px; height:10px; background:url(../images/b_contentbtm.jpg) no-repeat;} */
/* .thumbs img {position:relative; padding:1px; margin:5px 8px 5px 9px; border:2px solid #631e19; background:none;}
.thumbs img:hover {border:2px solid #c5c5c5; background:none;}  */

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

#footer {clear:both; font-size:11px; text-align:center; line-height:1.8em; color:#444; background:#fff; padding:4px 0; 
margin:20px 0 0 0;}
#footer a {color:#631e19; background:inherit;}