html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
body {
	background: black;
	color: #ddd;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 16px;
	-webkit-text-size-adjust:none;
	z-index: 0;
}
input { outline: none ! important; }
textarea { overflow: auto; }
a:link, a:visited { text-decoration: none; color: #f00; outline: none; }
a.twTagLink { color: #006805; }
ul li { list-style: none; }
.clear { clear: both; visibility: hidden; width: 0px; height: 0px; }
.hide { visibility: hidden; width: 0px; height: 0px; }
#wrapper { width: 100%; height: 100%; margin: 0 auto; }
img.loading { clear: both; margin: 10px auto 10px 41%; }
.subTitle { display: inline; }
#logoContainer { background: #111 url(../images/stripe5.png) top repeat-x; width: 100%; border-top: 3px solid #f00; display: none; }

#tweets { background: #090909; border-top: 2px solid #202020; border-bottom: 3px solid #202020; }
.row {
	display: block;
	clear: both;
	margin: 0 0 5px;
	padding-right: 10px;
	background: black url(../images/hilite_top.png) repeat-x top;
	border: 1px solid #333;
	-webkit-border-radius: 12px;
	overflow: hidden;
}

.twAvatar {
	float: left;
	margin: 9px 8px 10px 10px;
	-webkit-border-radius: 4px;
	border: 4px solid #474747;
	display: inline;
	width: 32px;
	height: 32px;
	padding: 0;
	cursor: pointer;
}

.twName {
	margin: 10px 0 0;
	float: left;
	display: inline;
	font-weight: bolder;
	font-size: 18px;
	color: #73a5e4;
	cursor: pointer;
	white-space: nowrap;
}
.tweetBio .twName { margin: 6px 0 0; float: none; }
.twText {
	display: block;
	clear: both;
	margin: 14px 0 10px 12px;
	color: #ddd;
}
.twTime {
	color: silver;
	font-size: 13px;
	float: left;
	display: inline;
	position: absolute;
	left:  60px;
	margin: 32px 0 0 0px;
}
.tweetBio .twTimeNum { color: silver; font-size: 13px; }
#iTweetHome { width: 478px; height: 400px; background: transparent url(../images/iTweetHome.png) top left no-repeat; margin: -20px 0 0; }
#twPost, #twDirectPost { background: black url(../images/stripeGrayFineFade.png) top repeat-x; clear: both; width: 100%; min-height: 600px; position: absolute; top: 0; left: 0; z-index: 100; display: none; }
#twPost textarea, #twDirectPost textarea {
	background: white;
	border: 1px solid #333;
	width: 90%;
	height: 91px;
	margin: 5px 5px 0;
	padding: 5px 10px;
	font: bold 16px Helvetica, sans-serif;
	color: #000;
}
#twPost textarea {
	height: 100px;
}
.directPost, .regPost { margin: 6px auto 1px; cursor: pointer; color: #f00; font-size: 12px; font-weight: bold; text-shadow: black 0px 0px 16px; text-align: center; }

#dmLabel { float: right; text-align: right; font-size: 16px; font-weight: bold; margin-top: 8px; }
#directID {
	background: white;
	border: 1px solid #ccc;
	width: 180px;
	height: 20px;
	float: right;
	margin: 5px 10px 0px 5px;
	padding: 3px 6px 1px;
	font: bold 16px Helvetica, sans-serif;
	color: #000;
}
#countdown { background: transparent; color: red; font-size: 14px; font-weight: bold; border: none; margin: 0 0px 0 0px; padding: 0; display: inline; text-align: right; }
.counter { color: #ddd; font-size:13px; float: right; margin: 0px 10px 0 0; }
.formBtn {
	float: right;
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	right: 8px;
	top: 158px;
	height: 24px;
	margin: 0;
}
#cancelBtn, #cancelDirectBtn {
	float: left;
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 0 0px;
	position: absolute;
	left: 24px;
	top: 158px;
	cursor: pointer;
}

.twSuccess { margin 20px; text-align: center; }

.replyBtn, .destroyBtn, .destroyDirect {
	float: right;
	background: black;
	margin: 10px 0px 0px 1px;
	padding: 4px 4px 4px 4px;
	border: 2px solid #474747;
	-webkit-border-radius: 14px;
	cursor: pointer;
}
.destroyDirect { margin-right: 1px; }
.favBtn, .favUnstar {
	float: right;
	background: black;
	margin: 10px 1px 4px 1px;
	padding: 2px 4px 4px 4px;
	border: 2px solid #474747;
	-webkit-border-radius: 14px;
	cursor: pointer;
}
.rtBtn {
	float: right;
	background: black;
	margin: 10px 1px 4px 0px;
	padding: 5px 4px 5px 4px;
	border: 2px solid #474747;
	color: #bbb;
	font-variant: small-caps;
	font-size: 14px;
	font-weight: bolder;
	letter-spacing: 0;
	-webkit-border-radius: 14px;
	cursor: pointer;
}
.sendDirect {
	float: right;
	background: black;
	margin: 10px 6px 4px 7px;
	padding: 3px 3px 3px 4px;
	border: 2px solid #474747;
	-webkit-border-radius: 14px;
	cursor: pointer;
}
.tweetBio .sendDirect { margin: 2px 4px 4px 7px; }
.twT, .twProfile {
	float: right;
	background: #000;
	margin: 2px 0 0 4px;
	padding: 3px 3px 4px 4px;
	border: 2px solid #474747;
	-webkit-border-radius: 14px;
	cursor: pointer;
}
#footer { height: 24px; margin: 10px 0 0 0; display: none; }
#footer img { text-decoration: none; border: none; margin-bottom: 6px; margin-left: 12px; }

#searchForm { display: none; background: black url(../images/stripeGrayFineFade.png) top repeat-x; padding-top: 10px; }
.searchInput {
	float: left;
	background: white;
	width: 50%;
	color: #111;
	margin: 5px 5px 0px 30px;
	padding: 5px 5px;
	font: bold 16px Helvetica, sans-serif;
}
.searchBtn {
	display: inline;
	font: bold 16px Helvetica, sans-serif;
	margin: 5px 0px 0px 0;
}

#locForm { padding-top: 0px; padding-bottom: 0px; margin: 0; }

.locInput {
	float: left;
	background: white;
	width: 60%;
	color: #111;
	margin: 0px 5px -10px 0px;
	padding: 5px 5px;
	font: bold 16px Helvetica, sans-serif;
}
.locBtn {
	display: inline;
	font: bold 16px Helvetica, sans-serif;
	margin: 7px 0px 0px 0;
}

.errorMessage { width: 90%; border: 1px solid #333; background: black url(../images/stripeGrayFineFade.png) top repeat-x; padding: 8px; margin: 10px auto; text-align: center; }

.colLSubTitle { font-size: 18px; margin: 3px 0 4px 10px; }
.destroyReply { float: right; margin: 4px 8px 0 0; font-size: 22px; cursor: pointer; }
.colLSubTitleLink, .colLToggle { float: right; display: inline; margin: -22px 25px 0 0; cursor: pointer; }

.tweetBio { background: black; border: 1px solid #73a5e4; color: #aaa; margin: 5px auto 15px 10px; padding: 3px 5px 5px; display: none; clear: both; overflow: hidden; }
.bioNote { font-size: 13px; margin: 4px 0 2px; }
.twFullName { font-size: 16px; font-weight: bold; color: #777; margin-right: 10px; clear: right; }
.twUserLoc { font-size: 14px; clear: left; font-style: italic; display: block; margin-top: 2px; }
.twUserBio { font-size: 13px; margin-top: 3px; color: #aaa; }
.twUserUrl { font-size: 13px; margin: 3px 0 2px; }
.twSearchNote { clear: both; display: block; margin-top: 10px; color: #aaa; font-size: 12px; }
.twNotifications { font-size: 13px; margin: 5px 0 4px; padding: 2px 4px 3px; background: black url(../images/stripeGrayFineFade.png) top repeat-x; color: #aaa; border: 1px solid #cdcdcd; }
.twNotificationsProfile { font-size: 13px; margin: 10px 10px 14px; padding: 2px 4px 3px; background: black url(../images/stripeGrayFineFade.png) top repeat-x; color: #aaa; border: 1px solid #cdcdcd; clear: both; }
.twNotsOn { margin-right: 10px; margin-left: 0px; padding: 2px 4px; font-weight: bold; color: #73a5e4; cursor: pointer; }
.twNotsOff { margin-right: 5px; padding: 2px 4px; font-weight: bold; color: #73a5e4; cursor: pointer; }
.followOn, .followOff { margin-top: -2px; padding: 2px 0 2px 4px; font-weight: bold; color: #73a5e4; cursor: pointer; }
.blockOn, .blockOff { margin-left: 26px; padding: 2px 0px 2px 4px; font-weight: bold; color: #73a5e4; cursor: pointer; }
#followCheck { font-weight: bold; color: #73a5e4; cursor: pointer; }

#pagination { background: black url(../images/stripeGrayFineFade.png) top repeat-x; height: 31px; margin: 0px 0px 0px; font-size: 14px; font-weight: bold; display: none; clear: both; }
#pageNewer { float: left; margin: 5px; padding: 1px 8px; background: #000; border: 1px solid #73a5e4; visibility: hidden; }
#pageOlder { float: right; margin: 5px; padding: 1px 8px; background: #000; border: 1px solid #73a5e4; }
#pageNumber { font-size: 22px; float: left; margin-left: 22%; margin-top: 2px; color: #73a5e4; }

/* Panel Styles */

#panel {
	background: black url("../images/menuBG2.jpg") repeat-x center;
	font-size: 12px;
	padding: 0px;
	line-height: 1.6em;
	height:  68px;
	border-top: 3px solid #f00;
	border-bottom: 1px solid #202020;
}
#panel a {
	text-decoration: none;
	display: block;
	color: #73a5e4;
	text-shadow: black 0px 0px 36px;
}
#panel a:focus, #panel a:active {
	color: black;
}
.panelBtn {
	width: 58px;
	height: 58px;
	margin: 4px 0px 3px;
	padding: 0;
	background-image: url(../images/menuBtnMid.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	-webkit-border-radius: 12px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #333;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
}
.panelBtn img { margin: 8px 0 0 9px; }
.panelBtnMid {
	height: 58px;
	width: auto;
	margin: 4px 75px 3px 75px;
	padding: 0;
	background-image: url(../images/menuBtnMid.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	-webkit-border-radius: 12px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #333;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	text-shadow: black 0px 0px 16px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.panelBtnMid a {
	padding: 18px 0 0;
	display: block;
	color: #73a5e4;
}
#btnMenu { position: absolute; left: 0px; cursor: pointer; }
#btnSearch { position: absolute; left: 65px; cursor: pointer; }
#btnLoc, #btnRefresh { position: absolute; left: 130px; cursor: pointer; }
#btnSettings { position: absolute; left: 195px; cursor: pointer; }
#btnPost { position: absolute; top: 3px; right: 0px; cursor: pointer; }

#rateCount { width: 22px; height: 19px; position: absolute; left: 151px; top: 23px; color: #c00; font-weight: bold; font-size: 15px; text-align: center; text-shadow: black 0px 0px 2px; }

/* Menu styles */

#menu { display: none; margin: 0 0 0 -4px; background: black url(../images/stripeGrayFineFade.png) top repeat-x; }

#menu li a {
	float: left;
	margin:  0px 10px 8px 0px;
	padding: 10px 0 0 0;
	text-align: center;
	width: 42%;
	height: 35px;
	font-size: 18px;
	font-weight: bold;
	color: silver;
	letter-spacing: 1px; 
	text-transform: capitalize;
	border-top: 1px solid #999;
	border-bottom: 1px solid #555;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	background: transparent url(../images/menuBtnMid.jpg);
	-webkit-border-radius: 12px;
}
#menu li a.menuWide {
	margin:  8px 10px 8px 0px;
	padding: 12px 0 0 0;
	text-align: center;
	width: 88%;
	height: 35px;
	font-size: 18px;
	font-weight: bold;
	color: silver;
	letter-spacing: 1px;
	text-transform: capitalize;
	border-top: 1px solid #999;
	border-bottom: 1px solid #555;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	background: transparent url(../images/menuBtnMid.jpg);
	-webkit-border-radius: 12px;
}
.smallBtnText { font-size: 18px; padding: 14px 0 0 0; }

.inReplyTo { float: right; clear: both; font-size: 11px; font-weight: bold; margin: -5px 1px 6px 0px; padding: 0px 4px 2px 6px; ; background: #111; border: 1px solid #555; cursor: pointer; -webkit-border-radius: 4px; }
.replyArrow { font-size: 13px; font-weight: bold; }
.replyTweet { border: 1px solid #555; margin:-5px 1px 13px 10px; font-size: 13px; padding: 3px 8px 4px; -webkit-border-radius: 6px; }
.replyTweet .twName { margin: 0; font-weight: bold; font-size: 13px; float: none; display: none; }


/* Settings page styles  */

.optionsList li { display: block; background: #bbcfe3; border: 1px solid #0056AE; color: #111; padding: 3px 15px; margin: 5px 30px 0 -10px; cursor: pointer; }

#settingsList { display: none; margin: 0; padding-top: 1px; padding-bottom: 20px; background: black url(../images/stripeGrayFineFade.png) top repeat-x; }
li.settingsTitle { background: transparent ! important; border: none ! important; cursor: default; font-size: 16px; font-weight: bold; margin: 10px auto -6px -45px; color: #ddd; }
li.settingsOption { display: block; cursor: pointer; }
li.optSelect { display: block; background: #b5e1b7 url(../images/check_select.png) no-repeat; background-position: 235px 3px; border: 1px solid #006805; color: #111; }

/* Login Page styles */
#twLogin { margin: 0 auto; width: 230px; text-align: center; display: none; }
#loggedInAs, #logOutLink { float: right; margin: 0 5px 10px; }
#notLoggedIn { display: block; font-size: 16px; font-weight: bold; color: #73a5e4; margin-bottom: 5px; }
#loginBtn {
	font-size: 24px;
	font-weight: bold;
	margin: 7px auto 10px;
	float: right;
}
.loginInput {
	float: right;
	width: 205px;
	height: 30px;
	margin: 0px auto 10px;
	padding-top: 8px;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	color: #666;
	background: white;
}
.loginCaption {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
}
.loginNote {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 20px auto 0px;
	padding: 8px 0;
	width:  230px;
	color: silver;
	/* background: black;
	border: 2px solid silver;
	-webkit-border-radius: 26px; */
}
#twPassword { background: #fff url(../images/password.gif) no-repeat; }

/*  Profile Page Styles  */

.profileIcon {
	float: left;
	margin: 0px 10px 10px 8px;
	-webkit-border-radius: 4px;
	border: 4px solid #474747;
	display: inline;
	width: 48px;
	height: 48px;
	padding: 0;
}
.profileName {
	margin: 8px 0 0;
	float: left;
	display: inline;
	font-weight: bolder;
	font-size: 20px;
}
.location {
	color:  silver;
	font-size: 14px;
	float: left;
	display: inline;
	position: absolute;
	left:  76px;
	margin: 32px 0 0 0;
}
.profileItem {
	display: inline;
	float:left;
	width: 45%;
	font-weight: bold;
	color: #73a5e4;
	float: left;
	margin: 0 0 8px 8px;
}
.bio {
	display: block;
	clear: both;
	margin: 0 12px 8px 8px;
}
.bioNote { font-size: }
.profileText {
	display: block;
	clear: both;
	margin: 10px 8px 4px;
}
#profile {
	display: block;
	text-align: left;
	padding-right: 24px;
	width: 94%;
	margin: -12px auto 20px;
	overflow: hidden;
}
.blueText { 
	font-weight: bold;
	color: #73a5e4;
}
.timeQuote {
	color:  silver;
	font-size: 13px;
	font-style: italic;
	display: block;
	clear: both;
	margin: 0px 0 8px 8px;
	text-align: right;
}

#aboutContainer { margin: 0; padding: 10px 12px; background: black url(../images/stripeGrayFineFade.png) top repeat-x; text-align: center; }
#emailColbyMsg { width: 94%; height: 60px; margin: 0 auto 10px; padding: 6px 8px; font-size: 14px; font-weight: bold; }
#emailColby { font-size: 18px; font-weight: bold; clear: both; float: right; display: block; cursor: pointer; }
.colbyName { font-size: 16px; font-weight: bold; margin: 8px 0 6px 0px; }
.colbyName a { color: white; }
#followColby { margin: 0px 0 6px 28px; text-align: right; }

.trendLink {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #73a5e4;
	cursor: pointer;
	clear: both;
	margin: 0 0 5px;
	padding: 11px 10px 13px;
	background: black url(../images/hilite_top.png) repeat-x top;
	border: 1px solid #333;
	-webkit-border-radius: 12px;
	overflow: hidden;
}



/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */