/*
Theme Name: Ban Ing Nam
Theme URI: http://www.baningnam.com/
Description: The default theme for baningnam.com
Version: 1
Author: iMenn
Author URI: http://www.imenn.com/
*/


/* @group General */
body {font: 13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; background: #cccc99 url(images/bg.jpg) repeat-x;}
a:focus {outline: 1px dotted invert}
hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0}
h1 {font-size: 18px}
h2 {font-size: 16px}
h3 {font-size: 15px}
h4 {font-size: 13px}
h5 {font-size: 12px}
h6 {font-size: 11px}
ol {list-style-type: decimal}
ul {list-style-type: disc;}
li {margin-left: 30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 16px}
a {color: #417e69; text-decoration: none;}
a:visited {color: #386f5d;}
a:hover {color: #f94b00;}
a:active {color: #753a00;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
sup {padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important;}
abbr {border: 0;}
blockquote {margin: 1.5em 0; padding: 1em 1em 0; color: #000; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #f0f0f0;}
pre, code {font-family: Courier, "Courier New", monospace; font-size: 1em;}
pre {overflow: scroll; margin: 0 0 1em 0; padding: 0 0 0.5em 0; white-space: pre-wrap;}
/* @end */
/* @group Wordpress Images */
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;}
imghome{ margin: 0 0px 0px 0;}
.alignright {float: right;}
.alignleft {float: left}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {text-align: center; background-color: #000; padding: 10px; margin: 0 0 20px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 12px; padding: 4px; margin: 0; color: #999;}
.gallery img {border:1px solid #CFCFCF;padding: 4px;}
/* @end */
/* @group Header */
#header{background-color: #fff;}
#logo{padding-top: 10px; height: 80px;}
#flag{margin-top: 64px;height: 20px; overflow: hidden;text-align: right;font-size: 10px;}
#flag #th{margin-right: 12px;}
#flag #qtrans_language_chooser{}
#flag ul#qtrans_language_chooser {margin: 0;list-style-type: none;height: 20px;}
#flag ul#qtrans_language_chooser  li{margin: 0 0 0 10px;display: inline;}
#flag ul#qtrans_language_chooser  li{ list-style:none;}
#flag ul#qtrans_language_chooser  li a{ float:left;}

#flag ul#qtranslate-chooser {margin: 0;list-style-type: none;height: 20px;}
#flag ul#qtranslate-chooser  li{margin: 0 0 0 10px;display: inline;}
#flag ul#qtranslate-chooser  li{ list-style:none;}
#flag ul#qtranslate-chooser  li a{ float: right; display: block; margin:0 0 0 10px;}


#flag a.qtrans_flag_and_text {padding-bottom:  5px;}
#flag a.qtrans_flag_and_text span{vertical-align: -2px;}
/* MAIN MENUS */
#nav{height: 40px;overflow: hidden;padding: 0;margin: 0;}
#searchbox{}
#nav ul{padding: 0;margin: 0;}
#nav li {display: inline;margin: 0;padding: 0;}
#nav li a {float: left; height: 0px; padding-top: 40px; overflow: hidden; background-image: url(images/nav.gif); background-repeat: no-repeat;}
/* BUTTONS */
#nav li#m1 a {background-position: 0px 0px; width: 63px;}
#nav li#m2 a {background-position: -63px 0px; width: 110px;}
#nav li#m3 a {background-position: -173px 0px; width: 163px;}
#nav li#m4 a {background-position: -336px 0px; width: 118px;}
#nav li#m5 a {background-position: -454px 0px; width: 85px;}
#nav li#m6 a {background-position: -539px 0px; width: 102px;}
#nav li#m7 a {background-position: -641px 0px; width: 65px;}
#nav li#m8 a {background-position: -706px 0px; width: 90px;}
#nav li#m9 a {background-position: -796px 0px; width: 164px;}
/* OVER STATES */
#nav li#m1 a:hover {background-position: 0px -40px;}
#nav li#m2 a:hover {background-position: -63px -40px;}
#nav li#m3 a:hover {background-position: -173px -40px;}
#nav li#m4 a:hover {background-position: -336px -40px;}
#nav li#m5 a:hover {background-position: -454px -40px;}
#nav li#m6 a:hover {background-position: -539px -40px;}
#nav li#m7 a:hover {background-position: -641px -40px;}
#nav li#m8 a:hover {background-position: -706px -40px;}
#nav li#m9 a:hover {background-position: -796px -40px;}
/* PRESSED STATES */
#nav li#m1 a:active {background-position: 0px -80px;}
#nav li#m2 a:active {background-position: -63px -80px;}
#nav li#m3 a:active {background-position: -173px -80px;}
#nav li#m4 a:active {background-position: -336px -80px;}
#nav li#m5 a:active {background-position: -454px -80px;}
#nav li#m6 a:active {background-position: -539px -80px;}
#nav li#m7 a:active {background-position: -641px -80px;}
#nav li#m8 a:active {background-position: -706px -80px;}
#nav li#m9 a:active {background-position: -796px -80px;}
/* SELECTED STATES */
#nav.m1 li#m1 a {background-position: 0px -120px;}
#nav.m2 li#m2 a {background-position: -63px -120px;}
#nav.m3 li#m3 a {background-position: -173px -120px;}
#nav.m4 li#m4 a {background-position: -336px -120px;}
#nav.m5 li#m5 a {background-position: -454px -120px;}
#nav.m6 li#m6 a {background-position: -539px -120px;}
#nav.m7 li#m7 a {background-position: -641px -120px;}
#nav.m8 li#m8 a {background-position: -706px -120px;}
#nav.m9 li#m9 a {background-position: -796px -120px;}
/* @end */

/* @group Content */
#banner{width: 960px; height: 260px; background-color: #3c7461;}
#body {background-color: #fff;padding-top: 20px;}
#content{width: 600px; padding-right: 20px;}
#content-consultation{width: 600px; padding-right: 20px;padding-bottom: 20px;}
#content-consultation td, th {vertical-align: top;}
#content-consultation table {border-collapse:separate;border-spacing:1px;text-indent:0;}
#content h1{font-size: 18px;text-transform: uppercase;margin-bottom: 10px;}
#content h1 .normal {font-weight: normal;font-style: normal;}
#content h3 {margin-bottom: 10px;}

#content td, th {vertical-align: top;padding: 3px 5px;}
#content th {background-color: #93a666;}
#content td { background-color: #eeefdf;}
#content table {border-collapse:separate;border-spacing:1px;text-indent:0;}
#content table.layout{border-spacing: 0; padding: 0;}
#content table.layout td {background-color: #fff;padding: 0;}
#content .date {font-size: 10px; color: #666;}
#content h2{margin-bottom: 10px;}
#sidebar{width: 280px;padding-left: 20px;}
#sidebar h2{text-transform: uppercase; background: url(images/h2.gif) no-repeat; height: 30px;color: #666;font-size:18px; font-weight: normal; font-style: normal;margin-bottom: 10px;}
#sidebar a{}
#sidebar a:hover{}
#sidebar li.current_page_item, #sidebar li.current_page_item a{color: #284e41;font-weight: bold;}
#sidebar li.current_page_item ul li a{font-weight: normal;color: #417e69;}
#sidebar ul{padding: 0;}
#sidebar li{margin-left: 12px;font-size: 14px;padding: 0;}
#sidebar li ul li{font-size: 12px;}
#sidebar li ul {margin: 0;padding: 0;}
#sidebar li.sidehead {list-style-type: none; margin: 0;}
#sidebar li.widget {list-style-type: none; margin: 0 0 20px;}
#sidebar li.widget ul ul {margin: 0;}
#sidebar-consultation {width: 200px;padding-bottom: 20px;}

#featured {background-color: #eee;padding: 10px 0;}
#featured .featured-item{background-color: #777; height: 210px;}
#featured .featured-item img {border-bottom: 1px solid #eee;}
#featured .featured-item h2{font-size: 13px; line-height: 17px; margin: 7px 7px 4px;font-weight: normal;font-style: normal;}
#featured .featured-item h2 a{color: #fff;}
#featured .featured-item h2 a:hover{color: #ccc;}
#featured .featured-item h3{font-size: 11px; margin: 0 7px 7px; font-weight: normal; font-style: normal; color: #eee;}
/* @end */
/* @group Comment */
h2#comments {color: #22364e; font: 15px/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 20px 0 10px;}
h2#comments .num {float: right; font-size: 10px; color: #b2bbc4; padding-top: 2px;}
.commentlist {padding: 0; margin: 5px 0;}
.commentlist li {margin: 10px 0 3px; padding: 5px; list-style: none; background-color: #f3f3f3; border: 1px solid #e4e4e4;}
.commentlist li img.avatar {float: left; border: ; border-top: 1px solid #fff;}
.commentlist .commentinfo {float: right; width: 420px;}
.commentlist p {font-size: 12px; line-height: 15px; margin: 0 0 4px;}
.commentinfo .date {font-size: 9px; color: #999;}
.commentinfo .date a {color: #999;}
h2#respond {color: #22364e; font: 15px/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 20px 0 10px;}
#commentform p {margin-bottom: 6px;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 99%; padding: 2px;}
#commentform #submit {margin: 5px 0 10px;}
/* @end */
/* @group Footer */
#footer {height: 110px; background: url(images/footer.gif) no-repeat;}
#footer-txt{font-size: 10px;padding-top: 22px;color: #91a75f;}
#footer-txt h4{margin-bottom: 0;}
#footer-txt h4 .normal{ font-weight: normal; font-style: normal;}
#footer-txt a{ color: #7e9055;}
#footer-txt a:hover{ color: #5f554d;}
#footer p{margin: 0;}
/* @end */