/*
 * screen.css for Pumpkinville.com
 */
@import url("base.css");
@import url("jd.gallery.css");
@import url("slimbox.css");
body {margin:0; padding:0; text-align:center; background:#003300 url(../graphics/bg_green_gradient.png) 0 0 repeat-x; /* font-size:63.5%; */}
h1, h2, h3, h4, h5, h6 {color:#6dc32f;}
h1 {font-size:1.5em; line-height:1.6em;}
h2 {font-size:1.4em; line-height:1.5em;}
h3 {font-size:1.3em; line-height:1.4em;}
h4 {font-size:1.2em; line-height:1.3em;}
h5 {font-size:1.1em; line-height:1.2em;}
h6 {font-size:1em; line-height:1.1em;}
#contain {margin:0 auto 0 auto; padding:1px; width:982px; text-align:left; overflow:hidden; color:#fff;}
a:link, a:visited {color:#ff7301; text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {}
a:focus {}
#header {position:relative; width:100%; height:127px; padding:0;}
#logo {position:absolute; top:3px; left:3px; margin:0; width:450px; height:127px; text-align:left; z-index:303;}
#logo a {display:block; width:100%; height:100%; background:transparent url(../graphics/logo.png) 0 0 no-repeat;}
#logo a span {display:block; width:100%; text-indent:-99em;}

#banner-open {position:absolute; top:0; right:0; display:block; margin:0; padding:0; width:150px; height:150px; text-align:left; background:transparent url(../graphics/banner-open.png) 0 0 no-repeat; z-index:303;}
#banner-open abbr {display:block; border:none; width:100%; height:100%;}
#banner-open span {display:block; width:100%; text-indent:-99em;}

#slideshow_main {float:right; width:560px; height:125px; background-color:#999;}
#slideshow_main.jd_slideshow {display:block; overflow:hidden; position:relative;}

#slideshow_main .slideElement {
 background-color:#c95a00 !important;
 overflow:hidden;
 line-height:1.3em;
 }
#slideshow_main .slideInfoZone {background-color:#c95a00 !important;}
#slideshow_main .slideInfoZone h2 {margin:0 0.2em 0 1em !important; padding:0 !important; line-height:1.3em;}
#slideshow_main .slideInfoZone p {margin:0 0.2em 0 1em !important; padding:0 !important; line-height:1.3em;}

#sidebar {float:left; /*border-right:1px solid #eee;*/ width:230px; background:transparent url(../graphics/bg_nav.png)0 0 repeat-x;}
#nav {}
#nav ul {position:relative; list-style:none; margin:0; padding:0;}
#nav li {width:215px; height:24px; text-align:left;}
#nav li a {display:block; width:100%; height:100%; text-align:left; background-image:url(../graphics/nav.png); background-repeat:none;}
#nav li a span {display:block; width:100%; height:100%; text-indent:-99em;}

#nav_pumpkins a {background-position:0 0;}
#nav_pumpkins a:hover {background-position:0 -24px;}

#nav_fall-fun-attractions a {background-position:0 -48px;}
#nav_fall-fun-attractions a:hover {background-position:0 -72px;}

#nav_antique-cider-mill-apples a {background-position:0 -96px;}
#nav_antique-cider-mill-apples a:hover {background-position:0 -120px;}

#nav_eats-treats a {background-position:0 -144px;}
#nav_eats-treats a:hover {background-position:0 -168px;}

#nav_shops a {background-position:0 -192px;}
#nav_shops a:hover {background-position:0 -216px;}

#nav_field-trips-groups a {background-position:0 -240px;}
#nav_field-trips-groups a:hover {background-position:0 -264px;}

#nav_festival-events a {background-position:0 -288px;}
#nav_festival-events a:hover {background-position:0 -312px;}

#nav_fudge-fund-raising a {background-position:0 -336px;}
#nav_fudge-fund-raising a:hover {background-position:0 -360px;}

#nav_little-red-shop a {background-position:0 -384px;}
#nav_little-red-shop a:hover {background-position:0 -408px;}

#nav_about-us a {background-position:0 -432px;}
#nav_about-us a:hover {background-position:0 -456px;}

#nav_contact-directions a {background-position:0 -480px;}
#nav_contact-directions a:hover {background-position:0 -504px;}

#content {margin:0 0 0 240px;}
#content_inner {float:left; padding:0.3em 0.7em;}

#footer {width:100%; text-align:center; padding-bottom:155px; background:transparent url(../graphics/pumpkinville-cow-train-bottom.jpg) 50% 100% repeat-x; font-size:0.9em;}
#footer .content {margin:0 auto 0 auto; width:743px; text-align:left;}
#footer ul {list-style:none; margin:0; padding:0;}
#footer li {display:inline; margin:0.2em 0.3em; padding:0;}
#footer li a {display:block; float:left; padding:0.3em;}
#mailing_list {}

.right {float:right;}
.left {float:left;}
.image, .logo, .photo {margin: 0 20px 20px 20px; text-align: center; z-index:9;}

.full { float: none; margin: 0; }
.full p { display: block; }
.w450 {width:450px;}
.w350 { width: 350px; }
.w250 { width: 250px; }
.w200 { width: 200px; }
.w150 {width:150px;}
.caption {
 position: relative;
 text-align: justify;
 font-style: italic;
 }
.clear {clear:both; border-color:#eee; color:#eee;}