/*  
Theme Name: HabeebIT!
Theme URI: http://cwguild.com
Description: Sabbots Theme
Version: 1.0
Author: Patrick Davis
Author URI: http://cwguild.com

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body {
	background-color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#header {
	background-color: #300109;
	height: 112px;
	background-image: url("images/logo.gif"); background-repeat: no-repeat;  background-position: left;

}

.logo {
	float: right;
	margin: 14px 14px 0 0;
}

#navbar {
	position: relative;
	height: 30px;
	background-image: url("images/topbar.png"); background-repeat: repeat-x;  background-position: top;
	text-align: center;
	clear: both;
}

#nav {
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding-top: 4px;
}

#navbar table{
	width: 800px;
	color: E8CA82;
	font-weight: bold;
	font-size: 16px;
}

#navbar table tr {
	padding: 0px;
	margin: 0px;
}
#navbar table td {
	width: 132px;
	border: 1px solid #AA945F;
	border-width: 0 1px;
	border-collapse: collapse;
	margin: 0;
	padding-top: 1px;
	text-align: center;
}

#navbar table td:hover {
	background-color: #300109;
}
#navbar a { color: #E8CA82; text-decoration: none; } 
#navbar a:visited { color: #E8CA82; text-decoration: none; } 
#navbar a:hover { color: #AA945F; text-decoration: none; } 

a {	color: #AA945F; }
a:hover { color: #E8CA82; }

#footer {
	position: relative;
	font-size: 12px;
	color: #E8CA82;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 5px;
	padding-top: 7px;
	height: 30px;
	background-image: url("images/topbar.png"); background-repeat: repeat-x;  background-position: top;
	text-align: center;
	clear: both;
}

#content { 
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 850px;
	left: 25px;
}
	h1 { color: #E8CA82; } 
	h2 { color: #E8CA82; margin: 5px 0; }
		h2 a {text-decoration: none;}

	.date { text-align: center; width: 61px; height: 61px; font-size: 16px; font-weight: bold; color: #AA945F; background-image: url(images/date2.png); background-position: top; background-repeat: no-repeat; padding-top: 10px; margin-right: 10px; float: left;} 

	.post { width: 710px; padding-left: 0px; margin: 0px; text-align: justify; }
		.post img { border: 1px solid #E8CA82; } 
			.post img .left {float: left;}
			.post img .right {float: right}

	.meta { width: 800px; clear: both; margin-top: 10px; border: 1px solid #2B2B2B; padding: 0 0 10px 0; border-width: 0 0 1px 0; font-size: 12px; color: #E3E3E3; line-height: 16pt; font-weight: bold; } 
		.meta_left {width: 600px; float: left; }
		.meta_right: {width: 200px;}

	.dkp {
		width: 800px;
		border:2px solid #300109;
		border-collapse:collapse;			
	}

	.dkp caption { text-align: left; padding: 10px; font-weight: bold; color: #E8CA82; }

	.dkp td,.dkp th{
		border:1px solid #000;
		border-collapse:collapse;
		margin:0 0 0 0;
		padding:4px;
		font-size: 14px;
	}
	.dkp td th{
		padding:.5em .5em;
		vertical-align:middle;
		font-weight:normal;
	}
	.dkp thead th{
	/*	text-transform:uppercase; */
		color:#E8CA82;
		background-color: #300109;
		font-weight: bold;
	}
	.dkp th { text-align: center; } 
	.dkp th.rank { width: 40px; text-align: center; }
	.dkp td.rank { width: 40px; text-align: right; }
	.dkp th.num {  width: 60px; text-align: center; }
	.dkp td.num {  width: 60px; text-align: right; }

	.dkp td.class, th.class { width: 100px;	}

	.dkp tr {
		background-color: #050505;
	}
	.dkp tr.odd {
		background-color: #180004;
	}	
	.dkp tfoot tr td{
		border: 1px solid #E8CA82;
		border-width: 2px 0 0 0;
	}


	a.Warrior { color: #B08B62; text-decoration: none; }
	a.Priest { color: #FFFFFF; text-decoration: none; }
	a.Druid { color: #D1680B; text-decoration: none; }
	a.Shaman { color: #04A48B; text-decoration: none; }
	a.Rogue { color: #E1D85E; text-decoration: none; }
	a.Hunter { color: #ABD473; text-decoration: none; }
	a.Mage { color: #5AA8C4; text-decoration: none; }
	a.Warlock { color: #5C5074; text-decoration: none; }
	a.Paladin { color: #D87DA4; text-decoration: none; }

	a:hover { text-decoration: underline; }

	.good {color: green; font-weight: bold; text-align: right; text-decoration: none;}
	.med {color: yellow; font-weight: bold; text-align: right; text-decoration: none;}
	.bad {color: red; font-weight: bold; text-align: right; text-decoration: none;}
	.shit {color: gray; font-weight: bold; text-align: right; text-decoration: none;}

	.sortable {
		width: 800px;
		border:2px solid #300109;
		border-collapse:collapse;			
	}

	.sortable caption { text-align: left; padding: 10px; font-weight: bold; color: #E8CA82; }

	.sortable td,.sortable th{
		border:1px solid #000;
		border-collapse:collapse;
		margin:0 0 0 0;
		padding:4px;
		font-size: 14px;
	}
	.sortable td th{
		padding:.5em .5em;
		vertical-align:middle;
		font-weight:normal;
	}
	.sortable thead th{
	/*	text-transform:uppercase; */
		color:#E8CA82;
		background-color: #300109;
		font-weight: bold;
	}
	.sortable th { text-align: center; } 
	.sortable th.rank { width: 40px; text-align: center; }
	.sortable td.rank { width: 40px; text-align: right; }
	.sortable th.num {  width: 70px; text-align: center; }
	.sortable td.num {  width: 70px; text-align: right; }

	.sortable td.class, th.class { width: 100px;	}

	.sortable tr {
		background-color: #050505;
	}
	.sortable tr.odd {
		background-color: #180004;
	}	
	.sortable tfoot tr td{
		border: 1px solid #E8CA82;
		border-width: 2px 0 0 0;
	}

	.sortable thead tr td {
		text-decoration: none;

	}

	.sortable thead tr td img {
		border-width: 0px;
	}

	th img { border-width: 0px;}
	th a { text-decoration: none;}