* { margin:0px; padding:0px; }
body { background: #eadcc2 url(/images/bg.gif); font:  normal 13px Tahoma, Verdana; line-height: normal; color: #666666; margin:0px; padding:0px; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px; color: #C67700; text-transform: uppercase; padding-bottom:5px; }
h3 { text-transform: uppercase; font-size: 14px; }
h4, h5 { text-transform: uppercase; letter-spacing: 1px; font-size: 12px; }
p, ul, ol { line-height: 20px; }
ul, ol { padding-left: 20px; }
blockquote { line-height: 18px; padding-left: 20px; background: url(/images/img05.gif) repeat-y; margin-left: 20px; }
a { color: #996600; text-decoration: underline; }
a:hover { text-decoration: none; color: #000000; }
img { border:0px; }
img a { border:0px; }
/*hr { width: 700px; height:1px; margin:0 auto;  background:none; }*/
hr.bg {  background: url(/images/borderLine.gif) repeat-x; margin: 0 auto; border:none; height:10px; line-height:10px;
}
/* Header */

#header { width: 760px; height: 240px; margin: 0 auto; padding: 0px 20px 0px 0px; }
/* Menu */
/*
#menu { width: 760px; height: 50px; margin: 0 auto; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu li { display: inline; }
#menu a { display: block; float: left; padding: 17px 20px 0 20px; background: url(images/img03.gif) no-repeat; text-transform: uppercase; text-decoration: none; font: bold 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #D8D8D8; }
#menu a:hover { color: #FFFFFF; }
#menu .first a { background: none; }
*/
/* Content */
#container { width: 780px; margin: 0 auto; }
#content { float:left; width: 740px; background: url(images/bg_main.gif) repeat; margin: 0px 20px 0px 0px; padding: 20px 20px 0px 20px; }
/* Posts */

#posts { width: 480px; float:left; }
/* Links */

#links { float: right; width: 200px; padding-left: 20px; background:#EADCC2 url(/images/img05.gif) repeat-y; }
#links ul { margin: 0; padding: 0; list-style: none; }
#links li ul { padding: 5px 0 30px 0; }
#links li li { padding: 7px 0px 10px 7px; background:#EADCC2 url(/images/img06.gif) repeat-x left bottom; }
#links li a { text-decoration: none; }
#links li a:hover { text-decoration: underline; }
#links li i { font-style: normal; font-size: 11px; }
#links li h2 { font-size: 14px; }
/* Footer */

#footermain { clear:both; width:780px; margin:0 auto; background-color:#eadcc2; }
#footer { width:740px; background: url(images/bg_main.gif); margin:0; padding: 10px 20px 10px 20px; text-align:center; }
#footer ul { list-style:none; margin:0; padding: 15px 0px 0px 0px; }
#footer ul li { margin:0; padding:0 10px 0 6px; display:inline; background:transparent url(images/pipe.gif) no-repeat right; }
#footer ul li.last { margin:0; padding:0 0 0 6px; display:inline; background:none; }
#footer p { padding: 15px 0px 0px 0px; text-align: center; color: #666666; }
#portfolio { padding:0px 0px 10px 50px; display:block; }
#portfolio ul { line-height:250%; }
.postservice { padding-left: 30px; }
.linkright { text-align:right; }
.linkright img { padding-right:5px; }
.remark { color: #CC6600; }
.center { margin:0 auto; text-align:center; }
/* Template preview popup */
#tplPreview { position: absolute; top: 0px; left: 0px; background-color: #ffffff; border:1px solid #444444; font-size: 11px; color: #4B4B4B; padding: 12px 15px 15px 15px; }
#tplPreviewTitle { font-size: 16px; }
#tplPreviewBody { position: relative; }
#tplPreviewImage { margin: 8px auto 0 auto; }
#tplPreviewProgressBar { position: absolute; width: 125px; padding: 10px 10px 15px 10px; top: 45%; left: 50%; margin-left: -67px; border: 1px solid #6A6A6A; background-color: #ffffff; color: #000000; font-family: Tahoma, Helvetica, sans; font-size: 10px; text-align:left; }
.rightcoltempl { width:236px; margin-left: 5px; }
.hidden { display:none; }
/* column container */
.colmask { position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */ clear:both; float:left; width:100%;			/* width of whole page */ overflow:hidden;	/* This chops off any overhanging divs */ }
/* 2 column left menu settings */
.col2list { }
.col2list .colright { float:left; width:200%; position:relative; left:15em; }
.col2list .col1wrap { float:right; width:50%; position:relative; right:15em; }
.col2list .col1 { margin:0 1em 0 25em; position:relative; right:100%; overflow:hidden; }
.col2list .col2 { float:left; width:25em; position:relative; right:15em; }
#article { padding-top:10px; font:normal 0.9em Arial, Helvetica, sans-serif; color:#666; }
#article .postarticle { border-top: 1px dashed #C96; width:100%; position:relative; padding:10px 4px 4px 10px; }
#WordOfTheDay TD.WoDLeft { color:#000; }
#TfdBee { border:none; padding:2px; }
#TfdBee .spell_word { font-size:110%; clear:both; margin-bottom:5px; }
#TfdBee INPUT { font-size: 11pt; margin:0; padding:0; }
#tfd_bee_sound { float:left; width:40px; height:40px; margin-right:5px; }
#tfd_bee_sound IMG { width:100%; height:100%; border:none; }
#tfd_bee_def { font-size:80%; }
#tfd_bee_score { float:right; margin:0 0 5px 2px; }
.tfd_bee_correct { background-color:#FFF; }
.tfd_bee_wrong { background-color:#FF6666; }
.tfd_bee_na { background-color:#FFF; }
/* RSS */
#rss, #tips { padding:10px; margin-top:20px; }
#rss h3, #tips h3 { border-bottom:1px dashed #c96; }
#rss ul, #tips ul { list-style-image:url(/images/my_logo.gif); padding-top:10px; }
/* Tips */

/* Web Design */
#post-webdesign { width:740px; font:normal 1em/1.6em Verdana, Arial, Helvetica, sans-serif; padding-left:10px; }
#post-webdesign p, #post-webdesign li { padding:10px 0px; line-height:1.6em; }
.img-border { border:1px #666 dotted; padding:3px; }
abbr { color:#C67700; cursor:pointer; text-decoration:none; border:none; }
i { padding-left:5px; }


.breadcrumb { clear:both; width:100%; margin:0 auto; background:#eadcc2 url(/images/misc/home.gif) no-repeat 0 50%;  padding:5px 0;  margin-top:5px; margin-bottom:10px; color:#C9A563; }
.breadcrumb span { padding-left:20px; }
.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 */


/* Google Adsense */
#googleAdsense { clear:both; background-color:#EADCC2; margin:0 auto; padding:10px 0;}