@charset "utf-8";
/*
Theme Name: cleanonline
Theme URI: http://www.templatesold.com/
Description: TemplateSOLD.com - The Marketplace for Premium WordPress Themes
Version: 1.0
Author: TemplateSOLD/TemplateAccess.com
*/
/* main */
html { padding:0; margin:0; }
body { margin:0; padding:0; color:#868686; font:normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif; background-color:#fff; }
.main { margin:0; padding:0; }
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px; }
p { margin:8px 0; padding:0 0 8px; }
a { color:#383838; text-decoration:underline; }
h2 { color:#494949; }
h2 a, h2 a:hover { color:#494949; text-decoration:none; }
ul, ol { margin: 0px; padding: 0px; margin-left: 20px; margin-bottom: 10px; }

.topheader { position:absolute; right:0px; top: 15px; color: #393939; }
.topheader div { float:left; padding-left:5px; }
.topheader h5 { padding-left:5px; font-size:12px; float:left; margin-top:0px; padding-top:7px; color:#393939; }
.topheader p{ color: #1F94B6;}

.home-fold-bottom { padding-top:25px;}
.home-fold-top { padding-bottom:20px;}

.main-page-fold, .blog-top-fold { margin-bottom: 15px; }

/* header */
.header { margin:0 auto; padding:0; background:url(images/header_bg.gif) repeat left top; border-bottom:1px solid #cacaca; height: auto; }
.header_resize { margin:0 auto; width: 960px; padding:0; padding-bottom: 10px; height: auto;  position:relative; }
.logo { margin:0; padding:0; height:80px; float:left; width:auto; }
h1 { margin:0; padding:0; float:left; width:auto; font-size:36px; font-weight:normal; line-height:1em; color:#fff; letter-spacing:-1px; text-transform:uppercase; }
h1 a,h1 a:hover { color:#3a3a3a; text-decoration:none; }
h1 a span { color:#1f94b6; }
h1 a small { display:block; padding-left:94px; color:#797979; font-size:11px; font-weight:normal; line-height:1.2em; letter-spacing:normal; text-align:left; }
/* search */

.search { float:left; margin:0; padding:0; width:auto; }
.search form { float:left; margin:0; padding:0; }
.search span { background:url("images/search.gif") no-repeat scroll left top transparent; display:block; float:left; margin:0 6px 0 0; padding:12px 6px 13px; }
.search form .keywords { background:none repeat scroll 0 0 transparent; border:0 none; color:#969696; float:left; font:12px/1em "Liberation sans", Arial, Helvetica, sans-serif; height:12px; margin:0; padding:0; width:207px; }
.search form .button { float:left; margin:0; padding:0; }

.widget .search {float:none;margin:10px 0 10px; }
/* RSS */
.rss { margin:28px 0 0 20px; padding:0 0 24px; float:right; width:236px; }
.rss .img_rss { padding:0 0 0 8px; float:right; border:none; }
.rss p { margin:0; padding:4px 0 0; font-size:18px; font-weight:normal; line-height:1.2em; text-align:right; color:#5b5b5b; }
.rss p a, .rss p a:hover { color:#5b5b5b; text-decoration:none; }
.rss ul { margin:0; padding:0; list-style:none; float:right; width:auto; }
.rss ul li { padding:0 8px; float:left; font-size:11px; line-height:1.2em; border-right:1px solid #afb0b2; }
.rss ul li.last_rss { padding:0 0 0 8px; border-right:none; }
.rss ul li a { color:#949494; text-decoration:none; }
.rss ul li a:hover { text-decoration:underline; }

/* header2 */
.header2 { margin:0; padding:0; }
.header2_resize { margin:0 auto; padding: 32px 0 40px; padding-bottom: 30px; width: 960px; background:#fff url(images/shade.png) no-repeat center top; border-bottom:1px solid #e1e1e1; }
.header2 p { margin:0; padding:2px 0; }
.header2 .graybutton { float:right; width:auto; padding-top:16px; }
.header2 .graybutton a { padding:8px 16px 8px 24px; text-decoration:none; font-size:14px; color:#fff; background:#393939 url(images/arrow.gif) no-repeat 8px center; border-right:2px solid #e5e5e5; border-bottom:2px solid #e5e5e5; }
.header2 .bigtext { font-size:18px; }

/* content */
.content { margin:0; padding:0; }
.content_resize { margin:0 auto; padding:32px 0; width:960px; background:url(images/shade.png) no-repeat center top; }
.content h2,
.index-left h2 { margin:0 0 16px; padding:0 0 10px; font-size:24px; font-weight:normal; color:#494848; line-height: normal; border-bottom:1px solid #dfdfdf; }
.content p.underh2 { margin:0 0 16px; padding:0 0 10px; font-size:11px; color:#979797; border-bottom:1px solid #dfdfdf; }
.content .pagename { margin:0 0 24px; padding:0; border:1px solid #ebebeb; }
.content .pagename h2 { padding:24px 32px; font-size:30px; margin: 0px; font-weight:normal; line-height:1em; background-color:#dfdfdf; border:1px solid #fff; }
.mainbar { margin:0; padding:0; float:left; width:650px; }
.mainbar .box { margin:0; padding:16px 0 24px; clear:both; }
.mainbar .infoblock { width: 100%; overflow: hidden; }
.mainbar .infoblock .post-excerpt { width: 100%; overflow: hidden; margin-bottom: 20px; }
.mainbar .halfblock { margin:0; padding:0; width:318px; }
.mainbar .hb_left { float:left; }
.mainbar .hb_right { float:right; }
.mainbar p.readmore { padding:0; line-height:1em; }
.mainbar p.readmore a { padding-left:16px; color:#5b5b5b; background:url(images/readmore_l.gif) no-repeat left center; text-decoration:none; }
.mainbar p.readmore a:hover { color:#f1433e; text-decoration:none; }
.mainbar p.readmore span { padding-right:16px; background:url(images/readmore_r.gif) no-repeat right center; }
.mainbar .img_content { margin:0; padding:1px; border:1px solid #ddd; }
.mainbar .img_left { margin:0 16px 8px 0; padding:0; float:left; border:5px solid #fff; }
.sidebar { margin:0; padding:0; float:right; width:264px; }
.sidebar .box { margin:0; margin-bottom: 30px; padding: 0; border-bottom:1px solid #dfdfdf; }
.sidebar .newsblock { margin:0; padding:0 0 16px; }
.sidebar .newsblock a { text-decoration:none; }
.sidebar .newsblock a.date { font-weight:bold; }
.sidebar .newsblock a.comments { font-weight:bold; }
.sidebar .newsblock a:hover { text-decoration:underline; }
.sidebar .newsblock p { margin:0; padding:0; }
.sidebar .newsblock p.newsinfo { margin-bottom:8px; padding:12px 0 8px; }
.sidebar .newsblock p.newscontent { line-height:1.5em; }
.sidebar .newsblock p.newscontent a { color:#919191; }
.sidebar .newsblock h3 { margin:0; padding:0; font-size:13px; font-weight:bold; line-height:1.5em; }
.sidebar .newsblock h3 a { color:#9a9a9a; }
.sidebar h2 { padding-bottom:8px; font-size:26px; }
.content ul.def_ul { margin:0; padding:0 0 0 16px; list-style:none; }
.content ul.def_ul li { margin:0; padding:2px 0; list-style:none; }
.content ul.def_ul li a { color:#747373; text-decoration:none; padding-left:10px; background:url(images/li.gif) no-repeat left center; }
.content ul.def_ul li a:hover { text-decoration:underline; color:#383838; background:url(images/li_a.gif) no-repeat left center; }
.sidebar .advcontent img { margin:0 1px 4px 0; border:none; }
.sidebar .flickrcontent img { margin:0 12px 12px 0; border:none; }
.sidebar .flickrcontent .ico-flickr { margin:0 8px 0 0; }
.sidebar .banner img { margin:0 0 4px; border:none; }

.index-left { margin:0; margin-bottom: 20px; padding: 15px 20px; background-color:#f7f7f7; border:1px solid #e1e1e1; -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff; box-shadow: inset 0px 0px 0px 1px #ffffff; }
.index-right { margin:0; padding: 0; }
.index-right h3 { padding:0; font-size:18px; font-weight:normal; color:#1d2024; }
.index-right h3 a { color:#1d2024; text-decoration:none; } 

/* blog */
.mainbar .post-leavecom { padding:8px 12px; color:#fff; background-color:#1f94b6; }
.mainbar .post-leavecom a { text-decoration:none; color:#fff; }
.mainbar .post-leavecom a:hover { text-decoration:underline; }
.mainbar .social-links p { margin-bottom:8px; padding:0 0 16px; font-size:11px; line-height:1em; color:#939393; border-bottom:1px solid #dfdfdf; }
.mainbar .social-links a { margin:0; padding:0; font-weight:bold; text-decoration:none; color:#383838; }
.mainbar .social-links a:hover { text-decoration:underline; }
.mainbar .post-c-comments a { padding:4px 6px; text-decoration:none; font-size:14px; line-height:1em; }
.mainbar .post-c-comments { display:block; padding:0; float:right; }
.mainbar .post-c-comments a:hover { text-decoration:underline; }
.mainbar .post-comments a { padding:4px 6px; text-decoration:none; font-size:24px; line-height:1em; color:#fff; background-color:#393939; border-right:2px solid #e5e5e5; border-bottom:2px solid #e5e5e5; }
.mainbar .post-comments { display:block; padding:0; float:right; }
.mainbar .post-comments a:hover { text-decoration:underline; }
.sidebar .small_link { padding:8px 0; text-align:center; }
.sidebar .small_link a { font-size:11px; color:#939393; text-decoration:none; }
.sidebar .small_link a:hover { text-decoration:underline; }

/* tab list */
.list { clear:both; margin:0; padding:0; height:33px; list-style:none; color:#666; }
.list li { margin:0 2px 0 0; padding:0; float:left; }
.list li a { display:block; padding:6px 10px 4px; font-size:13px; text-align:center; text-decoration:none; color:#666; }
.list li a:hover, .list li a.active { background-color:#ebebeb; }
.list li a.active { padding:6px 10px; color:#919191; }

.widget ul { list-style:none; text-align:left; margin:0; padding:4px 0 20px; }
.widget ul li { font-size:12px; color:#666; padding: 0; margin:0; }
.widget ul li a { display:block; margin:0; padding: 4px 0 4px 12px; color:#666; text-decoration:none; background:url(images/li_superfish.gif) no-repeat left center; border-bottom:1px solid #e0e0e0; }
.widget ul li a:hover { text-decoration:none; color:#919191; }
.widget ul li ul { padding:0 0 4px; border:0; }
.widget ul li ul ul { border:0; }
.widget ul li ul li { border:0; margin:0; }
.widget ul li ul a { border:0; background:none; }
.widget ul li ul a:hover { color:#919191; }
.widget ul li ul li a { border:0; padding:4px 0 4px 8px; display:block; }
.widget ul li ul li li a { border:0; padding:4px 0 4px 12px; display:block; }

/* contact form */
/* #contactform { margin:0; padding:5px 10px;}
#contactform * { color:#919191;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:10px 0 0; font:normal 12px Arial, Helvetica, sans-serif;  text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:420px; border:1px solid #e9e9e9; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:420px; border:1px solid #e9e9e9; margin:10px 0; padding:2px; background:#fff; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;} */

/* footer2 */
.footer2 { background-color:#212121; }
.footer2_resize { margin:0 auto; padding: 10px 0; width:960px; color:#888787; font-size:11px; }
.footer2 p { margin-top:0; padding-top:0; }
.footer2 a { color:#888787; text-decoration:none; }
.footer2 a:hover { text-decoration:underline; }
.footer2 .col { margin:0; padding:0; padding:0; }
.footer2 .col ul { margin:0; padding:0; list-style:none; }
.footer2 .col ul li { margin:0; padding:2px 0; }
.footer2 .col ul li a { color:#fff; text-decoration:none; padding-left:12px; background:url(images/li.gif) no-repeat left center; }
.footer2 .col ul li a:hover { text-decoration:underline; color:#888787; }
.footer2 .flickr_col img { margin:0 8px 10px 0; padding:3px; width:50px; height:50px; border:1px solid #d8d8d8; }
.footer2 h2 { margin:0; padding:15px 0 12px; font-size:18px; font-weight:normal; color:#888787; }
.footer2news { margin:0; padding:0 0 12px; }
.footer2news h3 { margin:0; padding:0; font-size:12px; font-weight:bold; color:#888787; }
.footer2news h3 a { color:#737373; text-decoration:none; }
.footer2news p { margin:0; padding:0; line-height:1.5em; }
.footer2news .a_color { color:#1f94b6; }
/* footer */
.footer { background-color:#212121; }
.footer_resize { margin:0 auto; padding: 16px 0; width:960px; border-top:1px solid #3c3c3c; }
.footer .copyleft { float:left; padding-right:8px; }
.footer .copyright { float:left; }
.footer p { padding: 0; color:#fff; }
.footer a { font-weight:bold; text-decoration:none; color:#fff; }
#comments { float:left; padding-top:24px; }
#respond { padding-top:24px; overflow:hidden; position:relative; }
h3#reply-title { margin:18px 0; }
h3#comments-title, h3#reply-title { color:#000000; font-size:20px; font-weight:bold; margin-bottom:0; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color:#000000; line-height:1.5em; margin:0 0 20px; }
#respond .comment-notes { margin-bottom:1em; }
#respond p { margin:0; }
#respond .required { color:#FF4B33; font-weight:bold; }
#respond label { color:#888888; font-size:12px; }
#respond input { margin:0 0 9px; }
abbr, acronym { border-bottom:1px dotted #666666; cursor:help; }
#respond .form-submit input { font-size:14px; width:auto; }
#respond .form-allowed-tags { color:#888888; font-size:12px; line-height:18px; }
#respond .form-submit { margin:12px 0; }
#content p, #content ul, #content ol, #content dd, #content pre, #content hr { margin-bottom:24px; }
.related_post, .popular_post { float:left; width:300px; }
.sub_post { padding:10px; }
.sub_post ul { padding-left:10px; }
.related_post li, .popular_post li { list-style:none outside none; padding:10px; }
.related_post img, .popular_post img { width:30px; height:30px; margin:-11px 0; border: none 0; }
.related_post a { padding-left:10px; }
.widget_flickrRSS a { float:left; padding:6px; }
.widget_flickrRSS a img { border:0; }
.post-author { margin:0 0 1em; }
.author-details { padding-left:0px; }
/*=== Sub Columns ===*/
.subcols { margin-bottom:5px;}
.subcols h2 { margin:15px 0;}
.col ul {list-style:none; padding:0;}
.col ul li { border-bottom:1px solid #cdcdcd; clear:both; padding:8px 0 8px;}
.col ul li img { float:left; margin:0 10px 0 0; max-height:58px; max-width:58px;}
.col span { float:left; width:200px; }
.col ul li a {  color: #000 ; }
.col ul li a:hover { text-decoration:underline;}

.author-descr { height:1%; padding:0 0 0 110px;}

.sub_post { border-bottom:1px solid #E7E7E7; padding-top:24px; padding-bottom:5px; }
.message div { margin:0 0 15px; }
.comentary { float:left; }
.message .notice { color:#A4A4A4; float:right; font-style:italic; padding:10px 0 0; }
.comm-name, .comm-date { line-height:20px; clear:both; }
.post-c-comments .fr { width:500px; }
.fl { float:left; }
.fr { float:right; }
.message textarea { font-family:Verdana; height:114px; overflow:auto; padding:5px 8px; width:470px; }
.pic img { display:block; float:left; margin:5px 15px 0 0; padding:4px; }
.message input { padding:5px 8px; width:470px; }
.message div { margin:0 0 10px; }
.message .btn { padding:0; width:100px; }
.message .submit { float:left; }
.message { border:0 none; }
.border_top { border-top:1px solid #E7E7E7; }
.border_bottom { border-bottom:1px solid #E7E7E7; }
.box2 { border:1px solid #E7E7E7; height:1%; margin:0 0 20px; min-height:115px; padding:10px; }
.pad_bot { padding-bottom:15px; }
.message .btn { background:url("images/button.gif") repeat scroll 0 0 transparent; height:32px; padding:0; width:128px; }
img.wpp-thumbnail { margin:-11px 0; padding-right:10px; }
.sliderhome { padding-bottom: 10px; }


.widget {clear:both;}
.widget_adrotate_widgets .content {margin:5px 0px;}
.widget_posts ul{ list-style:none; margin:0; padding:0;}
.widget_posts ul li{ clear:both; display:block; padding:8px 0;}
.ads img, .ads .content img {margin:0px 5px 5px 0;float:left;}
.widget_posts ul li .post-stats {display:block; padding-top:5px;}
#rightcol .widget_posts ul li a:hover {text-decoration:underline;}
#rightcol .widget_posts ul li { text-align:left;}


/* contact-us */
.contact_us div { padding:3px 5px;}
.contact_us div input[type=text] { width:200px;}
.contact_us div textarea { width:300px; height:70px;}

/*== Auto script added ==*/
h2 cufon, h3 cufon, .post-title cufon { padding-bottom:2px;}

.sideleft {float:left!important}
.blogleft {float:right!important}
#centercol.fullwidth { width: auto; float: none; }
.three_col #centercol {padding: 0 25px; width: 510px; }
.three_col #rightcol { width: 200px; }

/*== Sitemap Page Template ==*/
.sitemap-page { line-height: 160%; }
.sitemap-page h4 { margin-bottom: 5px; font-weight: bold; color:#000 }
.sitemap-page h3 { padding-bottom: 10px; margin-bottom: 15px; }
.sitemap-page ul { margin-bottom: 20px; }
.sitemap-page ul li { margin: 1px 0; }
.sitemap-page ul li a { color: #656464; }

/*== Timeline Page Template ==*/
#archives { padding: 10px 0 0; line-height: 160%; }
#archives a { font-style: normal; color: #656464; }
#archives .archives_list { border-left: 1px solid #e1e1e1; list-style: none; margin: 0 0 15px 15px; }
#archives .archives_list li { margin: 2px 0; clear: left; padding-left: 24px; font-size: 0.9em; font-style: normal; list-style: none; }
#archives .archives_list .date { color: #727272; width: 20%; font-style: normal; display: inline-block; vertical-align: top; }
#archives .archives_list .linked { width: 50%; display: inline-block; vertical-align: top; }
#archives .archives_list .comments { width: 20%; display: inline-block; vertical-align: top; }
#archives .archives_list .comments a { color: #7e7e7e; font-size: 0.9em; font-style: italic; text-decoration: underline; padding-left: 13px; }
#archives .archives_list .comments a:hover { text-decoration: none; }
h4.archive_year { font-weight: bold; font-size: 1.4em; color: #000; margin-top: 0; padding: 0px; }

/*== Breadcrumb ==*/
.breadcrumbs { padding:22px 32px 0 0; float:right; width:auto; font-size: 12px; }

/*== Contact Page Template ==*/
table td { vertical-align: top; }
#contact_form .contact_us div { padding: 4px 0; }


/*- Begin Column Formatting -*/ 
.one_fourth, .one_third, .one_half, .two_third, .three_fourth { float:left; margin-bottom:20px; position:relative; }

.one_fourth { margin-right:2%; }
.one_third { margin-right:5%; } 
.one_half { margin-right:4%; } 
.two_third { margin-right:4%; } 
.three_fourth { margin-right:4%; }

.one_fourth { width:23%; }
.one_third { width:30%; }
.one_half { width:48%; }

.two_third { width:600px; }
.three_fourth { width:680px; }

.full_width { width: 100%; margin-bottom: 20px; }

.last_column { clear:right; margin-right:0 !important; }

.one_fourth.last_column { width: 25%; }
.one_third.last_column { width: 30%; }
.one_half.last_column { width: 48%; }
/*-  End Column Formatting -*/

/* Begin Images */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0; margin: 3px 0 10px 15px; display: inline; }
img.alignleft { padding: 0; margin: 3px 15px 10px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */
#centercol img { max-width: 100%; height: auto; }
#main-content img { max-width: 100%; height: auto; }
