/* ---START MAIN STYLES--- */
/*/*/

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */

@font-face {
	font-family: "Museo";
	src: url(../museo/Museo300-Regular.otf) format("opentype");
	font-weight: 300;
}
@font-face {
	font-family: "Museo";
	src: url(../museo/Museo500-Regular.otf) format("opentype");
	font-weight: 500;
}
@font-face {
	font-family: "Museo";
	src: url(../museo/Museo700-Regular.otf) format("opentype");
	font-weight: 700;
}

body {
	font-family: "Museo", sans-serif;
	color: #888;
	font-size: x-small;
	padding: 0px;
	margin: 0px;
	background: #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	line-height: 1.5;
	font-weight: 300;
}
html>body {
    font-size: small;
}
/* */

h1 {
	font-size: 3em;
	margin: 0px 0px 3px;
	padding: 0px;
	letter-spacing: -1px;
}
h2 {
	font-size: 2em;
	margin: 0px 0px 3px;
	padding: 0px;
	letter-spacing: -1px;
}
h3 {
	font-size: 1.8em;
	margin: 0px 0px 3px;
	padding: 0px;
	letter-spacing: -1px;
}
p {
	font-size: 0.9em;
	margin: 0px 0px 10px;
	padding: 0px;
}
a {
	color: #fff;
	background: #5dd;
	padding: 0.2em;
	margin: 0;
	line-height: 1.5em;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 3px rgba(165,255,255,0.5);
	-moz-box-shadow: 0px 0px 3px rgba(165,255,255,0.5);
	box-shadow: 0px 0px 3px rgba(165,255,255,0.5);
	text-shadow: 0px 0px 3px #199;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
a:hover {
	background: #2aa;
}
strong {
	font-weight: 500;
}

/* ------------------------
	START PAGE ELEMENTS	 */

#theme-image {
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0px;
	padding: 30px 0px 0px 5px;
	width: 195px;
	color: #ccc;
}

#theme-image h1 {
	color: #fff;
	text-shadow: 0px 0px 4px rgba(255,255,204,0.8);
	padding: 0 0 1em;
	letter-spacing: -0.1em;
	line-height: 1;
	font-style: italic;
}
#theme-image a {
	background: #fff;
	color: #5dd;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	text-shadow: none;
}
#theme-image ul {
	padding-bottom: 1em;
}
#theme-image li {
	padding-bottom: 2px;
}
#theme-image li strong {
	font-weight: normal;
}
#theme-image li a {
	text-shadow: none;
}
#theme-image .twitter a {
	background: #fff;
	color: #4df;
}
#theme-image .brightkite a {
	background: #234;
	color: #bd1;
}
#theme-image .gowalla a {
	background: RGB(44,55,24);
	color: RGB(255,146,13);
}
#theme-image .posterous a {
	background: #fe8;
	color: #863;
}
#theme-image .lastfm a {
	background: #d21;
	color: #fff;
}
#theme-image .flickr a {
	background: #fff;
	color: #07e;
}
#theme-image .flickr a strong {
	color: #f39;
	font-weight: 500;
}
#theme-image .delicious a {
	background: #37d;
	color: #fff;
}
#theme-image .facebook a {
	background: #359;
	color: #fff;
}
#theme-image .linkedin a {
	background: #18b;
	color: #fff;
}
#theme-image .instagram a {
	background: #544;
	color: #eee;
}
#body {
	margin: 0 0 0 200px;
	padding: 20px 10px;
	background: #111;
	color: #eee;
	border-left: 1px solid #333;
}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#body ul li {
	padding: 0;
	margin: 0 0 50px;
	font-size: 3em;
	font-weight: 300;
	line-height: 1;
}
#body ul li span {
	display: block;
	font-size: 0.3em;
	margin-top: 20px;
	padding-bottom: 2px;
	color: RGBa(255,255,255,0.5);
}
#body ul li a {
	text-shadow: none;
	padding: 0 0.2em;
}
#body ul li span a {
	background: transparent;
	padding: 0;
	color: #5dd;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: none;
}
#body ul li span a:hover {
	color: #2aa;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.2);
}
a span {
	display: none;
}