/* the basics */

body {
	background-color: #fff; 
	text-align: center;
	color: #0D3340;
	font-size: 14px;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, a, p,body {
	margin: 0;
	border: 0;
	padding: 0;
}
ul { margin: 2px auto 10px auto; }
form { margin:0; padding:0; }
img { border: 0; }

.clear { clear: both; width: 0; height: 0; line-height: 0; margin-top: 0; margin-bottom: 0; }
.no_clear { clear: none; margin-top: 0; margin-bottom: 0; }
.no_display { display: none; }
.hidden { visibility: hidden; }
.indent { margin-left: 6px; }
.no_indent { margin-left: 0px !important; }
.some_indent { margin-left: 28px !important; }
.some_padding { padding: 6px; }
.top_margin { margin-top: 6px; }
.someMargin { padding: 4px; }
.floatLeft { float: left; }
.floatRight { float: right; }

/* anchors */
a { text-decoration: none; }
a:link { color: #1A6680; }
a:visited { color: #1A6680; }
a:active { color: #1A6680; }
a:hover { text-decoration: underline;}
.altColor:link, .altColor:visited, .altColor { color: #7cbdcf; }

/* font sizes */
.smallest {font-size: 0.7em;}
.small {font-size: 0.8em;}
.medium {font-size: 0.9em;}
.normal { font-size: 1.0em; }
.large {font-size: 1.2em;}
.larger {font-size: 1.3em;}
.largest {font-size: 1.4em;}
.h1 { font-size: 2em; margin: .67em 0; font-weight: bolder; }

/* font colors */
.textLightest, .textLightest:link, .textLightest:visited { color: #bbb; }
.text_light, .text_light:link, .text_light:visited { color: #888; }
.textMedium, .textMedium:link, .textMedium:visited  { color: #3a3a3a; }
.textDark, .textDark:link, .textDark:visited  { color: #222; }
.textBlack, .textBlack:link, .textBlack:visited  { color: #000; }
.mainColor { color: #2BADD9;}

/* backgrounds */
.bg_white { background-color: #fff; }
.bg_highlight { background-color: #fefdeb; }
.bg_alt { background-color: #f7f7f7; }

/* font weights & positions */
.bold { font-weight: bold; }
.bolder { font-weight: bolder; }
.notbold { font-weight: normal; }
.underline { text-decoration: underline;}
.right { text-align: right; } 
.center { text-align: center; } 
.left { text-align: left; }
.floatRight { float: right; }
.absolute { position: absolute; top: 0; left: 0; }
.relative { position: relative; top: 0; left: 0; background-color: #000; }
.z2 { z-index: 2; }

/* custom elements */
.pointer { cursor: pointer; }
.bigButton { font-size: 1.3em; background-color: #154c75; color: #fff;    }
.smallButton { font-size: 0.9em; background-color: #154c75; color: #fff; }
.inputMargin { margin-top: 4px; margin-bottom: 4px;  }
.textInput { margin-top: 4px; margin-bottom: 4px;  }
.popupWindow { display:none; z-index:100; position:absolute; width:400px; background-color: #fff; padding: 20px;
	border: 2px solid #999; }	
.subFooter { visibility: hidden; }
.thinRule { padding-top: 2px; border-top: 1px solid #e7e7e7; }
.bottomBorder { border-bottom: solid 1px #eee; }
.leftBorder { border-left: solid 1px #eee; }
.topMargin { margin-top: 6px; }
.bottomMargin { margin-bottom: 6px; }
.tip { background-color: #fefdeb; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 7px; }
.nav_icon { margin: 0px 16px 0px 8px; }
.photoContainer { height: 170px; overflow: hidden; }
.linkContainer { margin-bottom: 50px; }
.popUrl { padding-left: 26px; margin: 10px 0px 0px 4px; 
	background-position: left; background-repeat: no-repeat; }
.comments { font-size: 0.6em; }
.subComment { margin: 2px 0px 0px 8px; }
.search { margin: 3px 0px 0px 2px; }
.video { height: 180px; width: 220px; }
.photo { }


ol.statuses li { text-align: left; height: auto; border-bottom: 1px dashed #D2DADA;
		line-height: 1.1em; padding: 20px 0px 10px 0px; position:relative; list-style-type: none;  margin-bottom: 0px;}

.status_thumb { float: left; margin: 0px 10px 0px 20px; border: 1px solid #ccc;  width: 48px !important; overflow: hidden; }
.status_thumb_tiny { float: left; margin: 0px 4px 0px 0px; border: 1px solid #ccc;  width: 24px !important; overflow: hidden; }
.status_text { margin-left: 74px; padding: 4px; }
.status_profile_text { margin: 10px 20px 0px 12px; padding: 4px; }
.status_mention_text { margin-left: 30px;}
.status_entry { line-height: 126%; clear: both; position: relative;  }
.status_date { position: absolute; top: 8px; right: 20px; }

.more:hover {
background-position:left -78px;
border:1px solid #BBBBBB;
text-decoration:none;
}
.more {
margin: 4px;
-moz-border-radius: 5px;
background-color:#FFFFFF;
background-position:left top;
background-repeat:repeat-x;
border-color:#DDDDDD #AAAAAA #AAAAAA #DDDDDD;
border-style:solid;
border-width:1px;
display:block;
font-size:14px;
font-weight:bold;
height:22px;
line-height:1.5em;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:6px 0;
text-align:center;
text-shadow:1px 1px 1px #FFFFFF;
width:98%;
background-image:url(http://static.twitter.com/images/more.gif);
}

/* common blocks with IDs */
#header { width: 100%; background-color: #ffffff; border-bottom: 2px solid #2BADD9; } 
#footer { width:100%; border-top: 1px solid #ccc; font-size: 0.8em; color: #333; padding-top: 10px;}
#main { background-color: #EBFAFF; width: 100%; }
#nav { position: fixed; top: 100px;}
#menu { text-align: left; position: absolute; top: 80px; right: 100px; padding: 2px 10px 2px 10px; margin-top: 20px; border-left: 2px solid #ccc;  }
#login { display: none; position: absolute; z-index: 11; background: #fff; border: 1px solid #ccc; width: 500px; padding: 50px;  }
#timeline { padding: 0px; margin: 0px;}
#mentions_timeline { margin-top: 20px; width: 66%; }

#mainTable { width: 1000px; margin: auto; }
#mainTableLeft { text-align: left; padding: 16px 0px 10px 100px; }
#mainComments { text-align: left; }
#mainContent { width: 480px; }


/* custom blocks with IDs */
#updates { width: 500px; background-color: #fff; border: 1px solid #2BADD9; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 1px 0px 1px 0px;}
#powerUp { text-align: left; background-color: #fff; -moz-border-radius: 12px; -webkit-border-radius: 12px; width: 300px;
				border: 1px solid #CCF2FF; padding: 10px 0px 10px 20px;}
#content { -moz-border-radius: 8px; }
				
#topVideos { float: right; margin-right: 60px; }
#topSearches { text-align: left; margin: 30px 0px 0px 20px; }
#topMusic { text-align: left; margin: 30px 0px 0px 20px; width: 320px; overflow: hidden; }



/* ubquitous blocks with IDs */
#messageBox { background-color: #fefdeb; padding: 14px; text-align:center; width:90%; margin: 0px auto 0px auto;
				border: 1px solid #eee; -moz-border-radius: 8px;}
#container { width: 800px; } 
#shade {display:none; position:absolute; left:0; top:0; margin:0; padding:0; z-index:10;
	opacity:.8; filter:alpha(opacity=80); -moz-opacity:.8; background-color:#eef6fb; }
	
.fade_0 { opacity: 1; filter:alpha(opacity=100); -moz-opacity:1.0; }
.fade_1 { opacity:.8; filter:alpha(opacity=80); -moz-opacity:.8; }
.fade_2 { opacity:.6; filter:alpha(opacity=60); -moz-opacity:.6; }
.fade_3 { opacity:.4; filter:alpha(opacity=40); -moz-opacity:.4; }
.fade_4 { opacity:.2; filter:alpha(opacity=20); -moz-opacity:.2; }