/*
Theme Name:   DePo Clean
Theme URI:    http://powazek.com
Description:  A clean, organized theme by <a href="http://powazek.com">Derek Powazek</a>.
Version:      0.5
Author:       Derek Powazek
Author URI:   http://powazek.com
*/

body {
    background: #fff;
    color: black;
}

.container {
    margin: 0 auto;
    padding: 0;
    width: 920px;
}

.header {
    padding: 0px 0 30px 0;
/*    border-bottom: 1px solid #666;*/
    text-align:left;
}

.header h1 {
    color: #000;
    font-weight: normal;
}

/*.header span {
    color: #666;
    font-weight: normal;
}*/

.footer {
    font-size:12px;
}

.header a:hover { color: #0066CC; }
.header a:visited { color: #0066CC; }

.post{width:700px;float:left;margin-bottom:40px;}
.sidebar{width:200px;float:left;}
.sidebar ul {margin:0px;padding-left:15px;margin-bottom:10px;}

.search {
    margin-bottom:10px;
    float:right;
}

.search input {
    width:100%;
}

.metainfo {
    float:left;
    width:100%;
    margin-bottom:10px;
}

.metainfo a { font-weight:bold }

/* Robert Gawron start section */
a{
    text-decoration: none;
    color: #0066CC;
}
a:visited{
    text-decoration: none;
    color: #ff4ed1;
}

pre{
    background:#eee;
    font-size:0.9em;
    padding:10px;
    overflow-x: auto;
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */

    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    _white-space: pre;   /* IE only hack to re-specify in addition to
    word-wrap  */
}

table{width:100%;}

img {
    display:block;
/*    margin-left:auto;
    margin-right:auto; */
    margin:10px auto;
}

.navigation a{
    font-weight:bold;
    margin-right:10px;
}

/*.post*/ li {margin-bottom:3px;}

.comment{margin-bottom:30px;/*min-height:140px;*/padding:10px}
.odd {background:#eee}
.comment-info {margin-bottom:8px;height:55px;}
#comment-form-itself{
    background:#eee;
    margin:0px;
    padding:15px;
    font-size:90%;
}
#comment-form-itself input, textarea{width:500px;}
.gravatar{width:50px;float:left;}
.gravatar img{width:40px;margin-top:-5px; }




/* stufff */


.youtube {
    text-align:center;
    margin-top:15px;
    margin-bottom:20px;
}

.warning{
    padding:5px;
    padding-left:70px;
    margin:10px;
    background: url('/static/paper/img/Warning.png') 
        no-repeat top left #eee;
    /*background-attachment:fixed;*/
    background-position: 10px 10px;

}
.info{
    padding:5px;
    padding-left:70px;
    margin:10px;
    background: url('/static/paper/img/Info.png') 
        no-repeat top left #eee;
    /*background-attachment:fixed;*/
    background-position: 10px 10px;
}
.download{
    padding:5px;
    height:60px;
    padding-left:70px;
    margin:10px;
/*padding-top:20px;*/

    background: url('/static/paper/img/download.png') 
        no-repeat top left #eee;
    /*background-attachment:fixed;*/
    background-position: 10px 10px;

    font-weight:bold;
    font-size:130%;

}

.download a{
    /*margin-left:20px;*/
    padding/*-top*/:20px;
    display:block;
}
.download a:hover{
    background:transparent;
}

.hilite1 { background-color: #ff0; }
.hilite2 { background-color: #f0f; }
.hilite3 { background-color: #0ff; }

.tag-cloud a{ margin-left:5px;}


.flags-in img {
    text-align:left;
    margin:0px;
    padding:0px;
    display:inline;
    border:none;
}

.flags-in li {
    list-style-type:none;
    margin-left:-10px;
}

/* I used a bog WTF hardcoded somewhere in the template */
.content {
width:680px;
float:left;
}



#comment-form-itself label {
    display: block;
    width: 100%;
}
#comment-form-itself input {
    width: 200px;
}

.errorlist{
    padding-top:10px;
    padding-bottom:10px;
    background:black;
    color:yellow;
    font-size:1.3em;
    list-style-type:none;
    font-weight:bold;
}


.player-audio{
background:#eee;
text-align:center;
padding:15px;
margin-bottom:10px;
}


.bookmarks{
text-align:center;
}
.bookmarks a{
    border:none;
}
.bookmarks img{
    display:inline;
    border:none;
    padding:3px;
/*    width:50px;*/
}