/* --- Copyright Jordan Smith Design 2010, www.jordansmithdesign.com --- */ /* --- CSS RESET --- */ html, body, 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, img, 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; font-size: 100%; vertical-align: baseline; background: transparent; } a, a:visited, a:hover, a:focus {color: inherit; text-decoration: none; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0;} /* --- END CSS RESET --- */ /* --- LAYOUT STYLES --- */ html, body { height: 100%; } body { /* customize_background */ background: url(http://www.westvillepub.com/themes/westville/images/brick.jpg) ;/* END customize_background */ text-align: center; padding: 0px; margin: 0px; } #page { position: relative; z-index: 2; width: 850px; margin: 25px auto;} /* --- HEADER STYLES --- */ #page #header {position: relative; height: 150px; width: 800px; margin: 8px auto 0px auto; padding: 17px 17px 0 17px; } #page #header #logo { float: left; position: relative; padding: 10px 20px 0px 20px;} #page #header #logo a { position: absolute; top: 0px; left: 25px; height: 150px; background: url(http://www.westvillepub.com/themes/westville/images/logoSign.gif) 0 0 no-repeat; padding-left: 155px; display: block; color: #FFFFA9;} #page #header #logo a:hover { background: url(http://www.westvillepub.com/themes/westville/images/logoSign.gif) 0px -150px no-repeat; } #page #header #headerContent { clear: both; padding: 10px 10px 0 10px; position: absolute; top: 50px; left: 200px; height: 115px; width: 600px; float: right; } /* --- END HEADER STYLES --- */ /* --- NAVIGATION BAR STYLES --- */ #page #nav { width: 850px; height: 125px; padding:0 0 0 25px; margin: 0 auto; list-style: none; display: block; background: url(http://www.westvillepub.com/themes/westville/images/navBack.jpg) no-repeat left top; } #page #nav ul {} #page #nav li {display: block; float: left; padding: 15px 0px 0px 0px;} #page #nav li a {display: block; padding: 40px 20px 40px 50px; font-size: 20px; color: #FFFFA9; font-weight: bold;} #page #nav li a:hover { font-weight: bold; text-decoration: none;} #page #nav li.menu1 a { background: url(http://www.westvillepub.com/themes/westville/images/tapsAll.gif) 0 0 no-repeat; } #page #nav li.menu1 a:hover { background: url(http://www.westvillepub.com/themes/westville/images/tapsAll.gif) 0 -100px no-repeat;} #page #nav li.menu2 a { background: url(http://www.westvillepub.com/themes/westville/images/tapsAll.gif) 0 -200px no-repeat; } #page #nav li.menu2 a:hover { background: url(http://www.westvillepub.com/themes/westville/images/tapsAll.gif) 0 -300px no-repeat;} #page #nav li.menu3 a { background: url(http://www.westvillepub.com/themes/westville/images/tapsAll.gif) 0 -400px no-repeat; } #page #nav li.menu3 a:hover { background: url(http://www.westvillepub.com/themes/westville/images/tapsAll.gif) 0 -500px no-repeat;} #page #nav li.menu4 a { background: url(http://www.westvillepub.com/themes/westville/images/tapsAll.gif) 0 -600px no-repeat; } #page #nav li.menu4 a:hover { background: url(http://www.westvillepub.com/themes/westville/images/tapsAll.gif) 0 -700px no-repeat;} #page #nav li.menu5 a { background: url(http://www.westvillepub.com/themes/westville/images/tapsAll.gif) 0 -800px no-repeat; } #page #nav li.menu5 a:hover { background: url(http://www.westvillepub.com/themes/westville/images/tapsAll.gif) 0 -900px no-repeat;} #page #nav li.menu6 a { background: url(http://www.westvillepub.com/themes/westville/images/tapsAll.gif) 0 -1000px no-repeat; } #page #nav li.menu6 a:hover { background: url(http://www.westvillepub.com/themes/westville/images/tapsAll.gif) 0 -1100px no-repeat;} /* --- END NAVIGATION BAR STYLES --- */ #page #contain { position: relative; width: 800px; margin: 0 auto; padding: 0; background: url(http://www.westvillepub.com/themes/westville/images/blackboard.jpg) left top; } /* --- SIDEBAR STYLES --- */ /* --- DEFAULT THEME STYLES --- */ #page #contain #sidebar { float: right; width: 200px; padding: 20px 10px 10px 10px; color: #000;} #page #contain #sidebar p {padding: 5px;} #page #contain #sidebar .nav li {width: 165px; margin-left: 15px; text-align: left; list-style: circle;} #page #contain #sidebar .nav li a{ color: #000; font-size: 18px; font-weight: bold;line-height: 150%; display: block;} #page #contain #sidebar .nav li a:hover, #page #contain #sidebar a:focus, #page #contain #sidebar a:active {color: #666; text-decoration: underline;} #page #contain #sidebar .nav li a:visited{color:000;} #page #contain #sidebar #sidebarTop {width: 200px; height: 30px; background: url(http://www.westvillepub.com/themes/westville/images/sidebarTop.gif) no-repeat top left; } #page #contain #sidebar #sidebarBottom {width: 200px; height: 95px; background: url(http://www.westvillepub.com/themes/westville/images/sidebarBottom.gif) no-repeat top left; } #page #contain #sidebar #sidebarMiddle { width: 200px; background: url(http://www.westvillepub.com/themes/westville/images/sidebarMiddle.gif) repeat-y top left; } #page #contain #sidebar #sideContent { padding: 5px 15px; } /* --- END DEFAULT THEME STYLES --- */ /* --- LEFT_SIDEBAR STYLES --- */ #page #contain.left_sidebar #sidebar {float: left; !important; } /* --- END LEFT_SIDEBAR STYLES --- */ /* --- END SIDEBAR STYLES --- */ /* --- MAIN CONTENT STYLES --- */ #page #borderTop {height: 8px; width: 800px; background: url(http://www.westvillepub.com/themes/westville/images/borderTop.png) repeat-x top left; position: absolute; top: 0; left: 0} #page #borderRight {height: 100%; background: url(http://www.westvillepub.com/themes/westville/images/borderRight.png) repeat-y top right;} #page #borderLeft {height: 100%; background: url(http://www.westvillepub.com/themes/westville/images/borderLeft.png) repeat-y top left;} #page #contain #main { min-height: 350px; background: url(http://www.westvillepub.com/themes/westville/images/blackboard.jpg) left top; margin: 0 8px; padding: 20px 15px; text-align: left; zoom: 1; color: #FFF;} #page #contain #main a {text-decoration: underline; } #page #contain #main p {padding: 5px 15px; } #page #contain #main h3 {padding: 10px 0;} #page #contain #main ul {list-style: circle; padding: 10px 0;} #page #contain #main ul li {padding: 3px 0 3px 5px; margin-left: 20px; } /*--- main table styles --- */ #page #contain #main #drinks {display: table; width: 525px;} #page #contain #main #drinks tr {display: table-row;} #page #contain #main #drinks tbody tr.alt {border-bottom: 1px dashed #FFF;} #page #contain #main #drinks tbody tr.alt td {padding: 0px 0px 14px 20px; font-weight: normal;} #page #contain #main #drinks td { display: table-cell; padding: 7px; font-size: 15px; font-weight: bold; } #page #contain #main #food tr {display: table-row;} #page #contain #main #food tbody tr.alt {border-bottom: 1px dashed #FFF;} #page #contain #main #food tbody tr.alt td {padding: 0px 10px 14px 20px; font-weight: normal;} #page #contain #main #food td { display: table-cell; padding: 7px; font-size: 15px; font-weight: bold; } /* --- END MAIN CONTENT STYLES --- */ /* --- FOOTER STYLES --- */ #page #footer {position: relative; width: 800px; height: 110px; color: #FFF; padding: 8px 0 0 0; margin: -3px auto 0 auto; background: url(http://www.westvillepub.com/themes/westville/images/blackboardBottom.gif) no-repeat 0 0;} #page #footer span { padding: 0 20px;} #page #footer span.copyright {position: absolute; display: block; top: 5px; left: 180px;} #page #footer span.designby {position: absolute; display: block; top: 5px; left: 440px;} #page #footer span.address {position: absolute; display: block; top: 62px; left: 180px;} #page #footer span.login {position: absolute; display: block; top: 62px; left: 575px; } /* --- END FOOTER STYLES --- */ /* --- END LAYOUT STYLES --- */ /* --- CUSTOM STYLES --- */ /* --- Event Calendar Styles */ #page #contain #main #event_cal {width: 100%;} #page #contain #main .smallcal { width: 525px;} #page #contain #main .clearfloat {clear: left;} #page #contain.no-sidebar #event_cal{ width: auto; margin: 0 auto;} #page #contain.no-sidebar #smallcal{ width: auto; margin: 0 auto;} /* -- End Event Calendar Syltes */ /* --- graffiti styles --- */ #graffiti1 a{width: 150px; height: 198px; position: absolute; z-index: 0; top: 5%; left: 1%; background: url(http://www.westvillepub.com/themes/westville/images/graffiti1.gif) 0 0 no-repeat; } #graffiti1 a:hover, #graffiti1 a:active, #graffiti1 a:focus { z-index: 20; width: 165px; height: 222px; background: url(http://www.westvillepub.com/themes/westville/images/graffiti1.gif) 0 -198px no-repeat;} #graffiti2 a{width: 150px; height: 150px; position: absolute; z-index: 1; top: 5%; left: 85%; background: url(http://www.westvillepub.com/themes/westville/images/graffiti2.gif) 0 0 no-repeat; } #graffiti2 a:hover, #graffiti2 a:active, #graffiti2 a:focus { z-index: 20; width: 165px; height: 165px; background: url(http://www.westvillepub.com/themes/westville/images/graffiti2.gif) 0 -150px no-repeat;} #graffiti3 a {width: 125px; height: 300px; position: absolute; z-index: 1; top: 45%; left: .5%; background: url(http://www.westvillepub.com/themes/westville/images/graffiti3.gif) 0 0 no-repeat; } #graffiti3 a:hover, #graffiti3 a:active, #graffiti3 a:focus { z-index: 20; width: 138px; height: 330px; background: url(http://www.westvillepub.com/themes/westville/images/graffiti3.gif) 0 -300px no-repeat;} #graffiti4 a {width: 125px; height: 300px; position: absolute; z-index: 1; top: 45%; left: 85%; background: url(http://www.westvillepub.com/themes/westville/images/graffiti4.gif) 0 0 no-repeat; } #graffiti4 a:hover, #graffiti4 a:active, #graffiti4 a:focus { z-index: 20; width: 138px; height: 330px; background: url(http://www.westvillepub.com/themes/westville/images/graffiti4.gif) 0 -300px no-repeat;} /* --- end graffiti styles --- */ /* --- END CUSTOM STYLES --- */