@charset "utf-8";
/*
Theme Name: Vanguard themes
Theme URI: http://www.vanguard.in.th
Description: this themes design for vanguard.in.th only.
Version: 1.0
Author: Rawat Sukmanop
Author URI: http://www.vanguard.in.th
Tags: blue, custom header, fixed width, two columns, widgets

	vanguard themes v1.0
	http://www.vanguard.in.th

	This theme was designed and built by Rawat Sukmanop,
*/
body {font-size:11px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#333;}
a:link , a:visited { text-decoration:none; color:#D60009}
a:hover { color:#000;}
.alignleft { float:left;}
IMG { border:none;}
li { padding:0px; margin:0px; width:auto;}
H1,H1 a{ font-size:12px; font-size-adjust:none;}
H2,H2 a{ font-size:15px; font-size-adjust:none; color:#700}
#header { width:964px; margin:0 auto 0 auto; }
#headerimg {width:964px; height:201px; margin:0 auto 0 auto; padding:0px;}
#headerimg h1 { display:inline-block; width:243px; height:65px; margin:0px 0 0 0px; overflow:hidden;}
#headerimg h1 a {display:block; width:243px; height:88px; text-indent:-9000px;  background:url(images/logo_red.gif); }
#clear { padding:0px; margin:0px; border:none; height:0px; clear:both; border:none;}
#header #menu {background:url(images/mainnav.gif); height:30px; margin:0px; overflow:hidden;}
#header #menu ul {padding:0px; margin:0px; list-style:none; float:left;}
#header #menu ul li { float:left; width:auto; background:url(images/mainnav-sep.gif) right top no-repeat; padding: 0 2px 0 0px ; text-align:center; }
#header #menu ul li a { display:block; font-size:11px; color:#ccc; text-transform:uppercase; text-decoration:none; padding: 9px 22px 8px 20px ; }
#header #menu ul li a:hover {display:block; background:url(images/mainnav-hover.gif); color:#fff; }
#header #menu ul .current-cat { float:left; width:auto; background:url(images/mainnav-active.gif) center top no-repeat; padding: 0 2px 0 0px ; text-align:center; }
#header #menu ul .current-cat a { color:#FFF;}
#header #searchform { float:left; padding:5px 0 0 10px; }
#header #searchform #searchinput { float:left;font-size:11px; margin:0 5px 0 0; width:150px}
#header #langu { font-size:12px; color:#960; font-weight:bold; margin:5px 0 0 0;}

#mainbody { width:964px; margin:5px auto 0 auto; }

#left { width:155px; float:left; padding:10px 10px 0 0; overflow:hidden;} 
#left #loginpanel {padding:0px 0px 0 0; margin:0px 0 10px 0;}
#left #loginpanel ul{padding:0px; margin:0px 0 0 0px; list-style:none; display:inline-block;}
#left #loginpanel ul li {padding:0px; margin:0px 0 0 0px;}
#left #loginpanel p,#left #loginpanel FORM {padding:0px; margin:0px; display:inline-block;}
#left #loginpanel H2 { padding:0; margin:0px 0 5px 0; color:#930; display:inline-block;}
#left #loginpanel .mid { margin:0 0 5px 0; width:150px; border:1px solid #CCC}
#left #loginpanel .checkbox{ margin:0; padding:0px; float:left; display:inline-block; }
#left #feature0 { margin:10px 0 0 0; padding:0px; color:#333;}
#left #feature0 IMG {width:100%; height: auto;}
#left #feature0 .morelink,#left #feature0 .readmore {display:block; margin:0px; padding:0 0 5px 0; color:#666; font-size-adjust:0; }

#center { width:485px; padding:0px 0px 0 10px; border-left: 1px solid #dee; float:left; border-right: 1px solid #dee; float:left; }

#center #c-left H1,#center #c-right H1  { margin:0px; padding:0px; color:#700}
#center #c-left H2,#center #c-right H2,#left #feature0 H2{  margin:0px 10px 5px 0; font-size:12px; font-size-adjust:none; color:#D60009; padding:0 0 0 13px; background: url(images/arrow-red.gif) no-repeat left top; display:inline-block; height:auto; clear:both; width:95%; }

#contentthumb { font-size:11px;}

#center #c-left { width:225px; padding:10px 12px 0 0; overflow:hidden; border-right: 1px solid #dee; float:left; display:inline-block }
#center #c-left #postdiv IMG { width:35%; height:auto; float:left;}
#center #c-left #postdiv p {padding:0px; margin:0px;}
#center #c-left #postdiv #line-shadow,#line-shadow { width:100%; height:14px; margin:2px 0 5px 0; clear:both; }
#center #c-left #postdiv .morelink {display:block; margin:0px; padding:0 0 5px 0; color:#666; }
#postdiv { margin:0 0 10px 0; }

#center #c-right { float:right; width:223px; padding:10px 10px 0 10px; _padding:10px 0px 0 0px;  }
#center #c-right #quicklink H1 { padding:0; margin:0px 0 5px 0; font-size:16px; color:#930}
#center #c-right #quicklink { margin:0 0 10px 0;}
#center #c-right ul { padding:0; margin:0px 0 0 5px; color:#ED1C24; width:100%;  list-style: disc; list-style:inside; }
#center #c-right li { padding:0px; margin:0px;}
#center #c-right li a { color:#CE171F;}
#center #c-right li a:hover { color:#000;}
#center #c-right #postdiv IMG { width:35%; height:35%; float:left; margin:3px 10px 0 0; padding:0px;}
#center #c-right #postdiv p {padding:0px; margin:0px;}
#center #c-right #postdiv .morelink {display:block; margin:0px; padding:0 0 5px 0; color:#666; }
#center #productBanner { padding:10px 0 10px 0; width:139px; height:137px; margin:0px 30px 0 0; text-align:left; display:inline-block}
#center #productBanner a { display:block; width:200px; height:137px; position:absolute; z-index:99;}

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

#right { width: 288px; float:right;  padding:10px 0 0 0;}
#right #feature3 { margin:10px 50px 0 0; padding:0px; color:#333;}
#right #feature3 H2{ margin:0px 0px 5px 0; font-size:12px; font-size-adjust:none; color:#D60009; padding:0 0 0 13px; background: url(images/arrow-red.gif) no-repeat left top; display:inline-block; height:auto; clear:both; width:95%; }
#right #feature3 IMG {width:100%; height:auto;}
#right #feature3 #line-shadow { width:100%; height:14px; margin:2px 0 5px 0; clear:both; }
#right #feature3 .morelink,#left #feature0 .readmore {display:block; margin:0px; padding:0 0 5px 0; color:#666; font-size-adjust:0; }
#featurebottom { width:964px; overflow:hidden;}
#featurebottom #feature4 { margin:0px; padding:0px; color:#333; text-align:left;}
#featurebottom #feature4 #postdiv { width:300px; float:left; margin:0 20px 0 0;}
#featurebottom #feature4 #contentthumb {width:100%; clear:both; font-size:11px; margin:0 0 0px 0; border:none; display:inline-block; }
#featurebottom #feature4 #feature4-right { width: 208px; float:right; display:inline-block}
#featurebottom #feature4 IMG {width:80px; height:auto; float:left; margin:3px 10px 0 0; display:inline-block;}
#featurebottom #feature4 #line-shadow { width:100%; height:14px; margin:2px 0 5px 0; clear:both; }
#featurebottom #feature4 .morelink a,#featurebottom #feature4 .readmore a{display:inline; margin:0px; padding:0 0 5px 0; font-size-adjust:0; clear:both; }
#featurebottom #feature4 H1 { margin:0px 3px 0 0; padding:0px; display:inline;}
#featurebottom #feature4 H1 a { display:block; margin:0px 0px 5px 0; padding:0px 0 0 0; color:#930; clear:both; }
#featurebottom #feature4 H1 a:hover { color:#000;}
#featurebottom #feature4 H2 { margin:0px 0 5px 0; padding:0px; font-size:12px; font-size-adjust:none; color:#D60009; padding:0 0 0 13px; background: url(images/arrow-red.gif) no-repeat left top; display:block; height:auto; width:auto; clear:both; }

#cat-left { width:155px; float:left; padding:10px 10px 0 0;} 
#cat-left #line-shadow { width:100%; height:14px; margin:2px 0 2px 0; clear:both; }
#cat-left .list ul { padding:0px; margin:0px; list-style:none;}
#cat-left .list H2 { padding:0; margin:0px 0 0px 0; }
#cat-left .list H2 a { color:#700;}
#cat-left .list ul  .active a { display:block; color:#D60009; font-weight:bold; margin:0 0 3px 0; text-transform:capitalize;}
#cat-left .list ul li { padding:0px; margin:0px; clear:both; display:inline;}
#cat-left .list ul li a { display:block; margin:0 0 3px 0; padding:1px 0 3px 13px;  background: url(images/arrow-red.gif) no-repeat left top; color:#930; clear:both; }
#cat-left .list ul li a:hover {display:block; margin:0 0 3px 0; padding:1px 0 3px 13px; background: url(images/arrow-gray-active.gif) no-repeat left top; color:#777; clear:both;}
#cat-left .list ul li .sublink a { display:block; margin:0 0 3px 0; padding:1px 0 3px 13px; border-bottom:1px solid #eee; background: url(images/arrow-gray.gif) no-repeat left top; color:#777; clear:both; font-weight: normal;}
#cat-left .list ul li .sublink a:hover { color:#333;}
#cat-left .list #line-shadow { margin:0px;}
#cat-center { width:582px; padding:0px 10px 20px 10px; border-left: 1px solid #dee; float:left; border-right: 1px solid #dee; border-left: 1px solid #dee; float:left; }
#cat-center H1 { text-transform:capitalize; margin:0px; padding:0px;}
#cat-center #breadcrump {margin:10px 0 15px 0; }
#cat-right { width: 182px; float:right;  padding:10px 0 0 0;}

#single-left { width:155px; float:left; padding:10px 10px 0 0;} 
#single-left #line-shadow { width:100%; height:14px; margin:2px 0 2px 0; clear:both; }
#single-left .list ul { padding:0px; margin:0px; list-style:none;}
#single-left .list H2 { padding:0; margin:0px 0 0px 0;}
#single-left .list H2 a { color:#700;}
#single-left .list ul  .active a { display:block; color:#D60009; font-weight:bold; margin:0 0 3px 0; text-transform:capitalize;}
#single-left .list ul li { padding:0px; margin:0px; clear:both; display:inline;}
#single-left .list ul li a { display:block; margin:0 0 3px 0; padding:1px 0 3px 13px;  background: url(images/arrow-red.gif) no-repeat left top; color:#930; clear:both; }
#single-left .list ul li a:hover {display:block; margin:0 0 3px 0; padding:1px 0 3px 13px; background: url(images/arrow-gray-active.gif) no-repeat left top; color:#777; clear:both;}
#single-left .list ul li .sublink a { display:block; margin:0 0 3px 0; padding:1px 0 3px 13px; border-bottom:1px solid #eee; background: url(images/arrow-gray.gif) no-repeat left top; color:#777; clear:both; font-weight: normal;}
#single-left .list ul li .sublink a:hover { color:#333;}
#single-left .list ul li .sublink-active a { display:block; margin:0 0 3px 0; padding:1px 0 3px 13px; border-bottom:1px solid #eee; background: url(images/arrow-gray-active.gif) no-repeat left top; color:#717171; letter-spacing:1px; clear:both; font-weight: bold;}

#single-left .list #line-shadow { margin:0px;}
#single-center { width:582px; padding:0px 10px 20px 10px; border-left: 1px solid #dee; border-right: 1px solid #dee;  float:right; margin:0 10px 0 0;  }
#single-center .entry { font-size:13px;}
#single-center H2 { text-transform:capitalize; margin:0px; padding:0px;}
#single-center #breadcrump {margin:10px 0 15px 0; }
#single-right { width: 182px; float:right;  padding:10px 0 0 0;}

h5 { margin:0 0 0 0; padding:0 0 0 0; font-size:12px;}
#paginav { text-align:center;}
#paginav span,#paginav a { border-color:#ccc; color:#666;}
#paginav a { background:#CCC; color:#333;}
#footer { width:964px; margin:5px auto 0 auto; text-align:center; padding:0px 0 10px 0; font-size:12px; color:#666;  }
#footer .coppyright { font-size:11px; color:#999; clear:both; display:block; padding:0 0 10px 0;}