* {margin:0; padding:0;}
body { background:#fff; font-family:Arial; font-size:12px;width:100%;margin:0px;margin-top:20px;
}


#header {background-color:#fff;border-bottom:2px solid #999;margin-bottom:10px;}
#logo {margin-left:auto;width:800px;margin-right:auto;text-align:center;}
#content { margin-left:auto;width:800px;margin-right:auto;}
#header h1 {text-align:center;margin:0px;font-style:italic;color:#145aac}

#columns {background-color:#fff;clear:both;}


#mid {background-color:#fff;width:350px;float:left; margin-left:0px; margin-right:0px;}
#left {background-color:#fff;width:430px;float:left;}

#right {background-color:#fff;width:155px;}
#footer {background-color:#fff;clear:both;border-top:5px solid #ccc;margin-top:10px;}
#footerContent {margin-left:auto;width:800px;margin-right:auto;color:#999;text-align:center;padding-bottom:40px;padding-top:20px;}
#footerContent a {color:#999;}
#left h2 { text-align:center;margin:0px; color:#11488a; font-size:1.6em;}
#mid h2 { text-align:center;margin:0px;  color:#11488a; font-size:1.6em;}
#mid h3 { text-align:center;margin:0px;  color:#11488a; font-size:1.2em;font-style:italic;}
#right h2 { text-align:center;margin:0px;  color:#11488a; font-size:1.6em;}

#pageNavigation {clear:both;width:400px; text-align:center;}

/* Tweets */
#twList {padding:10px;padding-top:0px;}
.sTwit {clear:both;margin-bottom:10px;background-color:white;padding:5px;}
.sTimg {float:left;padding:5px;}
.sTuser {padding:5px;padding-bottom:2px;color:Teal;font-size:2em;font-weight:bold;}
.sTtweet {font-size:1.00em;font-weight:bold;margin-left:58px;margin-bottom:5px;}
.sTdate {clear:both; font-size:0.9em; float:left;margin-left:58px;}
.sTsource {font-size:0.9em;margin-left:10px;}

/* Style Tweets v2 */

/* IE 6 */
* html .tweetUser {width:328px;height:36px;color:#5A6ACB;font-family:arial;font-size:30px;margin-top:16px;margin-left:62px;}

/* IE7 */
*:first-child+html .tweetUser {width:328px;height:36px;color:#5A6ACB;font-family:arial;font-size:30px;margin-top:16px;margin-left:62px;}
 
/* IE8, FF, Saf, Opera (Everything but IE 6,7) */
html>/**/body .tweetUser {width:328px;height:36px;color:#5A6ACB;font-family:arial;font-size:30px;padding-top:16px;padding-left:62px;}




.tppInd {width:400px;height:136px;margin-bottom:10px;clear:both;background:url(images/twitbg.jpg); overflow:hidden;float:left;}
.tppIndAtt {display:none;width:400px;margin-top:-15px;min-height:60px;margin-bottom:10px;clear:both;background:url(images/twitbgattach.jpg); background-repeat:no-repeat;overflow:hidden;float:left;text-align:right;}
.attached {float:right;padding-right:10px;padding-top:2px;}
.promo {float:left;padding-left:10px;padding-top:2px;}
.tweetAvatar {width:48px;height:48px; margin-left:4px;margin-top:4px;float:left;}
.tweetUser a {color:#5A6ACB;text-decoration:none;margin-top:16px;}
.tweetMsg {overflow:hidden;width:328px;height:46px;font-family:arial;font-size:12px;font-weight:bold;margin-left:62px;margin-top:0px;}
.tweetDate {width:249px;height:18px;font-family:arial;font-size:11px;font-weight:bold;color:#5A6ACB;margin-left:62px;margin-top:5px;float:left;}
.tphome {width:26px;height:29px; float:left;}
.tpreply {width:26px;height:29px; float:left;}
.tpretweet {width:27px;height:29px;float:left;}
.thumbnail  {height:48px;width:48px; }
.thumbnailOver  {height:150px;width:150px; }

.thumbvid  {height:48px;width:59px; }
.thumbvidOver  {height:295px;width:365px; }

/* Top Tweeters */
#twTopList {background-color:#fff;margin:3px;margin-top:14px;padding:2px; border: 1px solid #ccc;}
.sTop {padding:2px;border-bottom:0px;clear:both;}
.sTopImg { float:left; padding:2px;}
.sTopUser {font-size:1.3em;padding:2px;overflow:hidden; text-decoration:none;color:#5A6ACB;}
.sTopUser a {font-size:1.3em;padding:2px;overflow:hidden; text-decoration:none;color:#5A6ACB;}
.sTopUser a:hover {text-decoration:underline;}

.sTopCount {font-size:1.1em;padding-left:4px;padding-bottom:2px;overflow:hidden;}

/* Watching list */
#twWatchList {margin:5px;overflow:hidden;border: 1px solid #ccc;margin-top:14px;}
#twWatchList ul { list-style:none;margin:0;padding:0;}
#twWatchList ul li {margin:0;padding:0;clear:both;}
#twWatchList ul li a {display:block;text-decoration:none;width:350px;background-color:#f3f8ff;padding:5px; padding-left:20px;border-bottom:2px groove white;color: black;font-weight:bold;height:25px;}
#twWatchList ul li a:hover {color:#fff;background-color:#6fa6dc;font-weight:bold;}
.followCount {display:block;font-weight:bold; text-align:center;height:20px;width:350px;padding:5px;padding-bottom:0px;border-bottom:2px groove white;}

/* Categories */
#twCategoryList {margin:5px;overflow:hidden;border: 1px solid #ccc;margin-top:14px;padding:5px;}
.sCategory {clear:both;margin:10px;margin-bottom:15px;}
.sCategoryName { font-size:1.9em;float:left;margin-right:10px;font-style:italic;color:#66e;}
.sCategoryCount {font-size:1.6em;padding:2px;color:#66e;}
.sCategoryPersonList {clear:both;border-top:1px solid #ccc;}
.sCategoryPerson a {float:left; margin:2px;text-decoration:none;color:#33e;}
.sCategoryPerson a:hover {text-decoration:underline;}
.sCategoryMore a {float:right; clear:both;font-size:0.90em;background-color:#cfe3ff;color:#11488a;border:1px solid #11488a; padding:2px;line-height:15px;text-decoration:none;}


.suggestionBox { padding:5px; font-weight:bold;text-align:center;font-size:1.2em;background-color:#eee;color:#33e;}
.suggestionBox input {margin-top:5px;}
.lastUpdate {clear:both;float:left;margin-left:15px;margin-top:2px;cursor:pointer;font-size:9px;font-style:italic;}
.watchName {float:left;cursor:pointer;}

/* Tweet user details */
#twUserDetails {background-color:#fff;margin:3px;margin-top:14px;margin-bottom:25px; padding:10px; border: 1px solid #ccc;}
#userVerified {text-align:center;margin:2px; padding:5px; font-size:1.1em;color:#f4fce8;background-color:#87d69b;border: 1px solid #4e9689;}
#userBio {font-weight:bold;}
#userSite, #userTwitterSite {font-weight:bold;margin-top:10px;}
#userSite a, #userTwitterSite a {text-decoration:none;}
#userSite a:hover, #userTwitterSite a:hover {text-decoration:underline;}


/* Tag Cloud styles */
#twBuzz {}
#twCloud  {background-color:#fff;margin:3px;margin-top:14px;padding:2px; border: 1px solid #ccc;margin-bottom:25px; }
#cloud {margin:0; line-height:3em;text-align:center;}
.cloud0 a {float:left;padding:5px;font-size:0.70em;text-decoration:none;}
.cloud1 a {float:left;padding:5px;font-size:0.8em;color:#83bcd8;text-decoration:none;}
.cloud2 a {float:left;padding:5px;font-size:1.0em;color:#4188cf;text-decoration:none;}
.cloud3 a {float:left;padding:5px;font-size:1.4em;color:#009eff;text-decoration:none;}
.cloud4 a {float:left;padding:5px;font-size:1.6em;color:#4169e1;text-decoration:none;}
.cloud5 a {float:left;padding:5px;font-size:1.8em;color:#ff9900;text-decoration:none;}
.cloud6 a {float:left;padding:5px;font-size:1.9em;color:#ff9900;font-weight:bolder;text-decoration:none;}
.cloud7 a {float:left;padding:5px;font-size:2.0em;color:#ff6600;font-weight:bolder;text-decoration:none;}
.cloud8 a {float:left;padding:5px;font-size:2.1em;color:#ff3300;font-weight:bolder;text-decoration:none;}
.cloud9 a {float:left;padding:5px;font-size:2.2em;color:#ff0000;font-weight:bolder;text-decoration:none;}

.cloud0  {float:left;padding:5px;font-size:0.70em;text-decoration:none;}
.cloud1  {float:left;padding:5px;font-size:0.8em;color:#83bcd8;text-decoration:none;}
.cloud2  {float:left;padding:5px;font-size:1.0em;color:#4188cf;text-decoration:none;}
.cloud3  {float:left;padding:5px;font-size:1.4em;color:#009eff;text-decoration:none;}
.cloud4  {float:left;padding:5px;font-size:1.6em;color:#4169e1;text-decoration:none;}
.cloud5  {float:left;padding:5px;font-size:1.8em;color:#ff9900;text-decoration:none;}
.cloud6  {float:left;padding:5px;font-size:1.9em;color:#ff9900;font-weight:bolder;text-decoration:none;}
.cloud7  {float:left;padding:5px;font-size:2.0em;color:#ff6600;font-weight:bolder;text-decoration:none;}
.cloud8  {float:left;padding:5px;font-size:2.1em;color:#ff3300;font-weight:bolder;text-decoration:none;}
.cloud9  {float:left;padding:5px;font-size:2.2em;color:#ff0000;font-weight:bolder;text-decoration:none;}

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

/* Stats section */
#twStats  {background-color:#fff;margin:3px;margin-top:14px;padding:10px; border: 1px solid #ccc;margin-bottom:25px; }

#noSearchResults {font-size:1.3em; padding:10px;}
#twSearch { padding:10px; font-weight:bold;text-align:center;font-size:1.2em;background-color:#eee;color:#11488a;overflow:hidden;border: 1px solid #ccc;margin-bottom:25px; }
#searchBox input {margin-top:5px;}


#social {background-color:#fff;overflow:hidden;border: 1px solid #ccc;margin-bottom:25px;padding:10px;text-align:center;}
.socialSite {float:left; padding:5px;}

#nameSort {float:left;background-color:Green;color:white;padding:6px; text-align:center;cursor:pointer;font-weight:normal;}
#idSort {float:left;background-color:Green;color:white;padding:6px; text-align:center;cursor:pointer;font-weight:normal;}
#dateSort {float:left;background-color:Green;color:white;padding:6px; text-align:center;cursor:pointer;font-weight:normal;}
#sortButtons {float:left;padding:6px;background-color:Green;color:white;width:350px;font-weight:bold;}
.sortHover {background-color:white;color:green;}