/**
* Tweeper Standard Layout
*
* This style has been designed by Andreas Isaak.
* You can find him at http://andreas-isaak.de
*
* @project Tweeper - Multimicroblogging
* @version 0.1
* @package xhtml-css
* @author Andreas Isaak
* @copyright 2009 by the author
* @cssdoc version 1.0-pre
* @license GPL v3
*
* @colordef #fff; white
* @colordef #4e3f30; dark brown
*/


/**
* Reset
*
* @section reset
*/

* {
        margin: 0;
        padding: 0;
}

/**
* Global Tags
*
* html, body, p, a, em, blockquote, hx
*
* @section global
*/

body {
        padding:0;
        margin:0;
        background-color:#4e3f30;
        font:normal normal 12px/1.5em Arial, Helvetica, Verdana, sans-serif;
}

.clear {
        border:none;
        height:0;
        width:0;
        padding:0;
        margin:0;
        clear:both;
}

h2 {
        font-size:22px;
        font-weight:100;
        border-bottom:1px solid #4e3f30;
        padding-bottom:7px;
        margin-bottom:15px;
}

p {
        margin:5px 0 10px 0;
}

ul, li {
        list-style-type:none;
}

.clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}


/**
* Header
*
* @section header
*/

#header {
        width:790px;
        margin:30px auto;
}

#header h1 a {
        background:#4e3f30 url(../images/logo.jpg) no-repeat left top;
        color:white;
        display:block;
        width:221px;
        height:128px;
        text-indent:-99999px;
}

#header h1 a:focus {
        outline:none;
}

/**
* Navigation
*
* @section nav
*/

#nav  {
        width:790px;
        margin:0 auto;
}

#nav .nav_main {
        width:520px;
        float:left;
}

#nav .nav_sidebar {
        width:230px;
        float:right;
}

#nav .nav_main li, #nav .nav_sidebar li  {
        float:left;
        list-style-type:none;
        font-size:14px;
        font-weight:100;
        display:block;
        padding-right:20px;
}

#nav .nav_main li a, #nav .nav_sidebar li a {
        color:white;
        text-decoration:none;
        display:block;
        padding-bottom:20px;
}

/**
* Main Content
*
* @section main
*/

#main-top {
        background:#4e3f30 url(../images/bgr-container-top.jpg) no-repeat 50% top;
        width:100%;
        height:10px;
        clear:both;
}

#main {
        background:#4e3f30 url(../images/bgr-container.jpg) repeat-y 50% top;
        width:100%;
}

#main .inside {
        width:790px;
        margin:0 auto;
        padding:15px 0px 20px 0px;
}

.content {
        width:517px;
        /* background-color: blue; */
        float:left;
}

.sidebar {
        width:227px;
        /* background-color: blue; */
        float:right;
        color:white;
}


/**
* Content
*
* @subsection content

*/


.content h2.deep {
         margin-top:20px;
}

.content ul li {
         padding:1px 0;
}

.content ul li span {
         float:left;
         width:70px;
}

.content a {
         color:black;
}

.content a:hover {
         text-decoration:none;
}

/**
* Tags inside Sidebar
*
* @subsection sidebar tags

*/

.sidebar h2 {
        border-bottom:1px solid white;
}

.sidebar p, .sidebar li a {
        color:white;
}


/**
* Forms
*
* @section form
*/


fieldset {
        border:none;
}

legend {
        display:none;
}

label {
        font-weight:900;
}

input, textarea, select {
        width:214px;
}

input, textarea, .submit {
        padding:5px;
        border:1px solid #929292;
                border-radius: 3px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
}

input.error, textarea.error {
        border:1px solid red;
        background-color:#ff5757;
        color:white;
}

#contact dd {
        margin-bottom:10px;
}

#contact .info {
        font-weight:900;
        font-size:14px;
        display:block;
        background: url(../images/email_go.png) no-repeat left top;
        padding-left: 23px;
        border:none;
}

.submit {
        cursor:pointer;
        float:right;
        margin:0 1px 10px 0;
        width:100px;
}


/**
* Footer
*
* @section footer
*/


#footer {
        background:#4e3f30 url(../images/bgr-footer.jpg) no-repeat 50% top;
        width:100%;
        height:40px;
        font-size:11px;
        margin-bottom:30px;
}

#footer .inside {
        width:760px;
        margin:0 auto;
        padding:0 15px;
}

#footer .footer_main {
        width:520px;
        float:left;
}

#footer .footer_sidebar {
        width:200px;
        float:right;
}

/**
* List Navigation Footer
*
* @subsection navi footer
*/


#footer .footer_main, #footer .footer_sidebar {
        padding-top:10px;
}

#footer .footer_main li, #footer .footer_sidebar li  {
        display:inline;
        list-style-type:none;
}

#footer .footer_main li  {
        border-right:1px solid #4e3f30;
        padding-right:13px;
        margin-right:11px;
}

#footer .footer_main li.last  {
        margin-right:0;
        padding:0;
        border:none;
}

#footer .footer_main li a, #footer .footer_sidebar li a {
        color:black;
        text-decoration:none;
}

#footer .footer_main li a:hover {
        text-decoration:underline;
}






px;
        margin-right:11px;
}

#footer .footer_main li.last  {
        margin-right:0;
        padding:0;
        border:none;
}

#footer .footer_main li a, #footer .footer_sidebar li a {
        color:black;
        text-decoration:none;
}

#footer .footer_main li a:hover {
        text-decoration:underline;
}