/*****************
*** gwshack.css ***
 *****************/

textarea {width: 100%; padding: .1em;}
textarea, select, input {background-color: #DED2BD;}
textarea, select, input, option {
	background-color : #bba792; 
	background-image : url(img/textbg.gif);
	background-repeat: repeat;
	vertical-align: top;
}
form {
   margin: 0;
   padding: 0;
}
button {
	background-color : #bba792; 
	background-image : url(img/buttonbg.gif);
	background-repeat: repeat;
	border: 1px outset #C3B294;
}
input {
   margin-top: 3px;
   vertical-align: middle;
}
html, body {
   border: none;
   overflow: hidden;
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
}
body {
   background-color: #C3B294;
}
button {
   vertical-align: middle;
}
.link {
   text-decoration: underline;
}
iframe {
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
   border: 0;
   display: inline;
}

#container {
   width: 100%;
   padding: 0;
   margin: 0px auto;
}

#loading {
   position: absolute;
   visibility: visible;
   z-index: 10000;
   background-color: red;
   color: white;
}

#left {
	margin-right: 430px;
   font-size : 12px;
   line-height: 14px;
   font-family: verdana,helvetica,arial,sans-serif;
   margin: 0;
   margin-left: 5px;
   padding: 0;
   vertical-align: top;
}
#home, #article_editor, #forums, #chat, #debug {
   overflow: auto;
}
#home, #article_editor {
   padding-right: 7px;
}

#right {
   float: right;
   width: 430px;
   margin: 0;
   margin-right: 5px;
   padding: 0;
   vertical-align: top;
}
#missions, #gwbbcode_syntax, #build_library, #history, #profile {
   overflow: auto;
}

.main {
	border: 1px solid #111;
	background: #C3B7A2;
	padding-top: 2em;
   padding: 3px;
}

.main a {
   color: #693901;
}
.main a:visited {
   color: #613501;
}
.main a:hover {
   color: #98000D;
}


.header {
	position: relative;
	height: 1em;
}
/* Necessary distinction for 800x600 users (otherwise total width exceeds 800) */
/* a width is required for Opera, older Mozilla browsers, and Konqueror browsers*/
.left_width {
	width: 200px;
}
.right_width {
	width: 400px;
}

.header ul {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
}
/* Necessary distinction for 800x600 users (otherwise total width exceeds 800) */
/* a width is required for Opera, older Mozilla browsers, and Konqueror browsers*/
.left_width ul {
	width: 350px;
}
.right_width ul {
	width: 400px;
}

.header ul li  {
	display: inline;
	list-style: none;
}

.header ul a, .header ul span {
	width: auto;
	display: block;
	float: left;
	padding: 4px 6px 4px 6px;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #333;
}

.header ul span {
	border: 1px solid #111;
	border-bottom: none;
	background: #C3B7A2;
	padding-bottom: 6px;
	margin-top: 0;
}

.header ul a {
	background: #C4B39A;
	border: 1px solid #888;
	border-bottom: none;
}

.header ul a:hover {
	margin-top: 0;
	border-color: #666;
	background: #C5B6A1;
	padding-bottom: 5px;
}


//Article editor?

#edit {
   overflow: auto;
   padding-bottom: 2px;
}

#change {
   display: inline;
}

#preview {
   display: inline;
}

button[disabled], select[disabled] {
   color: #444;
   background-color: #a69584;
	background-image : url(img/buttonbg-disabled.gif);
}



#article_editor, #home {
   width: auto;
}
#forums {
   width: 100%;
}
#article_editor, #home, #forums, #chat, #debug {
   font-size : 12px;
   line-height: 14px;
   font-family: verdana,helvetica,arial,sans-serif;
}

#shown_article_name {
   font-size: 18px;
   font-weight: bold;
}


/* Chat */
.chat_window {
   border: 1px solid black;
   height: 15em;
   overflow: auto;
}

.chat_input {
   overflow: auto;
}   



/* Home page */

#home {
   font-size : 110%;
   line-height: 120%;
}

#welcome {
   margin: 10px 0 0 0;
   clear: none;
   display: block;
   color: #004C00;
}

#news {
   margin: 0;
   padding: 0;
}

#news div {
   clear: none;
   display: block;
}

#news h1 {
   text-align: left;
   color: #6E240A;
   font-size : 110%;
   text-decoration: none;
   font-weight: bold;
   margin: 0 0 2px 0;
   padding: 0 0 2px 0;
   display: inline;
   float: left;
   width: 70%;
   clear: none;
}

.date {
   margin: 0;
   padding: 0;
   text-align: right;
   display: inline;
   float: right;
   width: 20%;
   clear: none;
}

#news p {
   margin: 0;
   padding: 0;
   clear: both;
   display: block;
}

#news .comments {
}




/* Voting */
#vote, #voters, #voting {
   display: inline;
}













/****************
*** skills.css ***
 ****************/

#skill_list {
   margin: 0;
   padding: 0;
   overflow: auto;
   width: auto;
}

#skill_list .table_image {
   vertical-align: middle;
}

#skill_list .table_text {
   line-height: 14px;
   padding-left: 5px;
   font-family: verdana,helvetica,arial,sans-serif;
   font-size: 10pt;
}

#skill_list .skill_img2 {
   border: #99938E;
   border-style: solid;
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   padding: 2px;
   margin: 4px
}

.skill {
   width: 100%;
   display: block;
   margin: 0;
   padding: 0;
}

/*
a:hover {
   background-color: transparent;
   position: relative;
   top: 1px;
   left: 1px;
}
*/

#search, #login_form {
   display: block;
   margin: 0;
   padding: 0;
}

#search * {
   margin: 0px;
   padding: 0px;
}

























/****************
*** ladder.css ***
 ****************/

.ladder {
   background-color: #C3A675;
   border: outset 1pt;
   margin-top: 5px;
}
.ladder_left {
   float: left;
   display: block;
   width: 230px;
   height: 24px;
}
.ladder_right {
   float: right;
   display: block;
   width: 40px;
   height: 24px;
}

/* History */
.summary {
   font-style: italic;
   font-size: 12px;
}




























/* Build Library */

.author_name {
    font-style: italic;
}



/* Login */

#login_div, #login_form {
   padding: 0;
   margin: 0;
}

#login_div {
   margin-bottom: 1em;
}

#autologin {
   padding: 0;
   margin: 0;
}

img.clean {
   border: 0;
}

#login_form span, #login_form a {
   vertical-align: middle;
}