/*
Theme Name:  V. NAKORN
Description: Clean & smooth style from vaivaithemes.com
Version: 0.5
Author: Vaivai
Author URI: http://www.vaivaithemes.com/
Tags: simple, clean, widget ready
*/
/* @group Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol,ul {list-style: none}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear {clear: both; display: block; overflow: hidden; width: 0; height: 0}
/* @end */
/* @group General */
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin: 0; line-height: 1em;}
h1 {font-size: 1.9em; margin-bottom: .8em;}
h2 {font-size: 1.75em; margin-bottom: .5142em; padding-top: .2em;}
h3 {font-size: 1.5em; margin-bottom: .7em; padding-top: .3em;}
h4 {font-size: 1.25em; margin-bottom: .6em;}
h5,h6 {font-size: 1em; margin-bottom: .5em; font-weight: bold;}
p, blockquote, ul, ol, dl, form, table, pre {line-height: inherit; margin: 0 0 1.5em 0;}
ul, ol, dl {padding: 0;}
ul ul, ul ol, ol ol, ol ul, dd {margin: 0;}
li {margin: 0 0 0 2em; display: list-item; list-style-position: outside;}
pre, code, samp, kbd, var {font: 100% mono-space,monospace;}
pre {overflow: auto; overflow-Y: hidden; white-space: pre-wrap;}
abbr, acronym {text-transform: uppercase; border-bottom: 1px dotted #000; letter-spacing: 1px;}
abbr[title], acronym[title] {cursor: help;}
small {font-size: .9em;}
sup, sub {font-size: .8em;}
em, cite, q {font-style: italic;}
img {border: none;}
hr {border: 0 none #aaa; clear: both; height: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #fff;margin: 0 0 20px;}
table {width: 100%; border-collapse: collapse;}
th,caption {text-align: left;}
form div {margin: .5em 0; clear: both;}
label {display: block;}
fieldset {margin: 0; padding: 0; border: none;}
legend {font-weight: bold;}
input[type="radio"],input[type="checkbox"], .radio, .checkbox {margin: 0 .25em 0 0;}
body, table, input, textarea, select, li, button {font: 1em Helvetica, Arial, Sans-Serif; line-height: 1.5em; color: #333;}
body {font-size: 13px; background: #123458; margin: 0; padding: 0;}
a, a:visited {text-decoration: none; color: #06C;}
a:hover {color: #999;}
ins {text-decoration: none; color: #900; font-style: italic;}
code {color: #555;}
blockquote {border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #f4f4f4; font-style: italic;padding: 1.5em 1.5em 0 1.5em;}
dt {font-weight: bold;}
th, td {padding: .5em 1em; line-height: 1.5em;}
th {background: #eee;}
td {border-bottom: 1px solid #eee;}
caption {font-style: italic; color: #777; margin: .5em 0;}
fieldset {border: 1px solid #ccc; padding: 1em 2em; margin: 0 0 1.5em 0;}
legend {padding: 2px 5px;}
form div.col {clear: none;}
form div.first {clear: both;}
form div {overflow: hidden;}
.entry input[type="text"], .entry input[type="password"], .entry textarea, .entry  select {border: 1px solid #aaa; padding: 5px; background: #fff; width: 300px; line-height: 1em; margin: 0;}
.entry select {width: 312px;}
.entry textarea {overflow: auto; height: 150px; width: 400px;}
.entry input[type="text"]:focus, .entry input[type="password"]:focus, .entry textarea:focus, .entry select:focus {background: #f5f5f5; outline: none;}
.entry button {border: none; background: #555; color: #fff; padding: 0 2.5em; height: 2em; line-height: 2em; cursor: pointer;}
/* @end */
/* @group Wordpress Images */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {text-align: center; background-color: #fff; padding-top: 5px; margin: 0 0 20px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #ddd;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 12px; line-height: 17px; padding: 5px 4px; margin: 0; color: #666;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
/* @end */
/* @group Wrap */
#wrap-top {margin: 10px auto 0; width: 1000px; background: url(images/top.png) no-repeat; height: 20px; overflow: hidden;}
#wrap-mid {margin: 0 auto; background: url(images/mid.png) repeat-y; padding: 0 10px; width: 980px;}
#wrap-bottom {margin: 0 auto; width: 1000px; background: url(images/bottom.png) no-repeat; height: 20px; overflow: hidden;}
/* @end */
/* @group Header */
#header {height: 60px; padding: 20px 20px 0;overflow: hidden;text-shadow: #fff 0 1px 0;}
#logo h1 {margin: 0 0 5px; text-transform: uppercase; font-size: 20px; }
#logo h1 img{margin: -5px 10px 5px 0;float: left;}
#slogan h4 {color: #999; font-weight: normal; font-style: normal; font-size: 12px;}
/* @end */
/* @group Body */
#banner {height: 352px; overflow: hidden; background: #2765b8 url(images/banner.jpg) no-repeat; padding-top: 18px;}
#banner-show {float: left; width: 580px; padding: 0 20px;}
#banner-show div.banner-prev {float: left; width: 22px; padding: 130px 15px 0 10px;}
#banner-show  a.prev {display: block; width: 22px; height: 0; padding-top: 51px; background-image: url(images/prev.png); overflow: hidden;}
#banner-show div.banner-next {float: left; width: 22px; padding: 130px 0 0 15px;}
#banner-show  a.next {display: block; width: 22px; height: 0; padding-top: 51px; background-image: url(images/next.png); overflow: hidden;}
#banner-pic {float: left; width: 494px;height: 334px;background-color: #fff;overflow: hidden;}
#banner-pic img {border: 7px solid #fff;}
#banner-nav{float: left; position: absolute; z-index: 10; top: 467px;width: 400px;margin: 0 0 0 60px; display: none; }
#banner-nav img.thumbnail {margin: 0 5px 0 0;}
#banner-nav a.selected img.thumbnail {border: 1px solid #fff;}
#banner-content {float: right; width: 330px; padding: 10px 25px 10px 0; color: #fff;}
#banner-content a {color: #00dcff;}
#banner-content h1, #banner-content h2 {margin-bottom: 15px;}
#mainbody {padding: 20px 20px 10px;}
a.button, #banner-content a.button{padding: 7px 10px 7px;-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;color: #1b5fb4; text-shadow: #fff 0 1px 0; font-weight: bold; background-color: #e5e5e5;border: 1px solid #fff;}
/* @end */
/* @group Nav */
#searchbox {float: right; width: 170px; padding-top: 11px;}
#searchbox .livesearchpopup {width: 170px;}
#searchbox .livesearchpopup .edit {padding: 0;}
#searchbox .livesearchpopup .form {width: 170px;}
#searchbox .livesearchpopup img.spiegel {display: none;}
#searchbox .livesearchpopup .editbox {width: 140px;}
#searchbox .livesearchpopup .lupe {left: 150px;}
#nav {height: 40px; padding: 0 20px; margin: 0; background: url(images/nav.png) repeat-x;}
#nav ul#mainnav {padding: 0; margin: 0;}
#nav #mainnav li {display: inline; margin: 0; padding: 0; line-height: 42px;}
#nav #mainnav li a {color: #fff; font-size: 14px; padding: 7px 10px 5px; margin: 0 5px 0 0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: #0f3265 0 -1px 0;}
#nav #mainnav li a:hover {background-color: #a0d3ef; text-shadow: #79a6d3 0 -1px 0;color: #fff;}
#nav #mainnav li a:active {background-color: #134686;text-shadow: none;}
#nav #mainnav li.current_page_item a, #nav #mainnav li.current_page_parent a,#nav #mainnav li.current_page_ancestor a {background-color: #8bbdef; color: #2a5cbc; font-weight: bold;text-shadow: #bedef9 0 1px 0;}
/* @end */
/* @group Sidebar */
#sidebar {float: right; width: 250px; font-size: 12px; padding: 0;}
#sidebar h2 {font-size: 14px; text-shadow: #fff 0 1px 0;}
#sidebar ul {margin: 0; padding: 0;}
#sidebar ul li,#sidebar ul li ul li {margin: 0; padding: 0; list-style-type: none;}
#sidebar li.widget {margin: 0 0 15px; padding: 0 15px 12px; background-color: #fff;border: 1px solid #d3d3d3;}
#sidebar li.widget h2 {background-color: #d3d3d3; margin: 0 -15px 12px; padding: 9px 15px 7px;}
#sidebar li.widget li {padding: 0; margin-left: 12px; list-style-type: disc; list-style-image: url(images/bullet.png);}
#sidebar li.widget li.current_page_item a {font-weight: bold;}
#sidebar li.widget li.page_item a {font-weight: normal;}
#sidebar li.widget .textwidget {}
#sidebar li.widget .textwidget p {margin: 0 0 10px;}


#sidebar li#simple_section_nav { margin: 0; padding: 0; }
#sidebar li#simple_section_nav h2 { font-size: 14px; text-shadow: #666 0 1px 0; color: #fff; background-color: #1b5eb3; margin: 0; padding: 9px 15px 7px;}
#sidebar li#simple_section_nav li { list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
#sidebar li#simple_section_nav li.page_item a { margin: 0; padding: 9px 15px 7px;  border-top: 1px solid #d3d3d3; font-weight: normal; display: block; }
#sidebar li#simple_section_nav li.page_item a:hover { background: #8bbdef; color: #fff; }
#sidebar li#simple_section_nav li.current_page_item a {font-weight: bold; text-shadow: 0 1px 0 #BEDEF9; background: #8bbdef; color: #2A5CBC; } 
#sidebar li#simple_section_nav .textwidget {}
#sidebar li#simple_section_nav .textwidget p {margin: 0 0 10px;}

/* @group Calendar */
table#wp-calendar {border: 1px solid #ccc; margin: 0; width: 100%;border-spacing: 0;border-collapse: collapse;}
table#wp-calendar .pad {background-color: #ddd;}
table#wp-calendar caption {text-align: left; margin: 0;}
table#wp-calendar td a {font-weight: bold;}
table#wp-calendar th {width: 14%; height: 24px; text-align: center; background-color: #ccc; border: 1px solid #ccc; vertical-align: middle; padding: 2px;}
table#wp-calendar td {width: 14%; height: 24px; text-align: center; border: 1px solid #ccc; vertical-align: middle; padding: 2px;}
table#wp-calendar td#today {background-color: #a9dcf9;}
table#wp-calendar td a {font-weight: bold;}
table#wp-calendar tfoot td {height: 20px;}
table#wp-calendar td#prev {height: 20px; text-align: left; background-color: #ccc; padding-left: 6px; vertical-align: middle;}
table#wp-calendar td#next {height: 20px; text-align: right; background-color: #ccc; padding-right: 6px; vertical-align: middle;}
table#wp-calendar tfoot td.pad {background-color: #ccc;}
/* @end */
/* @group Tag Cloud */
#sidebar li.widget_tag_cloud {font-weight: normal; line-height: 25px;}
#sidebar li.widget_tag_cloud a, li#tag_cloud a:visited {color: #aaa;}
#sidebar li.widget_tag_cloud a:hover {color: #49b6f5;}
/* @end */
table#recentcomments td {vertical-align: top; padding-bottom: 4px;}
table#recentcomments td img.avatar {padding-right: 4px;}
/* @end */
/* @group Content */
/* @group Gallery */
img.attachment-large{background-color: #eee; padding: 5px; margin: 0 0 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;border: 1px solid #ddd}
.navigation img.attachment-thumbnail {width: 50px;height: 50px;padding: 4px;background-color: #fff;border: 1px solid #ddd;}
.navigation .alignleft img.attachment-thumbnail{-moz-border-radius-topleft: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px;}
.navigation .alignright img.attachment-thumbnail{-moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 7px;}
/* @end */
/* @group Table */
.entry table {padding: 0px; -moz-box-sizing: border-box; border-collapse: separate; border-spacing: 1px; display: table; text-indent: 0; vertical-align: top;}
.entry table.border {border: 1px solid #ccc;}
.entry table.layout {border: none; border-spacing: 0;}
.entry table.layout td, .entry table.layout th {margin: 0; padding: 0; border: none; background: none;}
.entry th {background-color: #ddd; padding: 3px 5px; vertical-align: top; border-bottom: 1px solid #ddd;}
.entry td {background-color: #fff; padding: 3px 5px; vertical-align: top; border-bottom: 1px solid #ddd;}
.entry table td.submit {background-color: #bcccd1;}
/* @end */
/* @group Entry */
.entry ul, .entry ol {padding-left: 20px; text-indent: 0;}
.entry ul li {margin: 0 0 6px; ; list-style-type: disc; list-style-position: outside;}
.entry ol li {margin: 0 0 6px; list-style-type: decimal; list-style-position: outside;}
.entry ul.related_post li {margin: 0;}
.entry table {padding: 0px; -moz-box-sizing: border-box; border-collapse: separate; border-spacing: 1px; display: table; text-indent: 0; vertical-align: top;}
.entry table.border {border: 1px solid #ccc;}
.entry table.layout {border: none; border-spacing: 0;}
.entry table.layout td, .entry table.layout th {margin: 0; padding: 0; border: none; background: none;}
.entry th {background-color: #ddd; padding: 3px 5px; vertical-align: top; border-bottom: 1px solid #ddd;}
.entry td {background-color: #fff; padding: 3px 5px; vertical-align: top; border-bottom: 1px solid #ddd;}
/* @end */
#content {width: 610px; float: left; padding: 25px 29px 0;background-color: #fff; border: 1px solid #ccc;}
#content-full {padding: 25px 29px 0;background-color: #fff; border: 1px solid #ccc;}
.search-excerpt {color: #6ab2fe;}
.item {padding: 0 0 5px; margin: 0;}
.item .pic {width: 135px; height: 125px; float: left;}
.item .pic img {padding: 4px; border: 1px solid #ccc; width: 120px; background-color: #eee; }
.item .info {width: 465px; float: right; font-size: 12px;}
.item .info .date {font-size: 9px; color: #666; margin: 0 0 5px;}
.item .info h2 {font-size: 15px;}
.date {font-size: 10px; color: #666; margin: -10px 0 20px;}
.wp-pagenavi span.pages{border: 1px solid #ccc;}
.wp-pagenavi span.current {background-color: #999;color: #fff;border: 1px solid #999;}
/* @end */
/* @group Home Widget */
table.homewidget {width: 100%; table-layout: fixed; margin: 0;}
table.homewidget h2 {margin-bottom: 10px;font-size: 17px;color: #333;}
table.homewidget td.widgetdata {padding: 10px 10px 0; border: 1px solid #ccc; background-color: #fff;}
table.homewidget td.widgetdata ul, table.homewidget td.widgetdata p, table.homewidget td.widgetdata #calendar_wrap{margin-bottom: 10px;}
table.homewidget td.spacing {width: 20px; padding: 0;background: none;}
table.homewidget td.spacing:first-child, table.homewidget td.spacing:last-child {width: 0px;padding: 0;}
table.homewidget td.widgetdata li {padding: 0; margin-left: 12px; list-style-type: disc; list-style-image: url(images/bullet.png);}
/* @end */
/* @group Catalog */
.item-group {float: left;width: 203px;text-align: center;}
.item-group .thumb{height: 160px;width: 160px;padding: 3px;border: 1px solid #ccc;margin: 0 auto;overflow: hidden;}
.item-group .thumb img{height: 160px;width: 160px;}
.item-group .info{padding: 3px; height: 3em;}
.item-group .info h3{font-size: 13px;}
/* @end */
/* @group Comment */
h3#comments {font-size: 15px; margin: 20px 0 10px;}
.commentlist {padding: 0; margin: 0 0 15px; clear: both;}
.commentlist li.comment {margin: 0 0 15px; padding: 8px 8px 0 70px; list-style-type: none; background-color: #eee; border: 1px dotted #ddd; color: #111;}
.commentlist li.comment.bypostauthor{background-color: #dde4ee;border: 1px solid #cadce7;}
.commentlist li img.avatar {float: left; border: 1px solid #fff; margin-left: -61px;}
.commentlist li ol li {list-style-position: outside; list-style-type: decimal; border: none; margin-bottom: 10px; padding: 0;}
.commentlist li ul li {list-style-position: outside; list-style-type: disc; border: none; margin-bottom: 10px; padding: 0;}
.commentlist blockquote {background-color: #f4f4f4;}
.commentlist .comment-author cite.fn {font-weight: bold; font-size: 14px; font-style: normal;}
.commentlist .comment-meta {font-size: 9px;}
.commentlist .edit-comment-admin-links-no-icon, #responses .commentlist .edit-comment-admin-links-no-icon  a {font-size: 9px;}
.commentlist h3 {margin-bottom: 5px;}
.commentlist p {margin: 0 0 12px;}
.commentlist blockquote {background-color: #fff;}
.commentlist .reply {margin-bottom: 8px;}
.navigation {padding: 0;margin: 0 0 20px;}
.nocomments{display: none;}
#respond {margin: 15px 0 10px; clear: both;}
#respond h3 {margin-bottom: 10px; border: none;}
#commentform p {margin-bottom: 6px;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 97%; padding: 2px;}
#commentform #submit {margin: 5px 0 10px;}
/* @end */
/* @group Footer */
table.footerwidget {width: 100%; table-layout: fixed; margin: 10px 0 10px;font-size: 11px;}
table.footerwidget h2 {margin-bottom: 5px;font-size: 13px;color: #333;}
table.footerwidget td.widgetdata {padding: 10px 10px 0; border: 1px solid #ccc; background-color: #e6e6e6;color: #999;}
table.footerwidget td.widgetdata p{margin-bottom: 10px;}
table.footerwidget td.spacing {width: 20px;padding: 0;}
table.footerwidget li {list-style-type: disc;color: #999;margin-left: 13px;}
#footer {text-align: center; font-size: 10px; padding: 0 0 5px; color: #356f8d;}
#footer a {color: #4387ab;}
/* @end */