/*-------------*/
/*-----MAIN----*/
/*-------------*/

body {
 font:17px sans-serif;
 color:#0C0C0C;
 background:#8fc1da url('http://cdn.stunfire.com/funtweets/background-glow.jpg') no-repeat center top;
 height:100%;
 margin:0;
 padding:0;
}

div {
 padding:0;
 margin:0;
}

img {
 border:0;
}

a {
 outline:0;
}

.clearfix {
 clear:both;
}

a {
 color:#328FBA;
 text-decoration:none;
}

a:hover, a:hover span {
 color:#3e6b82;
 text-decoration:underline;
}

.left {
 float:left;
}

.right {
 float:right;
}


/*-------------*/
/*---BUTTONS---*/
/*-------------*/

a.button {
 font-size:19px;
 padding:4px;
 color:#2A4B6B;
 background:#E3E7EA;
 text-shadow:#F7F7F7 0 1px 0;
 -moz-border-radius:3px;
 border-radius:3px;
 border:1px solid #A0A0A0;
 background:-webkit-gradient(linear,left top,left bottom,from(#E8E9EA),to(#D6D7D8));
 background:-moz-linear-gradient(top,#E8E9EA,#D6D7D8);
 float:right;
 margin:8px 8px 8px 0;
}

a.button:active {
 border-color:#000;
}

a.button:hover {
 background:#EFEFEF;
 text-decoration:none;
 border-color:#BCBCBC;
 background:-webkit-gradient(linear,left top,left bottom,from(#F2F2F2),to(#E5E3E3));
 background:-moz-linear-gradient(top,#F2F2F2,#E5E3E3);
}

a.buttonSmall {
 font-size:17px;
}

a.active {
 background-color:#E6E4E4;
 background-image:url('http://funtweets.com/images/twitter-sprite.png');
 background-position:center bottom;
 background-repeat:no-repeat;
 border-width:0;
 padding:5px;
 color:#667482;
}

.greenFunny {
 color:#006910 !important;
}

.redNotFunny {
 color:#7A0000 !important;
}

.greenFunny, .redNotFunny {
 width:100px;
 text-align:center;
}


/*--------------*/
/*-PAGE-CONTENT-*/
/*--------------*/

#content {
 width:540px;
 margin:0 auto 15px;
}

#tweetBlock {
 background:#fff;
 -moz-border-radius:7px;
 border-radius:7px;
 padding-bottom:5px;
 border:1px solid #CCC;
}

#header {
 height:100px;
}

#pageText {
 color:#C1C1C1;
 font-size:19px;
 margin-left:12px;
 position:relative;
 top:12px;
}

.textBlock {
 padding:20px;
}

#followBox {
 float:right;
 height:65px;
 width:210px;
 margin-top:15px;
 color:#186487;
 font-size:11px;
 padding-top:5px;
 -moz-border-radius:3px;
 border-radius:3px;
 background:#C5E1ED;
 background:-webkit-gradient(linear,left top,left bottom,from(#c4e1ed),to(#AED6EB));
 background:-moz-linear-gradient(top,#c4e1ed,#AED6EB);
 -moz-box-shadow:inset 0 1px 2px #9FCAE0, 0 1px 0 #D7EEF7;
 -webkit-box-shadow:inset 0 1px 2px #9FCAE0, 0 1px 0 #D7EEF7;
 box-shadow:inset 0 1px 2px #9FCAE0, 0 1px 0 #D7EEF7;
 line-height:14px;
}

#followBox a {
 color:#186487;
}

#followBox img {
 float:left;
 margin-left:30px;
}

#followBox span {
 float:left;
 margin-left:4px;
}

#followBox #line {
 width:95%;
 height:0;
 border-bottom:1px solid #c4e1ed;
 border-top:1px solid #a7d3ea;
 margin:5px auto;
}

.description .twitter-follow-button {
 margin-top:10px;
}

#header .twitter-follow-button {
 margin:0 0 0 35px;
}

.line {
 margin:0 auto;
 width:100%;
 border-top:1px solid #D8D8D8;
}

.description {
 width:97%;
 border-bottom:1px solid #D8D8D8;
 padding:10px 1% 10px 2%;
 margin:0 auto;
}

.description .twitter-follow-button {
 width:260px !important;
}

.redAlert {
 background:#FFCECE;
 border-bottom:1px solid #ED9595;
}

.greenAlert {
 background:#E3FCDB;
 border-bottom:1px solid #A0EB88; 
}

small {
 font-size:11px;
 color:#ccc;
}

#tip {
 background-color:#FFF7DB;
}

.addTweets label, .addTweets input[type=text] {
 width:180px;
}

.addTweets label, .addTweets input {
 float:left;display:block;
}

.addTweets:after {
 content:".";font-size:0;clear:both;
}

#signInBox {
 float:right;
 display:block;
 width:120px;
 padding:7px;
 font-size:14px;
 margin-left:15px;
 -moz-border-radius:3px;
 border-radius:3px;
 background:#F1F0F0;
 background:-webkit-gradient(linear,left top,left bottom,from(#F2F2F2),to(#E5E3E3));
 background:-moz-linear-gradient(top,#F2F2F2,#E5E3E3);
 text-decoration:none;
 text-shadow:#F2F1F1 0 1px 0;
 border:1px solid #A0A0A0;
 text-align:center;
}

.signedIn {
 -moz-box-shadow:inset 0 1px 3px #D3D1D1;
 -webkit-box-shadow:inset 0 1px 3px #D3D1D1;
 box-shadow:inset 0 1px 3px #D3D1D1;
 background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#F4F4F4)) !important;
 background:-moz-linear-gradient(top,#ffffff,#F4F4F4) !important;
 border:none !important;
 color:#515151;
}

.submitOr {
 text-align:center;
 margin-bottom:0 !important;
}

.submitOr span {
 background:white;
 position:relative;
 top:-9px;
 color:#CCCCCC;
}

.adWrapper {
 text-align:center;
 width:468px;
 margin:5px auto;
 overflow:auto;
}

.userAvatarPage {
 background:#E2E2E2;
 border:1px solid #CCCCCC;
 -moz-border-radius:3px;
 border-radius:3px;
 float:left;
 margin-right:10px;
 width:73px;
 height:73px;
}

.bsap_adhere a {
 height:16px !important;
}

/*-------------*/
/*TWEET-DISPLAY*/
/*-------------*/

.tweet {
 width:97%;
 margin:0 auto;
 border-width:1px 0;
 border-style:solid;
 border-color:#D8D8D8;
 border-top-color:#FFFFFF;
 padding:15px 1% 7px 2%;
 position:relative;
}

.collectionTweet {
 position:absolute;
 top:0;
 right:0;
 display:block;
 width:15px;
 height:15px;
 background:#C7DAEA;
 font-size:10px;
 line-height:15px;
 text-align:center;
 color:#fff;
 text-decoration:none !important;
}

.avatar {
 width:48px;
 height:48px;
 float:left;
 margin:3px 8px 0 0;
 background:#E2E2E2;
 border:1px solid #CCCCCC;
 -moz-border-radius:3px;
 border-radius:3px;
}

.singleTweet {
 position:absolute;
 top:0;
 left:55px;
 width:480px;
}

a.tweetBird {
 display:block;
 float:left;
 width:16px;
 height:16px;
 background:url('http://funtweets.com/images/twitter-sprite.png') no-repeat 0 0;
}

a.tweetBird:hover {
 background-position:-16px 0;
}

a.name {
 font-weight:bold;
}

.toolLinks {
 margin-top:10px;
 font-size:11px;
 float:right;
 margin-right:4px;
 line-height:normal;
 width:99%;
}

.toolLinks a {
 display:block;
 float:right;
 margin-right:12px;
}

.toolLinks a span {
 float:left;
}

.toolLinks a span.icon {
 display:block;
 width:16px;
 height:16px;
 background:url('http://funtweets.com/images/twitter-sprite.png') no-repeat;
 margin-right:2px;
 position:relative;
 bottom:2px;
 clear:left;
}

.grayLinks .toolLinks > a, a.nonExist span {
 color:#CCCCCC !important;
}

a.retweet span.icon {
 background-position:-80px 0;
}

a.retweet:hover span.icon {
 background-position:-96px 0;
}

a.favorite span.icon {
 background-position:-32px 0;
}

a.favorite:hover span.icon {
 background-position:-48px 0;
}

.oldRTMessage {
 color:#878787;
 display:none;
}

.tweetMessage, .tweetMessage a {
 color:#878787 !important;
 float:none;
 display:inline;
 background:#FFFDF7;
 border-bottom:1px solid #F2E6B5;
 margin:0;
}



/*-------------*/
/*----FOOTER---*/
/*-------------*/

#bottomLinks {
 text-align:center;
 font-size:14px;
 color:#7EA2B5;
}

#bottomLinks  a {
 color:#3A728E;
 text-decoration:none;
}

#bottomLinks  a:hover {
 text-decoration:underline;
}

#submitLink {
 background-color:#a5d0e5;
 border-bottom:1px solid #70a5bf;
 border-top:1px solid #BDDEED;
 padding:0 4px;
 font-weight:bold;
}