body { color:#fff; font-size:1em; font-family:arial, sans-serif; margin:0px; padding:0px; background:#38424b url(/images/bg-tile.gif) top left repeat; } /* - */ a { color:#fff; text-decoration:none; } a:hover { color:#5c656e; text-decoration:none; } img { border:0px; } .left { float:left; } .right { float:right; } .tright { text-align:right; } .tcenter { text-align:center; } p { font-size:0.75em; margin:0px 0px 10px 0px; padding:0px; line-height:1.5em; } p.large { font-size:1.35em; } .grey { color:#6c7986; } .grey a { color:#6c7986; } .grey a:hover { color:#fff; } h1 { margin:0 0 10px 0; padding:0px; font-size:1.3em; font-weight:normal; } h2 { margin:0 0 0 0; padding:0px; font-size:1.8em; font-weight:bold; } h3 { margin:0px; padding:0px; font-size:1.1em; font-weight:bold; } h4 { margin:0px; padding:0px; font-size:1em; font-weight:bold; } h5 { margin:0px; padding:0px; font-size:1.2em; font-weight:bold; } hr { display:none; } .hr { width:100%; height:1px; background:url(/images/horiz.gif) top left repeat-x; float:left; clear:both; overflow:hidden; margin:30px 0px; } a.trans:hover { opacity:0.4;filter:alpha(opacity=40) } /* - */ a.tree-house { margin-top:30px; float:right; } img.header-trees { margin-left:-27px; } /* - */ a.button { float:left; overflow:hidden; display:inline; font-size:0.9em; padding-right:15px; background:url(/images/button-red.gif) top right no-repeat; text-decoration:none; font-weight:bold; } a.button span { float:left; overflow:hidden; display:inline; padding-left:15px; text-align:center; line-height:26px; color:white; padding-bottom:2px; background:url(/images/button-red.gif) top left no-repeat; cursor:pointer; } /* - */ button { color:#fff; border:0px; padding:0px; height:33px; margin:10px 0px 0px 0px; display:block; float:left; overflow:hidden; padding:4px 0px 7px 0px; text-align:center; width:185px; font-size:1.2em; font-weight:bold; background:transparent url(/images/submit-button-red.png) left top no-repeat; cursor:pointer; } button:hover { background-position:bottom right; cursor:pointer; } /* - */ table { width:100%; padding:0px; margin:15px 0px 0px 0px; } table th { padding:5px 0px; margin:0px; border-right:1px solid #f9f1ea; font-size:0.95em; font-weight:bold; color:#465152; } table td { font-weight:bold; border-bottom:1px solid #f9f1ea; border-right:1px solid #f9f1ea; padding:5px 0px; margin:0px; font-size:0.75em; text-align:center; background-color:#baa99e; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; } table tr:hover td { background-color:#ad9c91; } table .width50 { width:50%; } table .width25 { width:25%; } /* - */ #main form { border:0px; padding:0px; margin:0px; } #main form fieldset { border:0px; padding:0px; margin:0px; } #main form fieldset ul { float:left; width:100%; margin:-10px 0px 10px 0px; padding:0px; list-style:none; } #main form fieldset ul li { float:left; width:100%; background:none; padding:0px; margin:25px 0px 5px 0px; } #main form fieldset ul li div.ddContainer { width:275px; color:#352611; font-weight:normal; border:1px solid #eee7e1; padding:0; font-family:georgia, 'times new roman'; } #main form fieldset ul li input { width:320px; font-size:0.95em; color:#352611; font-weight:normal; border:1px solid #fff; padding:0 10px; line-height:42px; height:42px; background-color:#fff; font-family:georgia, 'times new roman'; } #main form fieldset ul li textarea { width:320px; font-size:0.95em; color:#352611; font-weight:normal; border:1px solid #fff; padding:10px; height:90px; background-color:#fff; font-family:georgia, 'times new roman'; } #main form fieldset ul li textarea.short { height:118px; } #main form fieldset ul li label { color:#352611; font-weight:normal; font-size:1em; width:100%; overflow:hidden; float:left; margin:0px 0px 5px 0px; } #main form fieldset button { font-size:1em; text-align:right; padding:0px; margin:0px; background:transparent; color:#df3d82; border:none; font-family:georgia, 'times new roman'; border-bottom:1px dotted #df3d82; cursor:pointer; } /* - */ .outer-wrapper { width:100%; overflow:visible; float:left; padding:0px; z-index:1; } .inner-wrapper { width:916px; overflow:visible; padding:0px; margin:0 auto; position:relative; z-index:1; } .outer-wrapper.header { background:url(/images/bg-header.gif) top left repeat; } .outer-wrapper.footer { background:url(/images/bg-footer.gif) bottom left repeat; height:207px; } /* - */ .col { float:left; overflow:visible; display:block; margin-right:20px; } .col.last { margin-right:0px; } .col.c20 { width:180px; } .col.c25 { width:220px; } .col.c27 { width:240px; } .col.c30 { width:260px; } .col.c32 { width:286px; } .col.c33 { width:300px; } .col.c35 { width:292px; } .col.c40 { width:370px; } .col.c48 { width:440px; } .col.c50 { width:460px; } .col.c60 { width:526px; } .col.c65 { width:604px; } .col.c66 { width:630px; } .col.c70 { width:660px; } .col.c75 { width:700px; } .col.c100 { width:916px; } .col .col-inner-a { width:154px; float:left; overflow:hidden; } .col .col-inner-b { width:80px; float:left; overflow:hidden; } .col .col-inner-c { width:177px; float:left; overflow:hidden; } .col.c50per { width:48%; float:left; } .col.c33per { width:32%; } .col.c25per { width:22.5%; } .container { width:100%; overflow:visible; float:left; } .col.left { float:left; } .col.right { float:right; text-align:left; } /* - */ table { width:100%; padding:0px; margin:15px 0px 0px 0px; } table th { padding:5px 0px; margin:0px; border-right:1px solid #f9f1ea; font-size:0.95em; font-weight:bold; color:#465152; } table td { font-weight:bold; border-bottom:1px solid #f9f1ea; border-right:1px solid #f9f1ea; padding:5px 0px; margin:0px; font-size:0.75em; text-align:center; background-color:#baa99e; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; } table tr:hover td { background-color:#ad9c91; } table .width50 { width:50%; } table .width25 { width:25%; } /* - */ #header { height:175px; } #header .nav { float:right; margin:6px 2px 0 0; padding:0; list-style:none; } #header .nav li { display:inline; } #header .nav li a { display:block; margin-left:7px; float:left; height:39px; background-image:url(/images/nav.gif); background-repeat:no-repeat; text-align:center; outline:0; } #header .nav li a.home { width:55px; background-position:0px 0px; } #header .nav li a.contributors { width:91px; background-position:-62px 0px; } #header .nav li a.diary-of-build { width:99px; background-position:-162px 0px; } #header .nav li a.lma { width:45px; background-position:-269px 0px; } #header .nav li a.lisa-traxler { width:83px; background-position:-321px 0px; } /* hovers */ #header .nav li a.home:hover { background-position:0px -39px; } #header .nav li a.contributors:hover { background-position:-62px -39px; } #header .nav li a.diary-of-build:hover { background-position:-162px -39px; } #header .nav li a.lma:hover { background-position:-269px -39px; } #header .nav li a.lisa-traxler:hover { background-position:-321px -39px; } /* - */ #header .nav li a.home.current { background-position:0px -78px; } #header .nav li a.contributors.current { background-position:-62px -78px; } #header .nav li a.diary-of-build.current { background-position:-162px -78px; } /* - */ /* remove text */ #header .nav li a span { display:none; } #header .nav li a:hover { color:white; } /* -- */ #footer { height:157px; background:url(/images/dog.gif) 0px 0px no-repeat; padding-top:50px; position:relative; } #footer p { margin:0px 0px 7px 0px; font-size:0.75em; line-height:1.2em; } #footer div.credit { position:absolute; bottom:9px; right:0px; } #footer div.credit p { color:#6c7986; font-size:0.75em; } #footer div.credit p a { color:#6c7986; } #footer div.credit p a:hover { color:#fff; } /* -- */ #main { padding:30px 0 15px; overflow:hidden; } #main .homepage-switcher { } #main .homepage-switcher .slideshow { overflow:hidden; display:block; height:395px; width:916px; } #main ul.contributors { width:100%; overflow:hidden; margin:0; padding:0; list-style:none; } #main ul.contributors li { float:left; margin:0 1px 1px 0; width:228px; height:175px; overflow:hidden; padding:0; } #main ul.contributors li a { display:block; position:relative; margin:0; width:228px; height:175px; overflow:hidden; padding:0; } #main ul.contributors li a span.image { display:block; position:absolute; top:0; left:0; width:228px; height:175px; overflow:hidden; padding:0; } #main ul.contributors li a span.name { display:none; position:absolute; bottom:0; left:0; width:198px; overflow:hidden; padding:15px; background:url(/images/overlay.png) top left repeat; color:white; } #main ul.contributors li a:hover span.name { display:block; } #main .attached { float:left; width:449px; overflow:hidden; } #main .bot-attached { float:left; width:136px; overflow:hidden; } #main .attached a img , #main .bot-attached a img { margin:0 1px 1px 0; float:left; overflow:hidden; } #main .attached a:hover , #main .bot-attached a:hover { opacity:0.8;filter:alpha(opacity=80) } #footer a.grand-designs-site-link { display:block; width:213px; height:100px; float:right; overflow:hidden; } #footer a.grand-designs-site-link img { margin-top:-100px; } #footer a.grand-designs-site-link:hover img { margin-top:0px; }