/* CSS 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, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; outline: 0; font-size: 100%; font-family: Thonburi, "Lucida Grande", Arial, Tahoma, Sans-Serif; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}

caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";} 

body,p,td,th,ul,li{ color: #000; font-family: "Lucida Grande", Arial, Tahoma; font-size: 12px; line-height: 15px; }
.clearspace {clear:both; height:0px; padding:0px; margin:0px; width:0px;}
a { color: #888888; text-decoration: none; }
a:hover { color: #333; }
a:active { color: #333; }
p {
margin: 4px 0 0 0; color:#000;
}
img, div { behavior: url(iepngfix.htc); }
body { background:url(images/background.gif) #f4ecd7 top no-repeat;}
#wrapper { width: 1065px; margin:0 auto 10px auto; padding:0 0 10px 0;}
#logo { padding: 40px 0 0 30px;}
#logobackg { background: url(images/logo.png) no-repeat; height:89px; width:905px;}
#banner { margin: 0 0 0 20px; background-image:url(images/banner.png); width:1045px; height:380px;}
#body { width: 1000px; background-color: #f4ecd7; padding: 20px 65px 0 0; margin: 0 0 20px 0;}


#content { width: 740px; float:left;}
#content .top 
{ background-image: url(images/left-top.jpg); width:699px; height: 35px; padding:45px 0 0 30px;  }
#content .top h1 { color:#FFFFFF; font-size:20px; font-weight: bold; line-height: 25px;}
#content .top h1 span.textyellow { color:#fcf157;}
#content .body { background-color:#FFFFFF; width: 669px; margin:0 0 0 20px; padding:20px;  }
#content .bottom { background-color:#FFFFFF; width:709px; height:5px; margin:0 0 0 20px;  }

#content .bodyhome { width: 709px; margin:0 0 0 20px; padding:0; }
#contentbanner {background-color:#FFFFFF; width: 699px; margin:0; padding:5px; }
#contentbanner p { margin:0; padding:0;}
#contentbanner p a img{ margin:0; padding:0;}
#contenthome {background-color:#FFFFFF; width: 699px; margin:0; padding:10px 0px 10px 10px;}
#contenthome .contentbox { width: 224px; float:left; margin:0 10px 10px 0; padding:0;}
#contenthome .contentboxend { width: 224px; float:left; margin:0; padding:0;}
#contenthome .contentpic { width:224px; height: 128px; overflow:hidden;}
#contenthome .contentpic a { display:block; width: 224px; height:128px; overflow:hidden;}
#contenthome .contentpic a img { display:block;}
#contenthome .contentpic a img { border:0;}
#contenthome .contentdetail { width:204px; padding:10px;}
#contenthome .contentdetail h1 { color: #89bd39; font-size:14px; font-weight:bold; margin:0 0 5px 0;}
#contenthome .contentdetail p { margin: 0 0 5px 0;}
#contenthome .contentdetail p.excert { margin: 0 0 5px 0;}
#contenthome .contentdetail p.more a { color:#ed6400;}
#contenthome .contentdetail a img { border:0;}


#footer-home{ background:#FFFFFF url(images/footer.jpg) repeat-x; padding:40px 0 0 0; margin:0;}
#footerlogo { width:980px; margin:0 auto; padding:0 0 10px 0;}
#footerlogo p a img { display:block; margin:0 10px 10px 0; border:0; float:left;}
#footerlogo p img { display:block; margin:0 10px 10px 0; border:0; float:left;}
#footer
{ background-image:url(images/footer.gif); width:920px; height:65px; margin: 0 0 0 20px; padding:20px 30px 0 30px; color: #FFFFFF; font-weight:bold;}

/******************************spoil***********************************/
.spoil { width: 669px; margin: 0 0 20px 0;}
.spoil .spoilleft { width:150px; float:left;} 
.spoil .spoilleft  img { width: 130px; height:130px; overflow:hidden;}
.spoil .spoilleft a img { width: 130px; height:130px; display:block; border:1px solid #d7d7d7; padding: 5px; }
.spoil .spoilright { width: 490px; float:right;}
.spoil .spoilright .rightlogo { float:right; width: 90px; overflow:hidden; text-align: right;}
.spoil .spoilright .rightcontent { float:left; width:370px;}
.spoil .spoilright .rightcontent p { margin:10px 0 0 0; color:#000000;}

.spoil .spoilright .boxborder { margin:0 0 10px 0;}
.spoil .spoilright .boxborder .boederleft 
{ background-image:url(images/boxborderleft.gif); width:7px; height:25px; float:left;}
.spoil .spoilright .boxborder .boedercen 
{ background-image:url(images/boxbordecen.gif); height:20px; background-repeat:repeat-x; float:left; padding:5px 0 0 0; display:block; color:#3ec0ea; font-weight:bold;}
.spoil .spoilright .boxborder .boederright 
{ background-image:url(images/boxborderright.gif); width:11px; height:25px; float:left; margin:0 10px 0 0;}
.boxborder .boedercen span.textgreen { color:#aac02c; margin: 0 0 0 10px;}
.boxborder .boedercen.box1 { min-width: 160px; display:block; color:#3ec0ea;}
.boxborder .boedercen.box2 { min-width: 350px; display:block; color:#3ec0ea;}

.boxborder .boedercen.box3 { min-width: 120px; display:block; color:#3ec0ea;}



/*****************************MENU****************************************************************/
#nav 
{ background-image:url(images/nav.jpg); width:980px; height:40px; margin: 0 0 0 20px; background-repeat:no-repeat; }
#nav ul { margin:0; padding:0 0 0 15px;}
#nav li { display:inline; font-size:15px;}
#nav li a { display:block; float: left; color:#FFFFFF; padding: 12px 15px 0 15px; height:28px; font-weight:normal; font-size:14px;}
#nav li a:hover { background-color:#efe1c1; color:#ce5c00;}

#nav.m1 li#m1 a{background-color:#efe1c1; color:#ce5c00; }
#nav.m2 li#m2 a{background-color:#efe1c1; color:#ce5c00; }
#nav.m3 li#m3 a{background-color:#efe1c1; color:#ce5c00; }
#nav.m4 li#m4 a{background-color:#efe1c1; color:#ce5c00; }
#nav.m5 li#m5 a{background-color:#efe1c1; color:#ce5c00; }
#nav.m6 li#m6 a{background-color:#efe1c1; color:#ce5c00; }
#nav.m7 li#m7 a{background-color:#efe1c1; color:#ce5c00; }

/***************************Sidebar***************************************************/
#sidebar ul { margin:0; padding:0;}
#sidebar li { list-style:none;  margin:0; padding:0; list-style-position:outside; margin: 0 0 20px 0;}
#sidebar caption { text-align: left; width:220px; margin:0 0 5px 0; font-weight:bold;}
#sidebar .calendar-wrap table { border:0; border-collapse: collapse; border-spacing:0; width:220px; }
#sidebar .calendar-wrap th { background-color:#d5d5d5; color:#000000; height:24px; vertical-align:middle; text-align:center; }
#sidebar .calendar-wrap td {border:1px solid #CCCCCC; height:24px;text-align:center; vertical-align:middle;}
#sidebar .calendar-wrap td.pad {background-color:#DDDDDD;}
#sidebar .calendar-wrap td a { font-weight:bold; color:#0000FF;}
#sidebar table#wp-calendar {border:1px solid #CCCCCC;margin:5px 0pt; width:220px;}
#sidebar .calendar-wrap tfoot td.pad {background-color:#DDDDDD; border:0; border-top: 1px solid #CCCCCC;}

/*************************RAting***************************/
.post-ratings { margin: 0 0 10px 0;}

#blogdog img { display:block; margin: 0 auto;}
#blogdog a img { display:block; margin: 0 auto; }
#blogdog a img.size-thumbnail 
{ float:left; display:block; margin:0 5px 5px 0; border:1px solid #D7D7D7; padding: 2px; width: 100px; height:100px; overflow: hidden;}
#blogdog p { display:block; margin: 0 0 10px 0;}

/**************************************SIDEBAR*********************************/
#sidebar { width: 245px; padding:0; float:right; padding:10px 0 10px 10px; background-color:#FFFFFF;}
#sidebar .sidebarvdo { width: 245px; margin:0 0 10px 0;}
#sidebar .sidebarvdo p {margin:0; padding:0;  }
#sidebar .sidebarbanner { width: 245px; margin:0 0 10px 0;}
#sidebar .sidebarbanner p {margin:0 10px 10px 3px; padding:0; float: left;  }
#sidebar .sidebarbanner p a img{ border:0;}
#sidebar .sidebarbanner h2 { color:#FF6600; font-size:16px; font-weight:bold; margin:10px 0 10px 0;}
#sidebar .sidebarbanner ul { margin:0; padding:0;}
#sidebar .sidebarbanner li { background:#FFFFFF url(images/list-li.jpg) no-repeat; padding:0 0 10px 20px; margin:0 0 0 10px; }
#sidebar .sidebarbanner ul li a { font-size:12px;}
#sidebar .sidebarbanner .textfeeb img{ margin:0 0 10px 0; }
#sidebar .introduce { width: 226px; margin:0 0 10px 5px;}
#sidebar .introduce h2 { background-color:#e95593; padding:10px; width:206px; color:#FFFFFF; text-align:center;}
#sidebar .introduce h2 a{color:#FFFFFF;}
#sidebar .introduce .introducepic { border:1px solid #d5d5d5; width:224px; height:130px; overflow:hidden;}
#sidebar .introduce .introducepic a img { border:0; display:block; margin:0 auto;}

/*****************************COMMENT*************************************/
#boxcomment { width:669px;}
#boxcomment textarea { width:500px;}
#boxcomment h3 { margin:0 0 10px 0;}
#boxcomment li { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #999999;}
#boxcomment .comment-author { float:left; width:100px; font-size:11px; font-weight:bold;}
#boxcomment .comment-author cite.fn { font-style:normal; padding:0 0 0 5px;}
#boxcomment .comment-author img.avata {}
#boxcomment .comment-meta { float:left; width:180px; padding:0; margin:0 0 0 -63px;}
#boxcomment .comment-meta a { font-size:10px;}
#boxcomment p { margin:0 0 0 0; clear:both; padding:10px 0 0 0;}

/*******************************Dr.Talk*********************/
#boxtalk {wodth: 669px;}
#boxtalk ul { margin:0; padding:0;}
#boxtalk li {}
#boxtalk li 
{ background: #FFFFFF url(images/lisi-dr-talk.gif) no-repeat; float:left; margin:0 0 10px 0;  }
#boxtalk li a p{ color:#32a0ca; font-size:12px; font-weight:bold; margin:0;}
#boxtalk li.texttalk { width: 480px; float:left; padding:0 0 0 20px; }
#boxtalk li.datetalk { width: 150px; float: left; background: none; color:#666666; text-align:right; font-size:11px;}
#boxtalk li.commenttalk { width: 19px; float:left; background: none; color:#ffb54d; font-size:12px; text-align:center; font-weight:bold;}

