div#container { position: relative; padding: 22px 0px 30px 0px !important; width: 905px; background: url(bg.png) no-repeat; }
div#main { float: none; margin: 0; padding: 182px 0 0 278px; width: 420px; min-height: 1000px; }

a { outline: none; }
#twNav { position: relative; font-size: 0; line-height: 0; }
#twNav h2 {
    display: block;
    position: absolute;
    left: -73px;
    top: -8px;
    background: url(logo.png) no-repeat;
    width: 325px;
    height: 204px;
    text-indent: -9999em;
}
#twNav h2 a { display: block; width: 255px; height: 130px; padding: 30px 0 0 18px; }
#twNav ul { display: block; position: absolute; margin: 0px; }
#twNav li { display: block; position: absolute; text-indent: -9999em; background: url(nav.png) no-repeat; width: 150px; height: 150px; }
#twNav ul li a { display: block; width: 100px; height: 100px; padding: 25px 0 0 25px; }
#twNav li.start     { background-position:    0   -150px; left: 215px; top:  -80px; }
#twNav li.socks     { background-position: -150px -150px; left: 340px; top: -110px; }
#twNav li.stickers  { background-position: -300px -150px; left: 465px; top:  -90px; }
#twNav li.pics      { background-position: -450px -150px; left: 584px; top:  -96px; }
#twNav li.action    { background-position: -600px -150px; left: 710px; top:  -44px; }

#twNav li.start.active     { background-position:    0px    0px; }
#twNav li.socks.active     { background-position:  -150px    0px; }
#twNav li.stickers.active     { background-position: -300px    0px; }
#twNav li.pics.active     { background-position:    -450px    0px; }
#twNav li.action.active     { background-position:    -600px    0px; }

#twNav li.start:hover     { background-position:    0px    0px; }
#twNav li.socks:hover     { background-position:  -150px    0px; }
#twNav li.stickers:hover     { background-position: -300px    0px; }
#twNav li.pics:hover     { background-position:    -450px    0px; }
#twNav li.action:hover     { background-position:    -600px    0px; }

#twNav .sprint { display: block; position: absolute; top: 1030px; left: 440px; height: 30px; width: 300px; text-indent: -9999em; }

#styled-header { position: absolute; height: 72px; width: 340px; top: 118px; left: 325px; }

div#main p { color: #fff; }
div#main p strong { color: #ffdf00; font-style: normal; font-size: 1.1em; font-weight: bold; }
div#main img { display: block; margin: 0 auto; }
div#main ol.big-blue li { color: #ffdf00; font-size: 19px; }
div#main ol.big-blue span.not-so-big-blue { color: #fff; font-size: 12px; }
div#main ul { color: #ffdf00; padding: 0 0 0 20px; margin: 0px; list-style-position: inside; }
div#main ul li { margin: 10px 0; }
div#main ul li span { color: #fff; }
div#main h2 { color: #ffdf00; font-size: 1.6em; text-align: center; }
div#main h3 { color: #ffdf00; font-size; 1.3em; } 

#social { position: absolute; top: 959px; left: 389px; display: block; }
#social .icon { float: left; }
#social .at300bs { background: url(icons.png) no-repeat 0px 0px; height: 32px; width: 32px; line-height: 32px !important; }
#social .at300b { padding: 0 1px; }
#social .at15t_facebook { background-position: 0px 0px; }
#social .at15t_twitter { background-position: 0px -32px; }
#social .at15t_myspace { background-position: 0px -64px; }
#social .at15t_digg { background-position: 0px -96px; }
#social .at15t_email { background-position: 0px -128px; }
#social .at15t_print { background-position: 0px -160px; }

/* gallery */

div.show { margin: 0 auto; }
div.arrow { cursor: pointer; width: 40px; height: 40px; margin: 10px auto; }
div.noarrow { display: block; width: 40px; height: 40px; margin: 10px auto; }
div.no-bottom-arrow { display: block; width: 40px; height: 40px; margin: 10px auto; }
div.left { background-image: url(up_arrow.png); }
div.right { background-image: url(down_arrow.png); }

#tw-images { width: 420px; margin: 0 auto; overflow: hidden; float: left; height: 168px; }
#slideInner { outline: none; height: 25000px; }
#main #tw-images div.slide-row,
#main #tw-images div.slide { float: left; line-height: 0px; }

#main #tw-images .flickr-wrap { float: left; padding: 3px 4px 4px 3px; margin: 0px;  }
#main #tw-images .flickr-thumbnail { border: 1px solid white; display: inline; }
#main #tw-images img:hover { cursor: pointer; }
#main #tw-highlighted-image img { max-width: 414px; max-height: 414px; display: block; margin: 0px auto 1em auto; border: 3px solid white; }

.show-user-profile .label { margin: 0.2em 0; display: block; float: left; clear: left; width: 100px; font-weight: bold; color: #fff; }
.show-user-profile .field { color: white; float: left; }

/* scroll bar stuff */
div.scroll-pane { height: 760px; overflow: scroll; }

.jScrollPaneContainer { outline: none; }
.sprint-bar .jScrollPaneTrack { background: #666; }
.sprint-bar .jScrollPaneDrag { background: #fff url(drag_grab.gif) no-repeat 50% 50%; }

a.jScrollArrowUp {
    background: url(basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
    background-position: 0 -15px;
}
a.jScrollArrowDown {
    background: url(basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
    background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    background-position: 0 -30px;
}

div.status.messages { display: none; }

/* error messages */
div.error.messages {
  position: fixed;
  left: 100px;
  top: 400px;
  width: 220px;
  background-color: #0d4f85;
  border-width: 3px;
  border-color: #ff2000;
  color: #fff;
}

div.error li { color: #fff; }

div.sock-signup label { color: #fff; }
div.sticker-signup label { color: #fff; }
div.user-profile-entry { margin: 0; padding: 0.2em 0; float: left; clear: left; }

/* voting widget */
div.fivestar-widget .star a { background: url(thumb.png) no-repeat 0px 0px; }
div.fivestar-widget .star { width: 30px; height: 30px; }
div.fivestar-widget div.on a { background-position: 0px -30px; }
div.fivestar-widget div.hover a,div.rating div a:hover { background-position:0 -30px; }
div.fivestar-widget .cancel a { background: url(cancel.png) no-repeat 0px 0px; }
div.fivestar-widget .cancel { width: 30px; height: 30px; }
form.fivestar-widget div.description { padding-top: 5px; width: 70px; color: white; line-height: 10px; }

div.thumb_wars_bumper_sticker { position: relative; padding: 10px 0; }
div.thumb_wars_bumper_sticker img { border: 1px solid #ffdf00; }
form.fivestar-widget { position: absolute; top: 20px; left: 0px; }