/*  
Theme Name: CM Battle
Theme URI: http://www.thurinusworks.com/criticalmass
Description: Theme for the Stormrage Alliance Guild: Critical Mass.
Version: 1.0
Author: Jiajun Lim
Author URI: http://www.thurinusworks.com
*/

/* General Styles */

body{ margin: 0; padding: 0; background: #000 url('images/body_bg.jpg') no-repeat top center; font: normal normal normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #bbb;}
h2{font: normal normal normal 28px/36px Georgia, "Times New Roman", Times, serif; color: #660000; margin: 0 0 20px 0; padding: 0;}
h3{font: normal normal normal 20px/24px Georgia, "Times New Roman", Times, serif; color: #660000;}
a{text-decoration:none; color: #003399; font-weight:bold;}
a:hover{color: #0066FF;}
img{border: 0;}
td{vertical-align: top;}
textarea{width: 100%; height: 150px;}

/* Generic Elements */
.btn{
	background: transparent url('images/btn_small.gif') no-repeat bottom right;
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 15px;
	height: 22px;
	vertical-align: middle; 
	color: #FFCC66;
	text-decoration: none;
	font: normal normal normal 12px/22px Verdana, Arial, Helvetica, sans-serif;
}
.btn span,.btn a{
	background: transparent url('images/btn_small.gif') no-repeat top left;
	display: block;
	padding-left: 15px;
	color: #FFCC66; text-decoration:none;
}
.btn input,.btn button{
	background: transparent url('images/btn_small.gif') no-repeat top left;
	border: 0;
	margin: 0;
	padding: 0 0 0 10px;
	overflow: visible;
	height: 22px;
	color: #FFCC66;
	vertical-align:top;
}
.btn a:hover{color:#fff;}
/*span.btn{display: -moz-inline-box; display: inline-block; _overflow-y:hidden; padding-right: 15px; text-decoration: none; background: transparent url('images/btn_small.gif') no-repeat bottom right;}
span.btn a{display: -moz-inline-box; margin: 0;display: inline-block; cursor: pointer; height: 22px; color: #FFCC66; padding: 3px 0 0 15px !important;  padding: 0 0 0 15px; border: 0; vertical-align:text-top; text-decoration: none; background: transparent url('images/btn_small.gif') no-repeat top left;}
span.btn a:hover{color: white;}*/

.btnBig{display: -moz-inline-box;display: inline-block;background: transparent url('btnbig.png') bottom right;padding-right: 20px;}
.btnBig button,.btnBig input{padding-left: 20px; padding-right: 0;font-size: 11px; margin: 0; border: 0; height: 33px; color: white; font-weight: bold; background: transparent url('btnbig.png');}

.post{margin-bottom: 30px;}
.postHeader{ position:relative; background: transparent url('images/postheader_stalinova.jpg') no-repeat; height: 102px;}
.postHeader h3, .postHeader a{text-decoration: none; color: #FFCC66; margin: 0; padding: 0; font: normal normal bold 16px/20px Verdana, Arial, Helvetica, sans-serif;}
.postHeader a:hover{color: #ffcc66;}
.postHeader h3{position: absolute; top: 45px; left: 100px;}
.postAuthor{position: absolute; top: 20px; left: 100px; color: white; font: normal normal normal 10px/14px Verdana, Arial, Helvetica, sans-serif;}
.postCategory{text-align: right; padding-right: 20px;}
.postBody{padding: 0 0 0 30px;}
.postFooter{text-align: right; padding-right: 20px;}
.postInfo{font-size: 10px; line-height: 14px;}

.Charsi .postHeader{background: transparent url('images/postheader_charsi.jpg') no-repeat;}
.Venera .postHeader{background: transparent url('images/postheader_venera.jpg') no-repeat;}
.Arkturia .postHeader{background: transparent url('images/postheader_arkturia.jpg') no-repeat;}
.Subpar .postHeader{background: transparent url('images/postheader_subpar.jpg') no-repeat;}

.postNavigation{height: 20px; margin-top: 10px;}
.postPrevious{float: left;}
.postNext{float:right;}

.commentList{margin: 0; padding: 0 20px;}
.commentList li{margin-top: 30px;}
.commentAuthor{ font-weight:bold;}

.formTbl{width: 100%}
.key{font-weight: bold; text-align: right; padding-right: 10px;}
.txt{border: 1px solid #441b00;}
.submit{border: 0; background: transparent url('images/submit.jpg') no-repeat; height: 46px; width: 174px; letter-spacing:-999px; overflow:hidden;}

/* Block Elements */

#container{width: 900px; margin: auto; position: relative;}

#header{height: 220px;}
#header h1{display:none;}
#header .description{display: none;}

#menu{position: absolute; top: 250px; left: 0; width: 200px; padding-bottom: 189px; background: transparent url('images/menubottom_bg.gif') no-repeat bottom;}
#menu #menuHeader{height: 58px; background: transparent url('images/menutop_bg.gif') no-repeat;}
#menu ul{list-style:none; margin: 0; padding: 0; background: transparent url('images/menumiddle_bg.gif') repeat-y; padding:0 0 10px 30px;}
#menu li{}
#menu .nav a{color: #FFCC66; font-weight: bold; text-decoration:none; display:block; background: transparent url('images/bullet_off.jpg') left center no-repeat; height: 20px; padding: 1px 0 1px 20px;}
#menu .nav a:hover{color: white; background-image:url('images/bullet_on.jpg');}
.menuShim{height: 36px; background: url('images/menushim_bg.gif') no-repeat;}

#content{color: black; width: 700px; position:relative; float: right;}
#contentHeader{height: 75px; width:100%; background: transparent url('images/contenttop_bg.gif') no-repeat;}
#contentBody{position: relative; padding: 1px 60px; background: #ecd5a9 url('images/contentmiddle_bg.gif') repeat-y;}
#contentFooter{height: 69px; width: 100%; background: transparent url('images/contentfooter_bg.gif') no-repeat;}
#contentMiddle{position: absolute; top: 152px; bottom: 100px; width: 100%; background: transparent url('images/contentmiddle_bg.gif') repeat-y;}
#contentTopLeft{position: absolute; top:75px; width: 50px; height:70px; background: #ecd5a9 url('images/contenttopleft_bg.gif') no-repeat;}
#contentTopRight{position: absolute; top:75px; right: 0; width: 50px; height:70px; background: #ecd5a9 url('images/contenttopright_bg.gif') no-repeat;}
#contentBottomLeft{position: absolute; bottom:69px; width: 50px; height:76px; background: #ecd5a9 url('images/contentbottomleft_bg.gif') no-repeat;}
#contentBottomRight{position: absolute; bottom:69px; right: 0; width: 50px; height:76px; background: #ecd5a9 url('images/contentbottomright_bg.gif') no-repeat;}

#comments{background:#e2c58d url('images/parchmentmid_bg.jpg') repeat-y;}
#commentsHeader{height: 16px; background: #e2c58d url('images/parchmenttop_bg.jpg') no-repeat;}
#commentsBody{margin: 0 20px;}
#commentsFooter{height: 16px; background: #e2c58d url('images/parchmentbottom_bg.jpg') no-repeat;}

#footer{text-align:center; clear:both; font-size: 10px; line-height:30px;}