body { margin: 0px auto; background: #ebebeb; color: #000000; background-image: url(../img/background.png); background-repeat: repeat-x; } img { border: 0px; } a:link { color: #600e0e; text-decoration: none; } a:visited { color: #600e0e; text-decoration: none; } a:hover { color: #a90000; text-decoration: none; } #container { width: 380px; margin: 0 auto; } #container tr { margin: 0px; text-align: left; color: #333333; font-size: 17px; line-height: 27px; } #heading { color: #00609F; margin: 0px 0px 5px 14px; font-size: 18px; font-family: Trebuchet MS; letter-spacing: .1em; text-shadow: #FFF 1px 1px 1px; } #text { color: #000000; margin: 0px 24px 15px 24px; line-height: 17px; text-align: justify; font-size: 13px; font-family: Trebuchet MS; text-shadow: #FFF 1px 1px 1px; } #small { color: #690000; margin: 0px 24px 15px 24px; line-height: 14px; font-size: 10px; font-family: Trebuchet MS; text-shadow: #FFF 1px 1px 1px; } #small a:link { color: #690000; text-decoration: none; } #small a:visited { color: #690000; text-decoration: none; } #small a:hover { color: #a90000; text-decoration: none; } #share { color: #690000; margin: 0px 0px 15px 0px; line-height: 18px; font-size: 12px; font-family: Trebuchet MS; text-shadow: #FFF 1px 1px 1px; } #share a:link { color: #690000; text-decoration: none; } #share a:visited { color: #690000; text-decoration: none; } #share a:hover { color: #a90000; text-decoration: none; } #random { color: #690000; line-height: 14px; font-size: 10px; font-family: Trebuchet MS; text-shadow: #FFF 1px 1px 1px; text-transform: uppercase; letter-spacing: .1em; } #random a:link { color: #690000; text-decoration: none; } #random a:visited { color: #690000; text-decoration: none; } #random a:hover { color: #a90000; text-decoration: none; } #stats { color: #00609F; text-align: center; margin: 5px 0px 5px 0px; line-height: 17px; font-size: 13px; font-family: Trebuchet MS; text-shadow: #FFF 1px 1px 1px; } /* ---------- PAGE HEADER DISPLAY ---------- */ #header { width: 368px; height: 55px; margin: 0px 0px 10px 6px; background-image: url(../img/header.png); background-repeat: no-repeat; } #user { float: left; color: #EEB50E; margin: 30px 0px 0px 83px; font-size: 11px; font-family: Trebuchet MS; letter-spacing: .1em; text-shadow: #000 1px 1px 1px; } #user a:link { color: #EEB50E; text-decoration: none; } #user a:visited { color: #EEB50E; text-decoration: none; } #user a:hover { color: #FFD630; text-decoration: none; text-shadow: #000 1px 1px 1px; } #menu { float: right; width: 92px; margin-right: 8px; } #add { text-align: left; font-size: 12px; margin: 16px 0px 0px 0px; font-family: Verdana; letter-spacing: .1em; text-shadow: #000 1px 1px 0px; } #add a:link { color: #FFFFFF; text-decoration: none; } #add a:visited { color: #FFFFFF; text-decoration: none; } #add a:hover { color: #FFFFFF; text-decoration: none; text-shadow: #990000 1px 1px 1px; } #countdown { text-align: left; color: #8F8F8F; font-size: 11px; font-family: Trebuchet MS; letter-spacing: .1em; text-shadow: #000 1px 1px 1px; text-transform: lowercase; } #breakdown { text-align: center; color: #000000; margin: 0px 0px 15px 0px; font-size: 13px; font-family: Trebuchet MS; text-shadow: #FFF 1px 1px 1px; } #buy { float: right; margin: 11px 12px 0px 0px; } /* ---------- BEER OUTPUT DISPLAY ---------- */ #top { width: 368px; height: 25px; margin: 0px 0px 0px 6px; background-image: url(../img/top.png); background-repeat: no-repeat; } #top2 { width: 368px; height: 25px; margin: 0px 0px 0px 6px; background-image: url(../img/top2.png); background-repeat: no-repeat; } #top3 { width: 368px; height: 40px; margin: 0px 0px 0px 6px; background-image: url(../img/top3.png); background-repeat: no-repeat; } #bottom { width: 368px; height: 25px; margin: 0px 0px 5px 6px; background-image: url(../img/bottom.png); background-repeat: no-repeat; } #bottom2 { width: 368px; height: 25px; margin: 0px 0px 5px 6px; background-image: url(../img/bottom2.png); background-repeat: no-repeat; } #number { color: #333333; font-size: 14px; font-family: Georgia; margin-left: 10px; margin-top: -3px; text-shadow: #FFFFFF 1px 1px 1px; } #number a:link { color: #333333; text-decoration: none; } #number a:visited { color: #333333; text-decoration: none; } #number a:hover { color: #333333; text-decoration: none; } #date { color: #600000; font-size: 14px; margin-left: 5px; text-shadow: #FFFFFF 1px 1px 1px; } #date a:link { color: #600000; text-decoration: none; } #date a:visited { color: #600000; text-decoration: none; } #date a:hover { color: #600000; text-decoration: none; } #beer { color: #333333; margin-left: 2px; font-size: 16px; font-family: Trebuchet MS; text-shadow: #FFFFFF 1px 1px 1px; } #beer a:link { color: #333333; text-decoration: none; } #beer a:visited { color: #333333; text-decoration: none; } #beer a:hover { color: #333333; text-decoration: none; } /* ---------- ADD A BEER ENTRY FORM ---------- */ #label { color: #000000; font-size: 14px; margin-left: 14px; font-family: Trebuchet MS; letter-spacing: .1em; text-shadow: #FFFFFF 1px 1px 1px; } #label2 { color: #000000; font-size: 14px; margin-left: 24px; font-family: Trebuchet MS; letter-spacing: .1em; text-shadow: #FFFFFF 1px 1px 1px; } #error { color: #600000; font-size: 14px; margin-left: 14px; font-family: Trebuchet MS; letter-spacing: .1em; text-shadow: #FFFFFF 1px 1px 1px; } #error2 { color: #600000; font-size: 16px; text-align: center; margin-bottom: 10px; text-transform: uppercase; font-family: Trebuchet MS; letter-spacing: .1em; text-shadow: #FFFFFF 1px 1px 1px; } #error3 { color: #600000; font-size: 14px; font-family: Trebuchet MS; letter-spacing: .1em; text-shadow: #FFFFFF 1px 1px 1px; } #form1 { height: 17px; font-size: 11px; } #form2 { height: 11px; font-size: 11px; } #form3 { font-size: 11px; } #rating { color: #000960; font-size: 14px; font-family: Trebuchet MS; letter-spacing: .1em; text-shadow: #FFFFFF 1px 1px 1px; } #submit { font-size: 14px; text-align: center; font-family: Trebuchet MS; letter-spacing: .1em; text-transform: uppercase; text-shadow: #FFFFFF 1px 1px 1px; } #submit2 { font-size: 14px; margin-top: 10px; text-align: center; font-family: Trebuchet MS; letter-spacing: .1em; text-transform: uppercase; text-shadow: #FFFFFF 1px 1px 1px; } #self-enter { color: #000000; font-size: 12px; margin: 0px; font-family: Trebuchet MS; letter-spacing: .1em; text-shadow: #FFFFFF 1px 1px 1px; } /* ---------- DHTML POPUP TOOL TIPS ---------- */ #dhtmltooltip { position: absolute; margin-left: -85px; margin-top: -10px; left: -300px; width: 70px; visibility: hidden; z-index: 100; } #dhtmlpointer { position:absolute; left: -300px; z-index: 101; visibility: hidden; } #popup1 { width: 70px; height: 58px; background: url(../img/pop1.png) no-repeat; } #popup2 { width: 70px; height: 58px; background: url(../img/pop2.png) no-repeat; } #popup3 { width: 70px; height: 58px; background: url(../img/pop3.png) no-repeat; } #popup4 { width: 70px; height: 58px; background: url(../img/pop4.png) no-repeat; } #popup5 { width: 70px; height: 58px; background: url(../img/pop5.png) no-repeat; } #popup6 { width: 70px; height: 58px; background: url(../img/pop6.png) no-repeat; } #popup7 { width: 70px; height: 58px; background: url(../img/pop7.png) no-repeat; } /* ---------- LEADER BOARD LISTINGS ---------- */ #rank-num { color: #000000; font-size: 13px; font-family: Trebuchet MS; text-shadow: #FFF 1px 1px 1px; } #rank-id { color: #690000; font-size: 16px; font-family: Trebuchet MS; letter-spacing: .1em; text-shadow: #FFF 1px 1px 1px; } #rank-id a:link { color: #690000; text-decoration: none; } #rank-id a:visited { color: #690000; text-decoration: none; } #rank-id a:hover { color: #a90000; text-decoration: none; } #rank-pints { color: #000000; font-size: 11px; font-family: Trebuchet MS; text-shadow: #FFF 1px 1px 1px; } #rank-total { color: #000000; font-size: 14px; font-family: Trebuchet MS; letter-spacing: .1em; text-shadow: #FFF 1px 1px 1px; } /* ---------- PAGE FOOTER DISPLAY ---------- */ #footer { width: 345px; height: 20px; margin: 2px 0px 10px 18px; } #about { float: left; width: 190px; text-align: left; font-size: 10px; font-family: Trebuchet MS; text-transform: uppercase; } #about a:link { color: #95bc0f; text-decoration: none; } #about a:visited { color: #95bc0f; text-decoration: none; } #about a:hover { color: #80a500; text-decoration: none; } #copyright { float: right; width: 150px; text-align: right; font-size: 10px; font-family: Trebuchet MS; text-transform: uppercase; } #copyright a:link { color: #95bc0f; text-decoration: none; } #copyright a:visited { color: #95bc0f; text-decoration: none; } #copyright a:hover { color: #80a500; text-decoration: none; }