/********************************************************************************************** CSS on Sails Title:Upstate Vegas Events Author:XHTMLized Date:March 2009 *********************************************************************************************** 1. BASE 1.1 Reset 1.2 Default styles 1.3 Basic styles 2. LAYOUT 2.1 Header 2.2 Content 2.3 Sidebar 2.4 Footer ***********************************************************************************************/ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 1.1 Reset only for Sidebar,Footer & Header -----------------------------------------------------------------------------------------------*/ html,body {margin:0;padding:0;} a {outline:0;} div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;} img {border:0;outline:0;} body {line-height:1;font-size:62.5%;} #header ol, #header ul, #sidebar ol, #sidebar ul, #footer ol, #footer ul {list-style:none;margin:0;padding:0;border:0;outline:0;} #header h1, #header h2, #header h3, #header h4, #header h5, #header p, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar p, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer p {margin:0;padding:0;border:none;outline:0;font-weight:normal;} /* *:focus {outline:0;}*/ /* 1.2 Default styles -----------------------------------------------------------------------------------------------*/ body {font-family:Verdana,Arial,Helvetica,sans-serif;} #header, #footer {font-family:Verdana,Arial,Helvetica,sans-serif;} hr {display:none;} #content hr {display:block;margin:20px 0;color:#d8ab87;border-bottom:1px solid #d8ab87;border-top:1px solid #673222;;border-right:none;border-left:none;clear:both;} strong {font-weight:bold;} em {font-style:italic;} abbr, acronym {border-bottom:1px dotted #999; cursor:help;} input, textarea, select {font:1.2em Arial, Helvetica, sans-serif;} a {color:#dc8a36;text-decoration:none;} a:visited {color:#acd373;} a:hover, a:active {text-decoration:underline;} #sidebar a, #sidebar a:visited, #sidebar a:hover, #sidebar a:active {color:#1695a3;text-decoration:none;} #footer a, #footer a:visited, #footer a:hover, #footer a:active {color:#b4641e;text-decoration:none;} #footer {color:#b4641e;} #zd-alt-nav a, #zd-alt-nav a:visited, #zd-alt-nav a:hover, #zd-alt-nav a:active {color:#23507a;} #header div.sizeswitch a, #header div.sizeswitch {color:#dc8a36;} .zd-breadcrumbs a, .zd-breadcrumbs a:visited, .zd-breadcrumbs a:hover, .zd-breadcrumbs a:active {color:#1695a3;} /* 1.3 Basic styles -----------------------------------------------------------------------------------------------*/ .hide {display:none;} .clearfix:after, .container:after, #zd-nav:after, #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* To be moved to ie.css when moving to a production environment */ .clearfix, .container, #zd-nav, #content { zoom:1; } #zd-nav .cssref {display:none;} /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ body {text-align:center;background:#420900;} .container {width:900px;position:relative;margin:0 auto;text-align:left;} #header {background:url(../images/bg_header.gif) top center repeat-x #290600;border-bottom:1px solid #d8ab87;} #header .container {background:url(../images/bg_header-cont.jpg) bottom center no-repeat;} #footer {border-top:1px solid #d3ab87;background:#290600;} /* Default (two column layout) */ #content {width:638px;float:right;} #main-content {float:left;width:413px;} #content #zd-content2 {float:right;width:182px;padding:15px 10px 0;border:1px solid #73310d;background:#250702;} #sidebar {width:235px;float:left;padding-top:25px;padding-bottom:55px;} #footer {clear:both;} /* 2.1 Header -----------------------------------------------------------------------------------------------*/ #header .container {min-height:385px;} #header .logo a {display:block;width:498px;height:113px;overflow:hidden;cursor:pointer;margin:0 0 7px 0;} #header .logo a span {cursor:pointer;} #header .logo a:hover {text-decoration:none;} #header .logo {float:right;position:relative;padding-top:10px;text-align:left;} #header .logo a {background:url(../images/logo.png) no-repeat;} #header .logo a span.title {position:absolute;left:-9999px;} #header .logo span.location {position:absolute;top:92px;left:287px;color:#fdd4a9;font-size:14px;text-transform:uppercase;letter-spacing:5px;cursor:pointer;} #accessibility-links {position:absolute;left:-1000em;text-align:left;} /* Size Switch */ div.sizeswitch {position:absolute;top:0;right:0;line-height:32px;height:34px;padding:0 4px 0 0;color:#dc8a36;} div.sizeswitch span {float:left;font-size:1.2em;line-height:32px;padding:4px 4px 0 0;} div.sizeswitch a {text-decoration:none;} div.sizeswitch a:hover, div.sizeswitch a:focus {text-decoration:underline;} div.sizeswitch a.current {text-decoration:underline;cursor:default;color:#fdd4a9;} div.sizeswitch a.s {font-size:14px;} div.sizeswitch a.d {font-size:18px;} div.sizeswitch a.l {font-size:23px;} /* Testimonials */ #zd-template-testimonial-slideshow-521 {float:right;clear:both;position:relative;left:-16px;width:297px;padding:27px 30px 0;height:105px;margin:0 0 5px 0;color:#fdd4a9;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.2em;line-height:1.33em;background:url(../images/bg_testimonial.png) no-repeat;text-align:right;} #zd-template-testimonial-slideshow-521 ul {position:relative;} #zd-template-testimonial-slideshow-521 li {width:297px;position:absolute;top:0 !important;left:0 !important;right:auto;} #zd-template-testimonial-slideshow-521 .pull-quote {margin:0 0 14px 0;} #zd-template-testimonial-slideshow-521 .author {font-style:italic;} #zd-template-testimonial-slideshow-521 a {color:#fceddc;} #zd-template-testimonial-slideshow-521 a:hover {text-decoration:underline;} /* Navigation */ #zd-nav-container {padding:35px 0 1px 2px;height:100px;} #header #zd-nav {position:relative;background:url(../images/nav-sep.gif) left top no-repeat;padding-left:1px;} #zd-nav-container li.level-0 {float:left;background:url(../images/nav-sep.gif) right top no-repeat;} #zd-nav-container li.level-0 span {float:left;background-position:right top;background-repeat:no-repeat;} #zd-nav-container li.level-0 a.level-0 {float:left;height:41px;line-height:40px;font-size:1.66em;color:#fdd4a9;background-position:left top;background-repeat:no-repeat;position:relative;left:-1px;text-align:center;font-family:Georgia,"Times New Roman",Times,serif;} #zd-nav-container li.level-0 a.level-0:hover {text-decoration:none;} #zd-nav-container li.level-0 span.hover {background-image:url(../images/nav-r-h.gif);} #zd-nav-container li.level-0 span.hover a.level-0 {background-image:url(../images/nav-l-h.gif);color:#fceddc;} #zd-nav-container ul.zd-nav li.zd-nav-active span {background-image:url(../images/nav-r-a.gif);} #zd-nav-container ul.zd-nav li.zd-nav-active a.level-0 {background-image:url(../images/nav-l-a.gif);color:#fceddc;} #zd-nav li#zd-nav-1222 a.level-0 {width:125px;} #zd-nav li#zd-nav-3332 a.level-0 {width:125px;} #zd-nav li#zd-nav-1557 a.level-0 {width:149px;} #zd-nav li#zd-nav-1560 a.level-0 {width:139px;} #zd-nav li#zd-nav-1562 a.level-0 {width:147px;} #zd-nav li#zd-nav-1559 a.level-0 {width:177px;} #zd-nav li#zd-nav-1558 a.level-0 {width:159px;} #zd-nav-container #zd-nav .zd-sub-nav {position:absolute;top:41px;z-index:5;left:-1px;width:880px;padding:0 10px;text-align:right;line-height:29px;height:30px;/*border-bottom:1px solid #ccaa87;*/background-color:#41382d;background-image:url(../images/bg_subnav.gif);background-position:bottom left;background-repeat:repeat-x;} #zd-nav-container #zd-nav .zd-sub-nav .zd-sub-nav {background-color:#2a231b;top:30px;} #zd-nav-container #zd-nav .zd-sub-nav li {float:right;height:30px;background:url(../images/nav2-sep.gif) left center no-repeat;} #zd-nav-container #zd-nav .zd-sub-nav li.zd-nav-first {background:none;} #zd-nav-container #zd-nav .zd-sub-nav a {float:none;display:inline;color:#fdd4a9;font-size:1.2em;background:none;padding:0 15px;} #zd-nav-container #zd-nav .zd-sub-nav span {float:none;display:inline;background:none;} #zd-nav-container #zd-nav .zd-sub-nav a:hover {text-decoration:underline;} #zd-nav-container #zd-nav .zd-sub-nav a.zd-nav-current, #zd-nav-container #zd-nav .zd-sub-nav a.zd-nav-sub-current {text-decoration:underline;color:#fceddc;} /* Deactivated */ #zd-nav-container #zd-nav .zd-sub-nav {left:-9999px;} /* Activate Level 1 */ #zd-nav-container #zd-nav .zd-nav-active .zd-sub-nav, #zd-nav-container #zd-nav .hover .zd-sub-nav {left:-1px;} #zd-nav-container #zd-nav .hover .zd-sub-nav {z-index:10;} /* De-activate Level 2 while only Level 1 is activated */ #zd-nav-container #zd-nav .zd-nav-active .zd-sub-nav .zd-sub-nav, #zd-nav-container #zd-nav .hover .zd-sub-nav .zd-sub-nav {left:-9999px;} /* Activate Level 2 */ #zd-nav-container #zd-nav .zd-nav-active .zd-sub-nav .hover .zd-sub-nav, #zd-nav-container #zd-nav .zd-nav-active .zd-sub-nav .zd-nav-active .zd-sub-nav, #zd-nav-container #zd-nav .hover .zd-sub-nav .hover .zd-sub-nav {left:-1px;} /* 2.2 Content -----------------------------------------------------------------------------------------------*/ #content {font-size:1.2em;color:#fdd4a9;padding-top:25px;padding-bottom:30px;} #content p ol, #content p ul, #content ul p, #content ol p {font-size:1em;} ol li {line-height:1.5em;} ol {padding-left:25px;} ul {list-style-type:disc;list-style-position:outside;padding-left:25px;} ul ul {list-style-type:circle;} ul ul ul {list-style-type:square;} #content p.important {font-size:1.12em;line-height:1.5em;} #content .zd-breadcrumbs {display:block;padding-top:20px;color:#066b9d;line-height:20px;margin-bottom:10px;} #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {margin:10px 0 0 0;font-weight:normal;color:#dc8a36;font-family:Georgia,"Times New Roman",Times,serif;} #content h1 {font-size:1.66em;line-height:1em;} #content h2 {font-size:1.66em;line-height:1.1em;} #content h3 {font-size:1.39em;line-height:1.19em;} #content h4 {font-size:1.26em;line-height:1.32em;} #content h5 {font-size:1.13em;line-height:1.47em;} #content h6 {font-size:1em;line-height:1.66em;} #content #zd-content2 h2 {margin:0 0 20px 0;} #content address {margin:5px 0;} #content #page-title {font-size:1.66em;margin:0 0 20px 0;} #content p {line-height:1.66em;margin:0 0 20px;text-align:left;} #content p.left {text-align:left;} #content p.center {text-align:center;} #content p.right {text-align:right;} #content blockquote {padding:10px 10px 0 10px;font-style:italic;} #content ul, #content ol {margin:10px 0;line-height:1.5em;} #content ul ul, #content ol ol {margin:5px 0;} #content ul.spaced li {padding:0 0 10px 0;} #content ul p {margin:0;} #content ul p.readmore {margin:0 0 20px 0;} #content ul div.body p {margin:0 0 20px 0;} #content form input {font-size:1em;} #content img.right {float:right;margin:10px 0 10px 10px;border:1px solid #76330d;} #content img.left {float:left;margin:10px 10px 10px 0; border:1px solid #76330d;} #content img {/*border:1px solid #76330d; uncomment if border needs to be added to all images*/} #content img.up-right, #homepage #zd-content1 img {float:right;clear:right;margin:0 0 15px 30px;border:none;} #homepage .news-list .title {display:inline;} #homepage .news-list .title span a {color:#FDD4A9;} #homepage .news-list .title span a:hover {text-decoration:none;color:#FDD4A9;} #homepage .news-list .intro {display:none;} #homepage .news-list p.readmore {display:inline; padding-left: 10px;} /* 2.3 Sidebar -----------------------------------------------------------------------------------------------*/ #sidebar .gallery-slideshow-shell li {border:1px solid #74320d;} #sidebar #howtoplay {background:#250702 url(../images/bg_how-to-play.jpg) bottom left no-repeat;border:1px solid #75320d;padding:0 0 80px 0;} #sidebar #howtoplay h2 {position:relative;height:81px;} #sidebar #howtoplay h2 span {background:url(../images/txt_how-to-play.gif) top left no-repeat;position:absolute;top:0;left:0;width:100%;height:100%;} #sidebar #howtoplay p {position:relative;color:#dc8a36;font-size:1.2em;line-height:1.6em;font-family:Georgia,"Times New Roman",Times,serif;padding:0 15px 0 59px;height:80px;margin:0 0 6px 0;} #sidebar #howtoplay p a {color:#dc8a36;} #sidebar #howtoplay p a:hover {text-decoration:underline;} #sidebar #howtoplay p span.die {position:absolute;top:0;left:-15px;background-position:top left;background-repeat:no-repeat;} #sidebar #howtoplay p.one {} #sidebar #howtoplay p.two {} #sidebar #howtoplay p.three {} #sidebar #howtoplay p.one span.die {width:64px;height:68px;background-image:url(../images/die-one.png);} #sidebar #howtoplay p.two span.die {top:-9px;width:61px;height:59px;background-image:url(../images/die-two.png);} #sidebar #howtoplay p.three span.die {top:-7px;left:-20px;width:71px;height:68px;background-image:url(../images/die-three.png);} #content .zd-announcements-subscribe-form-table td p { margin: 0; padding: 0; } .zd-announcements-subscribe-form-table td { padding: 2px; } #zd-content2 #page-title { display: none; } /* 2.4 Footer -----------------------------------------------------------------------------------------------*/ #footer {text-align:right;height:100px;color:#b4641e;} #footer p {line-height:20px;padding:10px 0 0 265px;} #footer a.subscribe {position:absolute;top:-33px;left:0;height:46px;border:1px solid #FDD4A9;background-color:#250702;color:#fdd4a9;font-size:1.2em;padding:14px 2px 2px 91px;background-position:33px 12px;background-repeat:no-repeat;background-image:url(../images/ico-subscribe.gif);} #footer a.subscribe span {cursor:pointer;float:left;display:block;line-height:1.33em;padding-right:30px;} #footer a.subscribe strong {cursor:pointer;float:left;clear:left;display:block;font-weight:normal;font-size:1.37em;color:#dc8a36;line-height:1.3em;font-family:Georgia,"Times New Roman",Times,serif;padding-right:32px;} #footer a.subscribe:hover {color:#fdd4a9;border:3px solid #71300c;padding:12px 0 0 89px;background-position:31px 10px;} /* Events Gallery */ #gallery-body #content { width: auto; float: none; } #gallery-body #zd-content1 { width: 600px; margin: 0 35px 0 263px; position: relative; } .jsgal-shell { position: static !important; } .jsgal-shell .image-shell img { border: 1px solid #702f0f; } .jsgal-shell .nav-shell { position: absolute !important; top: 10px !important; left: -263px; width: 250px !important; height: 260px !important; overflow: hidden; } .jsgal-shell .nav-shell .filler { height: 270px; } .jsgal-shell .nav-shell ul, .jsgal-shell .nav-shell ul li a, .jsgal-shell .nav-shell ul li a img { display: block; margin: 0; padding: 0; list-style-type: none; } .jsgal-shell .nav-shell ul li { float: left; margin: 0 5px 5px 0; padding: 0; list-style-type: none; border: 1px solid #702f0f; } .jsgal-shell .nav-controls { position: absolute !important; top: 276px !important; left: -263px !important; width: 221px !important; height: 20px !important; padding-top: 8px !important; border: 1px solid #702f0f; background: #240701; text-align: center; font-size: 11px !important; } .jsgal-shell .nav-controls .previous { position: absolute; left: 5px; top: 5px; font-size: 0; text-indent: -9999px; overflow: hidden; width: 19px; height: 18px; background: url(/images/nav-prev-on.gif) no-repeat; } .jsgal-shell .nav-controls .next { position: absolute; right: 5px; top: 5px; font-size: 0; text-indent: -9999px; overflow: hidden; width: 19px; height: 18px; background: url(/images/nav-next-on.gif) no-repeat; } .jsgal-shell .nav-controls .previous.inactive { background: url(/images/nav-prev-off.gif); } .jsgal-shell .nav-controls .next.inactive { background-image: url(/images/nav-next-off.gif); } .jsgal-shell .detail-shell { position: absolute; top: 316px; left: -263px; width: 221px; height: 200px; } .jsgal-shell .detail-shell h3 { margin-top: 0 !important; padding-top: 0 !important; margin-bottom: 5px !important; } .jsgal-shell .detail-shell .image-desc, .jsgal-shell .detail-shell .image-url { font-size: 11px; line-height: 11px; } .jsgal-shell .detail-shell .image-desc p { margin-bottom: 11px !important; } table { border: 1px solid #74320D; border-collapse: collapse; } table td { vertical-align: top; border-bottom: 1px solid #74320D; border-right: 1px solid #74320D; padding: 10px; } .feedback-form table td { border: none; padding: 5px 5px 5px 10px; } .feedback-form table td.label-cell { padding-top: 10px; } .feedback-form input, .feedback-form select { font-size: 1em; } .feedback-form label { line-height: 1.4em; } .feedback-form table { border: none; }