/*   
Theme Name: Chaengwattana.
Theme URI: http://www.eblogbiz.com
Tags: xhtml valid,3 colum,seo,widget support,mormmam,eblogbiz,fix width
Description: 3 colum theme, xhtml and css valid. This theme supported by http://www.mthai.com. you can see demo at http://market.mthai.com/blog
Author: MorMMaM Tee
Author URI: http://www.suthee.net
Version: 1.0
.
*/
body {
background:url(images/gradient_bg.jpg) repeat-x;
color:#5F4329;
font-family:'Tahoma','Thonburi',sans-serif;
font-size:0.95em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
margin:0pt;
padding:0pt;
}
a {
color:#C3311D;
text-decoration:none;
}
a:hover {
color:#A28262;
}
p {
margin:5px 0pt;
}
h1 {
font-family:tahoma,Arial,Sans-Serif;
font-size:1.8em;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:-1px;
line-height:normal;
margin:0pt;
padding:8px 0pt 4px;
text-transform:uppercase;
}
h2 {
font-family:tahoma,Arial,Sans-Serif;
font-size:1.6em;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:normal;
}
h3 {
margin:0pt;
padding:4px 0pt;
}
img {
border:0pt none;
}
.right {
float:right;
}
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
td{
background:#fff;
}
hr {
background-color:#C0C0C0;
border-style:none;
color:#D0D0D0;
height:1px;
margin:10px 0pt;
}
ol {
margin:0pt;
padding:0pt;
}
.content {
margin:0pt auto;
width:960px;
font-size:0.85em;
}
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

#header {
background:#312B1D url(images/bg_mkt_blog_header.png) no-repeat;
color:#cccccc;
height:101px;
width:960px;
margin:0 auto;
}
#header .wrap {
height:51px;
padding-top:30px;
width:960px;
}
#header h1 {
color:#FFFFFF;
font-family:tahoma,Arial,sans-serif;
font-size:3em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:51px;
padding:0pt 0pt 0pt 10px;
}
#header h1 a {
color:#FFFFFF;
}
#header h1 a:hover {
color:#FFFFFF;
text-decoration:none;
}
#header .searchbox {
float:right;
padding:12px 10px 0pt 0pt;
}

.site_desc{
padding-left:180px;
}
input.text {
border:1px solid #CCCCCC;
padding:2px 5px;
}

#subbar{
height:10px;
margin:0pt auto;
width:960px;
}
#subbar .rss {
height:21px;
position:relative;
right:20px;
top:7px;
width:21px;
}

#stylefour {
background:transparent url(images/bgOFF.gif) repeat-x scroll left top;
display:block;
font-family:Arial,Verdana,Helvitica,sans-serif;
font-size:11px;
font-weight:bold;
height:39px;
position:relative;
}
#stylefour ul {
list-style-type:none;
margin:0pt;
padding:0pt;
width:auto;
}
#stylefour ul li {
display:block;
float:left;
margin:0pt;
}
#stylefour ul li a {
background:transparent url(images/bgDIVIDER.gif) no-repeat scroll right top;
color:#1C3803;
display:block;
float:left;
height:23px;
padding:11px 20px 0pt;
text-decoration:none;
}
#stylefour ul li a:hover, #stylefour ul li a.current {
background:#FFFFFF url(images/bgON.gif) no-repeat scroll right top;
color:#FFCC00;
}
#main {
border-bottom:1px solid #D6D6D6;
border-left:1px solid #D6D6D6;
border-right:1px solid #D6D6D6;
margin:0px 0pt 5pt 0px;
padding:10px 0pt 0pt;
width:958px;
background:#fff;
}
#main .padding {
padding:25px 5px 5px;
}
#sidebar {
background:#FFE9AF;
float:right;
overflow:hidden;
width:391px;
}
#sidebar .pad {
padding:0pt 0pt 10px 17px;
}
#sidebar p {
padding:0pt 0pt 5px 5px;
}
#sidebar ul {
padding:3px 0pt 12px 0px;
background:#FFE9AF;
}
#sidebar li {
background:#F8F8F8;
line-height:22px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:2px;
}
#sidebar li a {
color:#C3311D;
padding-left:15px;
}
#sidebar a:hover {
text-decoration:underline;
}
#sidebar h2 {
background:#D4AA3C;
border-left:3px solid #BA9433;
color:#382516;
font-family:tahoma,Arial,Sans-Serif;
font-size:1.2em;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:24px;
line-height:28px;
text-indent:10px;
text-transform:uppercase;
width:100%;
}

#sidebar .subleft {
float:left;
width:191px;
}
#sidebar .subright {
float:right;
width:191px;
}
.subright table{
width:95%;
}
#sidebar .adsbox {
background:#FFF;
border-bottom:4px solid #E5E5E5;
color:#666666;
margin-bottom:10px;
text-align:center;
}
#sidebar .adsbox .padding {
padding:10px;
}

#sidebar .adsbox .padding ol{text-align:left;}
#sidebar .adsbox .padding ol li{list-style:disc inside;color:#755930;font-weight:bold;}
#sidebar a strong {color:#755930;}

#calendar_wrap table,#subright table{
width:95%;
text-align:center;
margin:0 auto;
}

#sidebar table caption{border-bottom:2px solid #5F4329;}

#calendar_wrap table td{
background:#FFE9AF;
}
#calendar_wrap table th{
background:#FFE9AF;
}
#sidebar .pad{background:#F8F8F8;}
#left_colum {
color:#454545;
margin-bottom:10px;
width:550px;
}
#left_colum .entry {
padding:0px 0pt 30px;
}
#left_colum h2 {
background:transparent url(images/navh2bg.gif) no-repeat scroll 0%;
border-bottom:1px dotted #646464;
color:#1C3803;
font-family:verdana,Arial,Sans-Serif;
font-size:2em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:3px 0pt;
padding:3px 0pt 0pt 30px;
text-transform:uppercase;
}
#left_colum .entry h3 {
color:#A5A5A5;
font-family:tahoma,Arial,Sans-Serif;
font-size:0.85em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:5px 0pt 15px;
padding:0pt;
}
#left_colum p {
color:#454545;
padding:0pt;
text-align:justify;
}
#left_colum img {
padding:0pt 10px 2px 5px;
}
#left_colum blockquote {
background:transparent url(images/bg_blockquote.gif) no-repeat scroll 0%;
margin:10px 0pt 10px 10px;
padding:15px 0px 0pt 40px;
text-indent:10px;
}
.comment_bar {
background:#F4F4F3 none repeat scroll 0% 50%;
height:26px;
margin:10px 0pt 20px;
padding:7px 10px 0pt 0pt;
text-align:right;
}
.comment_bar a {
color:#74797E;
}
#left_colum ul {
list-style-position:inside;
margin-left:2px;
}
#left_colum ul li {
list-style-type:square;
margin-left:15px;
}
#left_colum ul ul li {
list-style-image:none;
list-style-position:inside;
list-style-type:lower-alpha;
margin-left:10px;
}
#commentlist {
padding:10px 0pt;
list-style:none;
}
.comment {
color:#646464;
margin:10px 5px;
padding:10px 8px;
}
#comment_text{
background:url('images/commenttop.gif') no-repeat;
width:510px;
text-indent:15px;
margin:0px;
padding:5px;
}
.comment_info {
background:url('images/commentlow.gif') no-repeat;
height:26px;
text-align:left;
padding:15px 0px 0px 60px;
margin:0px;
height:35px;
}
.commentform {
background:#EEEEEE url(images/new_bg.gif) repeat scroll 0% 50%;
color:#646464;
margin:10px 5px;
padding:10px 8px;
width:515px;
}
.alt {
background:transparent url(images/gray.png) repeat scroll 0% 50%;
color:#333333;
}
.navigation {
border-bottom:1px solid #DBC4A6;
border-top:1px solid #DBC4A6;
height:25px;
font-weight:bold;
}
.navigation a{
color:#1C3803;
}
.navigation a:hover{
color:#ffcc00;
}
.navigation .alignleft {
float:left;
margin-left:30px;
width:150px;
}
.navigation .alignright {
float:right;
margin-right:30px;
text-align:right;
width:150px;
}
#footer {
color:#646464;
padding:0px 5px;
border-top:2px solid #5F4329;
line-height:15px;
}
#footer h3{
font-size:0.95em;
}
#footer h3 a {
text-decoration:none;
color:#C3311D;
}
.creative_common{
float:left;
width:100px;
margin:5px;
text-align:center;
}
.creative_common img{margin:1px;}
.copyright{float:left;}