/* @override 
	http://thainetizen.vaivaisoft.com/wp-content/themes/thainetizen/style.css
	https://thainetizen.org/wp-content/themes/thainetizen/style.css
*/
/*
Theme Name:  ThaiNetizen
Description: Default Theme For ThaiNetizen.org
Version: 1
Author: Vai Vai Soft
Author URI: http://www.vaivaithemes.com/
Tags: simple, clean, widget ready
*/


@font-face {
    font-family: 'DBHelvethaica Med Cond';
    src: url('fonts/db_helvethaica_x_med_cond-webfont.eot');
    src: url('fonts/db_helvethaica_x_med_cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/db_helvethaica_x_med_cond-webfont.woff') format('woff'),
         url('fonts/db_helvethaica_x_med_cond-webfont.ttf') format('truetype'),
         url('fonts/db_helvethaica_x_med_cond-webfont.svg#DBHelvethaicaX67MdCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1,h2,h3 { font-family: 'DBHelvethaica Med Cond', sans-serif; font-weight: normal; }

h1{ font-size:36px;line-height:1.0em;margin-bottom:18px;}
h2{ font-size:30px;line-height:1.0em;margin-bottom:15px;}
h3{ font-size:26px;line-height:1.0em;margin-bottom:8px;}

a {text-decoration:none;color: #ad0c04;}
body {background:#ececec;}
#wrapper {width:980px;margin:0 auto;}
#header {background:#FFF;padding:20px 15px 16px;}
#logo {float:left;}
#search {float:right;padding-top:10px;}
#search label {font-family: 'DBHelvethaica Med Cond';color:#363225;font-size:22px;}
#search .input-text {border:1px solid #a7bbd3;background:#eeeeee;width:150px;height:23px;}
#search .search-button {font-family: 'DBHelvethaica Med Cond';width:61px;height:27px;background:url(images/search.png) no-repeat left top;border:0 none;color:#FFF;font-size:20px;}

#nav { width:980px;height:39px;border-bottom:1px solid #545454;padding:0;margin:0;background:url(images/menu-non.jpg) repeat-x left top; }
#mainnav { margin: 0; }
#mainnav li { list-style:none; float:left; padding:0;text-align:center;vertical-align:middle; width: 140px; overflow:hidden; }
#mainnav li a {color:#FFF;font-family: 'DBHelvethaica Med Cond';font-size:22px;height:39px;line-height:42px;display:block;padding:0 7px 0 5px;background:url(images/menu-line.jpg) no-repeat left top;}
#mainnav li:first-child a  { background:none; }
#mainnav li a:hover { color:#CCC; }
#mainnav li a:active{color: #999;}
#mainnav li.current_page_item, #mainnav li.current-menu-item, #mainnav li.current_page_parent { background:url(images/menu.jpg) repeat-x left top;}

body.single-docs #mainnav li.docs { background:url(images/menu.jpg) repeat-x left top; }
body.tax-doctypes #mainnav li.docs { background:url(images/menu.jpg) repeat-x left top; }

body.custom-post-type-archive #mainnav li.currents { background-image: none; }
body.tax-doctypes #mainnav li.current_page_item, body.tax-doctypes #mainnav li.current-menu-item, body.tax-doctypes #mainnav li.current_page_parent { background: none; }
body.single-docs #mainnav li.current_page_item, body.single-docs #mainnav li.current-menu-item, body.single-docs #mainnav li.current_page_parent { background: none; }

body.custom-post-type-docs-archive #mainnav li.docs { background:url(images/menu.jpg) repeat-x left top; }

#slideshow {margin-bottom:10px;}
#slide-nav {background:#d01b00;padding:15px 10px 10px;}
#slide-nav ul {float:right;margin:0;padding:0;}
#slide-nav ul li {width:8px;height:8px;float:left;margin-left:5px;}
#slide-nav ul li a {width:8px;height:8px;display:block;background:url(images/selectorOff.png) no-repeat left top;text-indent:-9999px;}
#slide-nav ul li.active a {width:8px;height:8px;display:block;background:url(images/selectorOn.png) no-repeat left top;text-indent:-9999px;}
#main {width:980px;margin-bottom:10px;}

#content { padding:0 30px 15px;border:1px solid #e3e1e1;background:#FFF; }
.home #content { width:600px; float:left; padding: 0 15px;}

blockquote { margin: 10px 0 10px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; font-family: 'DBHelvethaica Med Cond'; font-size: 30px; padding:20px; }

#sidebar {width:337px;float:right;}
#sidebar .box {background:url(images/bottom-box.png) no-repeat center bottom;padding:0 0 10px;}
#sidebar .box .wrapbox {border:1px solid #e4e4e4;background:#FFF;padding:5px;}
#sidebar .box .wrapbox .group {margin-bottom:5px;padding:5px 15px;}
#sidebar .box .wrapbox .group h3 {float:left;padding-right:5px;font-family: 'DBHelvethaica Med Cond';font-size:26px;line-height:28px;color:#c51b01;margin: 10px 0;}
#sidebar .box .wrapbox .group .headline1 {padding:0 0 0 28px;background:url(images/icon/1.png) no-repeat left top;}
#sidebar .box .wrapbox .group .headline2 {padding:0 0 0 32px;background:url(images/icon/2.png) no-repeat left top;}
#sidebar .box .wrapbox .group .headline3 {padding:0 0 0 41px;background:url(images/icon/3.png) no-repeat left top;}
#sidebar .box .wrapbox .group .headline4 {padding:0 0 0 30px;background:url(images/icon/4.png) no-repeat left top;}
#sidebar .box .wrapbox .group .readmore {float:right;padding-right:10px;background:url(images/bullet/6.png) no-repeat right center;color:#9096a1;margin-top:16px;}
#sidebar .box .wrapbox ul {}
#sidebar .box .wrapbox .list1 {margin:0 10px 15px;padding: 0 0 0 5px;}
#sidebar .box .wrapbox .list2 {margin:0 10px 15px;padding: 0 0 0 3px;}
#sidebar .box .wrapbox .list3 {margin:0 10px 15px;padding: 0 0 0 5px;}
#sidebar .box .wrapbox .list4 {margin:0 10px 15px;padding: 0 0 0 5px;}
#sidebar .box .wrapbox ul li {}
#sidebar .box .wrapbox .list1 li {background:url(images/bullet/1.png) no-repeat left 6px;padding:0 0 0 15px;}
#sidebar .box .wrapbox .list2 li.item-1 {background:url(images/bullet/2.png) no-repeat left top;padding:0 0 0 22px;height:56px;margin-bottom:10px;}
#sidebar .box .wrapbox .list2 li.item-2 {background:url(images/bullet/3.png) no-repeat left top;padding:0 0 0 22px;height:56px;margin-bottom:10px;}
#sidebar .box .wrapbox .list3 li {background:url(images/bullet/4.png) no-repeat left 10px;padding:5px 0 5px 12px;border-top:1px dotted #a3a4a7;}
#sidebar .box .wrapbox .list3 li:first-child {border-top:0 none;}
#sidebar .box .wrapbox .list4 li {background:url(images/bullet/5.png) no-repeat left 1px;padding:0 0 0 20px;}
#sidebar .box .wrapbox ul li a {color:#000000;}
#sidebar .box .wrapbox ul li a span {color:#b5300d;font-size:10px;}
#sidebar .box .wrapbox .list4 li a {color:#0d6a9a;}
#footer {padding-bottom:15px;}
#footer-logo {float:left;}
#footer-right {float:right;}
#footer-nav {margin:0 -20px 5px 0;color:#858585;line-height:18px;}
#footer-nav li {margin:0;border-left:1px solid #858585;float:left;}
#footer-nav li:first-child {border-left:0 none;}
#footer-nav li a {color:#858585;padding:0 20px;font-family: 'DBHelvethaica Med Cond';font-size:18px;line-height:18px;}
#address {font-size:10px;text-align:right;color:#606060;}
#address a {color:#606060;}

.headline {background-color: #02698f;padding: 9px;color: #e0e0e0;}
.headline .pic{line-height: 0;margin-bottom: 9px;}
.headline a{color: #fff;}
.headline .meta{margin: 0 0 4px;font-size: 11px;opacity: 0.8;}

.item {padding:15px 0;border-top:1px dotted #ccc;}
.item:first-child {border-top:0 none;}
.item .pic {width:290px;float:left;line-height: 0;}
.item .pic img{padding: 2px;border: 1px solid #eee;}
.item .info {width:290px;float:right;}
.item .info h3 {line-height:24px;margin:0 0 5px;}
.item .info h3 a {color:#000000;}
.item .info .excerpt {margin-bottom:10px;font-size:12px;color:#333333;}
.item .info .excerpt p {margin:0;}
.item .info .date {color:#9da2ac;font-weight:bold;font-size:10px;margin-bottom:2px;}
.item .info .group {color:#666666;font-size:10px;line-height:10px;}
.item .info .group .item-view {border-right:1px solid #666666;float:left;padding:0 5px 0 0;}
.item .info .group .item-comment {border-right:1px solid #666666;float:left;padding:0 5px 0 21px;background:url(images/icon/comment.png) no-repeat 5px top;}
.item .info .group .item-love {float:left;padding:0 5px 0 21px;background:url(images/icon/love.png) no-repeat 5px top;}

.blog .item { margin: 15px 0 15px; background: #fff; }
.blog .item .info { width: 600px; }

.archive .item { margin: 15px 0 15px; background: #fff; }
.archive .item .info { width: 600px; }

.custom-post-type-archive .item { margin: 15px 0 15px; background: #fff; }
.custom-post-type-archive .item .info { width: 600px; }

body.page-id-2933 .item { margin: 15px 0 15px; background: #fff; }
body.page-id-2933 .item .info { width: 600px; }

body.page-id-2935 .item { margin: 15px 0 15px; background: #fff; }
body.page-id-2935 .item .info { width: 600px; }

.page #wrap-headline h1 { }

#social { margin: 15px 0 15px; }
#share-facebook { float:left; width:90px; margin-right:10px; }
#share-linkedin { float:left; width:100px; margin-right:10px; }
#plus-one { float:left; width:75px; margin-right:10px; }
#share-twitter { float:left; width:100px; margin-right:10px; }

.doctypes ul{padding: 0;margin: 0;}
.doctypes {overflow: hidden;}
.doctypes li {display: inline;background: url(images/menu-non.jpg) repeat-x;overflow:hidden;float: left;font-size: 14px;}
.doctypes li a{float: left;display: block;padding: 8px 15px 7px;background:url(images/menu-line.jpg) no-repeat left top;margin: 0;color: #fff;}
.doctypes li:first-child {-moz-border-radius:2px 0px 0px 2px;
-webkit-border-radius:2px 0px 0px 2px;
border-radius:2px 0px 0px 2px;}
.doctypes li:first-child a{background: none;}
.doctypes li:last-child {-moz-border-radius:0px 2px 2px 0px;
-webkit-border-radius:0px 2px 2px 0px;
border-radius:0px 2px 2px 0px;}
.doctypes li:last-child a{}
.doctypes li.current-cat{background: url(images/menu.jpg) repeat-x;font-weight: bold;}
.doctypes li a:hover { color:#CCC; }
.doctypes li a:active{color: #999;}

/* SEARCH */
#searchbox {float: right; padding:40px 0 0 20px;  color: #fff; padding-right: 20px; width: 122px; text-align: right;}
#searchbox .livesearchpopup {width: 128px;}
#searchbox .livesearchpopup .box {height: 24px; position: relative;}
#searchbox .livesearchpopup .form {height: 24px; white-space: nowrap; width: 128px;}
#searchbox .livesearchpopup .left {left: 0; position: absolute; top: 0;}
#searchbox .livesearchpopup .editbox { background: none repeat scroll 0 0 #FCF8F6; border-bottom: 2px solid #e9d3c8; height: 24px; left: 10px; margin: 0; overflow: hidden; position: absolute; top: 0; width: 100px;}
#searchbox .livesearchpopup .edit {background: none; border: none; font-size: 11px; height: 24px; outline-width: 0; width: 100px;}
.livesearchpopup .lupe {left: 110px; position: absolute; top: 0;}
.livesearchpopup #livesearchpopup_box { background: none; }
#livesearchpopup_box .pfeil {}
#livesearchpopup_box h1 { background-color: #C51B01 ;!important }
#livesearchpopup_results { background-color: #C51B01 ;!important }
#livesearchpopup_box ul {}
.livesearchpopup .resultlistitem, .livesearchpopup .resultlistitem_selected {}
.livesearchpopup .resultlistitem_selected, #livesearchpopup_box li:hover {}
#livesearchpopup_box { background-color: #C51B01; }
#livesearchpopup_box li a {}
.livesearchpopup .resultlistitem a, .livesearchpopup .resultlistitem a:visited {}
.livesearchpopup .resultlistitem_selected a, .livesearchpopup .resultlistitem_selected a:visited, .livesearchpopup .resultlistitem a:hover {}
.livesearchpopup .spiegel {display: none;}
.livesearchpopup #livesearchpopup_box { top: 33px; width: 150px; }

/* @end */