@charset "utf-8";
/* CSS reset */

*, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family:Verdana, Geneva, sans-serif;
	font-size:.9em;
	height:100%;
	width:100%;
}
ol, ul {
	list-style: none;
}
a {
	text-decoration:none;
	color:#ff9900;
}
a img {
	border:none;
	text-decoration:none;
}

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

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

#content_holder .warning {
	color:#F00;
}

/* main layout */

body {
	background-color:#222222;
	height:100%;
	width:100%;
}

#logo {
	height:50px;
	width:1000px;
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-500px;
}

#navigation {
	height:30px;
	padding-top:10px;
	width:1000px;
	position:absolute;
	left:50%;
	margin-left:-498px; /*to account for the border on #content_holder*/
	top:584px;
	text-align:center;
}

#navigation li {
	display:inline;
	padding-right:20px;
	margin-right:20px;
	border-right:1px solid #333;
}

#navigation li.last {
	border-right:none;
	padding-right:0px;
	margin-right:0px;
}

#navigation li a {
	color:#ff9900;
	text-transform:uppercase;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.1em;
	text-shadow:1px 1px 2px #000;
}

#navigation li a:hover, #navigation .current {
	color:#ddd;
}

#credits {
	margin-top:30px;
	font-size:11px;
	color:#333;
}

#credits a {
	font-weight:bold;
	color:#333;
}

#content_holder {
	height:425px;
	width:1000px;
	background-color:#000000;
	border:2px solid #777777;
	position:absolute;
	left:50%;
	margin-left:-500px;
	top:150px;
}

#content_holder h1 {
	font-size:20px;
	text-transform:uppercase;
	text-shadow:1px 1px 2px #000;
	color:#ccc;
	text-align:center;
	line-height:20px;
	margin-bottom:10px;
}

#content_holder h2 {
	font-size:16px;
	text-transform:uppercase;
	text-shadow:1px 1px 2px #000;
	color:#ccc;
	text-align:left;
	line-height:20px;
	margin-bottom:20px;
}

#content_holder p {
	font-family:Georgia, serif;
	text-shadow:1px 1px 1px #000;
	font-size:16px;
	line-height:20px;
	margin:20px 0;
	color:#ddd;
}

#background {
	position:absolute;
	top:0;
	left:0;
	height:425px;
	width:1000px;
	background:url(../images/sd_home.jpg) top left no-repeat;
	z-index:10;
}

#overlay {
	position:absolute;
	background-color:#000;
	top:0;
	left:0;
	height:425px;
	width:1000px;
	z-index:20;
	background:url(../images/transparent-70.png) top left repeat;
}

#text_home, #text_knowme, #text_seeme, #text_contact, #text_have {
	z-index:30;
	height:385px;
	width:960px;
	position:absolute;
	top:0;
	left:0;
	padding:20px;
	overflow:auto;
}

#text_knowme, #text_seeme, #text_contact, #text_have {
	display:none;
}

#text_seeme {
	padding-right:1px; /*for scrollbar */
	width:979px;
}

#text_seeme .object {
	height:264px;
	width:469px;
	border:1px solid #555;
	float:left;
	margin:4px;
}

#text_contact #social_links {
	width:300px;
	height:385px;
	float:left;
}

/* ----------- Twitter layout ------------ */

#sidebar {
	width:300px;
	float:right;
	margin-left:20px;
	height:385px;
}

#sidebar_title {
	font-size:20px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #333;
	color:#aaa;
	text-align:center;
	line-height:20px;
	margin-bottom:10px;
}
.tweet {
	overflow:auto;
	height:355px;
}
.tweet, .query {
    font-family: Georgia, serif;
    font-size: 110%;
	color: #dd8800;
	text-shadow:1px 1px 1px #000;}
.tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
	-moz-border-radius:.5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #2f2f2f; }
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
    text-transform: uppercase; }
.tweet .tweet_list li, .query .tweet_list li {
    overflow: hidden;
    padding: .5em; }
.tweet .tweet_list li a, .query .tweet_list li a, .tweet .tweet_list li .tweet_join, .query .tweet_list li .tweet_join {
    color: #888; }
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
    background-color: #262626; }
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
    padding-right: .5em;
    float: left; }
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
	vertical-align: middle; }
	
.tweet .tweet_list .tweet_text a {
	color:#cc6600;
	text-decoration:underline;
}

.tweet .tweet_list .tweet_text a:hover {
	text-decoration:none;
}