body {
background:none repeat scroll 0 0 #f2f2f2;
color:#333333;
font-family:Helvetica,Arial,Verdana;
font-size: 12px;
margin:0;
padding:0 35px;
}
a {
color:#288fbe;
text-decoration:none;
font-weight: normal;
}
a:hover {
color:#076a97;
}
a img {
border:0 none;
}
p {
margin-top:0;
}
h1 {
color:#666666;
font-size:18px;
font-weight:normal;
margin:0 0 15px;
}
h2 {
color:#38525A;
font-size:18px;
font-weight:400;
line-height:1.2em;
margin:0 0 10px;
}
h3 {
color:#38525A;
font-size:16px;
font-weight:normal;
margin:0 0 15px;
}
h4 {
font-size:13px;
font-weight:bold;
line-height:13px;
margin:0 0 10px;
}
h1.title, h2.title {
color:#666666;
float:left;
font-size:20px;
font-weight:normal;
line-height:26px;
margin:0;
}
.darkblue {
color:#358CA7;
}
.green {
color:#80B62A;
}
.code {
font-family:Consolas,"Courier New",monospace;
font-size:10px;
}
#header {
height:64px;
margin:0;
padding:30px 0 0;
position:relative;
}
#content {
background:none repeat scroll 0 0 #FBFBFB;
clear:both;
overflow:hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #fff;
}
#content.top_a {
border-top:1px solid #DDDDDD;
}
#main {
background:none repeat scroll 0 0 #FFFFFF;
border-right:1px solid #DDDDDD;
margin:0 340px 0 0;
padding:20px;
z-index:1;
}
#main.nosidebar {
border-right:medium none;
margin:0;
}
#sidebar {
background:none repeat scroll 0 0 #FBFBFB;
clear:left;
display:inline;
float:right;
width:340px;
}

.left {
float:left;
}
.right {
float:right;
}
.overflow {
overflow:hidden;
}
.clear {
clear:both;
}
.mbottom {
margin-bottom:30px;
}
.pd {
overflow:hidden;
padding:10px;
}
.border {
-moz-border-radius:3px 3px 3px 3px;
border:1px solid #DDDDDD;
padding:10px;
}
.hide {
background-color:#FFFFFF;
bottom:0;
left:0;
opacity:0.5;
position:absolute;
right:0;
top:0;
}
div.fixed {
margin-bottom:20px;
}
div.border h3 {
margin-bottom:10px;
margin-top:0;
}
.center {
text-align:center;
}
.blurb {
color:#666666;
font-size:14px;
}
span.big {
color:#95CD3C;
font-size:48px;
line-height:48px;
}
.checklist {
list-style:none outside none;
margin:0;
padding:0;
}
#header {
height:55px;
overflow:hidden;
padding:1px 0 0;
position:relative;
}
#header #logo {
float:left;
height:31px;
margin:0;
overflow:hidden;
padding:0;
text-indent:900px;
width:430px;
}
#header #logo a {
background:url("logo.png") no-repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
height:34px;
width:445px;
}

.menu {
background:#FFFFFF;
border: 1px solid #DDDDDD;
clear:both;
height:30px;
list-style:none outside none;
margin:0;
overflow:hidden;
padding:0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.menu._sub {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 none;
}
.menu li {
float:left;
}
.menu li a {
display:block;
float:left;
font-size:14px;
padding:8px 15px 7px;
}
.menu li span {
cursor:pointer;
}
.menu li a:hover, .menu li.hover a {
background:#f2f2f2;
color:#6c6c6c;
padding:8px 15px 7px;
outline: none;
}
.menu li ul {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #f2f2f2;
list-style:none outside none;
margin:0;
padding:0;
position:absolute;
z-index:50;
}
.menu li ul li.sub {
float:none;
font-size:14px;
}
.menu li ul li.sub a {
background:none repeat scroll 0 0 #FFFFFF;
color:#45B4DA;
float:none;
height:auto;
padding:5px 15px;
}
.menu li ul li.sub a:hover, .menu li ul li.sub.selected a {
background:none repeat scroll 0 0 #A2D9EC;
color:#FFFFFF;
}
.menu li.previous a .dropdown {
padding:0;
width:0;
}
.menu li a .dropdown.switch {
background-position:5px -149px;
}
.menu li.next a {
margin-right:12px;
padding:8px 3px;
}
.menu li .channel_info {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #45B4DA;
padding:10px;
z-index:99;
}
.menu li .channel_info a {
background:none repeat scroll 0 0 transparent;
color:#45B4DA;
display:inline;
padding:0;
}
.menu li .channel_info a:hover {
background:none repeat scroll 0 0 transparent;
color:#80B62A;
}
.menu li .channel_info a.image {
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 transparent;
border:1px solid #DDDDDD;
float:left;
height:82px;
margin-bottom:5px;
padding:1px;
width:112px;
}
.menu li .channel_info .item {
float:left;
font-size:85%;
margin-bottom:10px;
margin-right:10px;
overflow:hidden;
width:116px;
}
.menu li .channel_info .item.odd0 {
clear:left;
}
.menu li .channel_info .item.odd2 {
margin-right:0;
}
.menu li .channel_info .item.bottom {
margin-bottom:0;
}
.menu li .channel_info .info {
clear:left;
}
.menu.no-dropdown li a:hover {
padding:8px 15px;
}

.sidebar_menu strong {
border-bottom:1px solid #E8E8E8;
display:block;
padding:6px 20px;
}
.sidebar_menu ul {
list-style:none outside none;
margin:0;
padding:0;
}
.sidebar_menu ul li a {
border-bottom:1px dotted #DDDDDD;
display:block;
padding:6px 0 6px 20px;
}
.sidebar_menu ul li.selected ul li a {
background:none repeat scroll 0 50% transparent;
border-color:#EFEFEF;
margin:0;
}
.sidebar_menu ul li a:hover {
background:none repeat scroll 0 0 #45B4DA !important;
border-bottom:1px solid #45B4DA !important;
color:#FFFFFF !important;
}
.sidebar_menu li ul li a {
padding-left:40px;
}
.sidebar_menu li.selected ul li {
background:none repeat scroll 0 0 #FFFFFF;
}
.sidebar_menu li.selected ul li a {
color:#45B4DA;
}
.sidebar_menu li.sponsor {
border-bottom:0 none;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
background:#FFFFFF;
border:1px solid #DCDCDC;
clear:both;
margin-top:20px;
overflow:hidden;
padding: 7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#footer .col {
float:left;
overflow:hidden;
width: 100%;
}
#footer .left {
float:left;
overflow:hidden;
}
#footer .right {
float:right;
overflow:hidden;
}
#footer .dot {
	font-size: 18px;
	padding: 20px;
	color: #999;
}
.copyright {
float:left;
font-size:0.85em;
margin-top:10px;
}
.content_type {
background:url("content_type.gif") no-repeat;
color:#444444;
display:block;
font-size:17px;
height:34px;
padding:4px 0;
position:relative;
text-align:center;
text-decoration:none;
width:50px;
}





.btn {
-moz-border-radius: 3px;
background:url("../images/search_bar_bg.gif") repeat-x scroll 0 0 transparent;
border:1px solid #DDDDDD;
color:#666666;
cursor:pointer;
display:inline-block;
font-family:Helvetica,Arial,Verdana;
font-size:12px;
height: 28px;
overflow:visible;
padding:5px 10px;
text-align:center;
}



.tweet {
border-bottom:1px dotted #DDDDDD;
clear:left;
margin-bottom:15px;
padding-bottom:15px;
}
.tweet.last {
border-bottom:0 none;
margin-bottom:0;
padding-bottom:0;
}
.tweet .left {
float:left;
margin-right:15px;
width:48px;
}
.tweet .left .count {
color:#444444;
display:block;
font-size:17px;
height:34px;
padding:4px 0;
position:relative;
text-align:center;
text-decoration:none;
width:50px;
}
.tweet .left .count span.t {
display:block;
font-size:10px;
left:10px;
line-height:10px;
position:absolute;
top:23px;
}
.tweet .left .retweet {
color:#FFFFFF;
cursor:pointer;
display:block;
font-size:11px;
height:16px;
line-height:16px;
margin-top:3px;
padding:0;
text-align:center;
text-decoration:none;
width:50px;
}
.tweet .left .retweet:hover, .tweet .left .retweet.selected {
background-position:0 -61px;
color:#80B62A;
}
.tweet .left .retweet.selected {
cursor:text;
font-weight:normal;
}
.tweet .body {
overflow:hidden;
}
.tweet .body h3, .tweet .body h2 {
border:medium none;
font-family:Helvetica,Arial,Verdana;
font-size:14px;
font-weight:bold;
line-height:18px;
margin:0;
}
.tweet .body p {
margin:5px 0;
}
.tweet .body .domain {
color:#999999;
font-size:85%;
white-space:nowrap;
}
.tweet a.more {
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #D4EBAF;
color:#568013;
font-size:85%;
margin:0 0 0 5px;
padding:1px 6px;
white-space:nowrap;
}
.tweet a.more:hover {
background:none repeat scroll 0 0 #8FD2E9;
color:#FFFFFF;
}
.other {
clear:left;
font-size:12px;
overflow:hidden;
}
.other a, .other div {
color:#666666;
float:left;
line-height:19px;
margin:0 22px 0 0;
}
.other a:hover {
color:#45B4DA;
}

.other a.comments {
background:url("../images/comments.png") no-repeat transparent;
padding-left:20px;
}

.other .date {
float:left;
	background-color: #68a2ce;
	color: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	
	padding-left: 3px;
	padding-right: 3px;
}
.tweet .right {
float:right;
margin-left:10px;
width:86px;
}

.line {
background:none repeat scroll 0 0 #FFFFFF;
border-top:1px dotted #DCDCDC;
height:1px;
margin-top:20px;
padding-bottom:0;
}
#main .heading {
line-height:20px;
margin-bottom:20px;
overflow:hidden;
}
ul.timeframe {
float:right;
list-style:none outside none;
margin:5px 0 0;
padding:0;
}
ul.timeframe li {
border-right:1px dotted #666666;
float:left;
padding:0 10px;
}
ul.timeframe li.last {
border:0 none;
padding:0 0 0 10px;
}
ul.timeframe li.selected a {
color:#666666;
}



h2.thread {
background:none repeat scroll 0 0 #F9F9F9;
border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
color:#666666;
font-size:100%;
font-weight:bold;
margin:0 -20px 10px;
overflow:hidden;
padding:10px 20px;
}
#update {
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #FFFFCC;
color:#424242;
display:block;
margin-top:10px;
padding:3px 10px;
}
.story .timeframe, .user .timeframe {
background:none repeat scroll 0 0 #F9F9F9;
border-bottom:1px solid #DDDDDD;
color:#666666;
margin:0 -20px;
overflow:hidden;
padding:10px 20px;
}
.story .timeframe a.selected, .user .timeframe a.selected {
color:#38525A;
font-weight:bold;
}

table.stats tr.bar span {
background-color:#CC4444;
display:block;
height:2px;
overflow:hidden;
}
table.stats tr.bar td {
padding:0 0 5px;
}
.story .tweet {
border-bottom:0 none;
}
#reply .p {
padding-bottom:0;
}
#tweets {
list-style:none outside none;
margin:10px 0 0;
padding:0;
}
#tweets .avatar {
float:left;
height:48px;
overflow:hidden;
width:48px;
}
#tweets .body {
margin-left:60px;
}
#tweets .other {
clear:none;
margin-left:60px;
margin-top:10px;
}
#tweets li {
padding:0 0 10px;
position:relative;
}
#tweets .tweet {
border-bottom:1px dotted #DDDDDD;
}
#tweets .tweet .left {
margin:0;
width:auto;
}
#tweets #tweet_this {
margin:5px;
}
#tweets li.tweet:last-child {
border-bottom:0 none;
margin-bottom:0;
padding-bottom:0;
}
#tweets li .date {
color:#666666;
}
.padding {
border-bottom:1px solid #DDDDDD;
margin:20px -20px 0;
padding:0 20px 20px;
}
.padding p {
margin-bottom:0;
}
#sidebar h2 {
color:#38525A;
font-size:16px;
font-weight:normal;
margin:0 0 10px;
}
#sidebar .item.last, #sidebar .item:last-child {
background-image:none;
padding:20px 0;
}
#sidebar .item ul {
margin:0;
padding:0;
}
#sidebar .item ul.sidebar_stats {
padding-left:20px;
}
#sidebar .item ul.sidebar_stats li {
margin-bottom:5px;
}
#sidebar .item ul.sidebar_stats li.last {
margin-bottom:0;
}
#sidebar .spons {
clear:both;
overflow:hidden;
position:inherit;
}
#sidebar .new ul {
list-style:none outside none;
margin:20px 0 0;
padding:0;
}
#sidebar .new ul li {
border-bottom:1px dotted #DDDDDD;
margin-bottom:10px;
overflow:hidden;
padding:0 0 10px;
}
#sidebar .new ul li .number {
color:#666666;
float:left;
font-size:20px;
margin:2px 9px 0 0;
}
#sidebar .new ul li .title {
float:left;
width:279px;
}
#sidebar .new ul li.last {
border-bottom:0 none;
margin-bottom:0;
padding-bottom:0;
}
#sidebar .new .thumb {
border:1px solid #E8E8E8;
float:right;
height:31px;
margin-left:5px;
padding:1px;
width:31px;
}
#sidebar .new .button_square, .new .thumb {
margin-top:2px;
}
#sidebar .love ul {
list-style:none outside none;
margin:0;
padding:0;
}
#sidebar p {
margin-bottom:0;
padding-bottom:0;
}
.spon {
list-style:none outside none;
margin:0;
overflow:hidden;
padding:0;
}
.spon li {
margin-bottom:15px;
}
.spon li.last {
margin-bottom:0;
}
.spon li img {
float:left;
height:30px;
margin:4px 10px 0 0;
width:30px;
}
.spon .date {
font-size:0.85em;
}
.spon a {
color:#666666;
}
a.spon {
display:block;
font-size:0.9em;
margin-top:5px;
}
.spon li.last a {
color:#45B4DA;
}
.spon li.last a:hover {
color:#95CD3C;
}

#sidebar .channel .thumb {
border:1px solid #E8E8E8;
float:right;
margin:5px 0 0 10px;
padding:2px;
}
#sidebar .guidlines ul {
padding-left:20px;
}
#sidebar .item:last-child {
border-bottom:0 none;
}

#sidebar .guidelines ul {
list-style:none outside none;
margin:0;
padding:0;
}


img.sidebaricon {
margin-right:5px;
position:relative;
top:1px;
}







.featured {
border-bottom:1px solid #DDDDDD;
margin:0 0 20px;
overflow:hidden;
padding:0 0 20px;
}
.featured .channels li {
margin-bottom:0;
}



/************** Search *****************/
#search .box {
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
margin-bottom:20px;
overflow:hidden;
padding:15px;
}
#search #q {
margin-right:10px;
padding:5px;
width:459px;
}
#search form .btn {
margin:0;
}
#search .box .item {
color:#999999;
float:left;
margin-right:20px;
width:122px;
}
#search .box .item.last {
margin-right:0;
}
#search .box .item strong {
color:#424242;
display:block;
}
#searchpage form {
border-bottom:1px solid #DDDDDD;
display:inline-block;
margin:0 -20px 20px;
padding:0 20px 20px;
width:100%;
}
#searchpage #seaBar {
border:0 none;
padding:0;
width:100%;
}
#searchpage form .btn {
float:right;
margin:0;
}
#searchpage .textbox_wrapper {
-moz-border-radius:3px 3px 3px 3px;
border:1px solid #DDDDDD;
margin-right:80px;
overflow:hidden;
max-width: 100%;
padding:5px;
}
#searchpage span.highlight {
background-color:#FFFFCC;
}


/************** Search *****************/









#sidebar ul.searchfilter {
clear:both;
list-style:none outside none;
margin:0;
overflow:hidden;
padding:0;
}
#sidebar ul.searchfilter li {
clear:left;
margin-bottom:10px;
overflow:hidden;
}
#sidebar ul.searchfilter li a, #sidebar ul.searchfilter li.selected {
display:block;
float:left;
padding-left:25px;
}
#sidebar ul.searchfilter li span {
color:#999999;
display:block;
float:right;
}






/* Mine ****************/
.results_text {
	font-family:Helvetica,Arial,sans-serif;
	font-size: 12px;
	color: #4c4c4c;
	font-weight: normal;
}

.slogan_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
}

.website {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 15px;
	float: left;
}
.pagination {
border-left:0 none;
border-right:0 none;
margin:20px 0 0;
overflow:hidden;
}
.pagination a, .pagination .current, .pagination span {
border:1px solid #E8E8E8;
color:#666666;
display:block;
float:left;
font-size:0.9em;
margin-right:5px;
padding:3px 8px;
}
.pagination a:hover {
background:none repeat scroll 0 0 #A2D9EC;
border:1px solid #A2D9EC;
color:#FFFFFF;
}
.pagination .selected {
background:none repeat scroll 0 0 #A2D9EC;
border:1px solid #A2D9EC;
color:#FFFFFF;
}
.pagination .disabled {
border:1px solid #E8E8E8;
color:#E8E8E8;
}
.didit_text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
}
.ididthis {
	display: block;
font-size:11px;
margin-top: 7px;
margin-left: 1px;
padding: 3;
background-color: #fff;
text-align:center;
text-decoration:none;
-moz-border-radius: 3px;
color: #7a7a7a;
border: 1px solid #afd9fc;
}
.comments_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666;
}
.comments_box_active {
	padding: 6px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-position: left 0px;
	background-color: #fff;
	width: 75px;
	text-align: center;
	float: left;
	-moz-border-radius: 3px 3px 0px 0px;
	margin-right: 5px;
	margin-left: 5px;
}
.comments_box {
	padding: 6px;
	background-position: left 0px;
	background-color: #e8e8e8;
	width: 75px;
	text-align: center;
	float: left;
	margin-right: 2px;
	margin-left: 2px;
}
.comments_box:hover {
	padding: 6px;
	background-position: left 0px;
	background-color: #f1f1f1;
	width: 75px;
	text-align: center;
	float: left;
	cursor: pointer;
	margin-right: 2px;
	margin-left: 2px;
}
