html, body { margin:0; padding:0; }

body {
	font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	color: #000;
	background-image: url(/images/bg.jpg);
	background-repeat: repeat-y;
	background-color: #000000;
}

form { margin: 0; padding: 0; }
form input[type="submit"] { margin-top: 3px; border: 1px solid #336699; }
form button, button, input.btn, button.btn { border: 1px solid #336699; margin-top: 3px; }

form.std label { float: left; width: 350px; color: #666; }
form.std .line { clear: both; margin: 15px 0 5px 0;}

#pagealert {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #CC0000;
	font-weight: bolder;
	color: #FFF;
	font-size: 100%;
	padding: 3px 10px 3px 10px;
	z-index: 999;
}

#pagealert a {
	color:#FFF;
	text-decoration:none;
}

hr { border: 0; height: 1px; color: #ccc; width: 100%; background-color: #ccc; }

/* flash style */
div#flash_div{
	background-color: #ffffff;
	color: #000000;
	font-size: 10px;
	border: 0px solid #cccccc;
	width: 95%;
	margin: 0 auto 0 auto;
}

div#flash_info { 
	background-color: #ffffff;
	color: #000000;
	font-size: 12px;
	border: 0px solid #cccccc;
	width: 95%;
	margin: 0 auto 0 auto;
}
/* end of */

div#welcome { background-color: #FFFF55; font-size: 14px; padding: 2px; }

span#add_comment_error { color: red; }
span.error { color: red; padding-left: 5px; }
span.info { color: green; }

img { border: 0; }

a:link { color: #0000ee; } /* 0000ee */
a:hover, a:active { color: #339900; } /* D7EAC2 */

h1 { font-size: 22px; font-weight: normal; } 
h1 a { text-decoration: none;  }
h1 a:hover { text-decoration: underline; }

h2 { font-size: 18px; margin: 10px 0 10px 0; }

h4 { font-size: 14px; font-weight: bold; }

div#top {
	text-align: right;
	color: #fff;
	font-size: 10px;
	background-color: #000;
	margin-bottom: 5px;
	padding: 3px;
}

/*div#top a { color: #0000ee; } */
div#top a { color: #fff; } 
div#top a:hover { font-weight: bold; } 

div#topright { float: right;}
div#topleft { float: left;}

div#header{
	margin: 0 10px 5px 0;
  	background: #fff;
  	color: #390;
  	float: left;
}

div#header img { margin-top: 5px; }

div#header h2 a { color: #000; font-weight: bold; font-size: 16px; }

div#nav {
	margin: 20px 0 0 0;
	padding: 3px;
	background: #fff;
	float: left;
}

div#nav a { color: #339900; }

div#search { float: right; margin: 15px 0 0 0; padding: 3px; } 
div#search input#search-q { color: #666; font-size: 14px; }


/* content */
div#wrapper { 
	padding-top: 5px; 
	width: 100%;
	text-align: left;
	clear:both;
}

div#container
{
	text-align:left;
	width: 1025px;
	margin: 0 auto;
	background-color: #fff;
	height: 100%;
	padding: 0px 10px 0px 10px;
	min-width: 1024px;
}

div#content
{
	padding-bottom: 20px;
	float: left;
	width: 800px;
}

div#content p { line-height:1.4; }
/* end of */

/* right coloumn */
div#navigation
{
	padding: 0;
	width: 155px;
	float: right;
	margin-right: 10px;
}

div#navigation h3 { font-size: 14px; font-weight: bold; }

/* floating box on right */

div.sidebox {
	padding: 10px;
	width: 145px;
	font-size: 12px;
	margin: 0 0 10px 0;
}

div#loginbox {
	padding: 10px;
	background-color: #f0f0f0;
	width: 145px;
	font-size: 12px;
	margin: 0 0 10px 0;
}

div.rightcol { float: left; width: 250px;}

div#loginbox div#pass { font-size: x-small; width: 100%; text-align: center; padding: 2px; }
div#loginbox form input[type="checkbox"] { margin: 4px 4px 4px 0px; }

div#quickregister  {
	padding: 10px;
	background-color: #f0f0f0;
	width: 145px;
	font-size: 12px;
	margin: 10px 0 0 0;
}

div#quickregister h3 { font-size: 14px; color: #666; }
div#loginbox h3 { font-size: 14px; color: #666; }


div#userctrlbox  {
	padding: 10px;
	background-color: #FFFF88;
	width: 145px;
	font-size: 12px;
	margin: 10px 0 0 0;
}

div#userctrlbox h3 { margin: 10px 0 10px 0; }
div#userctrlbox ul li { margin: 5px 0 5px 0; }



/* end of */

/* login */
div#loginform{ float: left; width: 45%; margin-left: 50px; }
div#registerform { float: left; width: 45%; }
p.regtext { margin: 10px 0 20px 0; }
/* end of */

/* submit */
form#submitform{ width: 450px; }
form#submitform input[type="text"]{ color: #000; }
/* end of */

/* footer */
div#footer
{
	border-top: 2px solid #ccc;
	clear:both;
	width:100%;
	color: #000;
	font-size: xx-small;
	padding: 3px;
	text-align: center;
	margin-top: 10px;
}

div#footer a { color: #00c; }
/* end of footer */


/* popup forms */
.hiddendiv {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: gray;
    opacity: .7;
	filter: alpha(opacity=70);
    z-index: 5;
}

/* pop up box */
.popup {
	position: absolute;
    background-color: white;
    top: 100px;
    width: 70%;
    margin-left: 10%;
    margin-right: 10%;
    z-index: 10;
    border: 1px solid #000;
    padding: 10px;
}

.popup h3 { font-size: 18px; font-weight: bold; }
.popup textarea { width: 80%; height: 200px; font-size: 14px; line-height: 1.5; }
.popup input[type="text"] { width: 350px; font-size: 16px; height: 25px;}
.popup div#left { margin: 0; padding: 0; float: left; width: 50%;  }
.popup div#right { margin-left: -20px; padding-left: 20px; float: right; width: 40%; border-left: 5px solid #efefef; }
.popup div.close { text-align:center; width: 100%; }
.popup div.close a { color: red; font-weight: bold; } 
/* end of */

form.x textarea { width: 80%; height: 200px; font-size: 14px; line-height: 1.5; }
form.x input[type="text"] { width: 250px; font-size: 16px; height: 25px;}
form.x select { font-size: 16px; height: 25px; }


/* message */
div.message { margin: 0 0 10px 0; }
div.message small.head { color: #808080; font-size: 10px; }
div.message h1.subject { font-size: 14px; color: #000; font-weight: bold; margin: 0 0 5px 0; }
div.message p.content { margin: 2px; } 
div.message span.foot { margin: 0 0 0 7px; }
div.message a.ctrl { 
	font-size: 10px; 
	color: #666;
	background-color: #F0F0F0; 
	padding: 1px; 
	text-decoration: none; 
}
/* end of */


/* tutorial blocks */

.tutorialbox { margin-bottom: 5px; }
.tutorialbox h3.title { font-size: 14px; font-weight: bold; }
.tutorialbox img.icon { float: left; height: 48px; width: 48px; }
.tutorialbox p.description { font-size: 12px; }
.tutorialbox p.about { font-size: 10px; color: #666;  }

span.lang { 
	padding: 0px 3px 0px 3px; 
	font-size: xx-small; 
	border-bottom: 1px solid #ccc; 
	/*border-right: 1px solid #ccc; 
	background-color: #CDEB8B;  */
}

span.lang a { text-decoration: none; }

span.tag {
	background-color: #FFFF88; 
	padding: 0px 3px 0px 3px; 
	font-size: xx-small; 
	border-bottom: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
}
span.tag a { text-decoration: none; }

/* tags of the right */
span.sidetag {
	background-color: #FFFF88; 
	padding: 0px 3px 0px 3px; 
	font-size: xx-small; 
	border-bottom: 1px solid #ccc; 
	border-right: 1px solid #ccc;
}
span.sidetag a { text-decoration: none; }
/* end of */

.tutorialbox div.content {
	float: left; 
	width: 700px;
	margin: 0 0 0 5px;
}

.tutorialbox a.ctrl { color: #666; font-size: 10px; background-color: #efefef; padding: 1px; text-decoration: none; }

/* end of */

h1.pageheader { margin-bottom: 10px; }

/* tag -> show */

h1 span.tag { 
	font-size: 16px;
	background-color: #C3D9FF;
	padding: 0px 3px 0px 3px; 
	border-bottom: 2px solid #ccc; 
	border-right: 2px solid #ccc; 
}

/* end of */

/* search -> show */
span.title-info { display: block; color: #666; font-size: 10px; font-weight: normal; margin-bottom: 10px; margin-top: 0; }
/* end of */

/* link -> details */
dl#stats dt { font-weight: bold; }


/* link, comments */

.votebtn { float: left; }
.votebtn a img { display: block; }

form#commentform{ margin-top: 5px;}
form#commentform textarea { width: 350px; color: #CCC; }

.commentbox { margin-bottom: 10px; margin-top: 10px;}
.commentbox .commentwrap { float: left; width: 90%; margin-left: 5px; }

.commentwrap span.date { color: #666; font-size: x-small; } 
.commentwrap a.user { font-size: x-small; font-weight: bold; } 

.commentwrap div.message { margin-bottom: 5px; } 
.commentwrap p { margin-bottom: 4px; }

.commentwrap .commentheader { margin-bottom: 3px; }

.commentwrap .commentfooter { font-size: x-small; color: #333; }
.commentwrap .commentfooter a { text-decoration: none; color: #666; background-color: #F0F0F0; padding: 3px; }

.commentwrap .commentreply { margin: 5px; } 
.commentwrap .commentreply form textarea{ width: 450px; height: 150px; } 

.commentwrap .editcomment textarea { width: 600px; height: 150px; }

.reply { margin-left: 100px }
/* end of */

table.admin { border: 1px; margin: 10px; font-size: 12px; }
table.admin td { padding: 5px; font-size: 10px; }
table.admin tr.even { background-color: #EFEFEF; }
table.admin tr.odd { }
table.admin tr.head { background-color: #CC9999; }


/* index / stats */
.statblock h4 { margin-bottom: 5px; }
#statoverview { background-color: #EFEFEF; padding: 5px;  }
/* end of */


/* article */

table tr.page { background-color: #ecedec; }

form.article textarea { width: 95%; height: 600px; }
form.article p { font-size: 16px; width: 95%; }
form.article input[type="text"] { width: 95%; }

div.article { font-size: 12px; color: #333; }
div.article h2#byline { font-size: 14px; font-weight: bold; text-decoration: underline; }
div.article p { padding: 5px; }
div.article h1 { font-size: 16px; font-weight: normal; text-decoration: underline; }
div.article h2 { font-size: 14px; font-weight: bold; }
div.article h3 { font-size: 12px; font-weight: normal;}

div.article table {
    border: 1px solid #cccccc;
    margin: 10px;
    font-size: 110%;
    width: 99%;
}

div.article table td { padding: 5px }
div.code {
	font-size: 12px;
	width: 95%;
	height: 100%;
	overflow: auto;
	padding: 5px;
	border: 1px solid #cccccc;
	margin: 0 auto 5px auto;
}

/* end of */

/* index */
div.news { padding: 2px 0 2px 0; margin: 5px 0 0 0; }
div.news h1 { font-size: 14px; font-weight: bold; }
div.news p { font-size: 12px; }
div.news span.date { font-size: 10px; color: #ccc; }
/* end of*/

/* tla */
h3#tla { color: #666; }
div.tla a { margin: 3px 0 0 0; display: block; }
/* end of */

/* links */
div.links {}
div.links a { margin: 3px 0 0 0; display: block; }
/* end of */