h2.tut{
    /* This is the "MY TWEETS" title */
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
    font-size:14px;
    padding:5px 0 0 45px;
    text-transform:uppercase;

}

#twitter-ticker{
    /* Styling the ticker */
    width:260px;
    height:170px;
    color:#666666;
    display:none;

    text-align:left;
}

#tweet-container{
    /* This is where the tweets are inserted */
    height:130px;
    width:auto;
    overflow:hidden;
}

#twitIcon{
    /* Positioning the icon holder absolutely and moving it to the upper-left */
    position:absolute;
    top:-10px;
    left:-4px;
    width:64px;
    height:64px;
}

#top-bar{
    height:25px;
    border-bottom:1px solid #F0F0F0;
    position:relative;
    margin-bottom:2px;

    /* Rounding the top part of the ticker, works only in Firefox unfortunately */
    -moz-border-radius:6px 6px 0 0;
}

.tweet{
    /* Affects the tweets */
    border:1px solid #F0F0F0;
    background:url(img/transparent.png);
    width:auto;
    overflow:hidden;
	line-height:10px;
}

.tweet .avatar,
.tweet .user,
.tweet .time{
    float:left;
}

.tweet .time{
    text-transform:uppercase;
    font-size:8px;
    color:#AAAAAA;
    white-space:nowrap;
}

.tweet .avatar img{
    width:36px;
    height:36px;
    border:2px solid #eeeeee;
    margin:0 5px 5px 0;
}

.tweet .txt{
    /* Using the text container to clear the floats */
}

.tweet .user{
    font-weight:bold;
}

a, a:visited {
    /* Styling the links */
    color:#00BBFF;
    text-decoration:none;
    outline:none;
}

a:hover{
    text-decoration:underline;
}

#loading{
    /* The loading gif animation */
    margin:100px 95px;
}