/* Basics */

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

* html .clearfix {height: 1%;}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #000;
}

/* .hentry a:not([href*="10.0.0.110:8888"]), #comments a:not([href*="10.0.0.110:8888"]) {
	padding-right: 10px;
	background: transparent url("/workspace/img/aoutside.gif") right 0.3em no-repeat;
}

.hentry a[href^="#"], .hentry a[href^="javascript"], .hentry a[href^="/"], .hentry a[href^="http://feeds.feedburner.com/geekthang"] {
	padding-right: 0px; 
	background: transparent;
}

*/

h2, h3, h4, h5 {
	font: 1.8em Tahoma, "Lucida Grande", "Lucinda Sans", "Bitstream Vera Sans", "Microsoft Sans Serif","Trebuchet MS", sans-serif;
	margin-bottom: 0.8em;
}

h4{
	font-size: 1.5em;
}

h5 {
	font-size: 1.3em;
}
em {
	font-style: italic;
}

pre {
	overflow: auto;
	width: 100%;
	margin-bottom: 1.5em;
	border: dotted 1px #cacaca;
	background-color: #f6f6f6;
	color: #666;
}

code {
	font: 1em monaco;
	color: #4aff3b;
	background-color: #000;
	padding: 0 .2em;
}

blockquote {
	font-style: italic;
	margin: 1em 0.5em;
	padding-left: 1em;
	border-left: 3px solid #444;
	color: #444;
}

blockquote blockquote {
  border-color: #555;
  color: #555;
}


fieldset {
	border: none;
}

.clear {
	clear: both;
}

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

.centered {
	text-align: center;
}

/*Layout*/

body {
	font: 76% Verdana, Arial, Tahoma, "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #333;
}

#header-wrapper {
	width: 100%;
	background-color: #111;
}

#header {
	margin: 0 auto;
	width: 71.5em;
}

#logo a{
	height: 90px;
	margin-bottom: 30px;
	width: 100%;
	display: block;
	background: transparent url(/workspace/img/header-left.gif) 32px top no-repeat;
}

#main-wrapper {
	padding: 4em 0 0 0;
	background-color: #6699ee;
	color: #000;
	border-top: 1px solid #8ae;
	border-bottom: 1px solid #8ae;
}

#main {
	width: 71.5em;
	margin: 0 auto;
	padding: 0;
}

body#home-page {
	min-height: 27.2em;
}

#sidebar {
	width: 21%;
	float: right;
	font-size: 100%;
	margin-right: 2em;
	display: none;
}

#second-wrapper {
	padding: 2em 0 2em 0;
	background-color: #111;
	border-bottom: 1px solid #444;
}

#second {
	margin: 0 auto;
	width: 71.5em;
}

/*
Navbar
*/

div#navmenu {
	padding: 8px 0 8px 1.3em;
	font: 155% Tahoma, "Lucida Grande", "Lucinda Sans", "Bitstream Vera Sans", "Microsoft Sans Serif","Trebuchet MS", sans-serif;
	text-transform: uppercase;
}

#navmenu ul {
	float: left;
}

#navmenu ul li {
	display:	inline;
	width: 7em;
	float:left;
}

#navmenu ul > li:first-child {
	width: 7em;
}


#navmenu ul li a {
	display:block;
	color: #55aaff;
}

#navmenu ul li.current span, 
#navmenu ul li a:hover span {
	color: #bcc;
}

#navmenu ul li.notcurrent a {
	color: #fff;	 
}

#navmenu ul li a:hover {
	color: #5af;
}

div#search {
	text-align: center;
	width: 9.5em;
	margin-top: -0.18em;
	margin-left: -1em;
	float: right;
}

#search input {
	width: 100%;
	background-color: #fff;
	border: 1px solid #666;
	height: 1.2em;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	color: #444;
	padding-left: 0.5em;
}

input#safsearch {
	margin-top: 0;
}

#navmenu span {
	font-size: 50%;
	color: #abb;
	display: block;
/*	 text-transform: none;*/
}

h3 span a {
	color: #fff;
	font-family: Geneva, Helvetica;
}

/*
hentry
*/

.hentry {
	margin: 0;
	margin-bottom: .7em;
	text-align: justify;
	width: 52em;
	float: left;
}

.entry-body a, .entry-excerpt a {
	font-weight: bold;
	color: #000;
	padding-bottom: 0px;
	border-bottom: 0px solid #000;
	text-decoration: underline;
}

.hentry hr {
	border: 0;
	margin-bottom: 0.7em;
	height: 1px;
	background-color: #9ae;
	color: #9ae;
}
.entry-body a:hover, .entry-excerpt a:hover {
	color: #fff;
	border-bottom: 0px solid #fff;
	text-decoration: none;
}

.hentry ul, 
.hentry ol,
.comment ul,
.comment ol {
	margin-left: 2em;
}

.hentry ul li, 
.hentry ol li, 
.comment ul li,
.comment ol li{
	margin-bottom: 1em;
}

.meta {
	float: left;
	margin: 0.2em 2.8em 1em 0;
	padding: 0;
	width: 10em;
	text-align: center;
}

.meta-date {
	text-align: center;
	color: #99aaee;
	margin-bottom: 0.8em;
}

.meta-img {
	margin: 0.3em 0 0.8em 0;
}
div.hentry:hover .meta-date,
div.hentry.single .meta-date {
	color: #bce;
}

.comment-count {
	margin-bottom: 0.8em;
	font-size: 16px;
	text-align: center;
	line-height:	 2.1em;
	height: 40px;
	background: transparent url(/workspace/img/comments.png)	top center no-repeat;
}

div.hentry:hover .comment-count,
div.hentry.single .comment-count {
	background-position: bottom center;
}

.comment-count a {
	color: #666;
	display: block;
}

div.hentry:hover .comment-count a,
div.hentry.single .comment-count a {
	color: #000;
}

div.meta .comment-count a:hover {
	color: #fff;
}

div.meta-tags {
	max-width: 10.6em;
	margin: 0 0 1.5em 0;
}

div.tag-img {
	background: transparent url(/workspace/img/tags.png) top left no-repeat;
	width: 51px;
	height:  43px;
	margin: 5px auto;
}

.meta-tags ul {
	list-style-type: none;
	margin: 0;
}

div.hentry:hover div.tag-img,
div.hentry.single div.tag-img {
	background-position: bottom left;
}

.meta-tags ul li {
	margin: 0 0 0 0;
	padding: 0;
}

.meta-tags ul li a {
	color: #cdd;
}


div.hentry:hover .meta-tags ul li a,
div.hentry.single .meta-tags ul li a {
	color: #fff;
}

div.meta .meta-tags ul li a:hover {
	background: transparent url(/workspace/img/arrow-spl.png) left center no-repeat;
	margin-left: -18px;
	padding-left: 18px;
}

h2.headline {
	float: left;
}

.hentry .day {
	font: 5em Tahoma, Arial, Helvetica;
	display: block;
	line-height: 0.9em;
}

.hentry .month {
	display: block;
	font-size: 1em;
	text-transform: uppercase;
}

.hentry .year {
	display: block;
	letter-spacing: 0.2em;
	text-align: center;
}

.entry-body, .entry-excerpt {
	width: 38.55em;
	margin-bottom: 0em;
	float: left;
}

div.entry-body > p:first-child:first-letter {
	font-size: 3em;
	margin: .22em .15em 0 -0.03em;
	float: left;
}

.hentry p, .comment p {
	line-height: 1.5em;
	margin-bottom: .7em;
}

.entry-body img {
	margin: 1em 0;
}

.entry-body p.more {
	clear: both;
	margin: 1em 0 0 0;
	
}

.entry-body p.more a {
	background: transparent url(/workspace/img/arrow.png) 1px right no-repeat;
	padding: 0 18px 0 0;
	color: #fff;
	border: none;
	text-decoration: none;
}

.entry-body .more a:hover {
	background-position: bottom right;
	color: #000;
}

.hentry sup {
	font-size: 60%;
	vertical-align: 22%;
	margin-left: 0.3em;
}

h3.entry-title, h2.entry-title {
	font-size: 2.3em;
	margin-bottom: 0.3em;
	clear: both;
	margin-left: 5.5em;
}

.tumble-header {
	color: #fff;
	margin-left: 8em;
}

.comments-header {
	color: #fff;
	margin-left: 6.4em;
}

h2.entry-title {
	margin-top: -0.35em;	
}

#blog-list h3.entry-title {
	font-size: 1.4em;
	margin-left: 9em;
}

#blog-list div.meta {
	margin-top: -2.7em;
	font-size: 0.8em;
	margin-right: 4.8em;
	margin-left: 1.2em;
}

.home {
	margin-top: -.8em;
}

div.footnotes {
	text-align: left;
	margin-top: 1em;
	margin-bottom: 0;
	padding-top: .2em;
	border-top: 1px solid #9ae;
}

div.footnotes p {
	margin-bottom: 0;
	padding-bottom: 0;
}

div.footnotes ol {
	margin: 0 0 0 2em;
	list-style: decimal outside;
	font-size: 0.8em;
	line-height: 0.8em;
}

div.footnotes hr {
	display: none;
}

/* 
	Reviews 
*/

dl#rev {
	margin-bottom: 2em;
	margin-top: 2.8em;
}

dl#rev dt {
	font-weight: bold;
	color: #000;
}

dl#rev dd {
	margin: 0.3em 0 0.3em 2em;
	color: #fff;
}

dl#rev dd a {
	color: #fff;
	text-decoration: underline;
}

dl#rev dd.rev-img {
	text-align: center;
	margin-bottom: 1em;
	margin-left: 0;
}

/*
	Sidebar
*/

#sidebar ul {
	list-style-type: none;
	margin-bottom: 2em;
	border-top: 1px solid #88bbee;
}

#sidebar ul li {
	border-bottom: 1px solid #88bbee;
	font-size: 105%;
	line-height: 1.5em;
}

#sidebar ul li a {
	display: block;
	color: #cdd;
}

#sidebar ul li a:hover {
	color: #fff;
}

#sidebar h3 {
	margin-bottom: 0.73em;
}

#main-sidebar, #second-sidebar {
	float: right;
	width: 14.7em;
}

#main-sidebar h3, #second-sidebar h3 {
	text-align: center;
}

#main-sidebar h3{
	color: #666;
}

#main-sidebar a {
	color: #abe;
}

#main-sidebar div.side-list:hover a {
	color: #fff;
}

#main-sidebar ul a:hover {
	background: transparent url(/workspace/img/arrow-spl.png) left center no-repeat;
	margin-left: -18px;
	padding-left: 18px;
}

#main-sidebar h3 a {
	color: #abe;
}

#main-sidebar div.side-list:hover h3 {
	color: #000;
}

#main-sidebar h3 a:hover {
	color: #000;
}

#feeds ul {
	text-transform: uppercase;
	font: 105% Tahoma, "Lucida Grande", "Lucinda Sans", "Bitstream Vera Sans", "Microsoft Sans Serif","Trebuchet MS", sans-serif;
	list-style-type: none;
	color: #9ae;
	background: transparent url(/workspace/img/feed.png) top right no-repeat;
	height: 32px;
}

#feeds ul:hover {
	background-position: bottom right;
}

#feeds ul li {
	
}

#feeds ul li a {
	color: #666;
/*	 background-color: #333;*/
}

#feeds:hover a {
	color: #fff;
}

#feeds ul li a:hover {
	background: transparent url(/workspace/img/arrow-spl.png) left center no-repeat;
	margin-left: -18px;
	padding-left: 18px;
}

#feeds ul li a span {
	margin-left: .6em;
	color: #555;
}

#feeds:hover ul li a span {
	color: #888;
}

#feeds ul li.first-feed span{
	margin-left: 1.5em;
}

.side-list ul {
	list-style-type: none;
	font-size: 1.1em;
	border-top: 1px solid #9ae;
}

#main-sidebar .side-list {
	margin-bottom: 2em;
}

#second-sidebar .side-list {
	margin: 2em 0;
}

.side-list ul li {
	line-height: 1.4em;
	border-bottom: 1px solid #9ae;
}

.side-list ul li a {
	display: block;
}

#second-sidebar div.side-list a {
	color: #555;
}

#second-sidebar div.side-list:hover a {
	color: #fff;
}

#second-sidebar .side-list ul a:hover {
	background: transparent url(/workspace/img/arrow-spl.png) left center no-repeat;
	margin-left: -18px;
	padding-left: 18px;
}

#second-sidebar .side-list h3 {
	color: #666;
}

#second-sidebar .side-list:hover h3 {
	color: #fff;
}

#second-sidebar .side-list h3 a {
	color: #37a;
}

#second-sidebar .side-list:hover h3 a {
	color: #5af;
}


#second-sidebar .side-list h3 a:hover {
	color: #fff;
}

#second-sidebar .side-list ul, #second-sidebar .side-list ul li {
	border-color: #444;
}

/* 
Main Lists
*/

.main-lists {
	margin-left: 2.4em;
	padding-left: 10.4em;
	margin-bottom: 2em;
	float: left;
	width: 43.7em;
}

.main-lists li{
	color:#abb;
	line-height: 1em;
	margin: 0 0.3em 0.3em 0;
	float: left;
	width: 9.6em;
	height:	 4.5em;
	list-style-type: none;
	padding-right: 1em;
}
.main-lists li p {
	color: #333;
	font-size: 0.8em;
	margin-top: 0.5em;
}


#nodes-list {
	background: transparent url(/workspace/img/nodes.png) top left no-repeat;
}

#blog-list {
	float: left;
	width: 51.2em;
}

h2#blog-header {
	color:	 #000;
	background: transparent url(/workspace/img/blogs.png) top left no-repeat;
	margin-left: 2.1em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	padding-left: 6.35em;
	padding-top: 0.4em;
}

h2#nodes-header {
	padding: 0.39em 0;
	margin-bottom: 1.7em;
}

div.info {
	margin-left: 3.25em;
	padding-left: 9.5em;
	background: transparent url(/workspace/img/info.png) center left no-repeat;
	font-size: 1em;
	width: 38.35em;
	float: left;
	}
	
div.info p, div.info p a{
	font-style: italic;
}

div.about div.info {
	margin-left: 1em;
	padding-left: 4em;
	width: 39em;
	font-size: 0.9em;
}

p.pagination {
	float: right;
	margin-top: -4.3em;
}

p.pagination2 {
	float: right;
	margin-bottom: 1em;
}

#blog-list .hentry {
	margin-bottom: 2em;
}

/*
tumblelog
*/

#second {
	color: #bcc;
}

#second a {
	color: #5af;
}

#second a:hover {
	color: #fff;
}

#second h2 {
	font-size: 1.6em;
}

#second h2 small {
	font-size: 0.6em;
	vertical-align: 0.2em;
}

dl.listing {
	
	border-bottom: 1px solid #333;
	clear: both;
	width: 52em;
}

.tumble dt {
	width: 10em;
	text-align: center;
	color: #444;
	float: left;
	margin: 0.5em 2.8em 0 0;
}

.tumble dl.listing:hover dt {
	color: #666;
}

.tumble hr {
	color: #333;
	background-color: #333;
	height: 1px;
	border: 0;
	margin-bottom: 1em;
}

.tumble dd.log-content {
	margin: 0.5em 0 1em 0;
	float: left;
	width: 38.7em; 
	min-height: 5.5em;
}

.tumble .log-content p	{
	margin-bottom: 0.3em;
}


/*
Comments
*/

#comments {
	margin: 0;
	line-height: 1.4em;
	width: 52em;
	float: left;
	clear:	 left;
}

#comments h2, #post-comment h2 {
	font-size: 2em;
	color: #fff;
}

#comments dl {
	color: #abb;
	clear: both;
}

#comments dt {
	width: 12.6em;
	float: left;
	font-size: 0.8em;
	padding: 0.5em 0.5em 0.5em 2.7em;
}

#comments dt span.inline {
	display: block;
}

#comments dl.alt-0 dd{
	border-color: #999;
}

#comments dt span.author {
	font-size: 1.3em;
	margin-bottom: 0.5em;
}

#comments dd {
	margin: 0 0 2em 0;
	padding-left: 1.1em;
	min-height: 6.5em;
	text-align: left;
	width: 37.3em;
	float: left;
	border-left: 0.3em solid #444;
}

p.success, p.error {
	font-size: 1.5em;
	margin: 1em 0;
	padding-left: 28px;
}

p.success {
	color: #3c3;
	background: transparent url(/workspace/img/ok.png) left center no-repeat;
}

p.error {
	color: #c00;
	background: transparent url(/workspace/img/error.png) left center no-repeat;
}

.comment blockquote {
	color: #888;
	border-color: #888;
}

.comment blockquote blockquote {
	color: #777;
	border-color: #777;
}

/* 
Comment-form 
*/

div#post-comment {
	clear: left;
	width: 51.5em;
	margin-left: 0em;
	float: left;
}

#comment-help {
	float: left;
	width: 10.2em;
	padding: 0.6em 1.3em 0 2.3em;
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: left;
}

#comment-help p {
	font-size: 0.8em;
}

#comment-help h4 {
	color: #eff;
	font-weight: normal;
	font-size: 1.1em;
	margin: 1em 0 0.2em 0;
}

#post-comment label {
	color: #abb;
}

label input, #post-comment textarea {
	background-color: #333;
	border: 1px solid #666;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #fff;
	margin-bottom: 1em;
	margin-top: 0.3em;
}

#post-comment textarea{
	width: 100%;	 
	height: 14.4em;
}

#post-comment label input {
	width: 50%;
	height: 1.5em;
	padding-left: 0.2em;
	margin-right: 0.5em;
}

#post-comment fieldset {
	border: none;
	width: 38.9em;
}

form label small {
	margin-left: 1em;
}

label input:hover, #post-comment textarea:hover {
	background-color: #222;
}

label input:focus, #post-comment textarea:focus {
	background-color: #000;
	border: 1px solid #5af;
}

input#submit {
	background-color: #333;
	padding: 0.2em 1em;
	color: #fff;
	border: 1px solid #666;
	clear:both;
	float: right;
}

input#submit:hover {
	background-color: #222;
}

input#submit:active {
	outline: #9ae solid thin;
}

/*
	Tags
*/

#tags {
	margin: 0 2.5em 2em 2.4em;
	padding-left: 10.2em;
	width:	 28.6em;
	text-align: center;
	float: left;
	background: transparent url(/workspace/img/cloud.png) left top no-repeat;
}

#tags h2 {
	text-align: left;
}

.results-list {
	width:	 38.3em;
	float: left;
	background: transparent url(/workspace/img/tags-hov.png) left top no-repeat;
	margin-left: 2em;
	padding-left: 10.6em;
	min-height: 7em;
}

#search-results.results-list {
	background: transparent url(/workspace/img/search.png) 10px top no-repeat;
}

.results-list ul {
	margin-left: 2em; 
}

.results-list ul li {
	margin-bottom: 1em;
}

span.tagname {
	color: #fff;
	letter-spacing: 0.2em;
}

#tags li {
	display: inline;
	list-style-type: none;
	padding-right: 0.2em;
}

#tags li a:hover {
	color: #000;
}

.tag1 a, .tag2 a {
	font-size: .9em;
	color: #99BBEE;
}

.tag3 a, .tag4 a {
	font-size: 1.1em;
	color: #BBCCEE;
}

.tag5 a, .tag6 a {
	font-size: 1.3em;
	color: #CCDDF7;
}

.tag7 a, .tag8 a {
	font-size: 1.6em;
	color: #EEEEFF;
}

.tag9 a, .tag10 a {
	font-size: 1.9em;
	color: #fff;
}

/*
Footer
*/

#footer {
	margin: 0 4em;
	padding: 1em 0;
	text-align: center;
	color: #bcc;
	font-size: 0.9em;
	line-height: 1.8em;
}

#footer a {
	color: #0af;
}

#footer a:hover {
	color: #fff;
}

#footer p {
	margin: 0;
	padding: 0;
}

#footer .w3c {
	padding-right: 18px;
	background: transparent url(/workspace/img/check.png) center right no-repeat;
}

#footer a#symphony {
	background: transparent url(/workspace/img/symphony.png) top left no-repeat;
	padding: 0 0 4px 27px;
}

#footer a#symphony:hover {
	background: transparent url(/workspace/img/symphony-hov.png) top left no-repeat;
}

#footer a#joyent {
	background: transparent url(/workspace/img/joyent.png) top left no-repeat;
	padding: 0 0 4px 19px;
}

#footer a#joyent:hover {
	background: transparent url(/workspace/img/joyent-hov.png) top left no-repeat;
}

.about {
	float: left;
}
.about ul {
	list-style-type: none;
	margin: 1em 0;
}
.about ul li {
	font-style: italic;
}

div.about {
	padding-left: 9.7em;
	margin-left: 3em;
	width: 39em;
	background: transparent url(/workspace/img/mail.png) top left no-repeat;
}

div.entry-body.about {
	background: transparent url(/workspace/img/about.png) top left no-repeat;
}