/*
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,a img, img { border:0;}
a:active, a:focus {outline: 0}

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

h1 {font-size:28px;}
h2 {font-size:24px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:14px;}

a:link    {text-decoration: none;color: #CD0000}
a:visited {text-decoration: none;color: #CD0000;}
a:hover   {text-decoration: none;color: #555555;}
a:active  {text-decoration: none;color: #555555;}

.previous_after {width:938px;color:white;font-size:11px;padding:10px 0 20px 0;margin:0 0 5px 0;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.previous_after a:link       {text-decoration: none;color: #CD0000}
.previous_after a:visited {text-decoration: none;color: #CD0000;}
.previous_after a:hover     {text-decoration: none;color: #555555;}
.previous_after a:active   {text-decoration: none;color: #555555;}

/* 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;}
	
/* ---------------------------------------------------------------------------------------------------------- */


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

/* 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 */	
#wrap {width: 960px;background-color: #101010;}
#rside {float: right;width: 940px;padding:0 10px 5px 10px;background-color: #101010;}

/* News */

/* Title */
.news {width:940px;margin:0 auto;padding:10px 0 0 0;}
.news h1 {width:940px;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 {height:40px;background: url(./images/sprite.png) no-repeat #ece7d0;background-position: -10px -287px;}
.news-top h1 a {text-decoration: none;color: #fff;}


/* Body Info */
.news-mid {width:920px;padding:10px 10px 10px 10px;background: url(./images/news-mid-single.png) repeat-y #ece7d0;}
.news-mid p {padding:7px 10px 7px 10px;font:13px Verdana, Arial, Helvetica, sans-serif;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 img 	     {border: 0;}
.news-mid a img 	  {border: 1px solid black;}
.news-mid a:link    {text-decoration: none;color: #C00C00;}
.news-mid a:visited {text-decoration: none;color: #C00C00;}
.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 -276px;}


/* Archives */
.archives {font-size:20px;width:900px;margin:0 auto;}
.archives  ul {list-style-type: square;font-size:14px;font-weight:bold;margin:4px 0 0 4px;padding:2px 0 26px 26px;font-family: monospace,'Courier';}

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

hr {width: 100%;height: 1px;color: #3D3D3D;background-color:#3D3D3D;margin: 6px auto 6px auto;clear: both;border:0;}

.faq {padding:0 20px 0 20px;}
.faq h2 {margin:20px 0 3px 0;font: normal 19px Arial;}
.faq ol {list-style-type:square;margin:0 0 0 20px;}
.faq ol li {list-style-type:decimal;margin:0 0 0 20px;padding:0 0 2px 0;font-weight:normal;line-height:14px;font: normal 14px Georgia;}


/* Footer */
#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: -11px -375px;}


/* Comments */
#discuss {width:940px;margin:20px auto;}
#respond {color:#fff;font-size:13px;font-family: Trebuchet, Arial, Helvetica, sans-serif;}
h3#respond {color:red;text-align:center;margin:0 auto;}
h3#comments  {text-align:center;color:#CDCDCD;font-weight:bold;font-size:18px;font-family: Trebuchet, Arial, Helvetica, sans-serif;margin:0 0 20px 0;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%;padding: 2px;font-size:12px;margin:10px 0 0 0;}

ol.commentlist {margin:0;padding:0;}

.commentlist li {list-style:none;margin-bottom:14px;}

.commentlist cite {height:40px;padding: 4px;display:block;font-style:normal;font-size:12px;background: url(./images/bg_comments2_cite.png) no-repeat #331210;color:#fff;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}	
.commentlist a:link, .commentlist a:visited {color:#fff;}
.commentlist a:hover, .commentlist a:active {color:#fff;}
.commentlist cite img {padding:3px;border:1px solid #aab59a;float:left;margin-right:9px;height:30px;width:30px;}

.commentlist .author {font: small-caps bold 16px Georgia, "Times New Roman", Times, serif;text-decoration:none;}
.commentlist .time {background: url(./images/bg_clock.gif) no-repeat 1px;padding-left:13px;}
.commenttext {background: #ece7d0;border-top:1px solid #f4c63c;padding: 7px;color:#000;text-align:justify;font-size:13px;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;line-height:19px;}
.commenttext p {margin:0 0 10px 0;}



/* 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);}
}