/*
Theme Name: SO-youth
Description: SO-youth WP Theme
Version: 0.1
Author: aefxx
Author http://aefxx.com/
Tags: black, blue, orange, simple, minimalist, minimalistic, two columns, fixed width, widgets, widget ready, gravatars, valid XHTML
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;
	border: 0; outline: 0;
    text-decoration: none;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
}

:focus {
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
}

acronym {
    border-bottom: 1px dashed #ccc;
    cursor: help;
}

a:link, a:visited {
    color: #444;
}
a:hover {
    color: #e2001a;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
    width: 100%; height: 100%;
}

html.hide .hidden {
    display: none;
}

.hide {
    display: none;
}

body {
    width: 100%; height: 100%;
	color: #444;
    font: normal 100%/1em "Helvetica Neue",Helvetica,Arial,sans-serif;
    background: #fff;
}

#wrapper {
    position: relative;
    width: 75em; min-height: 100%;
    margin: 0 auto;
    font-size: .75em;
    line-height: 1.5em;

    _height: 100%;
}

#header {
    position: relative;
    height: 9em;
}

#header ul.root {
    position: absolute;
    padding-top: 1.5em;
}

#header ul.root ul {    
    padding: .75em .5em 0;
    font-size: .923em;
}

#header ul.root li {
    width: 11.462em;
    margin: 0 1em 0 0;
    font-size: 1.083em;
    display: inline-block;
    float: left;
}

#header ul.root li h3 {
    padding: 0 .5em;
    color: #fff;
    font-weight: bold;
    background: #ccc;
}

#header ul.root ul li {
    font-size: 1em;
}

.brand {
    position: absolute;
    top: 0; right: 0;
}

#content {
    padding: 0 0 6em;
}

#footer {
    position: fixed;
    bottom: 0;
    width: 81.818em;
    margin: 0 auto;
    padding: 1em 0 0;
    font-size: .917em;
    background: #fff url(img/bg.png) bottom right repeat-x;

    _position: absolute;
    _margin-top: 24px;
}

#footer p {
    margin: 0 0 1.5em;
}

#footer img {
    vertical-align: middle;
}

.left {
    width: 40.5em;
    overflow: hidden;
    float: left;
}

.right {
    width: 31.5em;
    padding-left: 36px;
    float: left;    
}

.frgt {
    float: right;
}

.flft {
    float: left;
}

td.frgt {
    float: none;
    text-align: right;
}

td.flft {
    float: none;
    text-align: left;
}

.clear {
    clear: both;
}

.section {
    overflow:hidden;
    padding-bottom: 2em;
}

.section h1 {
    color: #ccc;
    font-size: 4em;
    line-height: 1.125em;
    letter-spacing: -.05em;
    margin: .75em 0 .5em 162px;
}

.section .title h1 {
    margin: 0;
}

.right h1 {
    margin-left: 0;
}

.right p {
    padding: 1.5em 0 1.417em;
    border-bottom: 1px solid #ccc;
}

#posts table {
    width: 100%;
    table-layout: fixed;
}

#posts table td {
    padding: 1em 0;
    border-bottom: 1px solid #ccc;
    vertical-align: bottom;
    overflow: hidden;
}

#posts table .col1 {
    width: 162px;
}

#posts table .col2 {
    width: 360px;
}

#posts table .col3 {
    /*width: 312px;*/
}

#posts td.date {
    color: #444;
}

#posts td.title h2 {
    font-size: 3em;
    letter-spacing: -.05em;
    line-height: 1em;
}

a.more-link:link, a.more-link:visited {
    color: #ccc;
}
a.more-link:hover {
    color: #e2001a;
}

.comments_cloud {
    width: 42px; height: 33px;
    margin: 0  0 0 1em;
    background: transparent url(img/comments_cloud.gif) no-repeat;
    display: inline-block;
}

.comments_cloud span {
    padding: 0 0 0 20px;
    line-height: 30px;
}

.post_header p {
    margin: 2.6em 0 0;
    float: left;
}

.post_header h1 {
    color: #444;
}

.post_text {
    width: 32em;
    margin: 1.5em 0 3em 0;
    font: normal 1.333em/1.5em 'Helvetica Neue',Helvetica,Arial,sans-serif;
    float: left;
}

.post_text ul {
    margin-bottom: 1.5em;
}

.post_text p {
    margin-bottom: 1.5em;
}

.go_back {
    width: 162px;
    margin: 2em 0 0;
    line-height: 2em;
    float: left;
}

.left table {
    width: 100%;
    table-layout: fixed;
}

.left table td {
    padding: 1.5em 0 1.417em;
    border-bottom: 1px solid #ccc;
    vertical-align: bottom;
    overflow: hidden;
}

.left table .col1 {
    width: 162px;
}

.left a:link, .left a:visited {
    font-weight: bold;
}

#links {
    clear: both;
}

#signup form input {
    margin: 0 0 .5em;
}

#signup form input.text {
    width: 220px;
    border: 1px solid #ccc;
}

#signup form input.submit {
    float: right;
}

#signup form input.bx {
    width: 32px;
    border: 1px solid #ccc;
}

#signup form input.by {
    width: 48px;
    border: 1px solid #ccc;
}

#signup ul {
    margin: 1.5em 0 1.417em;
    border-bottom: 1px solid #ccc;
}

#signup li {
    padding: 0 0 1.5em 0;
}

#wp-submit {
    background: #ccc;
}

.wp-caption {
    color: #777;
    font: normal .75em/2em monospace, ffmonobug;
}
    

.comment {
    margin: 0 0 0 162px;
}

.comment textarea {
    width: 42.667em;
    margin-bottom: 1.5em;
    color: #e2001a;
    font: normal 1em/1.5em monospace, ffmonobug;
    border: 1px solid #ccc;
    display: block;
}

label {
    display: block;
}

.comments {
    margin-top: 1.5em;
}

.comments p.author {
    width: 162px;
    margin-top: 1.5em;
    color: #999;
    float: left;
}

.comments p.statement {
    width: 42.667em;
    margin-top: 1.5em;
    padding-bottom: 3em;
    border-bottom: 1px solid #ccc;
    float: left;
}

.submit {
    border-color: #dddddd #666666 #666666 #dddddd;
    border-style: solid;
    border-width: 1px;
    background: #f2f2f2;
}

.space_out {
    margin-bottom: 1.5em;
}

.alignleft {
    margin-right: 1em;
    float: left;
}