/*
 Generics
*/

* {
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
/*
 border: 0;
*/
 margin: 0;
 padding: 0;
 border-collapse: collapse;
 vertical-align: top;
}

body {
 background: #444;
 color: #fff;
 font: 1em/1.25em "Segoe UI", Verdana, Tahoma, sans-serif;
 letter-spacing: 0.1em;
/*
 height: 100%;
 overflow-x: auto;
 overflow-y: scroll;
*/
 background-image: url(/img/too_cool_br.png);
 background-attachment: fixed;
 background-position: 100% 100%;
 background-repeat: no-repeat;
}

a, a:active, a:focus, a:visited {
/*
 position: relative;
*/
 background: transparent;
 font-variant: small-caps;
 color: #ff0;
 text-decoration: none;
/*
 text-indent: 10px;
*/
}

a {
 text-decoration: none;
/*
 border-bottom: 1px solid #00c;
*/
}

a:hover {
 color: #fff;
 text-decoration: underline;
/*
 border-bottom: 1px solid #fff;
 font-weight: bold;
*/
}

#header {
 clear: both;
 height: 6.2em;
 width:100%;
 line-height: 3.6em;
 background: url(/img/2.gif) no-repeat 50% 0%;
 border-bottom: 1px solid #ccc;
}

#header:after {
 display: block;
 text-align: center;
 font-size: x-large;
/*
 color: #00c;
*/
 letter-spacing: 0.6em;
 content: "DCoder\'s tools, tutorials and stuff";
}

#footer {
 clear: both;
 margin-top: 1em;
 border-top: 1px solid #ccc;
}

#content {
/*
 border-left:10em solid #fff;
*/
 margin-left: 13.5em;
 margin-right: 2em;
}

h1, h2, h3 {
 border-bottom: 1px solid #000;
 margin: .25em 0;
}

h1 {
 text-align: center;
}

h3 {
 font-size: small;
 font-weight: bold;
 font-variant: small-caps;
 text-align: center;
}

h3 strong {
 font-style: italic;
}

h3 em, abbr, acronym {
 font-weight: bold;
 color: #fff;
}

h4 {
 font-size: small;
 text-align: center;
}

/*
 Navigation
*/

#navig {
 width: 12em;
 background: transparent;
 display: block;
 position: absolute;
 top: 8em;
 left: .7em;

/*
 width: 100%;
 position:relative; 
 width: 13em;
 margin-left:-10em; 
 margin-bottom: 20px;
 position:absolute;
 top: 6em;
 line-height: 1.5em;
 display:inline;
 text-align: center;
*/
}

#navig dl {
 border-radius: 10px;
 -moz-border-radius: 10px;
 border: 3px outset #00c;
}

#navig dt {
 background: #88f;
 font-weight: bold;
 height: 1.2em;
 line-height: 1.2em;
 vertical-align: middle;
 text-align: center;
}

#navig dd {
 text-indent: 1em;
 font-size: small;
}

#navig a:hover {
 text-decoration: underline;
}


/*
 [Comments] Form
*/

h3#add {
 margin-left: auto;
 margin-right: auto;
 width: 30em;
}

label {
/*
 border-top: 1px solid #fff;
*/
 cursor: pointer;
}

form {
 margin-left: auto;
 margin-right: auto;
}

form label {
 text-align: right;
}

form label.element {
 width: 175px;
 float: left;
 margin-top: 10px;
}

form input,
form button,
form textarea {
/*
 width: 90%;
 display: block;
 margin-left: 50px;
*/
 float: left;
 margin-top: 10px;
 margin-left: 15px;
 font-family: "Courier New", Courier, Lucida, mono-space;
 font-size: 0.85em;
}

.formSubmit button, .formSubmit input[type^="submit"] {
 width: 200px;
 font-family: "Segoe UI", Verdana, Tahoma, sans-serif;
 text-align: center;
 font-weight: bold;
}

form p {
 clear: both;
 padding-bottom: 20px;
}

/*
 Poll stuff
*/

#poll * {
 float: none !important;
} 

#poll label {
/*
 width: 100%;
*/
 text-align: left;
 display: block;
 vertical-align: middle;
/*
 width: 5em ;
 clear: none;
*/
}

#poll fieldset {
 border-radius: 10px;
 -moz-border-radius: 10px;
 border: 3px outset #00c;
}

#poll p {
 margin: 0;
 padding: 0;
 width: 100%;
}

#poll #voter {
 border-bottom: 0;
}

#poll span {
 float: left;
}

#poll input {
 vertical-align: middle;
}

#poll legend {
/*
 background: #88f;
*/
 font-weight: bold;
 text-align: center;
 padding: 3px 0;
 margin: auto;
 width: 99%;
}

#pollVote {
 text-align: center;
 display: block;
 margin: auto;
}

#yes, #no {
/*
 clear: none;
 vertical-align: middle;
 height: .7em;
*/
 padding: 0;
 margin: 5px 0;
 float: left;
}

#pollYes, #pollNo {
 display: block;
 clear: both;
 float: left;
 margin: .5em 0 0 0;
 height: 1em;
}

#pollYes {
 border: 1px outset #0c0;
 background: #0f0;
}

#pollNo {
 border: 1px outset #c00;
 background: #f00;
}

#stuff {
 width: 100%;
}

.dummy {
 display: block;
 float: left !important;
 width: 100px;
}

#poll em {
 color: #0f0;
 display: block;
 text-align: center;
}

#poll .progress {
 width: 100%;
 height: 25px;
}

/*
 Misc
*/

/*
a.ext:after {
 content: "*";
}
*/

#valid { 
 display: block;
}

#valid a {
 display: inline;
 border: 0;
/*
 border: 1px solid #ccc;
*/
 padding: 0;
 margin: 0;
}

#valid img {
 display: inline !important;
 border: 0;
 padding: 0;
 margin: 0;
}

#valid * {
 vertical-align: middle;
}

a#toocool:before {
 content: open-quote;
}

a#toocool:after {
 content: close-quote;
}

a.ext {
 background: url(/img/external.png) no-repeat 100% 50%;
 padding-right: 11px;
}

/*
a.ext {
 position: relative;
}

a.ext:hover:after {
 z-index: 10;
 position: absolute !important;
 top: 1em;
 left: 1em;
 background: #ee0;
 padding: 3px;
 margin: 5px;
 border: 1px solid #000;
 content: "URL: " attr(href) "\0A" ;
 opacity: 0.75;
}
*/

p.info {
 clear: both;
 font-size: small;
 font-weight: normal;
 font-variant: small-caps;
 text-align: center;
}

acronym, a.acronym {
 cursor: help;
}

/*
 News
*/
 
.tableborder {
 margin: 5px 0;
 padding: 0;
 width: 99%;
 border: 3px solid #00c;
}

.maintitle {
 border-bottom: 1px solid #ccc;
}

.row2 {
 padding: 3px 0;
}

.tableborder td {
 margin: 5px;
}

.post1 {
 padding: 3px;
}

.quote_header {
 display: none;
}

.quote_body {
 border-left: 5px outset #00c;
 margin: 5px;
}

/*
 Logs
*/

.unstyled, .unstyled li {
 list-style-type: none;
}