/* Copyright (c) 2009, Lisa Kirsch. 
Yes, I know it's a bit of a mess. 
Museo font by Exljbris Font Foundry */

@font-face { font-family:"Museo500"; src:url("Museo500-Regular.otf") format("opentype"); }

* {
	margin: 0;
	padding: 0;
}

body {
	background: #284b72 url(twittergradientskinny.png) repeat-x fixed;
}

#sitesucks {
	background: url(sitesucksbg.png) repeat-x;
	color: #444;
	font: 13px "Museo500", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;
	letter-spacing: 0.1em;
	padding-top: 15px;
	word-spacing: 0.1em;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 58px;
	z-index: 1;
}

#emailtab {
	top: 95px;
	border-style: none;
	position: fixed;
	right: 0;
	margin-right: -1px;
	opacity: 0.95;
}

#emailtab:hover {
	opacity: 1.0;
	margin-right: 0;
}

#content {
	width: 695px;
	overflow: auto;
		font: 12px/1.4em "Museo500", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	text-align: left;
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
}

#avatar img {
	border: 2px solid #fff;
	float: left;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;
}

#info {
	color: #fff;
	font: 16px "Museo500", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;
	float: left;
	margin-top: 6px;
}

#info a, #info a:hover {
	color: #fff;
	text-decoration: none;
}

#infoname {
	font: 24px "Museo500", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;
	margin-bottom: 2px;
}


#infosub {
}

#downtime {
	font-size: 10px;
	line-height: 2.0em;
	color: #606a75;
	margin-top: 1px;
}

#TwitterCounter {
	display: inline;
}

#twitter_update_list {
	padding: 20px;
	background: url(bubblepoint.png) no-repeat 50px 11px;
	clear: both;
	width: 555px;
	float: left;
}

#twitter_update_list li {
	list-style-type: none;
    padding: 15px;
    text-align: left;
    color: #333;
	margin-bottom: 20px;
	background: url(bubblebg.png) repeat-x;
    /* Do rounding (native in Firefox and Safari, CC in IE) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;
}

#twitter_update_list li a {
	color: #2e6299;
	text-decoration: none;
}

#twitter_update_list li a:hover{
	color: #2e6299;
	text-decoration: underline;
}

#twitter_update_list li a[href*="statuses"] {
	font-size: 10px !important;
	color: #8595a6;
	font-style: italic;
	display: block;
	text-decoration: none;
}

#twitter_update_list li a[href*="statuses"]:before {
	content: "~ tweeted ";
}

#twitter_update_list li a[href*="statuses"]:hover {
	color: #8595a6;
	text-decoration: underline;
}

#flickrbadge {
	float: right;
	margin-top: 20px;
	width: 82px;
}

/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickrbadge #flickr_badge_uber_wrapper {text-align:center; width: 82px;}
#flickrbadge #flickr_badge_wrapper {padding:0 0 0 0;}
#flickrbadge .flickr_badge_image {margin:0 0 8px 0;}
#flickrbadge .flickr_badge_image img {
	border: none !important; 
    /* Do rounding (native in Firefox and Safari, CC in IE) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;
}
#flickrbadge .flickr_badge_image img:hover {
	border: none !important; 
	width: 77px !important;
	height: 77px !important;
	margin-top: -1px !important;
	margin-bottom: -1px !important;
    /* Do rounding (native in Firefox and Safari, CC in IE) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;
}
#flickrbadge #flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickrbadge #flickr_badge_icon {float:left; margin-right:5px;}
#flickrbadge #flickr_www {display:none !important;}
#flickrbadge #flickr_badge_uber_wrapper a:hover,
#flickrbadge #flickr_badge_uber_wrapper a:link,
#flickrbadge #flickr_badge_uber_wrapper a:active,
#flickrbadge #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickrbadge #flickr_badge_wrapper {}
#flickrbadge #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

#morelink {
	font-size: 11px;
	color: #8394a6;
	text-decoration: none;
	margin-left: 7px;
}

#morelink:hover {
	color: #b7c8d9;
}

#footer {
	padding-bottom: 15px;
	padding-left: 20px;
	color: #98aabe;
	font-size: 10px;
	clear: both;
}

#slimstathide {
	visibility: hidden;
}

#splash-404 {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -160px;
	margin-top: -200px;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	color: #7c9fca;
}

#splash-404 a img {
	border-style: none;
}

#footer-404 {
	color: #4d6a8c;
	position: fixed;
	bottom: 10px;
	left: 10px;
}