@charset "utf-8";
/*	
	Author: Tran Tuan Anh
	Group: Sky Network
	Site: www.skynetwork.org
	Email: anhtran@skynetwork.org
*/


.tube {
	background:url(../images/tube.png) 0 0 repeat-x;
	height:41px;
	position:absolute;
	top:30px;
	left:0;
	width:100%;
	z-index:1;
}

.logo {
	position:absolute;
	right:0;
	top:8px;
	background:url(../images/logo.png) 0 0 no-repeat;
	width:162px;
	height:27px;
}

.header {
	z-index:2;
	position:relative;
	margin-top:30px;
	height:41px;
}

.tabs {
	position:relative;
	height:41px;
}

.tabs ul {
	position:absolute;
	bottom:0;
}

.tabs ul li {
	margin-right:10px;
}

.tabs ul li a {
	display:block;
	background:url(../images/tab.png) 0 0 no-repeat;
	height:26px;
	padding:8px 10px 0 17px;
	position:relative;
}

.tabs ul li a span.r {
	display:block;
	background:url(../images/tab.png) -140px 0 no-repeat;
	width:7px;
	height:34px;
	right:-7px;
	top:0;
	position:absolute;
}

.tabs ul li a:hover span.r, .tabs ul li a.selected span.r {
	background-image:url(../images/tab.png);
	background-position:-287px 0;
}

.tabs ul li a:hover, .tabs ul li a.selected {
	background-image:url(../images/tab.png);
	background-position:-147px 0;
}

.tabs ul li a.press {
	background-image:url(../images/tab.png);
	background-position:-294px 0;
}

.tabs ul li a.press span.r {
	background-image:url(../images/tab.png);
	background-position:-434px 0;
}

.tabs ul li a span.c {
	display:block;
	background-image:url(../images/text.png);
	height:20px;
}

.tabs ul li a span.website {
	background-position:-296px 0;
	width:74px;
}

.tabs ul li a span.blog {
	background-position:-185px 0;
	width:34px;
}

.tabs ul li a span.about {
	background-position:-81px 0;
	width:95px;
}

.tabs ul li a span.contact {
	background-position:-226px 0;
	width:53px;
}




.container {
	background-color:#fff;
	min-height:200px;
}

.main {
	float:left;
	width:100%;
	margin-bottom:30px;
	min-height:200px;
}

.main h2 {
	font:bold 16px Arial, Helvetica, sans-serif;
}

.main .wrp {
	padding:15px;
}

.main h3.desc {
	font:italic 12px arial;
	margin-top:0;
}

.member {
	position:relative;
	margin-bottom:15px;
}

.member a {
	display:block;
	text-decoration:none;
}

.member a:hover .name {
	background-color:#3CF;
}

.member .pic {
	width:73px;
	height:73px;
	float:left;
}

.member span {
	background:url(../images/i73.png) 0 0 no-repeat;
	display:block;
	width:73px;
	height:73px;
	position:absolute;
	top:0;
	left:0;
}

.member .name {
	position:absolute;
	margin-left:86px;
	top:5px;
	padding:0 2px;
	font-weight:bold;
}

.member .info {
	float:left;
	margin-left:15px;
	padding-top:22px;
	margin-top:5px;
}

.member p {
	clear:right;
}



.apps {
	margin-top:5px;
}

.apps a {
	display:block;
	width:140px;
}

.apps dt {
	width:140px;
	text-align:center;
}

.apps dd {
	width:350px;
	margin-left:15px;
	color:#444;
}

.apps dd div {
	height:48px;
	display:table-cell;
	vertical-align:middle;
}

.apps dl {
	display:block;
	margin-bottom:10px;
	padding:4px;
	border:1px solid transparent;
}

.apps dl.mo {
	background-color:#f9f9f9;
	border:1px solid #eee;
}





.footer {
	background-color:#fff;
	width:100%;
	position:relative;
	border-top:1px dotted #aaa;
	font-size:10px;
	color:#444;
}

.footer .wrp {
	padding:5px 10px;
}

.foot {
	position:absolute;
	left:0;
	bottom:-7px;
	height:7px;
	background:url(../images/foot.png) bottom left no-repeat;
	width:100%;
	z-index:2;
}

.django {
	position:absolute;
	top:2px;
	right:10px;
	z-index:3;
}


.paging {
	margin-top:20px;
}

.paging ul li {
	display:block;
	float:left;
	margin-right:5px;
	font-size:11px;
}

.paging a {
	display:block;
	padding:2px 5px;
	background-color:#EEE;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-opera-border-radius:3px;
	text-decoration:none;
}

.paging a:hover {
	background-color:#9cf;
}

.paging ul li.selected {
	padding:1px 4px;
	border:1px solid #BBB;
	cursor:default;
}


.fs {
	background-color:#f8f8f8;
	min-height:100px;
	margin-left:-15px;
	margin-right:-15px;
	_border-top:1px solid #ddd;
}

.fs .wrp {
	padding:10px 25px;
}

.fs h3 {
	margin:0;
	color:#0e87ff;
}

.fs ul {
	padding-left:20px;
	margin-top:5px;
}

.fs ul li {
	display:list-item;
	list-style:square;
	margin-bottom:5px;
}

.fs a {
	color:#333;
	font-size:11px;
}

.fs a.more {
	font-size:10px;
	color:#2894ff;
	display:block;
	margin-left:20px;
}

ul.twitter {
	margin-top:20px;
}

ul.twitter li {
}

ul.twitter a {
	display:block;
	width:48px;
	height:48px;
	background-position:0 0;
}

ul.twitter a.tw {
	background-image:url(../images/tw.png);
}

ul.twitter a.fb {
	background-image:url(../images/fb.png);
}