/*  
    VICTORIA'S TOY HAULIN' ADVENTURES
    Screen Master Stylesheet
   
    Darryl Ring <darryl@breezewebservices.com>
    
    Version: 3.0
    Date:    March 21, 2008
*/

*                                       { margin: 0; padding: 0; font-size: inherit; font-weight: inherit; }

html                                    { height: 100%; margin-bottom: 1px; }
body                                    { font: 11px/20px georgia, serif; background: #131; }

div#container                           { width: 770px; margin: 0 auto; }

div#content                             { float: left; width: 615px; background: url('../images/content-bg.gif') repeat-y; }
div#content-inside                      { float: left; width: 615px; background: url('../images/content-top.gif') no-repeat; }
div#content-bottom                      { float: left; width: 615px; padding-bottom: 25px; background: url('../images/content-bottom.gif') no-repeat bottom; }
div#trailers                            { float: left; width: 155px; background: url('../images/trailers-bg.gif') repeat-y; }
div#trailers-inside                     { float: left; padding-top: 30px; width: 155px; background: url('../images/trailers-top.gif') no-repeat; }
div#trailers-bottom                     { float: left; width: 155px; padding-bottom: 20px; background: url('../images/trailers-bottom.gif') no-repeat bottom; }

h1#masthead                             { width: 450px; height: 60px; margin: 20px 30px 10px; background: url('../images/masthead.gif') no-repeat; text-indent: -9999px; }

ul#navigation                           { display: inline; float: left; margin: 0 0 0 25px; font-size: 12px; list-style: none; }
ul#navigation li                        { display: inline; float: left; width: 90px; margin-left: 5px; border: none; padding: 0; }
ul#navigation li a                      { display: block; padding: 3px 5px 0; border-top: solid 5px #996; color: #996; font-weight: normal; text-decoration: none; }
ul#navigation li a:hover                { border-top: solid 5px #663; color: #663; text-decoration: none; }

body#home li#nav-home a,
body#trailers li#nav-trailers a,        
body#accessories li#nav-accessories a,
body#gallery li#nav-gallery a,
body#links li#nav-links a,
body#contact li#nav-contact a           { border-top: solid 5px #242; color: #242; font-weight: bold; }

div#covers                              { clear: both; width: 585px; height: 210px; margin: 0 0 0 20px; }
div#cover-small                         { clear: both; width: 585px; height: 135px; margin: 0 0 0 20px; }
div#cover-map                           { clear: both; width: 565px; height: 310px; margin: 0 10px 0 30px; }
div#cover-large	                        { clear: both; width: 585px; height: 310px; margin: 0 0 0 20px; }
img.cover                               { position: absolute; width: 585px; height: 210px; }
img.cover-trailer                       { position: absolute; width: 585px; height: 310px; }

div#main                                { display: inline; float: left; width: 340px; margin-top: 15px; margin-left: 30px; }
div#news                                { display: inline; float: left; width: 230px; background: url('../images/news-bg.gif') repeat-y; }
div#news-inside                         { float: left; width: 230px; background: url('../images/news-top.gif') no-repeat; }
div#news-inside p#news-bottom           { margin: 0; padding: 0 15px 10px; background: url('../images/news-bottom.gif') no-repeat bottom; }
div#side                                { display: inline; float: left; width: 230px; margin-top: 5px; margin-left: 5px;}
div#footer                              { margin: 15px 20px 0 30px; border-top: solid 5px #996; color: #996; }
div#footer p                            { color: #663; text-align: center; margin-bottom: 0; }
div#block                               { display: inline; float: left; width: 230px; background: url('../images/block-top.gif') repeat-y; }
div#block-inside                        { float: left; margin: 10px 0 0; padding-bottom: 15px; width: 230px; background: url('../images/block-bottom.gif') no-repeat bottom; }

div#block p                             { color: #fff; margin: 0 15px; }
div#block p.email                       { padding-left: 20px; background: url('../images/email.png') no-repeat center left; }
div#block p.phone                       { padding-left: 20px; background: url('../images/telephone.png') no-repeat center left; }
div#block a, div#block a:hover          { color: #fff; }
div#block h3                            { margin: 0 15px 5px; font-weight: bold; font-style: normal; color: #fff; }

div#news p                              { margin: 0 15px 10px; color: #663; }
div#news li                             { margin: 0 10px; color: #663;}
div#news h3                             { margin: 0 15px; color: #242;  font-size: 13px; font-style: italic; }
div#news h2                             { border-top: solid 5px #663; margin: 10px; color: #663; }

div#left                                { display: inline; float: left; width: 275px; margin-top: 15px; margin-left: 30px; }
div#right                               { display: inline; float: left; width: 275px; margin-top: 15px; margin-left: 15px; }
div#wide                                { display: inline; float: left; width: 565px; margin-top: 15px; margin-left: 30px; }
div#gallery                             { display: inline; float: left; width: 575px; margin-top: 15px; margin-left: 30px; }
div#third                               { display: inline; float: left; width: 185px; margin-top: 15px; margin-left: 5px; }
div#third-first								          {display: inline; float: left; width: 185px; margin-top: 15px;  margin-left: 30px; }

p                                       { margin: 0 5px 10px; color: #242; }
li                                      { color: #242; }
ul                                      { margin-bottom: 10px; }

h2                                      { padding: 3px 5px 0; margin-bottom: 10px; border-top: solid 5px #242; color: #242; font-size: 12px; font-weight: bold; }
h3                                      { margin: 0 5px 10px; font-size: 13px; font-style: italic; color: #242; }
h4                                      {  }
strong                                  { font-weight: bold; }

a, a:visited                            { color: #242; font-weight: bold; }
a:hover                                 { color: #000; }
a img                                   { border: none; }

hr.clear                                { clear: both; border: none; height: 0; width: 0; }

div#content div.trailer
div#trailers div.trailer                {  }
div#trailers div.trailer img            { margin: 0 10px 5px; }
div#trailers div.trailer p              { margin: 0 20px 15px 10px; line-height: 0; text-align: center; }

ul										                  { list-style: none; }
ul li                                   { padding: 0 5px; }
h3.floated                              { float: left; width: 275px; }
ul.accessories                          { font-size: 11px; float: left; width: 275px; list-style: none; margin-right: 15px; }
ul.accessories li                       { color: #663; clear: both; border-top: solid 1px #ddd; padding: 5px 5px; text-align: right; }
ul.accessories li span                  { color: #242; text-align: left; float: left; padding-bottom: 5px; }
ul.accessories li span strong           { font-weight: bold; }
ul.last                                 { margin-right: 0; }

p.pdf, div#news p.pdf                   { padding-left: 20px; margin-bottom: 0; background: url('../images/page_white_acrobat.png') no-repeat center left;  }
p.word                                  { padding-left: 20px; background: url('../images/page_white_word.png') no-repeat center left; }

ul.campgrounds li                       { margin-bottom: 5px; padding-bottom: 5px; border-bottom: solid 1px #ddd; }
ul.campgrounds li a                     { font-weight: normal; }

div.gallery                             { font-size: 0; line-height: 0; border: solid 2px #fff; float: left; margin-right: 5px; margin-bottom: 5px; }
div.gallery a img                       { border: solid 3px #242; }
div.gallery a:hover img                 { border: solid 3px #000; }