@CHARSET "UTF-8";

/*** general ***/
body {background: #202020; }
* { margin: 0; padding: 0; }
a { text-decoration: none; color: #303030; }
a:hover { color: #df1e26; }
ul { list-style: none; }

/* bulleted list with » */
ul.bullets { list-style-type: disc; }
ul.bullets li { margin-left: 1em; }
ul.bullets { padding: 1em; }

a img, form, fieldset { border: 0; width: 48px; height: 48px;}
hr { display: none; }
abbr { text-decoration: none; border-bottom: none; }

body { text-align: center; font: 0.75em/1.5 'Lucida Grande', sans-serif; color: #333; }

#container { width: 755px; margin: 0 auto; padding: 15px 0; text-align: left; position: relative; }
#container #header { margin-top: 30px; }

#navigation, #footer { background: #fff; }

#content { width: 555px; margin-top: 0px; float: left; padding-bottom: 15px; }

.bottom_nav { padding: 0; margin-top: 20px;}
.pagination a { float: right; margin: -20px -2px 0 0; }
.pagination a:hover { float: right; margin: -20px 0 0 0; }
.pagination ul { padding: 0; margin: 0; }
.pagination li { float: left; padding: 0 7px; }

.subpage #content .wrapper { background: #fff; padding: 5px 10px 15px; }
.subpage #content h1, .subpage #content h2, .subpage #content h3, .subpage #content h4, .subpage #content h5 { margin: 3px 0pt 4px; }
.subpage #content p { line-height: 1.2; margin: 5px 0; }
.subpage #content ul { padding-left: 30px; }
.subpage #content ol, #side ol { padding-left: 30px; }
.subpage #content code { font-size: 1.2em; }

#footer { clear: left; width: 555px; text-align: center; padding: 8px 0; line-height: 1; }
#footer li { display: inline; padding: 0 0 0 5px; }
#footer li.first:before { content: ''; padding-right: 0; }

/*** end general ***/

/*** front ***/

.h { position: absolute; left: -9999px; }
#front #content { width: 755px; padding-bottom: 0; background: transparent url(http://static.twitter.com/images/arr2.gif) no-repeat scroll 25px 0px; padding-top: 11px; margin-top: 6px; float: left; }
#front .wrapper { background: #fff none repeat scroll 0%; float: left; width: 715px; padding: 17px 20px;}

#front .intro { width: 510px; float: left; }
#front h2 { font-size: 2em; color: #000; line-height: 1.0; float: left; }
#front .intro p { font-size: 1.2em; line-height: 1.3; color: #000; margin: 0 0 1em; }
#front p.teaser { font-size: 1.5em; padding: 0 4px; }

#front .about { width: 683px; float: left; }
#front .about p { font-size: 1.1em; line-height: 1.3; color: #000; margin: 0 0 1em; }
#front .about p.teaser { font-size: 1.5em; padding: 0 4px; }

#signin { float: right; width: 179px; margin: 1.55em 0;}
#signin legend { font-size: 1.2em; font-weight: bold; }
#signin p { margin: 5px 0; }

#signin input { width: 173px; }
#signin input[type="image"] { cursor: pointer; }
#signin .submit { float: right; }
#signin .submit input { width: auto; margin:0 4px 0 0; }
#signin .submit input:hover { width: auto; margin: 0 2px 0 0; }

/*** end front ***/

/*** friends ***/

#friendsInfo { font: 'Lucida Grande', sans-serif; font-size: 10pt; color: #202020; }
#friendInfo { font: 'Lucida Grande', sans-serif; font-size: 16pt; font-weight: bold; color: #df1e26; }

#menu { margin:-2px 20% 0 0; z-index: 1; position: relative; }
#menuHome a, #menuHome a:visited {float:right; display:inline; width:84px; height:92px; background:url(../images/menuHome.png) no-repeat;}
#menuHome a:hover, #menuHome a:active {margin:2px 0 0 0;}
#menuAbout a, #menuAbout a:visited {margin:0 0 0 10px; float:right; display:block; width:84px; height:92px; background:url(../images/menuAbout.png) no-repeat;}
#menuAbout a:hover, #menuAbout a:active {margin:2px 0 0 10px;}
#menuLogout a, #menuLogout a:visited {margin:0 0 0 10px; float:right; display:block; width:95px; height:92px; background:url(../images/menuLogout.png) no-repeat;}
#menuLogout a:hover, #menuLogout a:active {margin:2px 0 0 10px;}
#menuBlog a, #menuBlog a:visited {margin:0 0 0 10px; float:right; display:block; width:86px; height:92px; background:url(../images/menuBlog.png) no-repeat;}
#menuBlog a:hover, #menuBlog a:active {margin:2px 0 0 10px;}
#menuSearch a, #menuSearch a:visited {margin:0 0 0 10px; float:right; display:block; width:84px; height:92px; background:url(../images/menuSearch.png) no-repeat;}
#menuSearch a:hover, #menuSearch a:active {margin:2px 0 0 10px;}

#Commonimage { margin: 6px 0 0 0; border: 2px solid #202020; }
#Commonimage:hover { margin: 6px 0 0 0; border: 2px solid #df1e26; }

/*** end friends ***/

/*** searcher ***/

#search legend { font-size: 1.2em; font-weight: bold; }
#search p { margin: 5px 0; }

#search input { width: 173px; }
#search input[type="image"] { cursor: pointer; }
#search .submit { float: right; }
#search .submit input { width: auto; margin:0 4px 0 0; }
#search .submit input:hover { width: auto; margin: 0 2px 0 0; }

/*** end searcher ***/


#settingsNav { margin: 0 0 20px 0; font-weight: normal; }

fieldset { margin: 10px 0; }
fieldset p { margin: 0 0 5px 0; }
fieldset th,td { padding: 7px 3px; vertical-align: top; }
fieldset th { text-align: right; width: 11em; padding-top: 10px; font-weight: normal; }
fieldset small { color: #777; font-size: .97em; }
fieldset input[type="text"], input[type="password"], select, checkbox { margin-right: 3px; border: 1px solid #aaa; padding: 4px 2px; }
fieldset input[type="text"], input[type="password"] { width: 12em; }
fieldset td[colspan="2"] { text-align: right; }
fieldset label { white-space: nowrap; font-weight: normal; }

fieldset ul li { padding: 5px 0; }
fieldset ul li label { display: block; font-weight: bold; }
fieldset ul li label sup { color: #888; }

#user_search_form { margin-bottom: 3px; }
#user_search_form img { margin-left: 2px; vertical-align: middle; }
#user_search_q { font-size: 1em; color: #999; width: 90px; padding: 3px; }
#user_search_form input[type="submit"] { padding:3px 0px; font-size: 1em; }

#bio-pics { text-align: center; padding: 10px 0; }
#bio-pics div { text-align: left; margin: auto; width: 158px; }
#bio-pics img { padding-right: 2px; }

#invite_preview { background-color: #eef; padding: 10px; }
#invite_message { white-space: normal; }

.direct_messages .bar h3 { padding: 4px 4px; }
.direct_messages .bar h3 select { width: 13em; }

.devices { width: 100%; }
.devices small { font-size: 95%; }
.devices .thumb img { border: 1px solid gray; }
#create_device form { padding: 5px; }
#create_device input[type="text"] { width: 12em; }
#create_device select { width: 5em; }
#create_device input[type="text"], #create_device input[type="submit"], #create_device select {font-size:1.5em; vertical-align: middle; padding: 4px 2px; }
.not_verified { background-color: #ffc; }
.subpage #content tr.not_verified code { display:block; font-size: 1.9em; color: green; font-weight: bold; text-align: center; }

body#profile #content h2.thumb { font-size: 2.8em; line-height: 50px; }
body#profile #content h2.thumb img#profile-image { float: left; margin: 6px 10px 0 0; }
body#profile #content h2.thumb div#follow-details img#x { float: right; margin: 3px 0 0 0; cursor: pointer; border: none; }
div#follow-control { margin: 3px 0 0 0; }
div#follow-details { background: #F9FDAB; margin: 5px 0 10px 0; padding: 5px 10px 10px 10px; border: solid 1px #FDCC68; color: #000; line-height: 1.7em; display: none; font-size: 0.9em; }
div#follow-flash { background: #F9FDAB; border: solid 1px #FDCC68; font-size: 0.9em; color: #000; line-height: 1.75em; margin: 5px 0; font-weight: bold; padding: 5px; }
div#follow-details p { margin-top: 10px; }
div#follow-actions #onoff { margin-left: 10px;}
div#follow-details strong { display: inline; font-size: 120%; }
div#follow-details div#notifications { margin-top: 10px;}
div#follow-toggle { background-repeat: no-repeat; cursor:pointer; background-position: 2% 50%; padding:5px 5px 5px 20px; border: 1px solid #CCCCCC; }
div#follow-toggle.closed { background-image: url('/images/toggle_closed.gif'); }
div#follow-toggle.opened { background-image: url('/images/toggle_opened.gif'); }
div#followed { background-color: #e6e6e6; border: 1px solid #D1D1D1; }
.follow-button button,.follow-button input[type=submit], input[type=button].follow-button {background-color:#808080;color:#FFF;font-size:1em;font-weight:bold;border: 1px solid black;height:30px; width:75px;cursor:pointer;}
.remove-button button,.remove-button input[type=submit], input[type=button].remove-button {background-color:#E6E6E6;color:#000;font-size:1em; width:75px;cursor:pointer;margin-left:3px;}
.update-button button,.update-button input[type=submit], input[type=button].update-button {background-color:#808080;color:#FFF;font-size:1em;font-weight:bold;border: 1px solid black;cursor:pointer;margin-top:5px;}
span#p { color:#999 }
img.follow-icon { border: 0; margin: 1px 5px 3px 0; vertical-align: middle; }
#content h2.thumb img.follow-icon { border: 0; margin: 1px 7px 3px 0; vertical-align: middle; }
button.small { background: #e6e6e6; width: 44px; height: 16px; padding: 0; font-size: 9px; text-align: center; margin: 2px 2px 1px 2px; border: none; line-height: 9px; cursor: pointer; }
button.med { background: #e6e6e6; width: 75px; height: 16px; padding: 0px; font-size: 9px; text-align: center; margin: 2px 2px 1px 2px; border: none; }
div.big-btn { background: #e6e6e6; width: 75pt; height: 19pt; padding: 8px 3px 4px 3px; text-align: center; font-weight: bold; text-decoration: none; font-size: 95%; vertical-align: middle; cursor: pointer; }
div.long-btn { background: #e6e6e6; width: 200px; padding: 3px 2px 2px 2px; font-size: 11px; vertical-align: middle; color: #000; cursor: pointer; }
div.med-btn { background: #e6e6e6; width: 75px; height: 18px; padding: 1px 3px 1px 21px; font-size: 11px; vertical-align: middle; color: #000; cursor: pointer; }
div.short-btn { background: #e6e6e6; width: 60px; height: 14px; padding: 2px 2px 1px 21px; font-weight: bold; font-size: 11px; line-height: 14px; vertical-align: middle; color: #000; cursor: pointer; }
#content h2.thumb img.ticon { border: none; float: left; margin: 2px 2px 3px 3px; vertical-align: middle; }
body#profile #content h2.thumb { margin-bottom: 10px; }
input.big-btn { background: url(/images/btn-bg.gif) no-repeat top left; border: none; display: block; width: 88px; height: 31px; 
	text-align: center; font-weight: bold; text-decoration: none; font-size: 95%; vertical-align: middle; }
#notifications-sub .desc { margin-left:3px;font-style:italic; }
div.badge { margin: 0 auto -1.5em; text-align:center; } 

form.device_control { display: inline; }
form.device_control select { font-size: 85%; }
.yellow-box { background: #F9FDAB; margin: 5px 0 10px 0; padding: 5px 10px 10px 10px; border: solid 1px #FDCC68; color: #000; line-height: 1.7em; font-size: 0.9em; }

img.lock { vertical-align: middle; margin-bottom: 2px; }

#downtime-announce { background: #fff; border: 1px solid grey; padding: 7px; color: #333; font-size: 1.1em; }
.note { background: #fff; border: 1px solid grey; padding: 7px; color: #333; font-size: 1.1em; }

.person-actions { padding:7px 0 0 0; font-size: 90%; }

#admin_side { background: #f9f6ba; font-size: .9em; float: right; position: absolute; left:547px; width: 185px; padding: 0px; margin: 20px; margin-bottom: 10px; line-height: 1.4; }
#admin_side .admin { margin: 10px 10px; }

a#back-link { margin-left: 20px; font-size:120% }

div#buffer { padding: 17px; }

#username_url { color: green; font-weight: bold; }
.username_taken { color: red; }

.fieldWithErrors { display: inline; }
.fieldWithErrors input, .fieldWithErrors select { background-color: #ffdfdf; }

.error { color: red; }
.highlight{ background-color: #f9f6ba; }
.beta { font-size: .9em; background-color: #f9f6ba; }
.midgrey { font-size: 1.2em; color: #999; padding-bottom: 4px; }

.user_search { border: 1px solid #bbbbbb; clear: both; padding: 10px; margin-bottom: 10px; }
.user_search .screen_name { font-weight: normal; font-size: 2em; vertical-align: bottom; text-decoration: none; }
.user_search .follow { float: right; font-size: 1em; }
.user_search .details{  clear: both; padding-top: 4px; }
.user_search .profile_img { float: left; margin-right: 10px; }

.search_following { background-color: #D8F4F5; border: 1px solid #84C2D2; }
.search_following button { background-color: #fff; border: 1px solid #84C2D2; }

/* trying to phase out the "flatbutton" style and just have all buttons default to the same style */
input.submit, button, input[type=submit], input[type=button], input[type="file"] > input[type="button"]  { background-color: #E6E6E6; border: 1px solid #ccc; padding-top: 1px solid #fff; font-size: 1em; padding: 4px 8px 4px 8px; }
input.submit:hover, button:hover, input[type=submit]:hover, input[type="file"] > input[type="button"]:hover { background: #999; cursor:pointer; }

.flatbutton button,.flatbutton input[type=submit], input[type=button].flatbutton  { background-color: #E6E6E6; border: 1px solid #ccc; padding-top: 1px solid #fff; font-size: 1em; padding: 4px 8px 4px 8px; cursor:pointer;}
.flatbutton input[type=submit]:hover { background: #999; cursor:pointer;}

.clear { clear: both; }
div.clear { height: 1px; }
.numeric { font-family: 'Georgia', 'Serif'; }
input.labeled_field { color: #999; }

/* prototip */
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar {
	position: relative;
	display: block;
	}
.prototip .toolbar .title {
	display: block;
	position: relative;
	}
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(close.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
	}
.prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); }
.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
  padding: 0;
  background: none;
}
.prototip .default { width: 180px; color: #333; }
.prototip .default .toolbar { background: #f9f6ba; font-weight: bold; }
.prototip .default .title { padding: 5px; }
.prototip .default .content { background:  #f9f6ba; font: 1em; padding: 5px; border: 1px solid #ffe96a;}