/*
Theme Name: coffeeblog
Theme URI: http://www.templatesold.com/
Description: TemplateSOLD.com - The Marketplace for Premium WordPress Themes
Version: 1.0
Author: TemplateSOLD/TemplateAccess.com
*/ 
/*************footer**********/
.footer {padding:0 0 20px 0;  margin:0 auto;  border-top:1px solid #ddd; }
.footer_resize { margin:0 auto; padding:10px 0 0 0; width:960px;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#676767;}
.footer a { font: normal 11px Arial, Helvetica, sans-serif; color:#676767; text-decoration:none; padding:5px; margin:0;}
.footer img { margin:0; padding:0; float:left;}
.footer p.leftt { text-align:left; width:310px; margin:0; padding:15px 0 0 0; float:right;} 

/********** header **********/
.blok_header { margin:0; padding:0; background:#ebebeb url(images/header_bg.gif) top repeat-x;}
.header { width:960px; margin:0 auto; padding:0;}
/* logo */
.logo { padding:0; margin:0; width:226px; float:left;}
/* menu */	
.menu_resize { width:960px; margin:0 auto; padding:0; background:#1f1f1f;}
.menu { padding:0; margin:0; width:400px; float:left;}
.menu ul { padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:13px 10px; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; border:1px solid #000;}
.menu ul li a:hover { color:#252525; background:#f1f1f1; border:1px solid #d3d3d3;}
.menu ul li a.active { color:#252525; background:#f1f1f1; border:1px solid #d3d3d3;}
/* search */
.search { padding:55px 20px 0 0; margin:0; width:200px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:144px; padding:0 5px 0 0; height:33px;}
.search form .keywords { line-height:14px; height:17px; float:left; background: url(images/search_bg.gif) left top no-repeat; border:0;  padding:8px 5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#6c6c6c;}
.search form .button { float:left; margin:0; padding:0;}
/*header_text_bg*/
.header_text_bg { margin:0; padding:0; background:#f1f1f1;}
/*header_text*/
.header_text { margin:0 auto; padding:20px 0 57px 0; width:960px; background:url(images/screen_t.jpg) bottom no-repeat;}
.header_text_blog { height:92px; width:991px; background: url(images/header_text_blog_bg.gif) top no-repeat; padding:0; margin:0;}
.header_text_blog h3 { width:300px; float:left; margin:0; padding:30px 0 0 40px; font: normal 36px Arial, Helvetica, sans-serif; color:#333333;}
.header_text_blog p span { text-align:left; width:340px; float:right; margin:0; padding:30px 0 0 0; font: normal 12px Arial, Helvetica, sans-serif; color:#fffefe;}
/*top_text*/
.top_text { background:#f5f5f5; border:1px solid #ddd; width:958px; margin:0 auto 20px auto; padding:0;}
.top_text p { font: normal 12px Arial, Helvetica, sans-serif; color:#5e5e5e; padding:5px; margin:0; line-height:1.8em;}
.top_text h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#171717; padding:5px; margin:0; border-bottom:1px solid #e2e2e2;}
.top_text a { color:#1f1f1f; font: bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.top_text img { float:left; margin:5px 10px; padding:0;}
.top_text .block { width:300px; float:left; padding:5px; margin:0 0 0 7px;}

/*=== Setup ===*/
* { border:0; margin:0 auto; padding:0; outline:none; }
body { background:url(images/main_bg.gif);  color:#fff; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px; }
a { color:#494949; text-decoration:none; }
a:hover { text-decoration:none; }
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }
p.bg, .bg { clear:both; padding:0; margin:0; background: url(images/bg_bg.gif) top repeat-x; height:2px; }
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:Arial, Verdana, Helvetica, sans-serif; }
li { list-style:none; }
h2 { color:#222222; font-size:1.5em; font-weight:normal; letter-spacing:-1px; margin:0 0 1em; }
h3 { color:#333333; font-size:1.2em; margin:0 0 .8em; }
h4 { font-size:1em; margin:0 0 1em; }
p { line-height:1.5em; padding:0 0 1.3em; }
/*=== Layout ===*/
#page { margin:0 auto; width:970px;}
#page-bottom { margin:0; padding:0;}
/*=== Header ===*/
#header {margin:0 auto; padding:0; }
/*- Logo -*/
.logo { width:350px; float:left; margin:0; padding:0; }
.logo h1 { background: url(images/logo.png) top no-repeat; float:left; text-indent:-9999px; width:350px; }
.logo h1 a { display:block; height:138px; }
.logo h1 a:hover { text-decoration:none; }
/* menu_resize */
.menu_resize {background: #000 top no-repeat; padding:0; margin:0 auto; height:50px;}
/*=== Navigation ===*/
/* RSS */
.rss { width:170px; float:right; padding:25px 50px 25px 0; margin:40px 0 0 20px; background:  url(images/RSS.png) right center no-repeat; }
.rss ul { list-style:none; margin:0; padding:5px 0 0 0; }
.rss li { display:inline; border-left:1px solid #dcdcdc; padding:0 5px; margin:0; }
.rss li.first { border:0; padding:0 5px 0 0; }
.rss li a { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#dcdcdc; text-decoration:none; }
.rss li a:hover { text-decoration:underline; }
.rss a.big { text-decoration:none; font:normal 14px Arial, Helvetica, sans-serif; color:#d2d2d2; padding:0; margin:0; display:block; }
.rss a.big span { color:#d2d2d2; font-weight:bold; }
/* Search form */
#search span { width:247px; display:block; float:right; border:1px solid #dddddd; background:#fff; height:33px; margin:7px 10px 0 10px; }
#search input#s { float:left; width:190px; padding:8px 5px; margin:0; border:0; background:none; color:#646667; font:normal 14px Arial, Helvetica, sans-serif; line-height:17px; height:17px; }
#search .btn { float:left; padding:5px 0 0 0; margin:0; border:0; width:auto; }
/*- Top Nav -*/
.topnav { float:left; width:480px; margin:0; padding:0; }
.topnav ul { list-style:none; padding:0; margin:0; }
.topnav li { float:left; padding:0 5px; }
.topnav li a { font: normal 14px Arial, Helvetica, sans-serif; color:#fff; display:block; float:left; padding:17px 0; text-decoration:none; text-transform:uppercase; }
.topnav li a span { background:none; padding:17px 15px; }
.topnav li a:hover { color:#000; background:url(images/r_menu.gif) no-repeat right; }
.topnav li a:hover span { color:#000; background:url(images/l_menu.gif) no-repeat left; }
.topnav li.current_page_item a { color:#000; background:url(images/r_menu.gif) no-repeat right; }
.topnav li.current_page_item a span { color:#000; background:url(images/l_menu.gif) no-repeat left; }
/*=== All Columns ===*/
#columns { margin:10px auto; padding:10px 14px; background:#fff;}
#columns img.centering { margin:0 auto; padding:0 40px;}
/*=== Center Column ===*/
#centercol { float:left; width:619px; background:#fff;}
/*=== Right Column ===*/
#rightcol { float:right; width:300px; padding:0; background:#fff;}
.small_link { padding:0; margin:0 auto; }
.small_link a { color:#656464; text-decoration:none; }
/*=== Sub Columns ===*/
.subcols { background:url(images/subcols-bgr.gif) repeat-y left; height:1%; background:#fff; }
.col1, .col2 { float:left; width:285px; background:#fff; }
.col2 { float:right; background:#fff;}
/*=== Post ===*/
.post-block { }
.post-margin { margin-left:236px; }
/*- Post Title -*/
.post-title { padding:0 0 5px 0; margin:0; }
.post-title h2 { display:inline; margin:0; padding:5px 0; font:bold 24px Arial, Helvetica, sans-serif; color:#272727; text-transform:uppercase; }
.post-title h1 { color:#333;}
.post-title h2 span { font: italic 14px Arial, Helvetica, sans-serif; color:#7e7e7e; text-transform:none; padding:0;}
.post-title h2 a { display:inline; padding:0; margin:0; color:#272727; text-decoration:none; }
/*- Post Date -*/
.post-date { margin:0 0 10px 0; padding:10px 0 0 0; line-height:22px; float:left; }
/*- Post Excerpt -*/
.post-excerpt { padding:10px 0 0 0; display:table; font: normal 13px Arial, Helvetica, sans-serif; color:#737373; }
.post-excerpt p {line-height:1.8em;}
.post-excerpt a { color:#a32916; text-decoration:underline;}
/*- Post Lists -*/
.post ul, .post ol { margin:0 0 1.5em; }
.post ul li { background:url(images/ico-list.gif) no-repeat 0 6px; margin:0 0 .4em; padding:0 0 0 10px; }
.post ol li { list-style:decimal; list-style-position:inside; margin:0 0 .4em; }
/*- Post Blockquote -*/
.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px; }
/*- Post Author -*/
.post-author { margin:0 0 1em; }
.author-details { font-size:11px; }
.author-descr { display:table; height:1%; }
/*- Social Links -*/
.social-links { font: normal 12px Arial, Helvetica, sans-serif; padding:0 10px; color:#fff;  border:1px solid #c9c9c9; background:#31231d;}
.social-links a { color:#fff; font-weight:bold; text-decoration:none;}
.social-links a:hover { text-decoration:underline; }
 /* post-commets */
.post-commets { margin:0; padding:10px 0 0 0; float:right; line-height:22px;}
/*- Related Posts -*/
.post-rel { line-height:1.5em; }
.post-rel a { color:#33707E; }
.post-rel img { max-width:50px; }
.post-rel h2 { padding-top:10px; }
/*- Post Comments -*/
.post-comments h2 { padding-top:10px; }
.post-comments .fl { width:80px; }
.post-comments .fr { width:500px; }
/*- Widget Title - */
.wtitle { padding:0 0 10px 0; margin:0; }
.wtitle h2 { margin:0; padding:0; font:bold 24px Arial, Helvetica, sans-serif; color:#c6c6c6; text-transform:uppercase; }
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { margin:0 0 15px 0; padding:10px 15px; border:1px solid #dadada;}
.box .content { height:1%; padding:0; }
.box .ac { padding:5px 0; text-align:center; }
/*- Box2 -*/
.box2 { background:#f9f9f9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:18px; min-height:115px; }
.box2.alt { background:#FFFFFF; }
.box2.alt { background:#FFFFFF; }
.comm-name, .comm-date { line-height:20px; }
/*=== Styling Lists ===*/
/*- List -*/
.list { height:31px; color:#666; font:normal 11px Arial, Helvetica, sans-serif; clear:both; padding:0; }
.list li { float:left; margin:0; padding:0 5px 0 0; }
.list li a { display:block; float:left; padding:10px; text-align:center; text-decoration:none; color:#666; }
.list li a:hover { color:#f7f7f7; background:#31231d; }
.list li a.active { color:#f7f7f7; background:#31231d; }
div.tabs_list { padding:0; margin:3px 0;}
div.tabs_list ul { list-style:none; text-align:left; padding:5px 0; }
div.tabs_list ul li { font:normal 13px Arial, Helvetica, sans-serif; padding:0; margin:5px 0;}
div.tabs_list ul li a {  border-bottom:1px solid #c9c9c9; display:block; padding:5px 0 5px 15px; margin:0; color:#666; background: url(images/ul_li_bg.gif) left no-repeat; }
div.tabs_list ul li a:hover { text-decoration:none; color:#000; }
div.tabs_list ul li ul.children { padding:0; }
div.tabs_list ul li ul.children li { border:0; margin:0; }
div.tabs_list ul li ul.children a { background:none; }
div.tabs_list ul li ul.children a:hover { background:#e0e0e0; color:#000; }
div.tabs_list ul li ul.children li a { padding:5px 0 5px 15px; display:block; }
div.tabs_list ul li ul.children li li a { padding:5px 0 5px 20px; display:block; }
/*- List1 -*/
.list1 li { background:url(images/ico-list1.gif) no-repeat 0 1.1em; border-bottom:1px solid #e7e7e7; height:1%; padding:.7em 0 .7em 13px; }
.list1 li.last { border:0; }
#rightcol .list1 li a:hover { color:#33707e; }
/*=== Styling Forms ===*/
input.btn { background:none; border:0; margin:0; padding:0; }
select { padding:1px; }
/*- Message -*/
.message div { margin:0 0 18px; }
.message input { padding:9px 15px; width:470px; }
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:470px; font-family:Verdana; }
.message .submit { float:left; }
.message .btn { padding:0; width:128px; height:32px; background:url(images/button.gif); }
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0; }
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img {  display:block; margin:0;}
.pic.fl img {  }
.pic.fr img {  }
.th { display:block; margin:0 0 .5em; }
.th.fl img { margin-right:10px; }
.ads img, .widget_flickrRSS img { margin:5px 3px; }
.widget_flickrRSS img { border:1px solid #cfcfcf; }
.box .ac img { border:0; margin:0; }
/*=== Footer ===*/
#footer { width:940px;  color:#fff; text-decoration:none; font:normal 13px Georgia, "Times New Roman", Times, serif; margin:0 auto; padding:40px 0 0 0; height:52px;}
#footer a { color:#fff; font-weight:bold; }
#footer span { color:#fff; }
#footer .text2 { padding:0px 20px; float:right;}
#footer .text { padding:0px 20px; float:left;}

/*=== Misc. ===*/
.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden; }
.hl, .hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%; }
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em; }
.fl { float:left; }
.fr { float:right; }
.ac { text-align:center; }
.ar { text-align:right; }
.noBorder { border:0; }
.font-sm { font-weight:normal; }
.white { color:#FFF; }
/* FBG */
.FBG { margin:20px auto; padding:10px 5px;  border:1px solid #dadada;}
.FBG p { font: normal 12px Arial, Helvetica, sans-serif; color:#7e7e7e; padding:5px 0; margin:0; line-height:1.8em;}
.FBG p span { font: normal 18px Arial, Helvetica, sans-serif; color:#272727;}
.FBG a { color:#a32916; font-weight:bold; text-decoration:none;}
.FBG img { float:left; margin:5px 10px 15px 10px; padding:0;}
.FBG .blog { width:280px; float:left; margin:10px 0; padding:0 20px 0 10px;}

/* Slider */
.gallery { width:943px; height:381px; margin:0 auto 20px auto;}
#slider { width:943px; height:381px; margin:0 auto; padding:0; list-style:none; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { overflow:hidden; margin:0 auto; }
p#controls { margin:0 auto; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:44px; height:44px; position:absolute; left:20px; top:-210px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:44px; height:44px; position:absolute; left:880px; top:-210px; }
#prevBtn a { display:block; width:44px; height:44px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:44px; height:44px; background:url(images/r_arrow.gif) no-repeat 0 0; }




h1 {
	font:3.5em Arial;
	font-weight:bold;
	letter-spacing:-0.08em;
	}

h2 {
	font:2.3em Georgia, "Times New Roman";
	}

h3 {
	font:1.3em Arial;
	margin-bottom:3px;
	color:#3c78a7;
	font-weight:bold;
	}

h4 {
	font:1.0em Arial;
	}

h3.cat_title, h3.cat_title a {
	color:#333;
	letter-spacing:-0.05em;
	font-size:0.85em;
	}

h3#respond {
	margin-top:0px;
	padding-top:20px;
	}

h3#comments {
	margin-top:32px;
	padding-left:0px;
	}

h3.authors {
	margin-top:15px;
	}

/* Index Page*/

#logo {
	width:350px;
	}

#tagline {
	margin-top:5px;
	font-size:1em;
	color:#333;
	}

#top {
	padding:0;
	}

#headline {
	width:590px;
	float:left;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.5em;
	margin:0;
	}

#headline  div.title {
	font-weight:bold;
	font:2.4em Georgia;
	letter-spacing:-0.05em;
	display:block;
	padding-bottom:5px;
	}

#headline div.meta {
	display:block;
	margin-top:-5px;
	padding-bottom:2px;
	}

#headline p {
	padding-bottom:15px;
	}

#featured {
	width:300px;
	background:#fff;
	float:right;
	padding:10px 10px 9px 10px;
	}

#featured .clearfloat {
	margin-top:7px;
	margin-bottom:8px;
	}

#featured .info {
	margin-top:5px;
	padding-top:5px;
	float:right;
	width:180px;
	}

#featured .title {
	font-weight:bold;
	}

#headline a img, #featured a img {
	border:1px solid #ccc;
	margin-top:5px;
	margin-right:10px;
	padding:2px;
	}


#middle {
	width: 920px;
	background:#fff;
	float:right;
	padding:10px;
	margin:10px 0;
	}

.category {
	width:164px;
	float:left;
	border-top:8px solid #333;
	margin:0px;
	padding:5px 10px 10px 10px;
	background:#fff;
	}

.category p {
	margin:0;
	}

#cat-1, #cat-3, #cat-5  {border-top:8px solid #333333;}
#cat-2, #cat-4 {border-top:8px solid #3c78a7;}

.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
	text-transform:lowercase;
	margin:0;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:-0.05em;
	}

#front-popular h3 {
	color:#fff;
	}

.category a {
	color:#333;
	display:block;
	background:none;
	}

.category a:hover {
	background:none;
	color:#fff;
	text-decoration:none;
	}

#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; }
#cat-2:hover, #cat-4:hover {background:#3c78a7; color:#fff; }
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; }
#cat-2:hover a, #cat-4:hover a {background:#3c78a7; color:#fff; }

#bottom {
	width: 940px;
	}

#front-list {
	width:590px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	}

#archive {
	padding-top:15px;
	font-size:1.05em;
	line-height:1.75em;
	}

#front-list blockquote {
	padding: 0px 10px 0 10px;
	}

#front-list .title, #archive .title {
	font-weight:bold;
	font:2.0em Georgia;
	letter-spacing:-0.05em;
	}

#front-list .clearfloat, #archive .clearfloat {
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	}

#front-list .spoiler, #archive .spoiler {
	display:block;
	margin-top:3px;
	}

#front-list p, #archive p {
	margin:0px;
	padding:0px;
	}

.author {
	font-size:0.8em;
	font-weight:bold;
	}

.meta {
	font-size:0.8em;
	color:#333;
	}

.meta a {
	color:#333;
	}

#headline p, #featured p {
	margin:0;
	}


/* Content Page*/

#content {
	width:590px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	min-height:400px;
	}

#content .breadcrumbs, #content .breadcrumbs a {
	font-weight:bold;
	color:#333;
	}

#content h2.title {
	font:2.2em Georgia;
	font-weight:bold;
	letter-spacing:-0.05em;
	border-bottom:1px solid #ddd;
	border-top:3px solid #ddd;
	padding:5px 0px;
	}

.post {
	font-size:1.05em;
	line-height:1.75em;
	}

.post p {
	margin-top:0px;
	}

.post .clearfloat {
	border-bottom:1px dotted #ccc;
	margin:10px 0px;
	}

.post ul, .post ol, #front-list ul, #front-list ol {
	margin-bottom:15px;
	}

.post ul li, #front-list ul li {	
	list-style:square;
	margin-left:30px;
	}

.post ol li, #front-list ol li {	
	list-style:decimal;
	margin-left:30px;
	}

.post ol li ul li, #front-list ol li ul li {	
	list-style:square;
	margin-left:20px;
	}

.post img, .post a img, #front-list img, #archive img {
	border:1px solid #ccc;
	margin:0 10px 5px 0;
	padding:2px;
	}

.post .ads {
	margin-top:10px;
	}

.entry {
	margin-top:20px;
	}

#stats {
	margin-top:0px;
	padding:4px 0px;
	text-transform:uppercase;
	font:0.8em Arial;
	display:block;
	}

#stats span {
	padding: 0px 20px 0px 0px;
	}

#stats span a:hover {
	background:none;
	}

#stats span a {
	color:#333;
	}

#stats img, #nav img {
	border:0px;
	margin:0px;
	padding:0px;
	}

#tools {
	width:590px;
	height:25px;
	font-size:0.95em;
	}

#tools a:hover {
	background:none;
	}

.navigation {
	padding:5px 0px;
	text-align:Center;
	}

/* Sidebar*/
#sidebar {
	width:320px;
	float:right;
	margin:0px 0px 0px 0px;
	}

#sidebar h3 {
	font:1.1em Arial;
	font-weight:bold;
	background:#333;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	}

#sidebar-top, #sidebar-bottom {
	width:300px;
	float:right;
	padding:0px 10px 10px 10px;
	background:#fff;
	}

#sidebar-bottom, #sidebar-middle {
	margin-top:10px;
	}

#sidebar-middle {
	width:320px;
	float:right;
	}

#sidebar-left {
	width:135px;
	padding:0px 10px 10px 10px;
	float:left;
	background:#fff;
	}

#sidebar-right {
	width:135px;
	padding:0px 10px 10px 10px;
	float:right;
	background:#fff;
	}


#sidebar li {
	list-style:none;
	border-bottom:1px dotted #ccc;
	display:block;
	padding:2px 0px 2px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}

#sidebar li ul li:last-child{
	list-style:none;
	border-bottom:0px dotted #ccc;
	display:block;
	padding:2px 0px 0px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}

#sidebar-ads {
	width:300px;
	float:right;
	margin-bottom:10px;
	padding:10px;
	background:#fff;
	}


/* Form Elements */

select {
	border:1px solid #333;
	width:100%
	}
	
.field {
	padding: 2px;
	border:1px solid #333;
	background:#fff;
	font-size:1.0em;
	}

#s {
	padding:1px;
	font-size:1.0em;
	width:150px;
	}
	
#searchsubmit {
	padding-left:5px;
	}

#commentform input {
	width: 140px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 99%;
	margin-top:5px;
	}



/* Comments*/

.commentlist cite {
	font-style:normal;
	margin-bottom:4px;
	display:block;
	}	

.commentlist blockquote {
	background:#ededed;
	}
			
.commentlist li {
	padding: 10px 0px 10px 0px;
	list-style:none;
	margin-bottom:3px;
	}

.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}

.commenttext {
	padding: 10px 10px 0px 10px;
	background:#f2f2f2;
	border-top:1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width:495px;
	float:right
	}
		
.commentlist cite strong {
	font-size:1.1em;
	}
	
li.my_comment {
	background: #FFF;
	border:none;
	}

li.my_comment cite strong {
	font-size: 1.3em;
	color:#313228;
	}
	
#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	color:#4d4d4d;
	display: block;
	margin-top:3px;
	text-align:right;
	font-size:0.9em;
	}

.commentmetadata a, .commentmetadata a:visited {
	color:#959382;
	}
	
.commentlist small {
	background:#e9e9e9;
	}

.avatar {
	border:1px solid #bbb;
	margin:0px 10px 0px 0px;
	float:left;
	padding:2px;
	width:55px;
	height:55px;
	}	

#comment {
	width:590px;
	background:#fff;
	}

/* Footer*/

#front-popular {
	font-size:0.7em;
	color:#fff;
	width: 940px;
	background:#2c2c2c url(images/bottombar.png) bottom no-repeat;
	margin: 0 auto;
	padding:10px;
	}

#recentpost, #mostcommented {
	width:280px;
	float:left;
	padding:10px;
	border:1px solid #fff;
	}

#mostcommented {
	margin-left:17px;
	}

#recent_comments {
	width:280px;
	float:right;
	padding:10px;
	border:1px solid #fff;
	}

#recentpost a, #mostcommented a, #recent_comments a {
	color:#fff;
	}

#recentpost ul, #mostcommented ul, #recent_comments ul {
	margin-top:5px;
	}

#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
	list-style:none;
	border-top:1px dotted #fff;
	padding:5px;
	display:block;
	}

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
	background:#3c78a7;
	color:#fff;
	}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
	border-top:0px dotted #fff;
	}


#footer {
	margin: 0 auto;
	width: 960px;
	font-size:0.6em;
	padding-top:10px;
	padding-bottom:10px;
	}


/* Float Properties*/

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

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}