/**********************************************
Black Mesa Mod CSS File
Coder: Ryan Maffit - http://www.ryanmaffit.com/
Designer: Josh Hubi - http://www.joshhubi.com/
Version: 1.2
**********************************************/

/* CSS Tweaks */
* {padding:0;margin:0;}
a img {border:0;}
.clear {clear:both;}

/* Links */
a {color:#76abd7;text-decoration:none;font-weight:bold;}

/* Body */
body {background:#000 url(img/bg.jpg) no-repeat top center;font-family:Arial;font-size:12px;}

/* Wrapper */
.wrapper {margin-left:auto; margin-right:auto;width:882px;padding-left:2px;border-left: 1px solid #131313;border-right: 1px solid #131313;}

/* Header & Menu */
.header {margin-bottom:50px;}
.header img {vertical-align:middle;}
.header ul {width:870px;height:31px;background:url(img/menu_bg.gif);overflow:hidden;padding-left:12px;list-style:none;}
.header li {float:left; list-style:none;}
.header li a {float:left;color:#fff;text-decoration:none;font-weight:bold;line-height:30px;font-size:16px;margin:0 8px 0 8px;text-transform:uppercase;font-family:"Arial Narrow",Arial;}
.header li a:hover {color:#76abd7;}
.header li a.rss {width:15px;height:15px;background:url(img/rss.gif) no-repeat top;text-indent:-999px;display:block;margin-top:7px;}

/* Left Side */
.left,.news li {float:left;background:#272727;width:590px;margin:10px;padding:10px;color:#fff;border:1px solid #3a3a3a;}
.left h2, .news h2 {background:url(img/lheading_bg.gif) no-repeat 0px 4px;text-indent:35px;font-size:18px;color:#76abd7;height:25px;}
.left h2 {margin-bottom:5px;}

/* News Articles */
.news {float:left;list-style:none;width:622px;overflow:hidden;}
.news span {display:block;color:#989495;font-size:10px;margin-left:35px;margin-bottom:5px;}

/* Pagination */
.pagen {float:left;width:590px;margin:10px;padding:10px;color:#fff;text-align:center;}
.pagen a {color:#fff;}
.pagen strong {color:#76abd7;}
.pagen a, .pagen strong {margin:0 1px 0 1px;font-weight:normal;}

/* Right Side */
.right {float:right;background:#1f1f1f;width:205px;margin:10px;padding:10px;color:#fff;border:1px solid #3a3a3a;position:relative;}
.right h2 {font-size:18px;color:#76abd7;margin-bottom:5px;}
.right > div {color:#989495;padding:5px;width:184px;margin:auto;}
.right .about {font-size:11px;}
.right .icons {position:absolute;bottom:-45px;left:80px;}

/* Twitter */
.twitter {font-size:11px;}
.twitter li {margin-bottom:5px;list-style:none;font-size:11px;}
.twitter h2 {color:#fff;font-size:16px;float:left;}
.twitter .link {display:block;float:left; text-indent:7px; line-height:22px;}
.twitter a:hover {color:#CCC;}

/* Recent Forum Activity */
.recentposts {}
.recentposts h2 {color:#fff;font-size:16px;}
.recentposts li {list-style:none;font-size:12px;height:20px;line-height:20px;}
.recentposts li a {float:left;width:105px;overflow:hidden;}
.recentposts li span {float:right;width:75px;overflow:hidden;}

/* Tables */
td.left{font-size: 12px;text-align: right;padding-right: 3px;}
td.centre {text-align: center;}
td.right{ font-size: 12px; text-align: left; padding-left: 3px;}

/* Tool Tips */
.tool-tip {color: #fff;width: 139px;z-index: 13000;}
.tool-title {font-weight: bold;font-size: 11px;margin: 0;color: #9FD4FF;padding: 8px 8px 4px;background: url(bubble.png) top left;}
.tool-text {font-size: 11px;padding: 4px 8px 8px;background: url(bubble.png) bottom right;}

/* Content Page Sliders/Boxes */
.box{background-color: #272727;border-top: 1px solid #3a3a3a;border-right: 1px solid #131313;border-bottom: 1px solid #131313;border-left: 1px solid #3a3a3a;margin-bottom: 15px;padding: 10px;}
.box ul {margin-left:20px;}

.galleryheading {font-weight: bold;font-size: 14px;font-family: Arial;}
.irc {font-family: Verdana;font-size: 12px;}
.page-content {font-size: 12px;padding-left: 10px;}

.main h2 {height: 63px;padding: 4px 4px 4px 4px;text-align: left;margin-bottom: 4px;margin-top: 4px;text-indent: 0px;background: #272727;border-top: 1px solid #3A3A3A;border-left: 1px solid #3A3A3A;border-bottom: 1px solid #131313;border-right: 1px solid #131313;}
.main h2:hover {background-color: #2C2C2C;}
.main h3 {height: 33px;padding: 4px 4px 4px 4px;text-align: left;margin-bottom: 4px;margin-top: 4px;background: #212121;color: #626262;border-top: 1px solid #2F2F2F;border-left: 1px solid #2F2F2F;border-bottom: 1px solid #131313;border-right: 1px solid #131313;}
.main h3:hover {background-color: #242424;}
.main .cat {border: 1px solid #0B0B0B;margin: 0px 4px 0px 0px;float: left;}
.main .catdesc {font-size: 10px;font-style: italic;color: #505050;}
.main .thumb {border: 1px solid #2E2E2E;margin: 5px 5px 5px 5px;}
.main .thumb:hover {border: 1px solid #535353;}

.main a:link, .main a:visited {text-decoration: underline;color: #E3E3E3;font-weight: bold;}
.main a:active {color: #989898;}
.main a:hover {color: #989898;}
.main a:focus {color: #989898;}

.master {width: 100%;margin: 30px 0 0 0;text-align: left;}

#leveldesign, #cat_inbound, #weapons p #concept #models #characters {margin: 4px 0px 4px 0px;padding: 0px 10px 0px 10px;}

.highslide {cursor: url(highslide/graphics/zoomin.cur), pointer;outline: none;}
.highslide img {border: 2px solid gray;}
.highslide:hover img {border: 2px solid silver;}
.highslide-image {border-bottom: 1px solid white;}
.highslide-image-blur {}

.highslide-caption {display: none;border-bottom: 1px solid white;font-family: Verdana, Helvetica;font-size: 10pt;padding: 5px;background-color: silver;}
.highslide-loading {display: block;color: white;font-size: 9px;font-weight: bold;text-transform: uppercase;text-decoration: none;padding: 3px;border-top: 1px solid white;border-bottom: 1px solid white;background-color: black;/*padding-left: 22px;background-image: url(highslide/graphics/loader.gif);background-repeat: no-repeat;background-position: 3px 1px;*/}

a.highslide-credits, a.highslide-credits i {padding: 2px;color: silver;text-decoration: none;font-size: 10px;}
a.highslide-credits:hover, a.highslide-credits:hover i {color: white;background-color: gray;}

.highslide-display-block {display: block;}
.highslide-display-none {display: none;}

/* Styles for the popup */
.highslide-wrapper {background-color: 000000;}
.highslide-wrapper .highslide-html-content {width: 400px;padding: 5px;}
.highslide-wrapper .highslide-header div {}
.highslide-wrapper .highslide-header ul {margin: 0;padding: 0;text-align: right;}
.highslide-wrapper .highslide-header ul li {display: inline;padding-left: 1em;}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {display: none;}
.highslide-wrapper .highslide-header a {font-weight: bold;color: gray;text-transform: uppercase;text-decoration: none;}
.highslide-wrapper .highslide-header a:hover {color: black;}
.highslide-wrapper .highslide-header .highslide-move a {cursor: move;}
.highslide-wrapper .highslide-footer {height: 11px;}
.highslide-wrapper .highslide-footer .highslide-resize {float: right;height: 11px;width: 11px;background: url(highslide/graphics/resize.gif);}
.highslide-wrapper .highslide-body {}
.highslide-move {cursor: move;}
.highslide-resize {cursor: nw-resize;}

/* These must be the last of the Highslide rules */
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}

/* Advertisement */
.advert {clear:both;padding:10px;width:882px;margin:auto;text-align:center;}

/* Footer */
.footer {width:862px;height:50px;background:url(img/footer.gif);clear:both;margin:auto;color:#fff;text-decoration:none;font-weight:bold;text-transform:uppercase;padding-top:220px;padding-left:20px;font-size:13px;}