@import "reset.css";

body { background: #000; color: #FFF; }

#background { width: 100%; padding: 0 0 20px 0; background: url(../images/global/wrapper-background.jpg) repeat-x #161513; overflow: hidden; }

.wrapper { width: 755px; margin: 0 auto 0 auto; }



#header { width:  755px; height: 90px; overflow: hidden; }

#logo { width: 170px; height: 50px; margin: 40px 0 0 0; }



#social { width: 160px; height: 20px; padding: 5px 0 3px 0; background: #000; border: solid 1px #363636; border-top: none !important; }

#social img { float: left; margin: 0 0 0 10px; }

#social p { float: left; padding: 0; margin: 2px 0 0 10px; }



#menu-holder { width: 755px; height: 32px; margin: 0 0 40px 0; overflow: hidden; }



.wide-column { width: 500px; float: left; overflow: hidden; }

#image { width: 488px; padding: 5px; margin: 10px 0 5px 0; background-color: #000; border: solid 1px #363636; overflow: hidden; }

#image-info a { color: #ff9400; text-decoration: none; }

#image-info a:hover { text-decoration: underline; }

img.icon { float: left; margin: 0 10px 0 0; }




.thin-column { width: 245px; padding: 0 0 0 10px; float: left; overflow: hidden; }


#twitter_div { width: 243px; background: #000; margin: 10px 0 0 0; border: solid 1px #363636; overflow: hidden; }

ul#twitter_update_list { width: 223px; padding: 0 10px 0 10px; margin: 0; overflow: hidden; }

ul#twitter_update_list li { padding: 10px 0 10px 0; border-bottom: solid 1px #363636; }

ul#twitter_update_list li a { color: #757575; }

ul#twitter_update_list li a:hover { color: #ff9400; }

#twitter-fade { position: relative; top: -132px; z-index: 2; overflow: hidden; }


/* menu */

ul#menu { width: 755px; height: 32px; margin: 0; padding: 0; overflow: hidden; }

ul#menu li { float: left; list-style: none; }

ul#menu li a { width: 100px; height: 24px; padding: 8px 0 0 0; margin: 0; color: #606060; text-decoration: none; background: url(../images/menu/off.jpg) repeat-x; border-right: #000 solid 1px; display: block; text-align: center; white-space: nowrap; }

ul#menu li a:hover,
body#recent a#menu-recent,
body#sets a#menu-sets,
body#tags a#menu-tags,
body#sponsors a#menu-sponsors,
body#about a#menu-about,
body#blog a#menu-blog { background: url(../images/menu/on.jpg) repeat-x; color: #FFF !important; }

a#menu-rss { width: 48px !important; background: url(../images/menu/off-right.jpg) no-repeat !important; border-right: none !important; }

a#menu-rss:hover { background: url(../images/menu/off-right.jpg) no-repeat !important; }


a#menu-home { background: url(../images/menu/off-left.jpg) no-repeat !important; }

a#menu-home:hover { background: url(../images/menu/on-left.jpg) no-repeat !important; color: #FFF !important; }



body#home a#menu-home { background: url(../images/menu/on-left.jpg) no-repeat !important; color: #FFF !important; }



#footer { width: 100%; height: 100px; background: url(../images/global/footer-background.jpg); }

#footer .wrapper .wide-column h2, #footer .wrapper .thin-column h2 { color: #ff9400; }

#footer .wrapper .wide-column, #footer .wrapper .thin-column { margin: 30px 0 0 0; }

#footer .wrapper .wide-column p:first-child { color: #fff; }

#footer .wrapper .wide-column p { color: #696969; }

#profile { margin: 10px 0 0 0; }

#profile p { color: #FFF !important; float: left; }

#profile img { float: left; margin: 0 10px 0 0; background-color: #1c1c1c; border: solid 1px #272727; padding: 5px; }

p.detail { padding: 0; margin: 0; line-height: 20px; }


ul#links { padding: 0; margin: 10px 0 0 0; }

ul#links li { background-color: #0a0a0a; padding: 10px 0 10px 10px; border-bottom: solid 1px #363636; }

ul#links li.odd { background-color: #000 !important; }

.orange { color: #ff9400; }





.left { float: left; }

.right { float: right; }

.clear { clear: both; overflow: hidden; }

/* - type */

body { font: 11px "Lucida Grande",Tahoma,Verdana,sans-serif; color: #FFF; }

h2 { padding: 0; margin: 5px 0 0 0; font-weight: normal; }

a { color: #FFF; }

a:hover { color: #ff9400; }