@charset "UTF-8";
/* CSS Document */

body {
	background: #333 url(/i/bg.gif) top repeat-x;
	margin: 0px;
}

body, p, div, ul, li, h1, h2, h3, h4, h5, h6 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#FFF;}

p, h1, h2, h3, h4, h5, h6 { margin-top:0px;}

body, p, div { font-size: 11px}

#container { width:970px; margin:0 auto;}

#header { height:98px; background:url(/i/top.jpg) no-repeat top;}
#header h1 { text-indent:-10000px;}
#header img { display:none;}

#rcol { width:800px; float:right;}
#lcol { width:150px; float:left;}

ul#nav, ul#nav li { list-style:none; margin:0; padding:0; text-align:left;}
ul#nav li a { font-size:14px; display:block; margin-bottom:10px; border-bottom:solid #393939 1px; font-weight:100; letter-spacing:1px; color:#393939; padding:0px 0px 3px 0px; text-decoration:none; outline: none;}
ul#nav li a.h, ul#nav li a:hover { border-bottom:solid #C90016 1px; color:#fff;}

#imageContainer {
	position:relative;
	left:0;
	top:0;
	margin:0px 0px 15px 0px;
	width:800px;
	height:450px;
}
#imageContainer img { display:none; position:absolute; top:0; left:0; }

#latest_tweet { position:absolute; top:15px; left:565px; width:220px; height:300px;}

.col_1, .col_2, .col_3 { width:220px; background:url(/i/box_bg.png) no-repeat; height:330px; padding:10px 15px; text-align:left;}
.col_1 { float:left; margin-right:25px;}
.col_2 { float:left; }
.col_3 { float:right;}

#ft { text-align:left; padding-top:10px; clear:both; color:#666666;}
#ft p, #ft p.fr a { color:#666666; text-decoration:none;}
#ft .fr { float:right; text-align:right;}

* html .cf { height: 1%; /* IE5-6 */}
.cf:after { /* FF, IE8, O, S, etc. */
	content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
#latest_tweet {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #fff; 
	font-weight: 100; letter-spacing:1px;
	text-align:left;
}
#latest_tweet a {
	padding-top:5px;
  font-size: 11px;
	font-weight: normal;
	display:block; letter-spacing:0;
}


#latest_tweet p.tweet_intro,
#tweets p.tweet_intro,
.col_3 h2, .col_1 h2, h4 {	
	font-size:14px; margin-bottom:13px; border-bottom:solid #393939 1px; font-weight:100; letter-spacing:1px; color:#fff; padding:0px 0px 4px 0px; text-align:left;
}

#latest_tweet ul.tweet_list, 
#tweets ul.tweet_list,
.col_1 ul,
.col_3 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#latest_tweet .tweet_list .awesome, 
#latest_tweet .tweet_list .epic, 
#tweets .tweet_list .awesome, 
#tweets .tweet_list .epic {
	text-transform: uppercase;
}
#latest_tweet .tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding:0;
	text-align:left;
}
#tweets .tweet_list li,
.col_1 li, 
.col_3 li
  {
	overflow-y: auto;
	overflow-x: hidden;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	border-bottom:solid #393939 1px; font-weight:100; letter-spacing:1px;
	line-height:1.1;
}
#third li {
	padding:0px 0px 5px 0px;
	margin:0px 0px 5px 0px;
	border-bottom:solid #393939 1px; font-weight:100; letter-spacing:1px;
	line-height:1.1;
}
ol.commentlist li  {
	padding:0px 0px 5px 0px;
	margin:0px 0px 5px 0px;
	border-bottom:solid #393939 1px;
	line-height:1.1;
}

#latest_tweet .tweet_list li a, 
#tweets .tweet_list li a,
.col_1 li a,
.col_3 li a,
#third li a {
	color: #fff; 
	font-weight:bold;
	letter-spacing:0;
}

#latest_tweet .tweet_list li a:hover, 
#tweets .tweet_list li a:hover,
.col_1 li a:hover,
.col_3 li a:hover {
	color:#C90016;
	
}

#latest_tweet .tweet_list .tweet_avatar, 
#tweets .tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left;
}
#latest_tweet .tweet_list .tweet_avatar img, 
#tweets .tweet_list .tweet_avatar img {
	vertical-align: middle;
}

small { font-size:100%;}

#third hr { height:0px; border:none; color:#393939; background:#666666; margin-bottom:20px;}

.fr { float:right;} .fl { float:left;}