/*
Version: 7.1
Author: Tsikura
Theme Name: Cataclysm
Theme URI: http://www.theexiled.com/
Description: The Exiled theme built for cataclysm.
Tags: Dark, Custom top-data, Fixed width, Two columns.
*/


/* YUI CSS RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
q:before,q:after {content:'';}
caption,th {text-align:left;}
abbr,acronym { border:0;}
ol,ul {list-style:none;}
fieldset {border:0;} 
img {border:0;} 
a img {border:0;} 

a:active, a:focus {outline: 0}

body {background-color: #000;font-family: Arial, Helvetica, sans-serif;}

/* WP CSS CODE */
p img {padding: 0;border: 1px solid black;max-width: 100%;}
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;border: 1px solid black;margin: 12px 15px 5px 0;}
.alignright {float: right;border: 1px solid black;margin: 12px 2px 10px 15px;}
.wp-caption {border: 1px solid #ddd;margin: 10px;padding-top: 4px;text-align: center;	background-color: #f3f3f3;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
.clearfix:after {display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
	
/* ---------------------------------------------------------------------------------------------------------- */
.twitter {width:233px;margin:15px auto 0 auto;}

#box {width:100%;min-width:960px;background:#000 url(./images/bg.jpg) no-repeat top center;}
#bar {height:15px;background: url(./images/sprite.png) repeat-x bottom;background-position: 0px -403px;}

#container {width: 960px;margin: 0 auto;}

/* Navigation (Done) */
#nav {height:80px;background: url(./images/sprite.png) no-repeat;margin-top:-15px;background-position: 42px -740px;}
#nav-menu {width:690px;margin:0 auto;text-transform:uppercase;text-align:center;letter-spacing:1.1px;padding-left:15px;}
#nav-menu ul {float:left;}
#nav-menu li {display:block;float:left;list-style:none;}
#nav-menu a {height:29px;padding:11px 21px 0px 21px;text-decoration:none;background: url(./images/division.png) right no-repeat;display:block;font-size:13px;font-weight:bold;color:#ddd;text-shadow: #000 2px 2px 2px;}
#nav-menu a:hover {color:#cc5711;}
#nav-menu ul li.last a {background-image:none;}


/* Top Logo (Done) */
#top-data {width: 960px;height:130px;text-align: center;}
#top-data img {margin:-10px 0 0 0;}


/* Breadcrumb  (Done) */
#breadc {background:url(./images/sprite.png) no-repeat;background-position: -10px -10px;}
#breadc p {height: 28px;color:#eee;font-size:10px;font-weight:bold;padding: 18px 35px 0 35px;}
#breadc span {float:right;}	
#breadc a {text-decoration: none;color:#fff;}


/* Column CSS (Done) */	
#wrap  {width: 960px;background-color: #101010;}
#rside {float:right;width: 709px;}
#lside {float:left; width: 250px;border-right:1px solid #222;}

/* Top (Done) */
#random {height:200px;width:688px;}
#ft-buttons-mural, .ft-prev, .ft-next, #ft-buttons-random, .ft-button-random {display: none;}
.top_story {height:30px; width:710px;margin:10px 0 0 0;background: url(./images/sprite.png) no-repeat;background-position: -5px -78px;}
.top_info  {height:200px;width:688px;background-color: #000;margin:-1px auto 13px auto;border-left:1px solid #77570f;border-bottom:1px solid #77570f;border-right:1px solid #77570f;}
.ft-title {background-color:black !important;width:675px;height:28px;margin:0 0 16px 0;font-size:15px;padding:8px 0 0 13px;font-weight:bold;text-transform:uppercase;}

/* News (Done) */

/* Title */
.news {width:690px;margin:0 auto;padding:0 0 10px 0;}
.news-top {height:40px;background: url(./images/sprite.png) no-repeat #ece7d0;background-position: -10px -128px;}
.news h1 {width:690px;padding:9px 0 0 0;color:#eee;letter-spacing:-1px;font:17px Trebuchet, Verdana, Arial, Helvetica, sans-serif;font-weight:bold;text-align:center;text-transform: uppercase;}
.news-top h1 a {text-decoration: none;color: #fff;text-shadow: #646464 0px 0px 20px;}
.news-top h1 a:hover {text-shadow: #fff 0px 0px 6px;}

/* Post Info */
.news-data {width:690px;padding:1px 0 15px 5px;overflow:hidden;font:11px Verdana, Arial, Helvetica, sans-serif;}
.news-data a:link, .news-data a:visited {text-decoration: none;color: #831919;}
.news-data a:hover {text-decoration: none;color: #831919;}

/* Body Info */
.news-mid {width:670px;padding:5px 10px 5px 10px;background: url(./images/news-mid.png) repeat-y #ece7d0;color:#000;}
.news-mid p {padding:9px 5px 9px 5px;font:13px Arial, Verdana;text-align:justify;line-height:16px;}

.news-mid ul {list-style-type:square;margin:0 0 0 25px;text-align:justify;padding:0 10px 0 0;font-size:12px;font-family: Trebuchet, Arial, Helvetica, sans-serif;}
.news-mid ul ul {list-style-type:disc;margin:5px 0 0 20px;padding:2px 0 8px 0;font-weight:normal;font-size:12px;padding-right:5px;line-height:14px;}
.news-mid ul ul ul {list-style-type:circle;margin-left:15px;font-weight:normal;font-size:12px;}

.news-mid a:link   {text-decoration: none;color: #831919;}
.news-mid a:hover  {text-decoration: none;color: #555555;}
.news-mid a:active {text-decoration: none;color: #555555;}

.news-bot {height:2px;background: url(./images/sprite.png) no-repeat #ece7d0;background-position: -10px -188px;}

/* Footer (Done) */
#footer {clear: both;color: #bbbbbb;padding: 40px 0 40px 0;font-size: 9px;text-align: center;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
#footer a:link    {text-decoration: none;color: #555555;}
#footer a:hover   {text-decoration: none;color: #C00C00;}
#footer a:active  {text-decoration: none;color: #C00C00;}
#bottom {height:15px;background: url(./images/sprite.png) repeat-x bottom;background-position: 0px -375px;}

/* Left Side Column (Done) */
#lside img {padding: 0;border : 0;}
.lwrap {width:245px;margin:0 auto;text-align:center;padding:8px 0 0 0;}


/* Recruit  (Done) */
.recruitment {height:35px;margin:0 auto;background: url(./images/sprite.png) no-repeat;background-position: -8px -576px;}
.recruitment_info {height:250px;width:229px;padding:0 0 5px 0;background: #000 url(./images/bg_horde.png) no-repeat center;margin:-4px auto 0 auto;border-left:1px solid #77570f;border-bottom:1px solid #77570f;border-right:1px solid #77570f;color:#fff;}

.recruit_wrap {width:228px;}
.recruit_left {float:left ;width:100px;}
.recruit_rite {float:right;width:118px;}

.recruitment_wrap {width:120px;height:40px;padding:10px 0 0 10px;text-align:left;font-family: Arial, Helvetica, sans-serif;}
.recruitment_wrap .open {color:#0dc70d;padding:3px 0 0 1px;font-size:17px;font-weight:bold;letter-spacing:1px;}
.recruitment_wrap .closed {color:#7e2004;font-size:15px;font-weight:bold;padding:4px 0 0 0;}

.r_icon  {float:left;  width:40px;height:35px;font-size: 9px;}
.r_class {float:right; width:79px;height:10px;font-size:12px;color:#3e3e3e;padding:2px 0 0 1px}
.r_amount{float:right; width:79px;height:25px;clear:right;}


/* Progress (Done) */
.progress {height:35px;margin:0 auto;background: url(./images/sprite.png) no-repeat;background-position: -8px -520px;clear:both;}
.progress_info {height:auto;width:229px;background-color: #000;margin:-4px auto 0 auto;border-left:1px solid #77570f;border-right:1px solid #77570f;}

.progress_data {width:100%;color: #fff;text-align:left;font-family: Verdana, Arial, Sans-Serif;font-size:9px;font-weight:bold;}
.progress_data td {background-color:#161616;padding:4px 10px 4px 10px;border-bottom:1px solid black;}

.progress_data tr.dead:hover th[scope=row], .progress_data tr.dead:hover td{ background-color: #632a2a;color: #fff;} 
.progress_data tr.alive:hover th[scope=row], .progress_data tr.alive:hover td{ background-color: #187d00;color: #fff;} 

.progress_data .dead td {background-color:#441b13;}
.progress_data .alive td {background-color:#0a3500;}

.progress_data tfoot {text-align:center;font-size:9px;}
.progress_data_header {background-color:#111;padding:6px 0;text-align:center;font-size:12px;font-weight:bold;border-bottom:1px solid #77570f;font-family: monospace,'Courier';}

ul.progress-tabs {margin:0 auto !important;width:227px;padding-left:3px;text-align:center;height:25px;border-bottom:1px solid #77570f;}
ul.progress-tabs li {  float:left;	 padding:0; margin:0;  list-style-type:none;	}

ul.progress-tabs a  {float:left; font-size:9px;display:block;padding:5px 16px 0px 18px;margin:0 auto;font-weight:bold;text-decoration:none;border-bottom:0px;height:19px;color:#fff;position:relative;top:1px;}
ul.progress-tabs a:hover {color:#fff;}
ul.progress-tabs a.current {background-color:#000;color:#fff;cursor:default;}
div.progress-panes div {color:#fff;display:none;border-width:0;min-height:150px;}

/* Control Panel (Done) */
.control {height:35px;margin:0 auto;background: url(./images/sprite.png) no-repeat;background-position: -8px -474px;}
.control_panel {width:229px;height:200px;background:#000 url(./images/bg_horde.png) no-repeat center;margin:-4px auto 0 auto;border-left:1px solid #77570f;border-bottom:1px solid #77570f;border-right:1px solid #77570f;color:#fff;padding:0 1px 1px 1px;font-size:11px;font-weight:bold;}

.wpulogininfo {padding-top:35px;}
.wpu-widget-lu-username {margin-top:-28px;}
.wpu-widget-lu-avatar img {width:100px;height:100px;margin:5px;padding:2px;border:2px solid white;}

.wpuloginsubmit {width:205px;padding:3px;margin:5px 0 5px 0;}
.inputbox, .autowidth {width:138px;margin-bottom:4px;}

.control_panel h2 {visibility:hidden;}
.control_panel a:link, .control_panel a:visited {text-decoration: none;color: #8B0000;font-size:16px;}
.control_panel a:hover  {text-decoration: none;color: #555555;}
.control_panel a:active {text-decoration: none;color: #555555;}

/* Raids (Done) */
.raid {height:35px;margin:0 auto;background: url(./images/sprite.png) no-repeat;background-position: -8px -210px;}
.raid_info {width:229px;height:200px;background:#000 url(./images/bg_horde.png) no-repeat center;margin:-4px auto 0 auto;border-left:1px solid #77570f;border-bottom:1px solid #77570f;border-right:1px solid #77570f;color:#fff;padding:0 1px 1px 1px;}
.raid_data {width:100%;color: #fff;text-align:left;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;font-size:9px;font-weight:bold;}
.raid_data td.left  {width:100%;background:url(./images/raidbg.png) repeat;padding:3px 0 2px 8px;border-left:1px solid black;border-top:1px solid black;border-bottom:1px solid black;border-right:1px solid black;font-size:15px;font-weight:bold;font-family:'Courier New','Courier',monospace;color:#fff;text-align:center;}
.raid_data td.right {width:40%;background:url(./images/raidbg.png) repeat;padding:4px 10px 4px 0;border-left:1px solid black;border-top:1px solid black;border-bottom:1px solid black;border-right:1px solid black;text-align:right;font-size:12px;}
.raid_data td.left_place {padding:4px 0 4px 7px;color:#fff;vertical-align:middle;}
.raid_data td.right_time {padding:4px 10px 4px 0;text-align:right;vertical-align:middle;}
.raid_data td.right_time img {vertical-align:top;}

/* Misc (Done) */
.misc {height:35px;margin:0 auto;background: url(./images/sprite.png) no-repeat;background-position: -8px -630px;}
.misc_info {width:229px;height:100%;background:#000 url(./images/bg_horde.png) no-repeat center;margin:-4px auto 0 auto;border-left:1px solid #77570f;border-bottom:1px solid #77570f;border-right:1px solid #77570f;color:#fff;padding:0 1px 1px 1px;text-align:left;}
.misc_data {padding:10px 10px 0 10px;font-family: Trebuchet, Arial, Helvetica, sans-serif;}
.misc_data h2 {font-size:15px;padding:0;color:#990b13;text-transform:uppercase;font-weight:bold;}
.misc_data ul {list-style-type:square;margin:0 0 10px 20px;padding-top:3px;text-align:justify;font-size:13px;border-right:2px solid gray;font-weight:bold;}
.misc_data ul ul {list-style-type:circle;margin:3px 0 0 20px;padding:2px 0 0 0;font-weight:normal;font-size:13px;border-right:none;font-weight:bold;}

.misc_data a:link {text-decoration: none;color: #cdcdcd;}
.misc_data a:visited  {text-decoration: none;color: #cdcdcd;}
.misc_data a:hover {text-decoration:none;color: #cdcdcd;border-bottom:1px dotted white;}
.misc_data a:active  {text-decoration: none;color: #cdcdcd;}

/* Donate (Done) */
.donate {height:35px;margin:0 auto;background: url(./images/sprite.png) no-repeat;background-position: -8px -685px;color:#fff;}
.donate_info {width:227px;height:100%;background:#000 url(./images/bg_horde.png) no-repeat center;margin:-4px auto 0 auto;border-left:1px solid #77570f;border-bottom:1px solid #77570f;border-right:1px solid #77570f;color:#fff;padding:7px 3px 12px 1px;}
.donation_button {float:right;margin:-40px -2px 0 20px;}


/* TipTip */
#tiptip_holder {display: none;position: absolute;top: 0;left: 0;z-index: 99999;}
#tiptip_holder.tip_top {padding-bottom: 5px;}
#tiptip_holder.tip_bottom {padding-top: 5px;}
#tiptip_holder.tip_right {padding-left: 5px;}
#tiptip_holder.tip_left {padding-right: 5px;}
#tiptip_content {font-size: 12px;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:center;color: #fff;text-shadow: 0 0 2px #000;padding: 4px 8px;border: 1px solid rgba(255,255,255,0.25);background-color: rgb(25,25,25);background-color: rgba(25,25,25,0.92);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;box-shadow: 0 0 3px #555;-webkit-box-shadow: 0 0 3px #555;-moz-box-shadow: 0 0 3px #555;}
#tiptip_arrow, #tiptip_arrow_inner {position: absolute;border-color: transparent;border-style: solid;border-width: 6px;height: 0;width: 0;}
#tiptip_holder.tip_top #tiptip_arrow {border-top-color: #fff;border-top-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #fff;border-bottom-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_right #tiptip_arrow {border-right-color: #fff;border-right-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_left #tiptip_arrow {border-left-color: #fff;border-left-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -7px;margin-left: -6px;border-top-color: rgb(25,25,25);border-top-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top: -5px;margin-left: -6px;border-bottom-color: rgb(25,25,25);border-bottom-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px;margin-left: -5px;border-right-color: rgb(25,25,25);border-right-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px;margin-left: -7px;border-left-color: rgb(25,25,25);border-left-color: rgba(25,25,25,0.92);}

/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
#tiptip_content {padding: 4px 8px 5px 8px;background-color: rgba(45,45,45,0.88);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {border-bottom-color: rgba(45,45,45,0.88);}
#tiptip_holder.tip_top #tiptip_arrow_inner {border-top-color: rgba(20,20,20,0.92);}
}