/*
Theme Name: blog
Theme URI: http://www.21stcommunity.com/
Description: blog
Version: 1.0
Author: jonlin
Author URI: http://www.21stcommunity.com/
*/

* { padding: 0; margin: 0; }

body {
	background: #fff;
	color: #000;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: .75em;
	text-align: left;
	}

/*---:[ global elements ]:---*/

a { color: #993333; text-decoration: none; }
a:visited { color: #993333; text-decoration: none; }
a:hover { color: #993333; text-decoration: underline; }

p { margin: 0 0 15px 0; }

.post-teaser { margin-bottom: 15px; }

.post .post-teaser a, .post .post-teaser a:visited, .post .post-teaser a:hover {
	text-decoration: none;
	border-bottom: 0;
	}

blockquote {
	color: #777;
	margin: 15px 0px 15px 25px;
	padding: 10px 10px 2px 20px;
	font-style: italic;
	background: url("images/blockquote.gif"/*tpa=http://www.doshdosh.com/wp-content/themes/DoshDosh4/images/blockquote.gif*/) top left repeat-y;
	}
	
code { color: #090; font-family: "Courier New", Courier, monospace; }

pre { width: 500px; margin-bottom: 15px; font-size: 1.2em; float: left; }

* html pre { font-size: 1.0em; overflow: hidden; }

.user_avatar {
	float:left;
	width: 60px;
	padding-right: 10px;
	background: url("images/comment_arrow.gif"/*tpa=http://www.doshdosh.com/wp-content/themes/DoshDosh4/images/comment_arrow.gif*/) top right no-repeat;
	}
.user_avatar_author {
	float:left;
	width: 60px;
	padding-right: 10px;
	background: url("images/comment_arrow_author.gif"/*tpa=http://www.doshdosh.com/wp-content/themes/DoshDosh4/images/comment_arrow_author.gif*/) top right no-repeat;
	}

/*---:[ headlines ]:---*/

#header_name {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3.5em;
	color: black;
	font-weight: normal;
	padding: 30px 0;
	}

#header_name a, #header_name a:visited, #header_name a:hover { color: #fff; text-decoration: none; }

#header_menu {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: black;
	font-weight: normal;
	padding: 45px 0 0 0;
	text-align:right;
	}

h1 { font-weight: normal; font-size: 1.0em; }

.post h1 {
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: left;
	color: #000;
	line-height: normal;
	padding-top: 0px;
	margin-bottom: 20px;
	}
.post h1 a { color: #000; text-decoration: none; border:0; }
.post h1 a:visited { color: #000; text-decoration: none; border:0; }
.post h1 a:hover { color: #000; text-decoration: underline; border:0; background: #fff; }

#header h1 { text-align: right; }
h1 a, h1 a:visited, h1 a:hover { color: #000; text-decoration: none; }
h2 { font-weight: normal; font-size: 1.0em; }

.post h2 {
	font-weight: bold;
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	text-align: left;
	color: #000;
	line-height: normal;
	padding-top: 0px;
	margin-bottom: 20px;
	}

.post h2 a { color: #000; text-decoration: none; border:0; }
.post h2 a:visited { color: #000; text-decoration: none; border:0; }
.post h2 a:hover { color: #000; text-decoration: underline; border:0; background: #fff; }
.post h3 {
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-bottom: 10px;
	color: #000;
	}

/* Sidebar headers */
#sidebar h3 {
	height: 23px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-bottom: 10px;
	}
#sidebar h3 a { display: block; height: 23px; }
#sidebar h3.latest-header { width: 122px; background-image: url("images/sb_recent.gif"); }
#sidebar h3.popular-header { width: 138px; background-image: url("images/sb_popular.gif"); }
#sidebar h3.stumble-header a { width: 197px; background-image: url("images/sb_stumble.gif"); }
#sidebar h3.twitter-header a { width: 154px; background-image: url("images/sb_twitter.gif"); }
#sidebar h3.digg-header a { width: 173px; background-image: url("images/sb_digg.gif"); }

#sidebar h3 span { display: none; }
	
h1.archive_head {
	font-weight: bold;
	font: 2em Georgia, "Times New Roman", Times, serif; 	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 30px;
	}
	
.comment_head { margin-bottom: 15px; font-size: 1.4em; text-align: left; color: #000; }
.related_head { margin-bottom: 10px; font-size: 1.4em; text-align: left; color: #000; }
.form_head { font-size: 1.4em; color: #000; }
	
h3 { font-weight: normal; font-size: 1.5em; margin-bottom: 4px; color: #000; }

h4 {
	display: inline;
	font-weight: normal;
	padding: 4px;
	line-height: 1.0em;
	font-size: .8em;
	text-transform: uppercase;	background: #f5f5f5;
	border-bottom: 1px solid #ddd;
	}

/*---:[ core layout elements ]:---*/

#container { width: 948px; margin: 0 auto; }
#page { width: 948px; float: left; }

#header {
	border-bottom: solid 3px #ccc;
	border-top: solid 5px #993333;
	background: #2A2A2A url("images/header_bg.gif") top left repeat-x;
	width: 100%;
	height: 55px;
	}

#header_main {
	height: 55px;
	width: 948px;
	margin: 0 auto;
	}
#header_main #header-image a {
	background: url("images/logo.gif") 0 9px no-repeat;
	display: block;
	float: left;
	width: 180px;
	height: 55px;
	}
#header_main #header-image a span { display: none; }

#content_box {
	background: #fff url("images/page_bg.gif") top left repeat-y;
	width: 1000px;
	text-align: left;
	float: left;
	}
		
#content {
	border-left: dotted 1px #ccc;
	border-right: dotted 1px #ccc;
	background: #fff; 	width: 600px;
	padding: 20px 25px 20px 25px;
	overflow: visible;
	float: left;
	}

* html #content { overflow: hidden; }

#sidebar {
	padding-top: 20px;
	border-right: dotted 0px #ccc;
	width: 345px;
	color: #222;
	font-size: 0.9em;
	line-height: 1.5em;
	float: left;
	}
			
* html #sidebar { overflow: hidden; }
			
#footer_container {
	width: 100%;
	border-top: solid 3px #ccc;
	background: #000;
	clear: both;
	margin: 0;
	padding: 0;
	}

#post_footer_container {
	width: 100%;
	background: #993333 url("images/nav_bg.gif") top left repeat-x;
	clear: both;
	margin: 0;
	padding: 0;
	}

#footer {
	margin: 0 auto;
	width: 948px;
	color: #fff;
	padding: 10px 0px;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: .3em;
	}
		
#post_footer {
	text-align: center;
	margin: 0 auto;
	width: 948px;
	color: #fff;
	padding: 8px 0px;
	font-size: 0.8em;
	}	

/*---:[ header styles ]:---*/

#nav { float: right; border-right: solid 1px #333; }

#nav ul { list-style: none; }

#nav li { float: left; border-left: solid 1px #333; }

#nav li a, #nav li a:visited {
	height: 34px;
	padding: 21px 15px 0 15px;
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.8em;
	text-transform: uppercase;
	float: left;
	}

#nav li a:hover { color: #fff; background: #444; text-decoration: none; }

.home #nav li a.home, .home #nav li a.home:visited, .contact #nav li a.contact, .contact #nav li a.contact:visited, .about #nav li a.about, .about #nav li a.about:visited { background: #ccc; color: #fff; }

.current a, .current:visited, .current:hover {
	background: #993333 url("images/nav_bg.gif") top left repeat-x;
	color: #fff;
	}

#pic {
	border-bottom: solid 1px #000;
	width: 948px;
	height: 100px;
	background: #ccc;
	clear: both;
	float: left;
	}

/************************************
	Content styles
************************************/
.post {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	width: 600px;
	margin-bottom: 40px;
	color: #000;
	float: left;
	}
.post a, .post a:visited { color: #993333; text-decoration: none; border-bottom: dotted 1px #993333; }
.post a:hover { color: #fff; background: #993333; text-decoration: none; border: none; }

/* Post lists */
.entry ul, .entry ol { margin: 0 0 15px 40px; color: #000; }
.entry ul { list-style-type: square; }
.entry li { padding: 3px 0; }
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0 0 0 30px; }
.entry dl { margin-bottom: 15px; }
.entry dt { font-weight: bold; color: #000; }
.entry dd { margin: 0 0 0 20px; font-style: italic; }

/* Post images */
.entry img.left { margin: 0 10px 5px 0; background: #fff; float: left; }
.entry img.left_off { margin: 0 10px 5px 0; float: left; }
.entry img.right { margin: 0 0 5px 10px; background: #f5f5f5; float: right; }
.entry img.right_off { margin: 0 0 5px 10px; float: right; }
.entry img.center { display: block; margin: 0 auto 15px auto; background: #f5f5f5; }
.entry img.center_off { display: block; margin: 0 auto 15px auto; }

.thumbnail-class {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 15px 0 0;
	}
.left {
	float: left;
	margin: 0 15px 0 0;
	}


/* Post categories */
.post_cat { font-size: 0.9em; text-align: left; font-weight: bold; text-transform: uppercase; }
.post_cat a, .post_cat a:visited { color: #993333; text-decoration: none; border: none; }
.post_cat a:hover { color: #993333; text-decoration: underline; }

/* Post meta data */
.post_meta {
	font-size: 0.9em;
	width: 600px;
	padding: 4px 0px;
	margin-bottom: 15px;
	border-top: 1px dotted #ccc;
	line-height: normal;
	float: left;
	}
.post_meta a, .post_meta a:visited { color: #993333; text-decoration: none; border: none; }
.post_meta a:hover { color: #fff; text-decoration: underline; }

p.author, p.date { color: #666; margin-bottom: 0; line-height: 1.6em; float: left; }
p.tagged { margin-bottom: 0; line-height: 1.6em; float: right; }
p.tagged span, p.date span { padding-left: 15px; }
p.tagged span { background: url("images/category.gif") no-repeat 0 2px; }
p.date span { background: url("images/date.gif") no-repeat 0 2px; }
.post_meta p span.comments { margin-left: 20px; background: url("images/comment.gif") no-repeat 0 2px; }

/* Related posts */
.related_posts ol { list-style: none; }
.related_posts li { margin-bottom: 10px; }

/* Single post print, email, subscribe box */
.post_extra {
	font-size: 0.9em;
	margin-left: 10px;
	margin-bottom: 10px;
	float:right;
	border: dotted 1px #ccc;
	padding: 5px 10px;
	}
.post_extra ul { list-style: none; padding: 0; margin: 0; }
.post_extra li { padding-left: 15px; }
.post_extra li.print { background: url("images/print.gif") no-repeat 0 5px; }
.post_extra li.email { background: url("images/email.gif") no-repeat 0 5px; }
.post_extra li.share { background: url("images/share.gif") no-repeat 0 5px; }
.post_extra li.delicious { background: url("images/delicious.png") no-repeat 0 5px; }
.post_extra a, .post_extra a:visited { color: #993333; text-decoration: none; border: none; }
.post_extra a:hover { color: #fff; text-decoration: underline; }

/* Previous and next posts navigation */
.navigation { width: 600px; padding: 10px 0; margin-bottom: 0px; font-size: 0.9em; float: left; }
* html .navigation { line-height: normal; }
.previous { width: 300px; margin-bottom: 0; float: left; }
.next { text-align: right; width: 300px; margin-bottom: 0; float: right; }

/************************************
	Sidebar styles
************************************/
/* Rest of sidebar stuff */

#sidebar ul { list-style: none; }
#sidebar ul li { width: 265px; margin-bottom: 0px; float: left; }
.sidebar_section { width: 265px; padding: 0px 15px 20px 15px; float: left; }

.sidebar_section p { padding: 0 10px; margin-bottom: 10px; }
.sidebar_section p.center { text-align: center; }

.sidebar_section img.off { border: none; }

#sidebar ul li ul, #sidebar ul li ol {
	list-style: none;
	width: 265px;
	padding-left: 0px;
	margin-bottom: 15px;
	}
#sidebar ul li ul li ul { margin: 0; }
#sidebar ul li ul li, #sidebar ul li ol li {
	border: 0;
	width: 265px;
	padding: 0px;
	margin-bottom: 8px;
	}
#sidebar ul li ol li { width: 230px; }
#sidebar ul li ul li ul li { padding-left: 15px; margin: 6px 0 0 0; }

/* Popular and latest */
#sidebar ul.popular img, #sidebar ul.latest img {
	float:left;
	width: 40px;
	height: 40px;
	padding: 1px;
	margin: 3px 10px 0 0;
	border: solid 1px #000;
	}

/* Categories */
#sb_cats ul li a {
	background: url("images/category.gif") 0 2px no-repeat;
	padding-left: 15px;
	}

/* Ads */
#sidebar_ads a img {
	float: left;
	width: 125px;
	height: 125px;
	margin: 0;
	padding: 0 0 15px 0;
	border: none;
	}
#sidebar_ads a img.left { padding-right: 15px; }

/* Feed (subscribe) */
#sidebar h3.subscribe-header { width: 82px; background-image: url("images/sb_subscribe.gif"); }
#sidebar a.feed-url {
	float: left;
	height: 17px;
	width: 82px;
	display: block;
	margin-left: 20px;
	background: url("images/sb_subscribe.gif") no-repeat 0 1px;
	}
#sidebar a.feed-url span { display: none; }
#sidebar .feed-count, #sidebar .feed-chicklet { float: left; padding: 0; width: 48%; }
#sidebar .feed-count { background: url("images/feed-icon16x16.png") no-repeat 0 0; margin: 1px 10px 0 0; }
#sidebar .feed-chicklet a { float: right; }
#sidebar form.email { margin: 0; padding: 0; }
#sidebar form.email p { margin: 10px 0 0 0; padding: 0; float: left; }
#sidebar form.email input { float: left; padding: 2px 0; }
#sidebar form.email input.submit { margin-left: 5px; padding: 1px 2px; color: #fff; background: #8c3131; border: 1px solid #333; width: 73px; }
#sidebar p.feed-count { padding: 0; }
#sidebar a.feed-question { clear: left; float: left; width: 100%; }

/* Tabs */
.tabs-block {
	clear: left;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	display: block;
	}
.tabbed {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	}
#sidebar ul li ul.tabs {
	overflow: hidden;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent;
	}
#sidebar ul li ul.tabs li {
	width: auto;
	display: inline;
	padding: 0;
	margin: 0 .3em 0 0;
	}
#sidebar ul li ul.tabs li a {
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 5px 0;
	width: 125px;
	text-align: center;
	color: #666;
	background: #ccc;
	border: 1px solid #f7f7f7;
	}
#sidebar ul li ul.tabs li.t3 a { width: 260px; }

#sidebar ul li ul.tabs li a:hover {
	background: #f7f7f7;
	text-decoration: none;
	}
#sidebar ul li ul.tabs li a.tab-current {
	color: #8c3131;
	background: #f7f7f7;
	border-bottom: 1px solid #f7f7f7;
	}
.tabs-block .tabbed div {
	overflow: hidden;
	display: block;
	position: relative;
	left: 0;
	top: -1px;
	z-index: 0;
	clear: left;
	width: 94%;
	margin: 0;
	padding: 5px 2%;
	border: 1px solid #f7f7f7;
	background: #f7f7f7;
	display: none;
	}
.tabs-block .tabbed div.t1 { 
	display: block;
	}
#sidebar ul li .tab-content ul li { width: 95%; }
#sidebar ul li .tab-content ol { list-style-type: decimal; margin-left: 20px; }


.quick_date { padding-left: 10px; color: #999; }

/*---:[ footer styles ]:---*/

#footer p { text-align: center; }

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

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

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

#post_footer a:hover { color: #fff; text-decoration: underline; }

/*---:[ comment styles ]:---*/

#comments { width: 600px; line-height: 1.5em; color: #000; float: left; clear: both; }

ol.link_list { margin-bottom: 25px; margin-left: 35px; font-size: 0.9em; }

ol.link_list li, ol.link_list li.alt { margin-bottom: 5px; }

ul.comment_list p { margin: 0 0 10px 0; }

ul.comment_list { list-style: none; margin-bottom: 40px; float: left; }

ul.comment_list li, ul.comment_list li.alt  { width: 600px; margin-bottom: 15px; float: left; }

ul.comment_list li.author_comment_alt, ul.comment_list li.author_comment_, ul.comment_list li.author_comment_alt {
	width: 600px;
	margin-bottom: 15px;
	float: left;
	}

.comment_intro { font-size: 0.9em; margin-bottom: 5px; line-height: normal; }

* html .comment_intro { margin-bottom: 0; }

.author_comment_ .comment_intro { width: 510px; }

.author_comment_alt .comment_intro { width: 510px; }

img.gravatar { float: right; margin: 0 0 10px 10px; }

.comment_author { font-weight: bold; font-size: 1.2em; }

.comment_meta { font-size: .9em; }

.comment_meta a, .comment_meta a:visited, .comment_meta a:hover { color: #999; text-decoration: none; }

#comments .entry { padding: 10px 10px 0px 10px; float: right; width: 510px; background: #F4F4F4; }

#comments .entry ul, #comments .entry ol { margin: 0 0 15px 40px; color: #000; border: none; float: none; }

#comments .entry ul { list-style-type: square; }

#comments .entry li {
	width: auto;
	padding: 3px 0;
	border: none;
	float: none;
	}

#comments .entry ul li ul, #comments .entry ul li ol, #comments .entry ol li ul, #comments .entry ol li ol {
	margin: 0 0 0 30px;
	}

#comments .entry_link {
	padding: 10px 10px 0px 10px;
	float: right;
	width: 580px;
	background: #F4F4F4;
	}

#comments .author_entry {
	border-bottom: solid 1px #E3E2AE;
	border-top: solid 1px #E3E2AE;
	padding: 10px 10px 0px 10px;
	float: right;
	width: 510px;
	background: #FBFBD4;
	}

#comments .author_entry ul, #comments .entry ol { margin: 0 0 15px 40px; color: #000; border: none; float: none; }

#comments .author_entry ul { list-style-type: square; }

#comments .author_entry li { width: auto; padding: 3px 0; border: none; float: none; }

#comments .author_entry ul li ul, #comments .author_entry ul li ol, #comments .author_entry ol li ul, #comments .author_entry ol li ol { margin: 0 0 0 30px; }

/*---:[ comment form styles ]:---*/

#comment_form { width: 600px; padding-top: 10px; float: left; margin-bottom: 20px; }

#comment_form p { padding: 6px 0; margin-bottom: 0; }

#comment_form label { padding-left: 10px; font-size: .9em; }

#comment_form .text_input {
	width: 40%;
	padding: 3px;
	color: #000;
	font: normal 1.0em Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

#comment_form .text_area {
	height: 200px;
	width: 592px;
	padding: 3px;
	color: #000;
	font: normal 1.0em Georgia, "Times New Roman", Times, serif;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

/*---:[ search form styles ]:---*/

#search_form { text-align: center; }

#search_form .text_input {
	width: 85%;
	padding: 3px;
	color: #000;
	font: normal 1.4em Georgia, "Times New Roman", Times, serif;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	}
	
#search_form .text_input:focus {
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

/* Linkblog category */
.linkblog .post { margin: 15px 0; }
.linkblog p { margin: 0; padding: 0; }
.linkblog p.date { font-weight: bold; }