@charset "utf-8";
/* CSS Document */

/* RESETS */
body, h1, h2, h3, h4, p, ol, ul, li {margin:0px; padding:0px;}
li {list-style:none;}
a {outline:none;}
img {border:none;}

/* TEMPLATE */
body {background:#e00d08; margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
h1 {font-weight:bold; margin-bottom:20px; text-transform:uppercase;}
h2 {font-weight:bold; text-transform:uppercase; font-size:22px; color:#fff;}
p {margin-bottom:15px; color:#fff;}
.clear {clear:both;}
.hr {height:2px; width:100%; background:#b4b3b3;}
a {text-decoration:none; color:#999;}
a:hover {text-decoration:none; color:#F60;}
#container {width:932px; margin:auto; margin-bottom:20px; background:url(../images/template/container-bg.gif);}
#header {width:895px; height:137px; background:url(../images/template/header-bg.gif); padding:0 21px 0 16px;}
#header .tagline {font-size:14px; color:#e00d08; float:left; margin-top:7px;}
#header .social {float:right; width:210px;}
#header .social .follow {font-size:14px; margin-top:7px; color:#000; float:left;}
#header .social .icons {float:left;}
#header .logo {float:left;}
#header #nav { float:right; margin-top:30px;}
#header #nav li.btn {background:#b50303; float:left;}
#header #nav li.btn a {height:16px; padding:8px; display:block; font-size:16px; color:#fff; text-decoration:none;}
#header #nav li.btn a:hover, #header #nav li.btn a.selected {background:#000;}
#header #nav li.divider {width:1px; height:36px; font-size:1px; background:#ff; float:left;}
#content {padding:0 21px 0 16px;}
#content #left {width:472px; height:477px; padding:19px; background:#b50303; float:left;}
#content #left .scroll {height:425px; width:450px; padding-right:20px; overflow:auto;}
#content #right {width:370px; height:515px; float:right; text-align:center; overflow:hidden;}
#footer {height:56px; margin-top:20px; padding:0 21px 0 16px; background:url(../images/template/footer-bg.gif); font-size:10px;}
#footer a {color:#b50303; text-decoration:none;}
#footer .hr {margin-bottom:20px;}
#footer .nav {float:left;}
#footer .copy {float:right;}



/* GAGS, BOOKS, FILMS ETC */
.indexThumb {float:left;}
.indexTitle {float:left; margin-left:10px; width:300px;}
.indexTitle p {margin-top:5px; margin-bottom:0px;}
.indexTitle a {color:#fff;}
.indexTitle a:hover {color:#f60;}
.indexItem {margin-bottom:20px; clear:both; height:110px;}
#thumbWrap {margin-left:-10px; padding-left:10px;}
.thumb {width:110px; height:80px; margin: 0 0px 6px 8px; float:left; background:#fff;}