ขอความช่วยเหลือจากเพื่อนๆ พี่ๆ น้องๆ หน่อยนะครับ คือผมใช้ธีมของ Wordpress ที่ชื่อ kabar แล้วขนาดตัวหนังสือมันตัวเล็กเกินไป ผมเลยอยากจะเพิ่มขนาดให้มันใหญ่ขึ้น เราควรจะปรับตรงไหนดีครับ
ผมลองใช้ปลั๊กอินปรับขนาดแล้ว ผลคือมันต้่องไล่แก้ทีละบทความ ซึ่งมีเยอะมากๆ เลยอยากแก้เอาใน css แต่ทำไม่เป็นอ่ะครับ รบกวนท่านที่แก้ตรงนี้เป็นด้วยนะครับ ขอบคุณล่วงหน้าครับผม
/*
Theme Name: kabar
Theme URI: [url]http://kentooz.com[/url]
Description: kabar is elegant magazine wordpress themes. Nice looking for big content. Support AGC (By default non active).
Author: kentooz - Gian MR
Author URI: [url]http://gianmr.com[/url]
License: GNU General Public License version 3.0
License URI: [url]http://www.gnu.org/licenses/gpl-3.0.html[/url]
Version: 1.03
Tags: light, two-columns, right-sidebar, fixed-width, theme-options, translation-ready, featured-images, custom-menu, editor-style, custom-background
*/
/* ==================
GENERAL #############
==================== */
body {margin: 0px auto 0px;padding-bottom:60px;}
a {color:#121212;text-decoration: none;transition: color 0.5s;-moz-transition: color 0.5s;-webkit-transition: color 1s;-o-transition: color 0.5s;-ms-transition: color 0.5s;}
a:hover,
a:focus,
a:active {text-decoration: none;}
a:focus {outline:none;}
ul {list-style:none;}
h1,
h2,
h3,
h4,
h5,
h6{font-weight: 600;line-height: 1.3;margin-bottom: 4px;margin-top: 0px;color:#111111;}
h1 {font-size:22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:14px;}
blockquote {background: #f8f8f8 url(img/quote.png) no-repeat 12px 21px;font: 16px/18px normal Tahoma,"Times New Roman",Times,serif;padding: 20px 20px 20px 55px;color:#777777;}
.icon-grey {background-image: url("img/glyphicons-halflings-grey.png");}
.white {background:#ffffff;}
.black {background:#333333;}
.allwrap {max-width:980px;margin:0px auto 0px auto;}
.mainheader {max-width:1000px;margin:0px auto 0px auto;}
.bigimage{background:#ffffff;margin:0px 0px 20px;border:1px solid #cccccc;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
.boxwow{background:#ffffff;margin:0px 0px 10px;border:1px solid #cccccc;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
.tweetbox,
.textwidget{background:#ffffff;border:1px solid #cccccc;padding:10px;margin-bottom:20px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
.ktz_twitter h4{margin-bottom:20px;}
.span2 .box-banner{padding:10px;border:1px solid #cccccc;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
/* ====================
SQUEEZE ###############
==================== */
.allwrap.wrap-squeeze {max-width:780px;margin-top:20px;margin-bottom:20px;background:#ffffff;border:none;box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);}
.allwrap.wrap-squeeze .row-fluid .span12{padding:20px;}
.allwrap.wrap-squeeze .video-container,
.footercredits-squeeze {text-align:center;}
.footer-squeeze {max-width:580px;margin:0px auto 0px auto;}
#featuredmain {background:#222222;margin:-1px -20px 0px 0px;}
#featuredmain .span8{width:620px;margin:-1px 0px 0px 0px;}
#featuredmain .span4{width:360px;margin:-1px -20px 0px 0px;}
#featuredmain .span4 img,
#featuredmain .span4 iframe{margin:0px;padding:0px;}
/* ===================
HEADER ###############
==================== */
.mainheader .row.rownavhead {margin:0px -20px 0px -20px;}
.mainheader .row.rowhead {margin:10px -20px 10px -40px;}
.mainheader .span8 {width:728px;}
.mainheader .span4 {width:232px;}
.mainheader .span8 a{float:right;}
.boxwow {position:relative;}
.boxwow .tickerwrap {margin:0px 0px 0px -30px;}
.boxwow .searchwrap {margin:0px -30px 0px 0px;}
.selectnav {display: none;}
.header-sn {position:absolute;right:100px;top:6px;}
/* =====
Search */
#searchform {height:10px;}
#search {color:#333333;position: relative;margin:0px;padding:0px;}
#search input[type="text"] {margin:0px;border: none;padding: 8px 40px 7px 8px;width: 50px;color:#333333;text-transform:uppercase;font-size:11px;background: #fefefe;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
box-shadow: inset 1px 0px 10px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 1px 0px 10px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: inset 1px 0px 10px rgba(0, 0, 0, 0.05);
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
#search input[type="text"]:hover {width: 150px;}
#search input[type="text"]:focus {width: 150px;border: none;border-color: transparent;
box-shadow: inset 1px 0px 10px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 1px 0px 10px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: inset 1px 0px 10px rgba(0, 0, 0, 0.05);
}
#search input[type="submit"] {background-image: url("img/search.png");background-repeat:no-repeat;background-position:center center;border: 0 none;cursor: pointer;height: 35px;overflow: hidden;position: absolute;right: 0px;text-indent: -9999px;top: 0px;width: 35px;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
/* ========
Main menu */
.mainmenu {position:relative;z-index:9999;background: #222222;border-top:3px solid #666666;border-bottom:1px solid #dddddd;text-transform:uppercase;line-height: 20px;margin:0px -10px;
padding-left:30px;padding-right:30px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}
.mainmenu:after {content:"";position:absolute;bottom:-11px;left:0px;border-width:0px 10px 10px 0px;border-style:solid;border-color:transparent #111111;display:block;width:0;}
.mainmenu:before {content:"";position:absolute;bottom:-11px;right:0px;border-width:0px 0px 10px 10px;border-style:solid;border-color:transparent #111111;display:block;width:0;}
.mainmenu.affix{z-index:9999;position: fixed;top: 0px;width: auto;margin:auto -10px auto -10px;padding-left:30px;padding-right:30px;}
.mainmenu ul#topmenu{margin-left:-20px;margin-right:-20px;position: relative;}
.mainmenu ul#topmenu > li {display: block;float: left;position: relative;}
.mainmenu ul#topmenu > li > a {border-top:3px solid #0198cd;margin-top:-3px;color: #fefefe;display: block;font-weight:700;padding: 10px 20px;text-decoration: none !important;
transition: background 1s;
-moz-transition: background 1s;
-webkit-transition: background 1s;
-o-transition: background 1s;
-ms-transition: background 1s;
}
.mainmenu ul#topmenu > li a:hover {border-top:3px solid #0198cd;margin-top:-3px;background:#444444;}
.mainmenu ul#topmenu > li:nth-child(1n+1) > a {border-color: #e671b5;}
.mainmenu ul#topmenu > li:nth-child(2n+1) > a {border-color: #19a2de;}
.mainmenu ul#topmenu > li:nth-child(3n+1) > a {border-color: #8cbe29;}
.mainmenu ul#topmenu > li:nth-child(4n+1) > a {border-color: #ef9608;}
.mainmenu ul#topmenu > li:nth-child(5n+1) > a {border-color: #a500ff;}
.mainmenu ul#topmenu > li:nth-child(1n+1) > a:hover {background: #e671b5;}
.mainmenu ul#topmenu > li:nth-child(2n+1) > a:hover {background: #19a2de;}
.mainmenu ul#topmenu > li:nth-child(3n+1) > a:hover {background: #8cbe29;}
.mainmenu ul#topmenu > li:nth-child(4n+1) > a:hover {background: #ef9608;}
.mainmenu ul#topmenu > li:nth-child(5n+1) > a:hover {background: #a500ff;}
.mainmenu ul#topmenu > li li a:hover {background: transparent url(img/black-opacity.png) repeat scroll 0 0;background: rgba(0, 0, 0, 0.1);}
.mainmenu ul#topmenu > li > a {position: relative;}
.mainmenu ul#topmenu ul {background: #333333;display: none;left:-25px;padding: 0;position: absolute;top: 38px;width: 125px;z-index: 99;
box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
-moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
}
.mainmenu ul#topmenu ul a {
border: 0;
border-top: 1px solid #484848;
border-bottom: 1px solid #292929;
color: #fff;
display: block;
font-size: 12px;
letter-spacing: 0;
font-weight: 500;
padding:7px 12px !important;
text-align: left;
text-transform: none;
}
.mainmenu ul#topmenu ul a:hover,
.mainmenu ul#topmenu ul .hover > a,
.mainmenu ul#topmenu ul .current_page_item > a,
.mainmenu ul#topmenu ul .current_page_item > a:hover,
.mainmenu ul#topmenu ul .current_page_parent > a,
.mainmenu ul#topmenu ul .current_page_parent > a:hover {background: #333333;color: #fff;border-top:1px solid #484848;margin-top:0px;}
.mainmenu ul#topmenu ul .current_page_item:after,
.not-ie #mainmenu ul#topmenu ul .current_page_parent:after {display: none;}
.mainmenu ul#topmenu ul li {float: none;}
.mainmenu ul#topmenu li:hover > ul {display: block;top: 38px;}
.mainmenu ul#topmenu ul ul {left: 200px !important;top: 0 !important;}
/* ========
Top Navigation */
#secondnav {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);}
/* ========
Second menu */
#secondmenu {display:block;font-size: 12px;line-height: 34px;height:34px;margin-top:0px;margin-right:-20px;position: relative;text-transform:uppercase;}
#secondmenu ul {padding:0px;margin:0px;position: relative;}
#secondmenu ul:after{content:"";position:absolute;border-style:solid;display:block;width:0;top:0px;bottom:auto;left:auto;right:0px;border-width:17px 0 17px 0px;border-color:transparent #333333;}
#secondmenu ul:before {content:"";position:absolute;border-style:solid;display:block; width:0;top:-1px;bottom:auto;left:auto;right:-1px;border-width:18px 0 18px 1px;border-color:transparent #ffffff;}
#secondmenu ul > li {display: block;float: left;}
#secondmenu ul > li > a {position:relative;color: #fefefe;display: block;padding: 7px 5px;text-decoration: none !important;
transition: background 1s;
-moz-transition: background 1s;
-webkit-transition: background 1s;
-o-transition: background 1s;
-ms-transition: background 1s;
}
#secondmenu ul > li a:hover{color:#fffca7;}
#secondmenu ul > li > a:after{
content:"";
position:absolute;
border-style:solid;
display:block;
width:0;
top:0px;
bottom:auto;
right:auto;
left:0px;
border-width:17px 0 17px 0px;
border-color:transparent #333333;
}
#secondmenu ul > li > a:before {
content:"";
position:absolute;
border-style:solid;
display:block;
width:0;
top:-1px;
bottom:auto;
right:auto;
left:-1px;
border-width:18px 0 18px 1px;
border-color:transparent #ffffff;
}
#secondmenu ul > li > a {position: relative;}
/* ========
Date */
.ktzdate {margin-top:7px;margin-left:-20px;background:#fefefe;font-size:10px;padding:0px 5px;
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.15);
}
/* ========
Logo */
#logo {color:#e51400;font-weight:bold;position:relative;}
#logo h1.homeblogtit-hide,
#logo h2.singleblogtit-hide,
#logo h1.homeblogtit-hide a,
#logo h1.homeblogtit-hide a:visited,
#logo h2.singleblogtit-hide a,
#logo h2.singleblogtit-hide a:visited,
#logo h2.desc-hide,
#logo h3.desc-hide {display:none;}
#logo h1.homeblogtit,
#logo h2.singleblogtit {margin-top:10px;font-size:30px;text-align:left;line-height:30px;}
#logo h1.homeblogtit a,
#logo h1.homeblogtit a:visited,
#logo h2.singleblogtit a,
#logo h2.singleblogtit a:visited {text-decoration: none;color:#333333;text-shadow: 1px 1px 1px #FFF; font-weight: bold;}
#logo h2.desc,
#logo h3.desc {font-size: 16px;text-align:left;line-height:16px;color:#333333;text-shadow: 1px 1px 1px #FFF;}
/* =====================
CAROUSEL ###############
===================== */
.list_carousel {position:relative;}
.list_carousel ul {margin: 0px;padding: 0px;list-style: none;display: block;}
.list_carousel li {background: #dddddd;padding: 15px;width:250px;height:60px;min-height:60px;margin: 0px 10px 20px 10px;display: block;float: left;overflow:hidden;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.list_carousel li:hover a {color:#ffffff;}
.list_carousel li img{margin-right:10px;}
.list_carousel a.prev,
.list_carousel a.next {background: #777777;display: block;height:80px;width:10px;padding:5px;position: absolute;top:50%;z-index: 10;}
.list_carousel a.prev {top:10px;left:0px;}
.list_carousel a.next {top:10px;right:0px;}
.list_carousel #prev-1 span{display:block;margin-right:5px;margin-top:35px;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right:10px solid #fefefe;}
.list_carousel #next-1 span{margin-right:5px;display:block;margin-top:35px;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left:10px solid #fefefe;}
.widget_carousel {margin-bottom:10px;}
.widget_carousel .list_carousel a.prev,
.widget_carousel .list_carousel a.next {top:10px;}
/* =====================
ELASTIC SLIDER #########
===================== */
.ei-slider{position: relative;width: 100%;max-width: 620px;height: 300px;margin: 0 -25px 0px -25px;}
.ei-slider-loading{width: 100%;height: 100%;position: absolute;top: 0px;left: 25px;background: rgba(0,0,0,0.9);color: #fff;text-align: center;line-height: 300px;}
.ei-slider-large{height: 100%;width: 100%;position:relative;overflow: hidden;}
.ei-slider-large li{position: absolute;top: 0px;left: 0px;overflow: hidden;height: 100%;width: 100%;}
.ei-slider-large li img{width: 100%;}
.ei-title{position: absolute;left: 5%;margin-right: 13%;top: 30%;}
.ei-title h3,
.ei-title h4{text-align: right;}
.ei-title h3 a{background:#000000;color: #ffffff;padding:5px 10px;
opacity: 0.7;
filter: alpha(opacity=70);
}
.ei-title h3{font-size: 18px;line-height: 18px;}
.ei-title h4{font-size: 70px;line-height: 70px;font-family: 'Open Sans Condensed', sans-serif;text-transform: uppercase;color: #000;}
.ei-slider-thumbs{height: 12px;margin: -10px -25px 0 25px;position: relative;}
.ei-slider-thumbs li{position: relative;float: left;height: 100%;}
.ei-slider-thumbs li.ei-slider-element{top: 0px;left: 0px;position: absolute;height: 12px;z-index: 10;text-indent: -9000px;background: #333333;}
.ei-slider-thumbs li a{display: block;text-indent: -9000px;background: #0198cd;width: 100%;height: 100%;cursor: pointer;
-webkit-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
-ms-transition: background 0.2s ease;
transition: background 0.2s ease;
}
.ei-slider-thumbs li:nth-child(1n+1) a {background: #e671b5;}
.ei-slider-thumbs li:nth-child(2n+1) a {background: #19a2de;}
.ei-slider-thumbs li:nth-child(3n+1) a {background: #8cbe29;}
.ei-slider-thumbs li:nth-child(4n+1) a {background: #ef9608;}
.ei-slider-thumbs li:nth-child(5n+1) a {background: #a500ff;}
.ei-slider-thumbs li a:hover{background: #333333;}
.ei-slider-thumbs li img{position: absolute;bottom: 50px;z-index: 999;max-width: 100%;
opacity: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-box-reflect:
below 0px -webkit-gradient(
linear,
left top,
left bottom,
from(transparent),
color-stop(50%, transparent),
to(rgba(255,255,255,0.3))
);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{bottom: 13px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* ====================
ELEMENT ###############
=================== */
#top-ticker {height: 25px;overflow: hidden; position: relative;padding-left:10px;}
#top-ticker li {height: 17px;overflow: hidden;padding:6px 6px 4px 6px;}
.title-ticker {color:#ffffff;text-shadow: 1px 1px 1px #555555;text-transform:uppercase;margin:0px;padding:7px 10px 8px 10px;}
.title-ticker span {position:relative;}
.title-ticker span:after {content:"";position:absolute;top:1px;right:-17px;border-width:8px 0px 8px 8px;border-style:solid;display:block;width:0;}
.title-picks{color:#ffffff;text-shadow: 1px 1px 1px #555555;text-transform:uppercase;margin:0px;height:12px;}
.title-picks span:after {content:"";position:absolute;bottom:-8px;left:20px;border-width:8px 8px 0px 8px;border-style:solid;display:block;width:0;}
.title-picks span {position:relative;font-size:16px;top:6px;margin:0px 0px 0px 0px;padding:5px 10px;z-index:99;}
.wrapmodule {margin-top:20px;}
ul.related-post {list-style: none;display: block;}
ul.related-post li {background: #f6f6f6;width:140px;display: block;float: left;}
ul.related-post li h4 {font-size:14px;margin:10px;}
/* ========
Breadcrumbs */
#breadcrumbs-wrap {background: none repeat scroll 0 0 #F4F4F4;border: 1px solid #fefefe;font-size: 12px;margin: 20px auto 0px;overflow: hidden;padding: 0 15px;position: relative;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
#breadcrumbs-wrap a,
#breadcrumbs-wrap > span {color: #333333;display: inline-block;height: 12px;line-height: 12px;margin-right: 5px;padding: 6px 20px 6px 0;position: relative;text-decoration: none !important;}
#breadcrumbs-wrap a {background: url("img/crumb-arrow.png") no-repeat scroll right center transparent;}
#breadcrumbs-wrap a:hover,
#breadcrumbs-wrap a:focus {text-decoration: underline;}
#breadcrumbs:after {background: transparent url(img/white-opacity.png) repeat scroll 0 0;background: rgba(255,255,255,0.1);bottom: 0;content: "";display: block;position: absolute;right: 0;top: 0;width: 100px;}
#breadcrumbs-wrap .breadcrumbs a:first-child span {display: none;}
/* =================
LOOP ###############
================= */
.titlepage h1 {font-size:24px;margin:0px;padding:0px 0px 20px 0px;line-height:24px;text-transform:uppercase;}
.titlecat {margin-bottom:10px;}
.titlecat p {position:relative;text-shadow: 1px 1px 1px #FFF;background: #dddddd;padding:10px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.titlecat p:after {content:"";position:absolute;top:-10px;left:30px;border-width:0px 10px 10px 10px;border-style:solid;border-color:#dddddd transparent;display:block;width:0;}
.page-link {margin-top:10px;margin-bottom:10px;font-size:14px;font-weight:700;display:block;padding:10px 0px;}
.page-link span{font-size:14px;font-weight:500;}
.page-link a{padding:5px 8px;color:#fefefe;}
.thumbnail {padding:0px;border:0px;}
.new-content{margin-top:20px;}
.entry-bigbody .image-date{margin-bottom:20px;}
.entry-date,
.entry-date a {color: #999999;font-size: 11px;}
.entry-author,
.tags,
.entry-categories,
.entry-author a,
.tags a,
.entry-categories a,
.entry-date-single,
.entry-date-single a{margin-right:10px;line-height:12px;color: #bababa;font-size: 10px;text-transform:uppercase;}
.entry-author a,
.tags a,
.entry-categories a,
.entry-date-single a{border-bottom:1px dotted #bababa;}
.entry-author .icon-user,
.entry-categories .icon-list-alt {margin-top:1px;margin-right:0px;}
.meta-aftertitle {margin-bottom:10px}
.metasingle-aftertitle {border-bottom:3px double #dddddd;border-top:1px solid #dddddd;padding:5px 0px 10px 0px;margin-top:10px;margin-bottom:10px}
.meta-content{display:block;margin:15px 0px;}
a.linkimage img {
opacity: 1;
filter: alpha(opacity=100);
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
a.linkimage img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
hr.hr-dotted{margin: 0px 0px 20px 0px;}
hr.hr-dotted-2{margin: 0px 0px 20px 0px;border-style:dashed;border-color:#ffffff;}
.entry-meta {text-align:right;margin:5px 0px;}
.entry-embbed {display:block;margin-bottom:20px;}
.entry-body.entry-firstbody {margin-bottom:20px;}
.entry-body .row,
.entry-search .row {margin-bottom:20px;}
.entry-body ul,
.entry-page ul {list-style-type:disc;}
.entry-body,.entry-search {position:relative;}
.error-img {text-align:center;margin-top:30px;display:block;}
.wrapcomment .entry-head {font-size:16px;line-height:16px;padding:10px;background: #f6f6f6 url(img/pattern.png) repeat scroll;text-transform:uppercase;border-top:1px solid #DDDDDD;}
.wrapcomment .entry-head a{color:#444444;}
.readmore, .readmore:hover {
color:#ffffff;
font-size:11px;
width:90px;
font-size:10px;
display:block;
text-align:center;
padding-top:3px;
padding-bottom:3px;
margin-top:10px;
text-transform:uppercase;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#commentform p.input-prepend {float:left;margin-right:10px;border:5px solid #dddddd;}
#commentform input,
#commentform textarea,
#commentform .add-on {border:0px;
box-shadow: inset 0 1px 25px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 25px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: inset 0 1px 25px rgba(0, 0, 0, 0.05);
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
#commentform textarea {border:5px solid #dddddd;margin-top:15px;width:100%;max-width:400px;}
input#comment-submit {border:5px solid #dddddd;padding:6px 12px;font-weight:bold;color:#fefefe;
box-shadow: inset 0 1px 25px rgba(0, 0, 0, 0.025);
-moz-box-shadow: inset 0 1px 25px rgba(0, 0, 0, 0.025);
-webkit-box-shadow: inset 0 1px 25px rgba(0, 0, 0, 0.025);
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}
.btn-box{
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
.archivebanner {margin-bottom:20px;text-align:center;}
.bannersinglefot{margin-top:20px;margin-bottom:20px;text-align:center}
.sharedpost {display:block;padding:10px 0px;margin:20px 0px 20px 0px;background:#f8f8f8;width:100%;}
.in-sharedpost {padding:0px 10px;}
.rating-box {width: 65px;height: 13px;margin-top:5px;background: url(img/star-rating-sprite.png) 0 0;}
.rating-box .rating-title,
.rating-box .rating-desc,
.rating-box .rating-author,
.rating-box .rating-date,
.rating-box .rating-summery {display:none;}
.rating0,
.rating05,
.rating1,
.rating15,
.rating2,
.rating25,
.rating3,
.rating35,
.rating4,
.rating45,
.rating5{display: block; height: 13px;background: url(img/star-rating-sprite.png) 0 -13px;}
.rating0 {width: 0%;}
.rating05 {width: 10%;}
.rating1 {width: 20%;}
.rating15 {width: 30%;}
.rating2 {width: 40%;}
.rating25 {width: 50%;}
.rating3 {width: 60%;}
.rating35 {width: 70%;}
.rating4 {width: 80%;}
.rating45 {width: 90%;}
.rating5 {width: 100%;}
.authorbox{position:relative;margin:20px -1px;background:#f8f8f8;}
.authorbox h4.entry-title {padding:20px 0px 0px 0px;}
.authorbox .author-thumb{padding:20px 0px 0px 20px;}
.authorbox .author-desc {padding:0px 20px 20px 0px;}
/* ===================================================
##################### 2. Start LOOP MAGAZINE ########
================================================== */
.trending {margin:0px -20px;width:100%;height:40px;padding:0 20px;border-width:3px 0px 0px 0px; border-style:solid;background:#efefef;}
.trending ul {margin:0px -20px;font-size:16px;font-weight:700;}
.trending ul li{padding:10px 0px;float:left;}
.trending ul li.title-trend{padding:10px 10px;color:#ffffff;}
.trending ul li a{padding:10px 10px 9px 10px;}
.trending ul li a:hover {color:#ffffff;}
.trending ul li:nth-child(6) a {background: #efefef;}
.trending ul li:nth-child(5) a {background: #dfdfdf;}
.trending ul li:nth-child(4) a {background: #cecece;}
.trending ul li:nth-child(3) a {background: #bebebe;}
.trending ul li:nth-child(2) a {background: #aeaeae;}
.trending ul li:nth-child(1) a {background: #9f9f9f;}
.trending ul li:nth-child(1) a:hover {background: #19a2de;}
.trending ul li:nth-child(2) a:hover {background: #e671b5;}
.trending ul li:nth-child(3) a:hover {background: #19a2de;}
.trending ul li:nth-child(4) a:hover {background: #8cbe29;}
.trending ul li:nth-child(5) a:hover {background: #ef9608;}
.trending ul li:nth-child(6) a:hover {background: #a500ff;}
.wrap-banner {margin-bottom:20px;}
.wrapmagazine,
.wrapwidget,
.wrapwidget .container,
.wrapmodule-4 {margin-top:20px;}
.mar-module-4{margin:15px;}
.featured-boxmodule{position:relative;overflow:hidden;margin-bottom:20px;}
.featured-boxmodule-2{position:relative;overflow:hidden;}
.featured-boxmodule h3 a,
.featured-boxmodule-2 h4 a {color:#ffffff;}
.featured-boxmodule h3,
.featured-boxmodule-2 h4 {
background:#000000;
font-size:14px;
padding:10px;
margin:0px;
line-height:20px;
position:absolute;
bottom:0px;
width:100%;
opacity: 0.7;
filter: alpha(opacity=70);
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.titlebox a {color:#fefefe;}
.featured-related {margin-bottom:10px;}
.relatedlist-1{border-top:5px solid #dddddd;border-right:5px solid #dddddd;padding:10px 10px 0px 0px;}
.featured-related-2 {padding:0px 15px 10px 15px;margin-right:-15px;}
.featured-related-2 h5 {
width:110px;
float:left;
border-top:3px solid #dddddd;
border-right:3px solid #dddddd;
padding:10px 15px 0px 0px;
margin-right:10px;
}
.module-2 .modulebox {margin-bottom:10px;}
.featured-related div,
.featured-related hr {margin-bottom:5px;}
.featured-related-3 {background:#2d5c88;}
.featured-related-3 a {color:#ffffff;}
.featured-related-3 a:hover {color:#efefef;}
.featured-related-3 div {padding:8px 15px 5px 15px;}
.featured-related-3 hr{margin-top:0px;margin-bottom:0px;}
.featured-related img,
.featured-popular img {margin-right:15px;}
.modulebox {margin:0px;padding:15px;background:#ffffff;}
/* WIDGET POPULAR */
.popular-title{
color:#ffffff;
text-shadow: 1px 1px 1px #555555;
text-transform:uppercase;
background: #efefef url(img/pattern-2.png) repeat scroll;
margin:10px 0px 0px 0px;
text-align:center;
}
.popular-title span:after {
content:"";
position:absolute;
top:-8px;
left:-25px;
border-width:16px 30px 17px 10px;
border-style:solid;
display:block;
width:0;
}
.popular-title span:before {
content:"";
position:absolute;
top:-8px;
right:-25px;
border-width:16px 10px 17px 30px;
border-style:solid;
display:block;
width:0;
}
.popular-title span {
position:relative;
font-size:16px;
margin:0px;
padding:5px 30px;
}
.popular-title span a {color:#ffffff;text-shadow: 1px 1px 1px #555555;}
.popularmodule {margin:0px 0px 20px;border-width:8px 8px 5px 8px;border-style:solid;border-color:#cccccc;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
.featured-popular {width:100%;}
.featured-popular .in-featured-popular{padding:10px;border-bottom:3px solid #cccccc;
transition: opacity 1s;
-moz-transition: opacity 1s;
-webkit-transition: opacity 1s;
-o-transition: opacity 1s;
-ms-transition: opacity 1s;
}
.featured-popular .in-featured-popular:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.featured-popular .leave-reply ,
.featured-popular .leave-reply a {
position:relative;
font-size:12px;
margin-top:5px;
padding:0px 4px;
color:#ffffff;
}
.featured-popular .leave-reply:after {
content:"";
position:absolute;
top:-5px;
left:20px;
border-width:0px 5px 5px 5px;
border-style:solid;
display:block;
width:0;
}
.featured-popular .list-pop1 .leave-reply:after{border-color:#e671b5 transparent;}
.featured-popular .list-pop2 .leave-reply:after{border-color:#19a2de transparent;}
.featured-popular .list-pop3 .leave-reply:after{border-color:#8cbe29 transparent;}
.featured-popular .list-pop4 .leave-reply:after{border-color:#ef9608 transparent;}
.featured-popular .list-pop5 .leave-reply:after{border-color:#a500ff transparent;}
.list-pop1 .leave-reply {background: #e671b5;}
.list-pop2 .leave-reply {background: #19a2de;}
.list-pop3 .leave-reply {background: #8cbe29;}
.list-pop4 .leave-reply {background: #ef9608;}
.list-pop5 .leave-reply {background: #a500ff;}
/* Module 3 CSS */
a.feed-cat{width: 12px;height: 12px;background: url(img/feed.png) no-repeat center;display:block;margin:5px 5px auto auto;text-decoration:none;}
.featured-module .row {padding:10px 0px 0px 0px;}
.module-2 {margin-bottom:10px;}
.mostview-single h3 {margin:0px;font-size:14px;line-height:16px;margin:0px 0px 10px 0px;text-transform:uppercase;}
/* ===================================================
##################### 5. Start WIDGET ###############
================================================== */
.fulltopmodule {margin-top:20px;}
.fulltopmodule.widget-area {margin-bottom:-20px;}
.widget {display:block;position:relative;}
.widget ul{list-style:none;}
.ktz_banner {position:relative;margin-bottom:20px;}
.wrapmagazine .ktz_banner {text-align:center;}
.ktz_facebook{margin-bottom:20px;position:relative;padding:0px 0px;border:none;}
.widget-title{color:#ffffff;text-shadow: 1px 1px 1px #555555;text-transform:uppercase;background: #efefef url(img/pattern-2.png) repeat scroll;margin:10px 0px 10px 0px;}
.widget-title span {position:relative;font-size:16px;margin:0px 0px 0px 0px;padding:5px 10px;}
.widget-title span:after {
content:"";
position:absolute;
bottom:8px;
right:-8px;
border-width:8px 0px 8px 8px;
border-style:solid;
display:block;
width:0;
}
.widget-title span a {color:#ffffff;text-shadow: 1px 1px 1px #555555;}
.widget-area .tagcloud {padding:10px 0px;}
.widget-area .widget{padding:0px;position: relative;}
.widget-area ul{padding:10px 0px;}
.sbar .widget li{
background: url(img/listarticle.png) no-repeat 0 11px;
padding:5px 0px 5px 16px;
list-style-type: none;
margin-left: -25px;
border-width:0px 0px 1px 0px;
border-style:solid;
border-color: #dddddd;
}
.ktz_social ul.icon24px,
.widget_ktz-tags ul.wp-tag-cloud,
.wraptags ul.wp-tag-cloud{padding:10px 10px 0px 10px;}
.widget-area .widget_text {margin-bottom:20px;}
.widget-area .textwidget {margin-top:20px;}
.sbar .widget li small {font-size:11px;}
.widget_search{margin-bottom:10px;}
.widget_search .input-append,
.entry-content .input-append {border:5px solid #dddddd;}
.widget_search .input-append input,
.entry-content .input-append input {border:0px;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.05);
-webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.05);
}
.widget_search .input-append button,
.entry-content .input-append button {background:#dddddd;border:0px;padding:4px 10px;font-weight:bold;color:#fefefe;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.05);
-webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.05);
}
.widget_feedburner {margin-bottom:20px;padding:20px;}
.feedburner_text {text-shadow: 1px 1px 1px #FFF;}
.widget_feedburner .input-append {margin-top:20px;border:3px solid #dddddd;}
.widget_feedburner .input-append input {width:65%;background:#ffffff;border:0px;color:#333333;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.05);
-webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.05);
}
.widget_feedburner .input-append button {background:#333333;border:0px;padding:4px 8px;font-weight:bold;color:#fefefe;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
.widget_feedburner .input-append button:hover,
input#comment-submit:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.widget-area ul.wp-tag-cloud,
.wraptags ul.wp-tag-cloud {position:relative;overflow:hidden;margin:10px 0px 15px;padding:0px;list-style:none;}
.widget-area ul.wp-tag-cloud li,
.wraptags ul.wp-tag-cloud li {float:left;margin:0px 3px 3px 0px;padding:0px;}
.widget-area ul.wp-tag-cloud li a,
.wraptags ul.wp-tag-cloud li a {display:block;font-weight:bold;padding:4px 8px;color:#fefefe;vertical-align:baseline;white-space:nowrap;
transition: background-color 1s;
-moz-transition: background-color 1s;
-webkit-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
}
.widget-area ul.wp-tag-cloud li a:hover,
.wraptags ul.wp-tag-cloud li a:hover {color:#fefefe;background:#333333;text-decoration:none;}
.ktz_twitter ul,
.ktz_tabber ul {list-style:none;}
.widget-area .ktz_tabber {padding-top:0px;}
.widget-area .ktz_twitter li a{display:inline;line-height: 18px;padding:0px;text-decoration: none;}
.widget-area .ktz_tabber li a:before,
.widget-area .ktz_twitter li a:before {content: "";}
.widget-area .ktz_tabber li a:hover,
.widget-area .widget li a:hover {background-color: transparent;background-image:none;}
.widget-area .ktz_tabber li a:hover:before,
.widget-area .ktz_tabber li a:focus:before,
.widget-area .ktz_twitter li a:hover:before,
.widget-area .ktz_twitter li a:focus:before {content: "";}
.sbar .ktz_twitter li {padding:10px 0px;background:none;}
span.tweet-content { background:transparent url(img/twitter-16.png) no-repeat;padding-left:20px;padding-right:5px;}
.sbar #post-tabs ul li,
.sbar #comments-tabs ul li,
.sbar #tags-tabs ul li {padding:5px 0px;background:none;}
.sbar #tags-tabs {padding-left:0px;}
.sbar #tags-tabs ul li{border-bottom:none}
.sbar #ktzsbtab{padding:0px;margin:0px;border-width:0px 0px 3px 0px;border-style:solid;}
.sbar #ktzsbtab li {background:none;margin:0px 1px 0px 0px;padding:0px;border-bottom:none;}
.sbar #ktzsbtab li a {font-weight:bold;color:#333333;}
.sbar #ktzsbtab li a:link {color:#333333;background:#f6f6f6;}
.sbar #ktzsbtab li a:hover,
.sbar #ktzsbtab li.active a {text-transform:uppercase;color:#ffffff;}
.sbar #ktzsbtab li a{text-transform:uppercase;padding:7px 15px;border:none;
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
}
#post-tabs ul li img,
#comments-tabs ul li img,
#tags-tabs ul li img {float:left;margin-right:10px;}
#fb-root {display: none;}
#flickr_badge_wrapper {margin-top:20px;margin-bottom:20px;}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {width: 100% !important;}
/* =========
ICON CSS **/
ul.icon24px {position:relative;overflow: visible;margin:0px 0px 5px;padding:0px;list-style:none;}
ul.icon24px li {float:left;margin:0px 3px 3px 0px;padding:0px;width:24px;height:24px;display:block;}
ul.icon24px li a {width:24px;height:24px;display:block;padding:0px;background:url(img/icon24.png) 0px 0px no-repeat;}
ul.icon24px li a:hover {width:24px;height:24px;display:block;padding:0px;background:url(img/icon24.png) 0px 0px no-repeat;}
ul.icon24pxshare {position:relative;overflow: visible;margin:0px -3px 0px 0px;padding:0px;list-style:none;}
ul.icon24pxshare li{float:left;margin:0px 3px 0px 0px;padding:0px;width:24px;height:24px;display:block;}
ul.icon24pxshare li a {width:24px;height:24px;display:block;padding:0px;background:url(img/icon24share.png) 0px 0px no-repeat;}
ul.icon24pxshare li a:hover {width:24px;height:24px;display:block;padding:0px;background:url(img/icon24share.png) 0px 0px no-repeat;opacity: 0.7;filter: alpha(opacity=70);}
ul.icon24px li a.twitter,
ul.icon24px li a.twitter,
ul.icon24pxshare li a.twitter {background-position: 0px 0px;}
ul.icon24px li a.facebook ,
ul.icon24pxshare li a.facebook{background-position: -30px 0px;}
ul.icon24px li a.in,
ul.icon24pxshare li a.stumbleupon {background-position: -60px 0px;}
ul.icon24px li a.gplus,
ul.icon24pxshare li a.reddit {background-position: -90px 0px;}
ul.icon24px li a.dribble,
ul.icon24pxshare li a.linkedin {background-position: -120px 0px;}
ul.icon24px li a.flickr,
ul.icon24pxshare li a.digg {background-position: -150px 0px;}
ul.icon24px li a.deviant,
ul.icon24pxshare li a.delicious {background-position: -180px 0px;}
ul.icon24px li a.blogger {background-position: -210px 0px;}
ul.icon24px li a.vimeo {background-position: -240px 0px;}
ul.icon24px li a.youtube {background-position: -270px 0px;}
ul.icon24px li a.rss {background-position: -300px 0px;}
/* ===================================================
##################### 7. Start COMMENT ##############
================================================== */
.alt {margin: 0; padding: 10px;}
.commentlist {list-style:none; margin:0px 0px 20px 0px;}
.commentlist ul.children {margin:0px 0px 0px 15px;}
.commentlist ul,
.commentlist ul ul {list-style:none;}
.commentlist li {margin-bottom:18px;border-bottom:1px solid #ddd;}
.commentlist li li {padding:18px 0px 0px 0px;margin-bottom:0px;border-bottom:none; border-top:1px solid #ddd;}
.commentwrapper {position:relative;}
.author-card {position:relative;display:block;float:left;margin-bottom:20px;margin-right:20px;text-align:center;}
.comment_meta {margin-bottom:9px;}
.author_comment {font-size:10px;color:#fff;margin:0px;width:70px;text-transform:uppercase;padding:2px auto;position:absolute;bottom:0;left:0;opacity: 0.75;filter: alpha(opacity=75);}
.comment_author_link {font-size:1em;font-weight:bold;margin-right:6px;}
.comment-date,
.edit_comment,
.comment-reply {font-size:0.9em;color:#888;padding:0px 6px;border-left:1px solid #ddd;text-transform:uppercase;}
.edit_comment a,
.comment-reply a {border-bottom:1px solid #ccc;text-transform:uppercase;}
.edit_comment a:hover,
.comment-reply a:hover {border-bottom-color:#999;text-decoration:none;}
.comment_data {margin-bottom:20px;}
.cancel-comment-reply {font-size:0.95em;margin:0px;}
h3#reply-title {line-height:14px;font-size:14px;margin-bottom:20px;padding:10px 0px;border-bottom:3px double #dddddd;text-transform:uppercase;}
a#cancel-comment-reply-link {color:#999;}
a#cancel-comment-reply-link:hover {color:#333;}
/* ===================================================
##################### 8. Start FOOTER ###############
================================================== */
.wrapfootwidget {border-top:1px solid #dddddd;background: #b1bdc4;text-shadow: 1px 1px 1px #FFF;}
.wrapfootwidget .row {margin-top:20px}
.wrapfootwidget a {text-shadow: 1px 1px 1px #FFF;}
.wrapfootwidget .bigimage {background:#ffffff;}
.copyright{
width: 100%;
position:relative;
background:#333333 url(img/pattern-2.png) repeat scroll 0 0;
color: #fefefe;
margin:0px -10px;
font-size: 12px;
padding: 10px 10px 5px 10px;
}
.copyright:after {
content:"";
position:absolute;
top:-11px;
left:0px;
border-width:10px 10px 0px 0px;
border-style:solid;
border-color:transparent #111111;
display:block;
width:0;
}
.copyright:before {
content:"";
position:absolute;
top:-11px;
right:0px;
border-width:10px 0px 0px 10px;
border-style:solid;
border-color:transparent #111111;
display:block;
width:0;
}
.copyright a {color: #fefefe;}
.footercredits {text-align:center;color:#dedede;display:block;}
#back-top {width: 30px;height: 30px;display: block;cursor: pointer;position: fixed;bottom: 10px;right: 10px;display:none;}
#back-top span {position:absolute;bottom:10px;left:5px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fefefe;cursor: pointer;}
#back-top:hover {background-color: #333333;}
/* =Kentooz shortcode
-------------------------------------------------------------- */
/* Kentooz Framework CSS for shortcode */
/* Dropcap */
.dropcap {display:block;float:left;font-size:36px;line-height:36px;margin:5px 8px 0px 0;padding:2px 4px;}
.white-dropcap {color:#ffffff;}
.label-orange {background:#f16529;}
.dropcap-rounded {display:block;float:left;font-size:36px;line-height:36px;margin:5px 8px 0px 0;padding:2px 4px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.dropcap-cycle{ display:block;float:left;font-size:36px;line-height:36px;margin:5px 8px 0px 0;padding:3px 10px;border-radius:500px;-webkit-border-radius:500px;-moz-border-radius:500px;}
/* Table */
.table table{width: 100%;margin-bottom: 20px;}
.table-bordered {border: 0px solid #dddddd;}
.table-bordered table {border: 1px solid #dddddd;border-collapse: separate;*border-collapse: collapse;border-left: 0;}
/* Button */
.btn.black,.btn.blue,.btn.green,.btn.red,.btn.teal,.btn.steel {color:#ffffff;border:none;text-shadow:none;}
.btn.black:hover,.btn.black:active,.btn.black.active,.btn.black.disabled,.btn.black[disabled] {background:#333333;opacity: 0.75;filter: alpha(opacity=75);}
.btn.blue:hover,.btn.blue:active,.btn.blue.active,.btn.blue.disabled,.btn.blue[disabled]{background:#1ba1e2;opacity: 0.75;filter: alpha(opacity=75);}
.btn.green:hover,.btn.green:active,.btn.green.active,.btn.green.disabled,.btn.green[disabled]{background:#5fb435;opacity: 0.75;filter: alpha(opacity=75);}
.btn.red:hover,.btn.red:active,.btn.red.active,.btn.red.disabled,.btn.red[disabled]{background:#e51400;opacity: 0.75;filter: alpha(opacity=75);}
.btn.teal:hover,.btn.teal:active,.btn.teal.active,.btn.teal.disabled,.btn.teal[disabled]{background:#00aba9;opacity: 0.75;filter: alpha(opacity=75);}
.btn.steel:hover,.btn.steel:active,.btn.steel.active,.btn.steel.disabled,.btn.steel[disabled]{background:#657688;opacity: 0.75;filter: alpha(opacity=75);}
/* Accordion */
.accordion-heading .accordion-toggle {position:relative;}
.accordion-heading .accordion-toggle span{cursor: pointer;display:inline-block;margin-right:5px;margin-bottom:2px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #1ba1e2;}
.accordion-heading .accordion-toggle span.active {border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid transparent;border-bottom: 6px solid #1ba1e2;}
/* highlight */
.label-black,.badge-black {background-color:#333333;}
.label-blue,.badge-blue {background-color:#1ba1e2;}
.label-green,.badge-green {background-color:#5fb435;}
.label-red,.bagde-red {background-color:#e51400;}
.label-teal,.badge-teal {background-color:#00aba9;}
.label-steel,.badge-steel {background-color:#657688;}
/* Tooltips */
#ktztooltips {font-weight:700;}
/* List style */
.none ul,.arrow1 ul,.arrow2 ul,.check1 ul,.check2 ul,.plus1 ul,.plus2 ul,.minus1 ul,.minus2 ul,.star ul,.love ul {list-style-type: none;}
.none li {background: none;}
.arrow1 li {background: url(img/list/list-arrow1.png) no-repeat 0px 50%;padding-left:16px;}
.arrow2 li {background: url(img/list/list-arrow2.png) no-repeat 0px 50%;padding-left:16px;}
.check1 li {background: url(img/list/list-check1.png) no-repeat 0px 50%;padding-left:16px;}
.check2 li {background: url(img/list/list-check2.png) no-repeat 0px 50%;padding-left:16px;}
.star li {background: url(img/list/list-star.png) no-repeat 0px 50%;padding-left:16px;}
.love li {background: url(img/list/list-love.png) no-repeat 0px 50%;padding-left:16px;}
.plus1 li {background: url(img/list/list-plus1.png) no-repeat 0px 50%;padding-left:16px;}
.plus2 li {background: url(img/list/list-plus2.png) no-repeat 0px 50%;padding-left:16px;}
.minus1 li {background: url(img/list/list-minus1.png) no-repeat 0px 50%;padding-left:16px;}
.minus2 li {background: url(img/list/list-minus2.png) no-repeat 0px 50%;padding-left:16px;}
/* Tabs */
ul.nav-tabs{list-style:none;}
.nav-tabs > li > a { -webkit-border-radius: 0px 0px 0 0;-moz-border-radius: 0px 0px 0 0;border-radius: 0px 0px 0 0;}
/* Info box */
.alert-custom1 {background-color:#333333;border-color:#111111;color:#ffffff;text-shadow:0 0px 0 rgba(0, 0, 0, 0);}
.alert-custom2 {background-color:#f16529;border-color:#e44d26;color:#ffffff;text-shadow:0 0px 0 rgba(0, 0, 0, 0);}
.alert-custom3 {background-color:#ffffff;border:3px dashed #b94a48;color:#333333;text-shadow:0 1px 0 rgba(0, 0, 0, 0);}
.alert-custom4 {background-color:#ffffff;border-color:#999999;color:#333333;text-shadow:0 1px 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 5px 5px -3px #444;-webkit-box-shadow: 0 5px 5px -3px #444;box-shadow: 0 5px 5px -3px #444;}
.alert-blue {background-color:#1ba1e2;border:none;color:#ffffff;text-shadow:0 0px 0 rgba(0, 0, 0, 0);}
.alert-green {background-color:#5fb435;border:none;color:#ffffff;text-shadow:0 0px 0 rgba(0, 0, 0, 0);}
.alert-red {background-color:#e51400;border:none;color:#ffffff;text-shadow:0 0px 0 rgba(0, 0, 0, 0);}
.alert-teal {background-color:#00aba9;border:none;color:#ffffff;text-shadow:0 0px 0 rgba(0, 0, 0, 0);}
.alert-steel {background-color:#657688;border:none;color:#ffffff;text-shadow:0 0px 0 rgba(0, 0, 0, 0);}
.alert-purple {background-color:#A200FF;border:none;color:#ffffff;text-shadow:0 0px 0 rgba(0, 0, 0, 0);}
.alert-magenta {background-color:#FF0097;border:none;color:#ffffff;text-shadow:0 0px 0 rgba(0, 0, 0, 0);}
.alert-lime {background-color:#8CBF26;border:none;color:#ffffff;text-shadow:0 0px 0 rgba(0, 0, 0, 0);}
.alert-brown{background-color:#A05000;border:none;color:#ffffff;text-shadow:0 0px 0 rgba(0, 0, 0, 0);}
.alert-pink{background-color:#E671B8;border:none;color:#ffffff;text-shadow:0 0px 0 rgba(0, 0, 0, 0);}
.alert-orange{background-color:#F09609;border:none;color:#ffffff;text-shadow:0 0px 0 rgba(0, 0, 0, 0);}
/* =WordPress Core Must have !!!
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft { float: left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;margin: 5px auto 5px auto;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}
.sticky{}
.gallery-caption{}
.bypostauthor{}
/* WordPress Core Widget Default */
#wp-calendar {width: 100%;margin-bottom:20px;background:#fefefe;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);}
#wp-calendar thead th{background: #cccccc;color:#fefefe;}
#wp-calendar tfoot td.pad {background: #f6f6f6;}
#wp-calendar tbody td {text-align: center;border: 1px solid #fefefe;background: #f6f6f6;line-height: 3.2em;}
#wp-calendar tbody td:hover {color: #fefefe;}
#wp-calendar tbody td a{display: block;text-decoration: none;background: #f6f6f6;}
#wp-calendar tfoot td {padding-top: 1px;background: #f6f6f6;padding: 5px;}
#wp-calendar caption {text-align: center;font-weight: bold;margin-bottom: 5px;margin-top: 0;outline: 0 none !important;}
#wp-calendar tbody a {display: block;font-weight: bold;}
#wp-calendar td.pad {background: #f6f6f6;}
#wp-calendar th {text-align: center;border: 1px solid #fff;border-top: none;padding: 5px 0;background: #f6f6f6;}
.widget_archive select,.widget_categories select{margin-top:20px;margin-bottom:20px;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
/* ===================================================
DISABLE 1200PX #######################################
# Comment: Disable 1200px bootstrap responsive #######
================================================== */
@media (min-width: 1200px) {
.row{margin-left:-20px; *zoom:1;}
.row:before,.row:after{ display:table; content:"";line-height:0;}
.row:after{ clear:both;}[class*="span"]{float:left;min-height:1px;margin-left:20px;}
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;}
.span12{width:940px;}.span11{width:860px;}.span10{width:780px;}.span9{width:700px;}.span8{width:620px;}.span7{width:540px;}.span6{width:460px;}.span5{width:380px;}
.span4{width:300px;}.span3{width:220px;}.span2{width:140px;}.span1{width:60px;}.offset12{margin-left:980px;}.offset11{margin-left:900px;}.offset10{margin-left:820px;}.offset9{margin-left:740px;}.offset8{margin-left:660px;}.offset7{margin-left:580px;}.offset6{margin-left:500px;}.offset5{margin-left:420px;}.offset4{margin-left:340px;}.offset3{margin-left:260px;}.offset2{margin-left:180px;}
.offset1{margin-left:100px;}.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}.row-fluid:after{clear:both;}.row-fluid [class*="span"]{display:block;width:100%;min-height:30px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;}
.row-fluid [class*="span"]:first-child{margin-left:0;}
.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%;}
.row-fluid .span12{width:100%;*width:99.94680851063829%;}
.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%;}
.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%;}
.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%;}
.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%;}
.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%;}.row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%;}
.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%;}
.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%;}
.row-fluid .span3{width:23.404255319148934%; *width:23.351063829787233%;}
.row-fluid .span2{width:14.893617021276595%; *width:14.840425531914894%; }
.row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%;}
.row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%;}
.row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%;}
.row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%;}
.row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%;}
.row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%;}
.row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%;}
.row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%;}
.row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%;}
.row-fluid .offset8{ margin-left:70.2127659574468%;*margin-left:70.10638297872339%;}
.row-fluid .offset8:first-child{ margin-left:68.08510638297872%;*margin-left:67.9787234042553%;}
.row-fluid .offset7{ margin-left:61.70212765957446%; *margin-left:61.59574468085106%;}
.row-fluid .offset7:first-child{ margin-left:59.574468085106375%;*margin-left:59.46808510638297%;}
.row-fluid .offset6{ margin-left:53.191489361702125%;*margin-left:53.085106382978715%;}
.row-fluid .offset6:first-child{ margin-left:51.063829787234035%;*margin-left:50.95744680851063%;}
.row-fluid .offset5{ margin-left:44.68085106382979%;*margin-left:44.57446808510638%;}
.row-fluid .offset5:first-child{margin-left:42.5531914893617%; *margin-left:42.4468085106383%;}
.row-fluid .offset4{ margin-left:36.170212765957444%;*margin-left:36.06382978723405%;}
.row-fluid .offset4:first-child{ margin-left:34.04255319148936%;*margin-left:33.93617021276596%;}
.row-fluid .offset3{ margin-left:27.659574468085104%;*margin-left:27.5531914893617%;}
.row-fluid .offset3:first-child{ margin-left:25.53191489361702%;*margin-left:25.425531914893618%;}
.row-fluid .offset2{ margin-left:19.148936170212764%;*margin-left:19.04255319148936%;}
.row-fluid .offset2:first-child{ margin-left:17.02127659574468%;*margin-left:16.914893617021278%;}
.row-fluid .offset1{ margin-left:10.638297872340425%;*margin-left:10.53191489361702%;}
.row-fluid .offset1:first-child{ margin-left:8.51063829787234%;*margin-left:8.404255319148938%;}
input,textarea,.uneditable-input{margin-left:0;}
.controls-row [class*="span"]+[class*="span"]{margin-left:20px;}
input.span12, textarea.span12, .uneditable-input.span12{width:926px;}
input.span11, textarea.span11, .uneditable-input.span11{width:846px;}
input.span10, textarea.span10, .uneditable-input.span10{width:766px;}
input.span9, textarea.span9, .uneditable-input.span9{width:686px;}
input.span8, textarea.span8, .uneditable-input.span8{width:606px;}
input.span7, textarea.span7, .uneditable-input.span7{width:526px;}
input.span6, textarea.span6, .uneditable-input.span6{width:446px;}
input.span5, textarea.span5, .uneditable-input.span5{width:366px;}
input.span4, textarea.span4, .uneditable-input.span4{width:286px;}
input.span3, textarea.span3, .uneditable-input.span3{width:206px;}
input.span2, textarea.span2, .uneditable-input.span2{width:126px;}
input.span1, textarea.span1, .uneditable-input.span1{width:46px;}
.thumbnails {margin-left: -20px;}
thumbnails > li {margin-left: 20px;}
.row-fluid .thumbnails { margin-left: 0;}
}
/* Responsive Kentooz Themes */
@media (min-width:768px) and (max-width:979px){
.ei-slider{height: 190px;}
.ei-slider-loading{line-height: 190px;}
.boxwow .tickerwrap {margin:0px 0px 0px -20px;}
.boxwow .searchwrap {margin:0px -20px 0px 0px;}
.mainheader{max-width:764px;width:100%;margin-left:auto;margin-right:auto;}
.mainheader .span8 {width:476px;margin-top:15px;padding-right:10px;}
.mainheader .span4 {width:228px;padding-left:10px;}
.mainheader .span3{width:208px;padding-left:10px;}
.mainheader .span9{width:476px;padding-right:10px;}
.mainheader .span8 a{float:none;}
#featuredmain {margin:-1px -10px 0px 10px;}
#featuredmain .span8 {width:516px;margin:-1px 0px 0px 10px;}
#featuredmain .span4 {width:228px;}
.mainmenu.affix{margin:auto -30px auto -10px;padding-left:20px;padding-right:20px;}
.trending {margin:0px -10px 0px -10px;padding:0 10px 0 10px;}
.trending ul{margin:0px -10px 0px -10px;}
.allwrap{max-width:744px;width:100%;margin-left:auto;margin-right:auto;}
embed {display:none}
.relatedlist-1 img{width:70px;}
.entry-bigbody .image-date{float:left;}
.widget_search .input-append input {width:140px;}
ul.related-post li {width:104px;}
}
@media (max-width: 767px) {
.ei-slider{height: 200px;}
.ei-slider-loading{line-height: 200px;}
.allwrap{max-width:723px;width:100%;margin-left:auto;margin-right:auto;}
.image-date .thumbnail { float:left;margin-right:10px;}
.wrapfootwidget .row{padding:0px 20px;}
.mainmenu.affix{position:relative;margin:auto -10px auto -10px;padding-left:auto;padding-right:auto;}
.ktzdate,.boxwow {display:none;}
.featured-boxmodule {max-width:140px;float:left;margin-right:20px;}
.mainheader {max-width:723px;width:100%;margin-left:auto;margin-right:auto;}
.mainheader .row.rownavhead {padding:0px 50px 0px 30px;}
.mainheader .row.rowhead {padding:0px 30px 0px 50px;}
.mainheader .span8,.mainheader .span4 {width:100%;}
.mainheader .pull-left,.mainheader .pull-right{float:none;text-align:center;}
.mainheader .span8 a,.mainheader .span8 img, .mainheader .span8 iframe{width:100%;}
#featuredmain {display:none;}
#secondnav {margin-top:-2px;}
#secondmenu {margin-left:0px;float:right;}
#commentform p.input-prepend{float:none;margin-right:0px;}
#commentform textarea {margin-top:5px;}
.inner-responsive {padding:0px 20px;}
.js #topmenu,.js #menu-megamenu {display: none;}
.js .selectnav {display: block;width:100%;font-size:18px;line-height:35px;height:35px;margin:0px 0px;background:transparent;border:none;color:#ffffff; }
.js .selectnav option {font-size:15px;}
.main-content h2 {margin:10px 0px 10px 0px;padding:8px 0px 8px 10px;}
.allwrap,.bigimage img{width:100%;}
#breadcrumbs-wrap {overflow: visible;}
.authorbox .author-desc {padding:0px 20px 20px 20px;}
.featuredpost-top img,.entry-firstbody img,.entry-bigbody img{width:100%;margin-bottom:10px;}
.wrapper-botmodule{ margin: 10px 0px 0px;}
.footer-widget .widget-area,.copyright .span6{padding:0px 10px;}
.sharedpost {width:100%; clear:both; position:relative}
}
@media (max-width: 480px) {
.ei-slider{height: 80px;}
.ei-slider-loading{line-height: 80px;}
#secondnav {display:none;}
#respond .span3 {width:60%;}
.list_carousel img{width:70px;}
}
@media (max-width: 320px) {
.ei-slider{height: 50px;}
.ei-slider-loading{line-height: 50px;}
#search input[type="text"], #search input[type="text"]:hover,#search input[type="text"]:focus {width: 130px;}
@media (max-width: 240px) {
body {min-width:200px;max-width:200px;width:200px;overflow:visible;margin:0px 0px;}
}
พัฒนาเว็บไซต์
