* { padding:0; margin:0; outline:0; }

body {
	background:#eee;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size:13px;
	line-height:17px;
	color:#575757;
	min-width: 100%;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased; 
}

body, html { min-height:100%; height:100%; }

#wrapper { min-height:100%; position:relative; }

.notext { font-size:0; line-height:0; text-indent: -4000px; display:block; }

input, textarea, select, button { font-size:13px; color:#8c8a9d; font-family: "Trebuchet MS", Arial, sans-serif; border-radius: 0; box-shadow: none; }

input, textarea, select, button { 
	-webkit-box-sizing: border-box; 
			box-sizing: border-box;
}

input[type=submit],
input[type=email],
input[type=tel],
input[type=date],
input[type=text] {
	-webkit-appearance: none; 
			appearance: none; 
}

a img { border:0; }

a { text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none;}
a:hover { color:#000; }

/* ===========================
	# transitions
============================ */

.left, .alignleft { float:left; }
.right, .alignright { float:right; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

h2 { font-size:40px; line-height:40px; color:#000;}
h2 a{ color:#333; text-decoration: none;}

div#logo { font-size:0; line-height:0; width:307px; height:68px; float:left;}
div#logo a{ display:block; height:68px; text-indent: -4000px; }

.shell { max-width: 980px; padding: 0 20px; margin: 0 auto; position: relative; }

#top { height:57px; position:relative; z-index:10; }
#top-holder { background-color:#2c2c2c; height:162px; width:100%; position:absolute; top:-105px; left:0; width:100%; }
#top-holder { 
	background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(44,44,44) 35%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(44,44,44) 35%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(44,44,44) 35%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(44,44,44) 35%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(44,44,44) 35%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(0,0,0)),
		color-stop(0.35, rgb(44,44,44))
	);
}
#top .shell{ position:relative; padding-top:105px; z-index:2;}


.top-nav { float:right; font-weight: bold; font-size:14px; color:#a2a2a2; text-transform: uppercase;}
.top-nav ul{ list-style-type: none; padding-top:19px;}
.top-nav ul li { float:left; line-height:14px; border-left:solid 1px #a2a2a2; padding-left:10px; margin-left:10px;}
.top-nav ul li.first{ border:0; padding-left:0; margin-left:0;}
.top-nav ul li a{ color:#fff; text-decoration: none;}
.top-nav ul li a:hover{ color:#ddd}

#top-shadow { font-size:0; line-height:0; height:11px; width:100%; position:absolute; top:162px; left:0; background:url(images/top-shadow.png); z-index:1;}

#content { float:left; width:670px;}
#sidebar { float:right; width:300px; position:relative; }
.sidebar-box { border:solid 5px #fff; background-color:#fff; position:relative; }

/*
.post-t { width:670px; font-size:0; line-height:0; background:url(images/post-t.png); height:9px;}
.post-b { width:670px; font-size:0; line-height:0; background:url(images/post-b.png); height:9px;}
*/

.post { margin-bottom:17px; border:solid 5px #fff; background-color:#fff; position:relative; }

.box-gradient { 
	width:100%; height:300px; position:absolute; top:0; left:0; z-index:1;
	background-image: linear-gradient(bottom, rgb(255,255,255) 40%, rgb(234,234,234) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 40%, rgb(234,234,234) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 40%, rgb(234,234,234) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 40%, rgb(234,234,234) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 40%, rgb(234,234,234) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.4, rgb(255,255,255)),
		color-stop(1, rgb(234,234,234))
	); 
}
/*
.post-c { width:660px; padding:0 5px; }
*/
.post-cnt { height:100%; padding:14px 27px 18px 27px; min-height:421px; position:relative; z-index:2; }


.sidebar-box,
.post-cnt,
.post { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.box-gradient { -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }

.post-full { width: auto; }
.post-full .post-t { width: auto; background-image:url(images/post-full-t.png); }
.post-full .post-b { width: auto; background-image:url(images/post-full-b.png); }
.post-full .post-c { width: auto; }

.post .image { font-size:0; line-height:0; text-align: center; padding: 4px; margin-bottom:20px; position:relative; font-size:0; line-height:0; }
.post .image { background:#fff; box-shadow:0 0 3px rgba(0, 0, 0, 0.3); margin:0 auto 12px auto; border:solid 1px #ccc;}
.post .image a { display: block; }
.post .image img { display: block; max-width: 100%; height: auto; }

.post .image a{ display:block; position:relative; }
.post .image div{ position:relative; }
.post .image img{ width:594px;}
.post-head { position:relative; padding:5px 0 20px 0;}
.post-head p { padding-top:5px;}
.post .date { width:38px; height:42px; background:url(images/date.gif); position:absolute; top:0; left:-42px; color:#fff; font-size:13px; line-height:1; text-transform: uppercase; padding:16px 0 0 12px;}
.post .date strong { font-size:21px; display:block; }

.buttons { height:59px; }

a.button,
a.button span, 
a.button-small,
a.button-small span { float:left; display:inline; height:33px; background:url(images/button.gif) no-repeat 0 0; padding-left:5px;}

a.button span,
a.button-small span { background-position:right 0; padding:0 15px 0 0; position:relative; right:-10px; }

a.button,
a.button-small,
a.big-button,
a.purchase-button,
a.preview-button,
a.download-button { text-decoration: none; font-weight: bold; text-transform: uppercase; line-height:32px; font-size:14px; }

a.button-small,
a.button-small span { height:28px; background-image:url(images/button-small.gif);}
a.button-small { font-size:12px; line-height:28px; }

a.button { margin-right:10px;}


a.purchase-button,
a.big-button,
a.preview-button,
a.download-button { display:block; margin:0 auto; width:178px; height:59px; background-repeat:no-repeat; background-position:0 0; color:#fff; 
	text-transform: none; font-size:22px; line-height:58px; padding:0 0 0 50px;  text-shadow:1px 1px 1px #333; text-align:left; }

a.purchase-button.read-more-button { padding-left: 73px; width: 157px; }

a.big-button:hover,
a.purchase-button:hover,
a.preview-button:hover,
a.download-button:hover { background-position:0 bottom;}
a.button-right { float:right; }

a.big-button { background-image:url(images/big-button.png); padding-left:0; text-align:center; width:228px; }
a.purchase-button { background-image:url(images/purchase-button.png); }
a.preview-button { background-image:url(images/preview-button.png); width:124px; padding:0; text-align:center; }

.preview-buttons { height:59px; padding-left:117px;}
.preview-buttons a{ float:left; display:inline; margin-right:20px;}

/*
.sidebar-t { font-size:0; line-height:0; width:300px; height:9px; background:url(images/sidebar-t.png);}
.sidebar-b { font-size:0; line-height:0; width:300px; height:9px; background:url(images/sidebar-b.png);}
.sidebar-c {width:290px; padding:0 5px; background:#fff;}
*/
.sidebar-cnt { padding:14px 12px; position:relative; z-index:2; }

.sidebar-holder { margin-bottom:17px;}

a.rss { height:40px; margin-bottom:13px; background:url(images/rss.gif) no-repeat 0 0;}
a.facebook_link { height:40px; margin-bottom:13px; background:url(images/facebook-icon.png) no-repeat 0 0;}
a.pinterest_link { height:40px; margin-bottom:13px; background:url(images/pinterest-icon.png) no-repeat 0 0;}
.mail-h { height:38px; margin-bottom:10px; background:url(images/mail-h.gif) no-repeat 0 0;}

span.field { display:block; width: 100%; height: 30px; padding-bottom: 10px; }
span.field input{ width: inherit; height: inherit; background:transparent; border: 1px solid #dcdcdc; border-radius: 2px 20px 20px 2px; padding: 6px 40px 6px 6px; }

#sidebar ul { list-style-type: none; }
#sidebar ul li{ margin-bottom:20px; }
#sidebar ul li:last-child{ margin-bottom:0px; }
#sidebar h2{ height:42px; background-repeat:no-repeat; background-position:0 0; color:#fff; font-size:21px; line-height:42px; padding:0 12px; position:relative; border-right:0; padding-right:17px; margin-right:-17px; margin-bottom:12px;}

#sidebar h2 span{ position:absolute; width:11px; height:51px; background-repeat:no-repeat; background-position:0 0; top:0; right: -11px; }

#sidebar h2 { text-shadow:1px 1px 1px #333; border-radius: 10px 0 0 10px; }

#sidebar .categories h2 { margin-bottom:0; }

#sidebar ul li ul{ line-height:14px; font-size:16px; color:#999; }
#sidebar ul li ul li{ margin:0; border-bottom:dashed 1px #d8d8d8; padding:10px 0 10px 12px; font-weight: bold; text-transform: uppercase;}
#sidebar ul li ul li a{ text-decoration: none; color:#797c80}

.home-link { width:19px; height:17px; background:url(images/home-link.gif); float:left; display:inline; position:relative; top:-1px; margin-right:10px;}

.current-cat { font-weight: bold;}

.entry { font-size:14px; line-height:21px; border-top:solid 1px #ddd; padding-top:20px; margin-top:25px; margin-top:5px;}
.page .entry { padding-left:0; margin-top:0;}
.entry ul,
.entry ol,
.entry p{ padding-bottom:15px; }
.entry ul,
.entry ol { padding-left:20px; }
.entry p img.alignleft { margin: 0 15px 5px 0; }
.entry p img.alignright { margin: 0 0 5px 15px; }

h1.pagetitle { font-size:34px; margin-bottom:10px; font-weight: bold; line-height: 40px;}
h1.pagetitle .archive-meta { display:none;}

.wp-pagenavi { height:24px; text-transform: uppercase; font-weight: bold; font-size:14px; line-height:24px; margin-bottom:17px;}
.wp-pagenavi a,
.wp-pagenavi span { float:left; white-space:nowrap; }
.wp-pagenavi span,
.wp-pagenavi a { height:24px; width:24px; text-align: center; background:url(images/pagging.gif); margin-right:2px; text-decoration: none;}
.wp-pagenavi .pages { display:none;}

#footer { background:#fff url(images/footer.gif) repeat-x 0 0; border-top:solid 5px #fff; padding:20px 0 0 0; color:#7b7b7b; font-size:12px; width:100%; height:50px; position:absolute; bottom:0; left:0;}

h5 { font-size:10px; font-weight: normal; text-transform: uppercase; color:#999}

#sidebar .ads { padding:0 0 0 12px; }
#sidebar .ads h5 { padding-bottom:5px; }
#sidebar .ads ul{ font-size:0; line-height:0; list-style-type: none;}
#sidebar .ads ul li { border:0; padding:0 4px 5px 0; float:left; display:inline; width:125px; }
#sidebar .ads ul li.last { padding-right:0; }
#sidebar .ads ul li a img{ }

.our-sites { font-weight: normal; padding-bottom:3px;}
.our-sites a{ color:#7b7b7b;}
.our-sites span{ padding:0 1px; color:#7b7b7b; }

.our-network-button { float:left; width:95px; height:68px; position:relative; }
.our-network-button span{ width:25px; height:12px; background:url(images/network-arrow.png) no-repeat 0 bottom; position:absolute; top:40px; left:35px;}
.our-network-button span.active{ background:url(images/network-arrow-up.png); }

#our-network { position:absolute; top:0; left:0; width:956px; z-index:200;}
#our-network .sites{ height:89px; padding:16px 0 0 0;}
#our-network .sites a{ font-size:0; line-height:0; width:175px; height:71px; text-indent: -4000px; background:url(images/our-network.gif) no-repeat 0 0; float:left; margin-right:12px; border:solid 1px #424242; }
#our-network .sites a.last{ margin-right:0; }
#our-network .sites a:hover{ border-color:#807e7e; }

#our-network a.bakery-link { background-position: 0 0;}
#our-network a.mafia-link { background-position: -190px 0;}
#our-network a.mayo-link { background-position: -380px 0;}
#our-network a.mailtemplates-link { background-position: -570px 0;}
#our-network a.psdfiles-link { background-position: -760px 0;}
#our-network a.choco-link { background-position: -950px 0;}

#our-network a.toggle-sites { position:absolute; right:20px; top:105px; width:94px; height:23px; background:url(images/sites-tab.gif); line-height:20px; font-size:10px; text-align: center; text-decoration: none; color:#9c5e27; }

#our-network a.toggle-sites span { background:url(images/sites-bul.gif) no-repeat 0 4px; padding-left:12px; text-decoration:underline; }
#our-network a.toggle-sites:hover span { text-decoration:none; }

.choco-templates .post-cnt { min-height:0; padding-left:14px; padding-right:14px; min-height: 300px; }
.choco-templates h3{padding-bottom:15px; font-size:16px;}
.chocos ul { list-style-type: none; width:100%; position:relative; }
.chocos ul li { float:left; width:149px; margin-right:11px; margin-bottom:15px;}

.chocos ul li.last{ margin-right:0 !important; }
.chocos ul li a.choco-image{ display:block; border:solid 1px #ddd; padding:1px; width:145px; position:relative; overflow:hidden; height:100px; margin-bottom:3px;}
.chocos ul li a img{ width:145px; }
.chocos ul li a.choco-image:hover { border-color:#bbb;}
.chocos ul li a.choco-preview{ display:inline; font-size:11px; background:url(images/preview-ico.gif) no-repeat 0 4px; padding-left:13px;}


.choco-button { height:28px; padding:0 10px 0 0;}
.choco-button a{ float:right; }

.sexy-shares { border-top:solid 1px #eee; border-bottom:solid 1px #eee; padding-bottom:20px; margin-top:30px; margin-bottom: 30px;}

.similar-posts { padding:40px 0 0 0;}
.similar-posts h2{ font-weight: normal; padding-bottom:15px; }
.similar-posts ul li h4{ font-size:13px; line-height:15px; font-weight: normal; margin-bottom:5px; height:18px; position:relative; overflow:hidden; }
.similar-posts ul li h4 a{ text-decoration: none; font-size:13px; line-height:15px; display:inline; }
.similar-posts ul{ list-style-type: none; position:relative; width:624px; margin-right:-18px; }
.similar-posts ul li{ float:left; display:inline; margin-bottom:15px; width:294px; margin-right:18px; }
.similar-posts ul li a { display:block; position:relative; font-size:0; line-height:0;  }

.similar-posts ul li a img{ padding:1px; width:290px; height:133px; }
.similar-posts ul li a.img{ display:block; width:292px; height:135px; border:solid 1px #c9c9c9; }
.similar-posts ul li a.img:hover{ border-color:#999;}

.choco-similar-posts ul li a img{ height:150px; }
.choco-similar-posts ul li a.img { height:152px;}

#sidebar .search { border-bottom:dashed 1px #d8d8d8; padding-bottom:10px; padding-left:12px; position: relative; }
#sidebar .search span.field { float:left; }
#sidebar .search span.field,
#sidebar .search span.field input{ width: 100%; }
#sidebar .search .search-button { position: absolute; right: 0; top: 0; }

.search-button { float:left; font-size:0; line-height:0; width:45px; height:30px; background:url(images/go.gif) no-repeat 0 0; margin-left:-10px; position:relative; }
.search-button:hover { background-position:0 bottom;}

#sidebar .subscribe { padding:0 0 0 12px; clear: both; }
#sidebar .subscribe .buttons{ height:40px;}
#sidebar .subscribe span.field input { border-radius: 2px; }

#sidebar .bookmarks h2 { margin-bottom:0; }
#sidebar .bookmarks ul{ font-size:13px;  }
#sidebar .bookmarks ul li{ font-weight: normal; text-transform: none; padding:7px 0 7px 12px; }

#main { padding:40px 0 80px 0;}

.ad-space-top {font-size:0; line-height:0; text-align: center;}
.ad-space-top a { display: block; }
.ad-space-top img { display: block; width: 100%; height: auto; }

#container { padding-top:20px; }

#tooltip { position: absolute; z-index: 3000; border: 1px solid #aaa; background: #fff; padding: 5px; font-size:0; line-height:0;}
#tooltip h3, #tooltip div { margin: 0; }

.twitter-link { display: block; font-size: 0; line-height: 0; text-indent: -4000px; width: 64px; height: 62px; background: url(images/twitter-link.png) no-repeat; z-index:10;}
.twitter-link { position: absolute; top: -52px; right: -1px; }

/** CSS 3 **/
h2 { text-shadow: #777 0 1px 2px; }

/** Ads **/
#sidebar .buy-sell-ads { width:260px; margin:auto;}
#sidebar .ad-125-125 .even{ float:right; margin-right:0; }
#sidebar .ad-125-125 a{ margin-bottom:10px;}

.ad-after-first-post { margin-bottom:15px;}

.ad-title { display:block; font-size:10px; text-transform: uppercase; color:#999; padding-bottom:5px;}

ul.text-ad { padding:0 0 0 20px !important; margin:0 !important;}

/** MG **/
.mg_addad8021 { display:none !important;  }

.market-gid-design-articles-holder a img { border:solid 1px #c9c9c9 !important; padding:1px;}
.market-gid-design-articles-holder a:hover img { border-color:#999 !important; }

.download { text-align:center; }
.download p{ padding-bottom:20px;}
.download h4 { font-size:20px; line-height:20px; padding-bottom:5px;}
.download p.smaller { font-size:13px; }
.download .download-button { margin-bottom:15px;}

#sidebar .sidebar-purchase h2{ background-image:url(images/sidebar-h2-purchase.png); margin-bottom:5px; }
#sidebar .sidebar-purchase h2 span{ background-image:url(images/sidebar-h2-purchase-r.png); }
#sidebar .sidebar-t { background-image:url(images/sidebar-t-short.png); }

.package { font-size:11px; line-height:14px;  border-bottom:dashed 1px #d8d8d8; padding:7px 0 11px 12px; }
.package .left{ width:160px; }
.package .right{ width:80px; }
.package h4{ font-size:16px; line-height:22px; font-weight:normal; font-weight:bold; }

.button2 { display:block; height:26px; background:#2a7f24 url(images/button_bg.png) repeat-x 0 0; border:solid 1px #257520; line-height:26px; color:#fff !important; font-size:12px; text-transform:uppercase; text-align:center; text-decoration:none; }

.button2:hover { background-position:0 bottom; }
.button2 { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.price { font-size:30px; line-height:30px; color:#c14023; display:block; text-align:center; position:relative; left:-3px; padding-bottom:5px; }
.price span{ font-size:20px; line-height:20px; position:relative; top:-6px;}

.purchase-button .price { display:inline; color:#fff; left:0; padding:0 0 0 0; top:2px;}

.badge { width:126px; height:126px; background:url(images/badge-big-free.png) no-repeat 0 0; position:absolute; top:0; right:0; }
.badge-premium { background-image:url(images/badge-big-premium.png); }

.badge-small { width:60px; height:60px; background-image:url(images/badge-small-free.png);}
.badge-small-premium { background-image:url(images/badge-small-premium.png); }

.fps-similar-posts ul li a.img{ height:135px; }
.fps-similar-posts ul li a img{ height:133px; }



.download-more-posts { padding-top:10px; }
.download-more-posts .more-templates{ padding-bottom:10px; padding-left: 6px; }
.download-more-posts .chocos ul li{ width:143px;}
.download-more-posts .chocos ul li a{ width:139px; height:96px;}
.download-more-posts .chocos ul li a img{ width:139px;}
.download-more-posts .chocos { padding-top:10px;}

/** Preview **/
body.page-preview { overflow:hidden;}
body.page-preview #footer,
body.page-preview .ad-space-top { display:none; }
body.page-preview #main,
body.page-preview #container { padding:0; }
body.page-preview #main .shell { width:100%; }

#demo-frame { font-size:0; line-height:0; }

.download-button-small { float:right; width:128px; height:33px; background-repeat:no-repeat; background-position:0 0; color:#fff !important; text-decoration:none; line-height:32px; padding-left:33px; position:relative; top:11px;}
.download-button-small { text-shadow:1px 1px 1px #333; text-align:left;}
.download-button-small:hover { background-position:0 bottom;}

.subscribe-form-container h2{ padding-bottom:5px;}
.subscribe-form-container .mc_subscribe_form{ padding-top:15px;}

.subscribe-form-container .form-message { padding-top:5px; }
.subscribe-form-container .form-message h3{ padding-bottom:4px; }
.subscribe-form-container .error-message h3{ color:#c14023;}

/* Sharing */

.share-big { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin:3px 0 15px; padding: 11px 0 5px; }
.share-big .s4custombtn-1{ padding-top:40px; }

/* Blog */
.blog-excerpt { padding-bottom: 15px; }

/* Comments form */

#respond{border-top:1px solid #e7e7e7;  overflow:hidden; position:relative}
#respond p{ margin: 0; padding: 0; }
#respond h3 { padding-bottom: 5px; }
#respond .comment-notes{margin-bottom:1em}
.form-allowed-tags{line-height:1em}
.children #respond{margin:0 48px 0 0}
h3#reply-title{margin:18px 0}
#comments-list #respond{margin:0 0 18px 0}
#comments-list ul #respond{margin:0}
#cancel-comment-reply-link{font-size:12px; font-weight:normal; line-height:18px}
#respond .required{ font-weight:bold; background: none; color: red;}
#respond label{ font-size:13px; padding-bottom: 5px; display: block; }
#respond input{ color: #8c8a9d;  margin:0 0 9px; width:98%; padding: 5px; height: 20px; border: solid 1px #dcdcdc;}
#respond textarea{width:98%; color: black; padding: 5px; color: #8c8a9d;  border: solid 1px #dcdcdc; }
#respond .form-allowed-tags{font-size:12px; line-height:18px}
#respond .form-allowed-tags code{font-size:11px}
#respond .form-submit{margin:12px 0}
#respond #recaptcha-submit-btn-area input,
#respond .form-submit input { margin-top: 10px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-size:14px; padding: 0;  width: 153px; color: black; height: 33px; line-height: 33px; color: #0081c8; border: 0; width: 153px; height: 33px; background: url(images/button-submit.gif) no-repeat 0 0; cursor: pointer; }
#respond p.recaptcha-error { font-size: 14px; margin: 15px 0; }
/* =Comments
-------------------------------------------------------------- */
#comments{clear:both}
#commentform a,
.comment-reply a{font-weight: 600; font-size: 13px;}
.navigation{ padding:0 0 18px 0; font-weight: bold; height: 100%; overflow: hidden;  }
h3#comments-title, 
h3#reply-title{ font-size:20px; font-weight:bold; margin-bottom:0}
h3#comments-title{padding:0}
.commentlist{ font-family: Arial; list-style:none; margin: 20px 0 0 0;}
.commentlist li.comment{border-bottom:1px solid #e7e7e7; line-height:24px; margin:0 0 24px 0; padding:0 0 0 56px; position:relative}
.commentlist li:last-child{border-bottom:none; margin-bottom:0}
#comments .comment-body ul, 
#comments .comment-body ol{margin-bottom:18px}
#comments .comment-body p:last-child{margin-bottom:6px}
#comments .comment-body blockquote p:last-child{margin-bottom:24px}
.commentlist ol{list-style:decimal}
.commentlist .avatar{position:absolute; top:4px; left:0}
.comment-author cite{ font-style:normal; font-weight:bold}
.comment-author .says{font-style:italic}
.comment-meta{font-size:12px; margin:0 0 5px 0}
.comment-meta a:link, 
.comment-meta a:visited{ text-decoration:none}
.reply{font-size:12px; padding:0 0 24px 0}
.commentlist .children{list-style:none; margin:0}

.wp-caption p.wp-caption-text { font-style:italic; font-size: 11px; }

#sidebar .latest-blog-widget p.postmeta { font-size: 11px; text-transform: lowercase; color: #c3c4c6; }
#sidebar ul li.latest-blog-widget li { padding: 15px 0 15px 12px; }
#sidebar ul li.latest-blog-widget li:first-child { padding-top: 8px; }
#sidebar ul li.latest-blog-widget ul li h4 { font-size: 14px; line-height: 18px; text-transform: none; padding-bottom: 2px; }
#sidebar ul li.latest-blog-widget ul li p.postmeta a { color: #00a8ea; text-transform: none; text-decoration: underline;  }
#sidebar ul li.latest-blog-widget ul li p.postmeta a:hover { text-decoration: none; }
#sidebar ul li.latest-blog-widget li .blog-post-image { padding-right: 10px; float: left;  }
#sidebar ul li.latest-blog-widget li .blog-post-title { float: left; width: 200px; }
#sidebar ul li.latest-blog-widget li .blog-post-title.large-blog-post-box { width: 100%; }
#sidebar ul li.latest-blog-widget li .blog-post-title span.alignright { display: none; }
#sidebar ul li.latest-blog-widget li img { border: 1px solid #d0d0d0; }
#sidebar ul li.latest-blog-widget .button { margin: 15px 0 0 12px; color: #797c80; }
#sidebar ul li.latest-blog-widget .button:hover { color: #163e73; }
#sidebar ul li.follow-us-widget ul li h3 { text-transform: none; }

#sidebar ul li.follow-us-widget ul li h3 { line-height: 31px; }
#sidebar ul li.follow-us-widget ul li { padding-bottom: 10px; }
#sidebar ul li.follow-us-widget ul li .follow-us-icon { padding: 3px 0 5px 43px;  }
#sidebar ul li.follow-us-widget ul li .follow-facebook-icon { background: url(images/follow-facebook-icon.png) no-repeat 0 0; }
#sidebar ul li.follow-us-widget ul li .follow-twitter-icon { background: url(images/follow-twitter-icon.png) no-repeat 0 0; }
#sidebar ul li.follow-us-widget ul li .follow-googleplus-icon { background: url(images/follow-googleplus-icon.png) no-repeat 0 0; }
#sidebar ul li.follow-us-widget ul li .follow-pinterest-icon { background: url(images/follow-pinterest-icon.png) no-repeat 0 0; }
#sidebar ul li.follow-us-widget ul li .follow-behance-icon { background: url(images/follow-behance-icon.png) no-repeat 0 0; }
#sidebar ul li.follow-us-widget ul li .follow-youtube-icon { background: url(images/follow-youtube-icon.png) no-repeat 0 0; }
#sidebar ul li.follow-us-widget ul li .follow-email-icon { background: url(images/follow-email-icon.png) no-repeat 0 0; }

#sidebar ul li.follow-us-widget ul li.last { border-bottom: 0; padding-bottom: 0; }
#sidebar ul li.follow-us-widget ul li .subscribe { padding: 12px 0 0; }
#sidebar ul li.follow-us-widget ul li .subscribe span.field input { border-radius: 2px; }

.background-holder { background: url(images/blog-header-bg.png) no-repeat center center; width: 100%; height:  256px; position: relative; }
.background-holder .no-text-holder { font-size: 0; line-height: 0; text-indent: -4000px; }
.background-holder .blog-title { width: 201px; height: 62px; background: url(images/blog-title.png) no-repeat 0 0; position: absolute; top: 2px; left: 376px; }
.background-holder .blog-title:hover { background-position: 0 -62px;  }

.background-holder .back-to-blog { background: url(images/back-to-blog-home.png) no-repeat 0 0; width: 102px; height: 57px; position: absolute; top: 35px; left: 1px; }
.background-holder .back-to-blog:hover { background-position: 0 -57px;  }

.single-blog #container,
.page-blog #container { padding-top: 0; }

.twitter-link,
.single-blog #container #sidebar > .twitter-link,
.page-blog #container #sidebar > .twitter-link,
.single-blog #container > .pagetitle,
.page-blog #container > .pagetitle { display: none }

.post-head p.breadcrumbs { padding-top: 10px; }
.post-head p.breadcrumbs span { margin: 5px; }
.post-head p.breadcrumbs span.current { margin: 0; }

.post-cnt .entry .thumblock { margin-bottom: 15px; }

.cartoon-slider-holder { position: relative;  }
.cartoon-slider-holder .slide-right-arrow,
.cartoon-slider-holder .slide-left-arrow { width: 31px; height: 44px; background: url(images/slide-arrows.png) no-repeat 0 0; position: absolute; top: 50%; margin-top: -13px; left: -44px; text-indent: -400px; font-size: 0; }

.cartoon-slider-holder .slide-right-arrow { background-position: 0 -44px; right: -44px; left: auto }
.cartoon-slider ul.fix-last { float: left; }
.cartoon-slider-holder .cartoon-slider-pagination { position: absolute; bottom: -13px; left: 50%; transform: translateX(-50%); text-align: center; }
.cartoon-slider-holder .cartoon-slider-pagination a { background: url(images/slider-nav.png) no-repeat 0 0; width: 11px; height: 11px; display: inline-block; font-size: 0; line-height: 0; margin-right: 3px; }
.cartoon-slider-holder .cartoon-slider-pagination a.selected { background-position: right 0; } 

.chocos .cartoon-slider-holder ul { width: 100%; position: relative; overflow: hidden; }
.chocos .cartoon-slider { padding-left: 1px; }
.chocos .cartoon-slider-holder .slide-right-arrow,
.chocos .cartoon-slider-holder .slide-left-arrow { background-image: url(images/slider-small-nav.png); width: 26px; margin-top: -35px; left: -31px; }
.chocos .cartoon-slider-holder .slide-right-arrow { right: -31px; left: auto;  }

.chocos .cartoon-slider-holder.large-cartoon-slider ul { width: 925px;  }
.chocos .cartoon-slider-holder.large-cartoon-slider .cartoon-slider ul li.last { margin-right: 11px !important; }

.chocos .cartoon-slider-holder.large-cartoon-slider .slide-left-arrow { left: -51px; }
.chocos .cartoon-slider-holder.large-cartoon-slider .slide-right-arrow { right: -45px; }

#content .chocos { padding-top: 10px; }
#content .chocos .cartoon-slider-holder.large-cartoon-slider ul { width: auto; }
#content .chocos .cartoon-slider-holder.large-cartoon-slider ul li { width: 25%; }
#content .chocos .cartoon-slider-holder.large-cartoon-slider ul li.last { margin-right: 0 !important; }

.single .postmeta { font-size: 11px; }

.header-middle-section { padding-bottom: 16px; position: relative; z-index: 999;  }
.header-middle-section p { font-size: 16px; line-height: 22px; }
.header-middle-section .left-header-section { width: 670px; float: left; }
.header-middle-section .right-header-section { width: 300px; float: right; }

.header-middle-section .followers-count { font-size: 36px; color: black; font-weight: bold; padding-bottom: 5px; display: block; line-height: 42px; }
.header-middle-section h3 { text-transform: uppercase; font-size: 18px; color: #c14023;  }
.header-middle-section .followers-section { float: right; width: 120px; }
.header-middle-section .support-us-section { float: left; width: 160px; }
.header-middle-section .support-us-section p { font-size: 14px; line-height: 18px; }
.header-middle-section .share-icons { border: 1px solid #dce1e3; border-left: 0; border-right: 0; margin-top: 14px; padding: 7px 0; }

.header-middle-section .twitter-follow-button,
.header-middle-section .fb-like,
.header-middle-section .g-section { float: left; margin-right: 15px; }

.header-middle-section .twitter-follow-button { margin-right: 0; }

/* ===========================
	# buttons
============================ */

.btn-main { display: none; }

/* ===========================
	# body classes
============================ */

.download-more-posts .chocos ul li { width: 16.666%; margin: 0 !important; padding: 0 5px 10px 5px; }
.download-more-posts .chocos .cartoon-slider-holder.large-cartoon-slider .cartoon-slider ul li.last { margin: 0 !important; }
.download-more-posts .chocos ul li {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

/* ===========================
	# media
============================ */

/*ipad landscape*/
@media only screen and (max-width: 1024px) {

	/* ===========================
		# general
	============================ */
	
	h1 { line-height: 28px; }

	/* ===========================
		# helper
	============================ */
	
	#content,
	.header-middle-section .left-header-section { width: 68%; }

	#sidebar,
	.header-middle-section .right-header-section { width: 30%; }

	/* ===========================
		# entry
	============================ */
	
	.entry img { width: auto; max-width: 100%; height: auto; }

	.wp-caption { width: auto !important; }

	.post .image .badge { right: 0; }

	/* ===========================
		# slider
	============================ */
	
	.chocos ul li { width: 25%; padding: 0 5px 11px 5px; margin: 0; }
	.chocos ul li {
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.chocos ul li a.choco-image { width: 100%; }
	.chocos ul li a img { display: block; width: 100%; height: auto; }


	/* ===========================
		# tooltip
	============================ */
	
	#tooltip { display: none !important; }

	.similar-posts ul { margin: 0 -9px; position: relative; width: auto; }
	.similar-posts ul li { margin: 0; width: 50%; padding: 0 9px 18px 9px; }
	.similar-posts ul li {
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.similar-posts ul li a.img { width: auto; border: 0; height: auto; padding: 0 5px; }
	.similar-posts ul li a.img img { display: block; max-width: 100%; height: auto; margin: 0 auto; border: 1px solid #c9c9c9; }
	
	.badge { right: 1px; }
}

/* ipad portrait */
@media only screen and (max-width: 985px){
	
	/* ===========================
		# general
	============================ */
	
	h2 { font-size: 30px; line-height: 40px; }

	h1.pagetitle { font-size: 26px; line-height: 30px; }

	/* ===========================
		# helper
	============================ */
	
	#sidebar ul li ul { font-size: 14px; }
	#sidebar ul li ul li { padding: 6px 0 7px 6px; }
	#sidebar h2 { font-size: 18px; }
	#sidebar h2 { margin-right: -11px; }
	#sidebar .categories h2 { margin-bottom: 5px; }

	.sidebar-cnt { padding: 8px 6px; }

	/* ===========================
		# header middle
	============================ */
	
	.header-middle-section { padding-bottom: 40px; margin-bottom: 16px; position: relative; }
	.header-middle-section .share-icons { border: 0; position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; }
	.header-middle-section p { font-size: 14px; line-height: 20px; }
	.header-middle-section .support-us-section { padding-right: 5px; }
	.header-middle-section .support-us-section,
	.header-middle-section .followers-section { width: 50%; }
	.header-middle-section .support-us-section,
	.header-middle-section .followers-section {
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.header-middle-section h3 { font-size: 16px; }
	.header-middle-section .support-us-section p { font-size: 12px; line-height: 16px; }
	.header-middle-section .followers-count { font-size: 30px; line-height: 36px; }

	/* ===========================
		# slider
	============================ */
	
	.chocos .cartoon-slider-holder ul { height: auto; }
	.chocos ul li a.choco-image { height: auto; border: 0; padding: 0; overflow: visible; }
	.chocos ul li a.choco-image img { border: 1px solid #ddd; display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto; padding: 1px; position: relative; }

	/* ===========================
		# backgrounds
	============================ */
	
	a.rss,
	.mail-h { background-size: contain; }

	/* ===========================
		# buttons
	============================ */
	
	.preview-buttons { padding: 0; text-align: center; height: auto; }
	.preview-buttons a { margin: 0 10px 10px 10px; display: inline-block; float: none; vertical-align: top; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	/* ===========================
		# transitions
	============================ */
	
	.top-nav {
		-webkit-transition: opacity 0.6s, visibility 0.6s, max-height 0.6s, padding-bottom 0.6s; 
		        transition: opacity 0.6s, visibility 0.6s, max-height 0.6s, padding-bottom 0.6s; 
	}

	.btn-main:before,
	.btn-main:after,
	.btn-main span {
		-webkit-transition: all 0.6s; 
		        transition: all 0.6s; 
	}

	/* ===========================
		# general
	============================ */
	
	h2 { font-size: 20px; line-height: 26px; }

	/* ===========================
		# helper
	============================ */
	
	#content,
	.header-middle-section .left-header-section,
	#sidebar,
	.header-middle-section .right-header-section { width: auto; float: none; }

	#sidebar h2 { float: right; min-width: 200px; margin-right: -10px; }
	#sidebar ul li ul { clear: both; }
	#sidebar ul li.latest-blog-widget .button { margin: 20px auto; }

	div#logo { float: none; margin: 0 auto 20px; }

	.post-head { padding-bottom: 10px; }

	/* ===========================
		# header
	============================ */
	
	#top { height: auto; }
	#top .shell { padding: 0 20px; }
	#top-holder { height: auto; top: 0; position: relative; }
	#top-shadow { top: auto; bottom: -11px; }

	#main { padding: 20px 0 40px 0; }

	/* ===========================
		# footer
	============================ */
	
	#footer { position: relative; text-align: center; padding: 20px 0; height: auto; }

	/* ===========================
		# header middle
	============================ */
	
	.header-middle-section { padding-bottom: 0; }
	.header-middle-section .support-us-section, 
	.header-middle-section .followers-section { float: none; width: auto; padding: 20px 0 0 0; text-align: center; }
	.header-middle-section .twitter-follow-button, 
	.header-middle-section .fb-like, 
	.header-middle-section .g-section { margin-right: 10px; }
	.header-middle-section .share-icons { position: relative; padding-top: 20px; }

	/* ===========================
		# navigations
	============================ */
	
	.top-nav { float: none; opacity: 0; position: relative; overflow: hidden; visibility: hidden; max-height: 0; }
	.top-nav ul { font-size: 0; line-height: 0; text-align: center; padding: 0; }
	.top-nav ul li { float: none; display: block; padding: 5px; margin: 0; font-size: 16px; line-height: 18px; vertical-align: top; text-align: center; border: 0; }
	.top-nav ul li ~ li { border-top: 1px solid #fff; }

	.wp-pagenavi { height: auto; position: relative; overflow: hidden; margin: 0 -15px; width: auto; font-size: 0; line-height: 0; text-align: center; padding-bottom: 10px; }
	.wp-pagenavi span, 
	.wp-pagenavi a { float: none; display: inline-block; margin-bottom: 5px; width: 23px; background-size: 100% 100%; vertical-align: top; font-size: 14px; line-height: 24px; }

	/* ===========================
		# posts
	============================ */
	
	.post-cnt { padding: 5px 14px 10px; min-height: 0; }
	
	.post .image img { width: 100%; }

	.similar-posts ul li a.img img { width: 100%; }

	.postmeta .alignleft,
	.postmeta .alignright { float: none; display: block; }

	/* ===========================
		# buttons
	============================ */
	
	.btn-main { display: block; width: 24px; height: 24px; position: relative; margin: 0 auto 20px; }
	.btn-main:before { content: ' '; position: absolute; left: 0; right: 0; top: 50%; height: 4px; background: #fff; margin-top: -10px; }
	.btn-main:after { content: ' '; position: absolute; left: 0; right: 0; bottom: 50%; height: 4px; background: #fff; margin-bottom: -10px; }
	.btn-main:before,
	.btn-main:after {
		-webkit-transform: rotate(0deg); 
		        transform: rotate(0deg); 
	}
	.btn-main span { position: absolute; left: 0; right: 0; top: 50%; height: 4px; background: #fff; opacity: 1; margin-top: -2px; }

	.home-link { margin: 0; display: block; background-position: center 0; width: auto; float: none; background-repeat: no-repeat; }

	.ad-space-top a { position: relative; margin: 0 -20px; }

	a.button, 
	a.button span, 
	a.button-small, 
	a.button-small span { float: none; display: block; max-width: 200px; margin: 0 auto; text-align: center; }

	.box-gradient { height: auto; }

	/* ===========================
		# slider
	============================ */
	
	.chocos ul li { width: 33.333%; }
	.cartoon-slider-holder .cartoon-slider-pagination { position: relative; bottom: 0; font-size: 0; line-height: 0; padding: 20px 0; }
	.cartoon-slider-holder .cartoon-slider-pagination a { vertical-align: top; }
	.choco-button a { display: block; float: none; }

	.cartoon-slider-holder .slide-left-arrow { left: -31px; }
	.cartoon-slider-holder .slide-right-arrow { right: -31px; }

	.download-more-posts .chocos { margin: 0 20px; }
	.download-more-posts .chocos ul li { width: 33.333%; }
	.download-more-posts .chocos .cartoon-slider-holder.large-cartoon-slider .slide-left-arrow { left: -57px; }
	.download-more-posts .chocos .cartoon-slider-holder.large-cartoon-slider .slide-right-arrow { right: -51px; }

	.buy  { clear: both; }

	.badge { width: 70px; height: 70px; background-size: 70px 70px; }

	/* ===========================
		# body classes
	============================ */

	body.show-nav-main .top-nav { opacity: 1; visibility: visible; max-height: 1000px; padding-bottom: 20px; }
	body.show-nav-main .btn-main:before { margin-top: -2px; }
	body.show-nav-main .btn-main:before {
		-webkit-transform: rotate(45deg); 
		        transform: rotate(45deg); 
	}
	body.show-nav-main .btn-main:after { margin-bottom: -2px; }
	body.show-nav-main .btn-main:after {
		-webkit-transform: rotate(-45deg); 
		        transform: rotate(-45deg); 
	}
	body.show-nav-main .btn-main span { opacity: 0; }
	body > a { display: block; }
	body > a img { display: block; margin: 0 auto; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	.chocos ul li { width: 50%; }
	
	.similar-posts ul li { width: 100%; }
	.download-more-posts .chocos ul li { width: 50%; }
}