/*
Teh Slax | PsychoGobbo Stylesheet.
<cheatheal@tehslax.com>
*/

/* Universal */
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
	margin:0;
	padding:0;
}

body {
	margin: 0 auto;
	color: #f0f0f0;
	background: url(/images/bg.jpg) top left no-repeat fixed #222;
	font: 76%/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
}

/* Headers */
h1 {
	float: left;
	font: 3em "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #369;
	padding: 0px 12px;
	margin: 0;
}

h2 {
	font-size: 1.6em;
	margin-bottom: 0.5em;
	color: #f0f0f0;
	font-weight: 500;
	border-bottom: 1px dotted #ccc;
}

p { color: #f0f0f0; }

dd { margin-bottom: 2em; }

#logo {
	width: 205px;
	height: 87px;
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	background: url(/images/logo.png) top left no-repeat;
}

#logo span { display: none; }


/* Layout Wireframe */
#wrap {
	min-width: 950px;
	width: 950px;
	margin: 0 auto;
}
#content {
	clear: both;
	padding: 36px 0;
	/* padding-left: 36px;*/
	min-height: 300px;
}
.forum {
	font-size: 1.25em;
}

#main {
	float:left;
	width:65%;
}
#sidebar {
	float:right;
	width:30%;
}
#footer {
	margin-top: 3em;
	clear:both;
	color: #999;
	padding: 1em 24px;
}
#breadcrumb {
	margin-top: -2em;
	margin-bottom: 1em;
}

#navigation {
	padding: 12px;
	font-size: 1.25em;
	text-align: center;
}
#header {
	clear: both;
	padding: 0;
	height: 120px;
	width: 950px;
	background: url(/images/box-bg.png) repeat;
}
#user-details {
	color: #f0f0f0;
	font-size: 0.8em;
	position: relative;
	top: 12px;
	right: 24px;
	text-align: right;
}


/* Header */
#header a, #forumnav a { color: #fff; text-decoration: none; }
#header a:hover, #forumnav a:hover { text-decoration: underline; }

#header .menu { 
	display: block;
	position: relative;
	left: 100px;
	top: 50px;
	width: 750px;
}

#header .menu li {
	display: inline;
	font: 1.5em/1.5 "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin-right: 2em;
}

/* Content */
#main li {
	margin-left: 2.5ex;
}

.section.post {
	border-top: 1px solid #333;
	padding: 0px;
}

.title.news {
	border-bottom: 1px solid #333;
}

p.postinfo {
	font-size: 1.5em;
	text-align: right;
	margin-top: 3em;
	margin-bottom: 0;
}

.group .news h2 {
	font-size: 1.15em;
	font-weight: bold;
}

/* Forum */
.user_name { float: right; }

.forum {
	background: url(/images/box-bg.png);
}


.group {
	border-top: 1px solid #222;
	margin-bottom: 2em;
}

#forum_tools {
	text-align: right;
	margin: 0em;
	font: 1.10em/1.25 "Helvetica Neue";
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
}

#forumnav { 
	display: block;
}

#forumnav li {
	display: inline;
	font: 1.35em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-right: 2em;
}

#forumnav li a {
	color: #fff;
	text-decoration: none;
}

.group .title {
	background: url(/images/forum/group-bg.png) top left repeat-x #111;
	padding: 1em;
	font: 1.5em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-shadow:0 0 1px rgba(0, 0, 0, 0.01);
	border-top: 1px solid #444;
}

.group .title a {
	text-decoration: none;
}

.group h2 {
	border-bottom: none;
}

.group h4 {
	margin-top: 0;
	font-size: 1.25em;
	font-weight: 100;
}


.group .title p { margin-bottom: 0; }

.group .contents {
	border-top: 1px solid #333;
	background: #111;
}


table {
	width: 100%;
	border-collapse: collapse;
}

th, td {
	text-align: left;
	border-bottom: 1px solid #444;
	padding: 1em;
	padding-left: 18px;
	color: #666;
}

table tr:last-child td { border-bottom: none; }

th.topics { width: 55px;}

th.last_post { width: 175px; }

th {
	font: 1.2em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #aaa;
}

th.numeric, td.numeric { text-align: center; }

td {
	background: transparent url(/images/forum/thread.png) top left repeat-x;
}

.posted_by a {
	color: #fff;
	text-decoration: none;
}


.pagination {
	padding: 15px;
	margin-left: 10px;
}


.blockpost img {
	max-width: 650px;
}

.blockpost {
	position: relative;
	overflow: hidden;
}
.blockpost .anchor {
	position: absolute;
	border: 1px solid transparent;
	top: -120px;
	left: 0px;
}

.blockpost .postleft {
	position: relative;
	float: left;
	width: 165px;
	padding: 15px 15px 15px 15px;
	margin-left: 3px;
}

.blockpost .postleft a {
	color: #8F9194;
}

.blockpost .postleft .avatar {
	position: relative;
	width: 165px;
	height: 120px;
	background: transparent url(user-regular.png) no-repeat;
	color: black;
	text-shadow: white 0px 0px 3px;
}


.blockpost .postleft .avatar img {
	position: absolute;
	top: 7px;
	left: 7px;
	border: 1px solid #333;
}

.blockpost .postleft .username {
	padding-left: 10px;	
}

.blockpost .postleft .username a {
	color: white;
	font-size: 15px;
	font-weight: bold;
}

.blockpost .postleft dl {
	margin: 0;
}

.blockpost .postleft dd {
	padding: 2px 0 0 10px;	
	margin: 0;
	color: #8F9194;
	font-size: 11px;
}
 
.blockpost .postright {
	float: left;
	width: 750px;
}

.blockpost .postmsg {
	position: relative;
	top: 10px;
	background: transparent url(/images/forum/post_mid.png) repeat-y;
	color: #222;
	min-height: 70px;
	font-size: 13px;
	width: 635px;
	padding: 2em 2em 2em 4.5em;
	margin: 1em 0 2em 0;
}

.blockpost .postmsg p {
	color: #222;
}

.blockpost .postmsg blockquote {
	color: #666;
}


.blockpost .postmsg span form, .blockpost .postmsg span, .blockpost .postmsg textarea {
	display: block !important;
}


.blockpost .postmsg span {
	margin-top: 1em;
}

.blockpost .postmsg .body {
	padding: 1em 0;
}


.blockpost .postmsg .postbottom {
	position: absolute;
	bottom: -18px;
	left: 0px;
	width: 750px;
	height: 18px;
	background: transparent url(/images/forum/post_bottom.png) bottom left no-repeat;
}

.blockpost .postmsg p, .blockpost .postmsg blockquote {
	position: relative;
	z-index: 10;
}

.postdate {
	color: #ccc;
	font-size: 1.5em;
	float: right;
	height: 45px;
}

.postdetails {
	text-align: right;
	color: #999;
	width: 700px;
	padding: 2em;
	padding-top: 1em;
}

.blockpost .postsignature {
	width: 635px;
}

.blockpost .posttop {
	position: absolute;
	top: -10px;
	left: 0;
	width: 743px;
	height: 60px;
	background: transparent url(/images/forum/post_top.png) no-repeat;
	z-index: 9;
}

.blockpost .posttop .actions {
	padding-top: 16px;
	padding-right: 48px;
	text-align: right;
}

/* Footer */

#footer p {
	color: #aaa;
	padding: 0.5em 12px;
}

#footer ul {
	display: block;
	text-align: right;
}

#footer ul li { display: inline; padding-right: 1em;}


/* Glass box */
.section {
	padding: 18px;
	background: url(/images/box-bg.png) repeat;
	margin-bottom: 3em;
}



/* Recruitment */


#recruitment {
	width: 215px;
	display: block;
	margin: 0;
	padding: 0;
}
#recruitment li {
	margin: 0pt;
	width: 35px;
	display: block;
	float: left;
	height: 35px;
	margin-left: 0;
	margin-right: 8px;
	padding-bottom: 8px;
}




/* Class Icons */
.dk { background: url(/images/class-icons/deathknight.gif) no-repeat; }
.no_dk { background: url(/images/class-icons/deathknight-off.gif) no-repeat; }
.druid { background: url(/images/class-icons/druid.gif) no-repeat; }
.no_druid { background: url(/images/class-icons/druid-off.gif) no-repeat; }
.hunter { background: url(/images/class-icons/hunter.gif) no-repeat; }
.no_hunter { background: url(/images/class-icons/hunter-off.gif) no-repeat; }
.mage { background: url(/images/class-icons/mage.gif) no-repeat; }
.no_mage { background: url(/images/class-icons/mage-off.gif) no-repeat; }
.paladin { background: url(/images/class-icons/paladin.gif) no-repeat; }
.no_paladin { background: url(/images/class-icons/paladin-off.gif) no-repeat; }
.priest { background: url(/images/class-icons/priest.gif) no-repeat; }
.no_priest { background: url(/images/class-icons/priest-off.gif) no-repeat; }
.rogue { background: url(/images/class-icons/rogue.gif) no-repeat; }
.no_rogue { background: url(/images/class-icons/rogue-off.gif) no-repeat; }
.shaman { background: url(/images/class-icons/shaman.gif) no-repeat; }
.no_shaman { background: url(/images/class-icons/shaman-off.gif) no-repeat; }
.warlock { background: url(/images/class-icons/warlock.gif) no-repeat; }
.no_warlock { background: url(/images/class-icons/warlock-off.gif) no-repeat; }
.warrior { background: url(/images/class-icons/warrior.gif) no-repeat; }
.no_warrior { background: url(/images/class-icons/warrior-off.gif) no-repeat; }



/* Buttons */
.button {
	background: url(/images/button.png) bottom left repeat-x;
	color: #fff;
	height: 35px;
	width: 100px;
	text-align: center;
	display: block;
	font: 1em/35px "Helvetica Neue", "Lucida Grande", Helvetica, sans-serif;
	border:1px solid #369;
	border-right: 1px solid #001737;
	border-bottom: 1px solid #001737;
	text-decoration: none;
}

.button:hover {
	background: url(/images/button.png) top left repeat-x;
	color: #fff;
	text-decoration: none;
}

.submit, .inplace_save {
	background: url(/images/confirm-button.png) bottom left repeat-x;
	color: #fff;
	height: 35px;
	width: 125px;
	text-align: center;
	display: inline-block;
	font: 1em/35px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
	border:1px solid #559932;
	border-right: 1px solid #133800;
	border-bottom: 1px solid #133800;
	text-decoration: none;
	padding: 0 1em;
}

.submit:hover, .inplace_save:hover {
	background: url(/images/confirm-button.png) top left repeat-x;
	color: #fff;
	text-decoration: none;
}

.reset, .inplace_cancel {
	border-top: 1px solid #DB9C95;
	border-left: 1px solid #DB9C95;
	border-right: 1px solid #4F1214;
	border-bottom: 1px solid #4F1214;
	height: 35px;
	width: 125px;
	display: inline-block;
	background: url(/images/cancel-button.png) bottom left repeat-x;
	font: 1em/35px "Helvetica Neue", "Lucida Grande", Helvetica, sans-serif;
	cursor: pointer;
	padding: 0px 6px;
	color: #fff;
	text-align: center;
}

.reset:hover, .inplace_cancel:hover {
	background: url(/images/cancel-button.png) top left repeat-x;
}



/* Forms */
input { font-size: 1.5em; width: 350px; }
.submit { width: auto;}
fieldset { border: 0; padding-top: 1em; padding-bottom: 2em; }
label { width: 200px; font-size: 1.25em; display: block; float: left; }
label.full_line { float: none; display:block; margin: 0.5em 0; }
label.radio { display: inline; width: auto; float: none; }
input[type="radio"] { display: inline; width: auto;}
legend { font-size: 1.15em;}

textarea.elastic { width: 100%; font-size: 1.5em; height: 4.5em; }

form {
	margin: 0pt;
	padding: 0px;
}
form fieldset > div {
	margin: 0;
	padding: 6px;
	display: block;
	border-bottom: 1px solid #222;
	border-right: 1px solid #222;
	border-top: 1px solid #777;
	border-left: 1px solid #777;
	background: url(/images/forum/thread.png) repeat-x top left #111;
	color: #fff;
}

form#new_forum_thread, #new_post {
	margin: 0 auto;
	width: 600px;
}

#forum_thread_title {
	width: 100%;
}


div.fieldWithErrors, #new_forum_thread div.fieldWithErrors,
#new_post div.fieldWithErrors {
	border: none;
	background: transparent;
	display: inline;
	padding: 0;
}

form fieldset > div p {
	color: #666;
}

/* Misc */
p { margin: 0 0 1em; }
.intro { font-size: 1.4em; }
em { font-weight: bold; color: #369; font-style: normal;}

.section h3 {
	margin-top: 3em;
	margin-bottom: 1em;
}

a { color: #369; }
a:hover { color: #9ac;}
.floatBreak { clear: both; }
#daylist dt {
	display: inline;
	font-weight: bold;
}
#daylist dd {
	display: inline;
	margin: 0 6px;
}

.clear { clear:both; }