/* 
Document   : main.css
Created on : Apr 2, 2009, 6:38:52 PM
Author     : Lalit Goklani
Description:
Common css file for twitsfb.com
Contact: lgoklani@yahoo.com
Twitter: @lgoklani
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/** Tweet Area CSS **/
body {
    color:#6BB8EE;
    font-family:'Lucida Grande',sans-serif;
    font-size:0.75em;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;    
    background-position: top left;
}

h3{
    margin:0px;
    padding:0px;
    font-size:1.05em;
}

div.wrapper{
    width:700px;
    margin:0 auto;
}


/** Channel Area CSS **/
#Twitter_Section{
    margin: 0 auto;
}
.tweet_section{
    margin:0 auto;
    text-align:center;
}


.twitsfb-button{
    outline: 0;
    margin:2px 4px 2px 0;
    padding: .4em 1em;
    text-decoration:none !important;
    cursor:pointer;
    position: relative;
    text-align: center;
    zoom: 1;
}

.more-button{
    width:90%;
}

.small-button{
    float:right;
    margin:1px;
}

.post-button{
    width:100px;
    margin:1px 4px 2px 0px;
    padding: .2em;
    float:right;
}

.ui-state-error {
    padding: .5em 1em;
    cursor: pointer;
    margin:2px;
}

.tweetme{
    border:1px solid #000;
    width:510px;
}
.tweetarea{
    float:left;
    width:520px;
}
.nav_links{
    float:left;
    margin-left:10px;
}

fieldset.bitly_form{
    width:100px;
    border:0px;
    margin:0px;
    padding:0px;
}

fieldset.nav_links_section{
    width:100px;
    border:0px;
    margin:0px;
    padding:0px;
}

.tweet_but{
    clear:left;
}
.tweet{
    height:30px;
}
div.timeline_more_but{
    margin:10px;
    clear:both;
    display:block;
}
div.profile_image_url{
    float:left;
}

div.user_statuses{
    clear:both;
}

div.user_statuses a{
    color:#0300EF;
    text-decoration:none;
    font-weight:bold;
}

div.user_statuses a:hover{
    text-decoration:underline;
}

div.timeline{
    margin:0px 0px 1px 0px;
    padding: 0px;
    clear:left;
    height:65px;
    border-top:1px solid #000;
}

div.timeline p{
    float:left;
    margin:1px;
    padding:2px;
}

div.timeline p.thumb img{
    width:50px;
    height:50px;
}

div.timeline p.text{
    width:500px;
}

span.ui-icon {float: left; margin: 0 4px;}
span.ui-state-default{float: left; margin: 0 4px; padding: .4em 1em;}
a.post-links{margin: 3px 2px 2px 2px; padding:0.2em;}