body {background: #272423 url(http://www.tricktrack.org/_assets/images/bg.jpg) top center no-repeat !important; font-family: Lucida Grande, "Lucida Grande", Verdana, Arial, Helvetica, sans serif; font-size: 12px !important;}
a:hover {text-decoration: none;}

#wrapper {width: 960px; margin: 0 auto; position: relative;}
#header {margin-top: 18px;}
#dropshadow {width: 1004px; height: 617px; background: url(http://www.tricktrack.org/_assets/images/content-bg.png) 0 0 no-repeat; position: absolute; top: 138px; left: -22px; z-index: 0;}
#content, #grey-content {background: #fff; padding: 20px; position: relative; z-index: 1; overflow: hidden;}
#grey-content {background: #ededed; padding-top: 0 !important;}
#footer2 {margin-top: 20px; margin-bottom: 20px; overflow: auto;}

#logo-nav {width: 639px; height: 115px; background: url(http://www.tricktrack.org/_assets/images/logo.png) 0 0 no-repeat; float: left; position: relative; left: -20px;}
#logo-nav a.go-home {display: block; width: 300px; height: 100%; text-indent: -999em;}
#logo-nav ul#top-nav {width: 250px; list-style: none; height: 75px; overflow: hidden; position: relative; top: 21px; left: 346px;}
#logo-nav ul#top-nav li {width: 125px; height: 25px; float: left;}
#logo-nav ul#top-nav li.about {background: url(http://www.tricktrack.org/_assets/images/nav-about.png) 0 0 no-repeat;}
#logo-nav ul#top-nav li.register {background: url(http://www.tricktrack.org/_assets/images/nav-register.png) 0 0 no-repeat;}
#logo-nav ul#top-nav li.resources {background: url(http://www.tricktrack.org/_assets/images/nav-resources.png) 0 0 no-repeat;}
#logo-nav ul#top-nav li.forum {background: url(http://www.tricktrack.org/_assets/images/nav-archive.png) 0 0 no-repeat;}
#logo-nav ul#top-nav li.thanks {background: url(http://www.tricktrack.org/_assets/images/nav-thanks.png) 0 0 no-repeat;}
#logo-nav ul#top-nav li.contact {background: url(http://www.tricktrack.org/_assets/images/nav-contact.png) 0 0 no-repeat;}
#logo-nav ul#top-nav li a {display: block; height: 100%; text-indent: -999em;}
#logo-nav ul#top-nav li:hover {background-position: 0 -25px;}

#login {float: right; width: 311px; margin-top: 28px;}
#login form {overflow: hidden; margin-bottom: 13px;}
#login input {border: 0; height: 20px; width: 100px; margin: 0 4px 12px 0; padding: 6px 10px; font-size: 12px; font-family: georgia, times, Times New Roman, Verdana, Arial; font-style: italic; font-weight: bold; float: left;}
#login input.login-btn {background: url(http://www.tricktrack.org/_assets/images/btn-login.png) 0 0 no-repeat; width: 63px; height: 32px; margin: 0; padding: 0; line-height: 33px; font-size: 0.01em; text-indent: -999em; cursor: pointer;}
#login input.search-btn {background: url(http://www.tricktrack.org/_assets/images/btn-search.png) 0 0 no-repeat !important; width: 63px; height: 32px; margin: 0; padding: 0; line-height: 33px; font-size: 0.01em; text-indent: -999em; cursor: pointer;}
#login input.login-btn:hover {background-position: 0 -32px;}
#login span {font-size: 11px; color: #fff; float: left;}
#login a {color: #fff;}
#login #social {float: right;}
#login #social li {float: left; width: 23px; height: 22px; margin-left: 5px;}
#login #social li a {display: block; height: 100%; text-indent: -999em;}
#login #social li a.twitter {background: url(http://www.tricktrack.org/_assets/images/social-twitter.png) 0 0 no-repeat;}
#login #social li a.vimeo {background: url(http://www.tricktrack.org/_assets/images/social-vimeo.png) 0 0 no-repeat;}
#login #social li a.facebook {background: url(http://www.tricktrack.org/_assets/images/social-facebook.png) 0 0 no-repeat;}
#login #social li a.flickr {background: url(http://www.tricktrack.org/_assets/images/social-flickr.png) 0 0 no-repeat;}

#banners {height: 250px; background: #171717; position: relative; overflow: hidden;}
#banners img {height: 250px !important; width: 920px !important;}
#banners a#next, #banners a#prev {display: block; height: 73px; width: 73px; background: url(http://www.tricktrack.org/_assets/images/arrows.png) 0 0 no-repeat; position: absolute; z-index: 20; top: 88px; left: 0; text-indent: -999em;}
#banners a#next {left: auto; right: 0; background-position: 0 -73px;}
div.thumb-banner {float: left; margin: 20px 10px 0 0; width: 300px; height: 150px; background: #171717; overflow: hidden; position: relative; border-style: solid; border-color: #171717; border-top-width: 5px !important; display: none;}
div.thumb-banner a {color: #fff; text-transform: uppercase !important;}
div.thumb-banner .heading {height: 25px; width: 290px; background: url(http://www.tricktrack.org/_assets/images/blue-bg.png) 0 0 repeat; position: absolute; bottom: 0; left: 0; color: #fff !important; text-transform: uppercase !important; font-size: 16px; padding: 8px 0 0 10px;}
div.thumb-banner .play-btn {display: block; position: absolute; top: 32px; left: 50%; margin-left: -39px; height: 52px; width: 78px; background: url(http://www.tricktrack.org/_assets/images/play-btn.png) 0 0 no-repeat; text-indent: -999em;}
#mycarousel {margin-top: 20px;}

div.fray-divider {width: 960px; height: 9px; background: #fff url(http://www.tricktrack.org/_assets/images/fray-divider.png) 0 0 no-repeat; position: relative; z-index: 1;}

#footer2 p {float: left; color: #fff; font-size: 12px; line-height: 18px;}
.gf-logo {background: url(http://www.tricktrack.org/_assets/images/gf-logo.png) 0 0 no-repeat; width: 121px; height: 45px; float: right; display: block; text-indent: -999em;}
.gf-logo:hover {background-position: 0 -45px;}

.clear {clear: both; height: 0;}
.no-marg-right {margin-right: 0 !important;}
.topic-actions {margin-bottom: 10px !important;}
.search-box {width: 224px !important;}

input.checkbox {float: left; width: 15px !important;}

#alert {background: #fbecb7; border: 3px solid #edd378; padding: 15px; color: #a88239; font-size: 12px; line-height: 18px; margin-bottom: 20px;}
.postbody img {max-width: 650px;}

.forty-li {width: 40px !important;}
.seventy-li {width: 70px !important;}
.eighty-li {width: 80px !important;}
.ninety-li {width: 90px !important;}
.hundred-li {width: 100px !important;}
.one-twenty-li {width: 120px !important;}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 90px;
    height: 32px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}