*{
        margin:0;
        padding:0;
        border:none;
}

body{
        background: url(../images/background.png) #000 no-repeat top center;
        font: 16px Georgia, Verdana, Helvetica, sans-serif;
        line-height:1.5;
}
/*
#header{
        background: url(../header_bg.png) no-repeat top center;
}
*/
#head{
        padding-top: 50px;

}

h1{
        margin:auto;
        background: url(../images/tweetbook-logo.png) no-repeat top center;
        text-indent: -9999px;
        height: 70px;
}
#head h2{
     text-indent: -9999px;
     background:none;
     height:5px;
     -khtml-box-shadow: inset 0 0 0 #000;
     -webkit-box-shadow: inset 0 0 0 #000;
     -moz-box-shadow: inset 0 0 0 #000;
     margin-bottom:-20px;
}


h2 a, h2 a:hover{
        color: #3cf;
        text-decoration:underline;
        margin: 5px 0;
}
p{
        padding:10px;
        text-shadow: none;
        margin-left:20px;
}

p span:hover{
        color: #554c3d;
}
#main{
         opacity:1;
        margin:auto;
        width:750px;
        text-shadow: 0 1px 0 #000;
}


#menu, #footer{
        text-shadow: 0 1px 0 #FFF;
        font: bold 15px Arial;
        background: url(../images/menubg1.png) no-repeat bottom center;
        background-color:none;
        text-align:center;
        text-transform: uppercase;
        height:70px;
}

#menu p{
        padding:45px 10px 0 0px;
}

#menu a, #footer a{
        text-shadow: 0 1px 0 #cfc7b4;
        height:41px;
        color: #554c3d;
        padding:5px 3px 5px 3px;
        text-decoration:none;
}

#menu a:hover, #footer a:hover {
        text-shadow: 0 1px 0 #cfc7b4;
        color:#3f382d;
        padding:5px 3px 5px 3px;
        text-decoration:none;
}

#tweet{
        background: url(../images/tbbg1.png) repeat-y top center;
        margin:auto;
}
#tweets{
        padding: 20px 50px;
}

#intro{
        margin-top:30px;
        text-align:center;
}

.infog, .infor, .infogr{
        text-shadow: 0 1px 1px #ccc;
        -khtml-box-shadow: inset 2px 2px 5px #666;
        -webkit-box-shadow: inset 2px 2px 5px #666;
        -moz-box-shadow: inset 2px 2px 5px #666;
        background: #8C7C5F;
        padding:10px;
        margin: 5px auto;
        width:600px;
        text-align:center;
        -khtml-border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
}

.tweet, .lasttweet{
        text-shadow: none;
        padding:10px;
        margin: 15px 0;
}

.tweet{
        background: url(../images/trenner.png) no-repeat bottom center;
}

.lasttweet .message{
        margin-left:60px;
}

h2, .infogr, .infoy{
        font: italic bold 15px Georgia, Times, Verdana, Helvetica, sans-serif;
        padding:10px;
        text-align:left;
         background: #8C7C5F;
         color: #FFF;
        text-shadow: 0 1px 1px #000;
        box-shadow: 0 1px 0px #dedede;
        -moz-box-shadow: 0 1px 0px #dedede;
        -webkit-box-shadow: 0 1px 0px #dedede;
        -khtml-border-radius: 10px;
        -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         margin:5px auto;
}
.infogr{
        height:70px;
}
.infogr strong{
        color:#6ff;
}

#infogrr{
    float:right;
}
#infogrl{
        padding:10px;
        width:330px;
        float:left;
}

.infog{
    background: #00c2f3;
}

.infor{
    background: #ff8e8e;
}
.infoy a, .infoy a:hover{
        font: italic bold 15px Georgia, Times, Verdana, Helvetica, sans-serif;
        color:#FFF;
}
.infog a, .infog a:hover, .infor a, .infor a:hover{
        color:#000;
}

ul ,.infoy ul{
        text-shadow: none;
        margin-left: 50px;
    text-align:left;
}
.ttext{
        width:440px;
        padding:5px;
        padding-top:0;
}

.tvote{
        font-size:12px;
        float:right;
        margin-top:-50px;
        width: 120px;
}
li{
        padding:3px;
}

a, a:hover, .notweettext a, .notweettext a:hover{
        color:#000;
}

.tweet a, .ttext a{
        text-decoration:underline;
        font-size:15px;
    color: #000;
}

.tweet a:hover, .ttext a:hover {
        font-size:15px;
        text-decoration:underline;
    color: #FFF;
}

.time{
        font-size:10px;
        color: #444;
}

.notweettext{
        padding:12px;
}

.messright{
    margin-left:60px;
}
.messleft{
    float:left;
}

#footer{
        background: url(../images/footerbg1.png) no-repeat top center;
        clear:both;
}
#footer p{
        padding:10px 0 0 5px;
}