/*
Original design: andreas08 (v2.0 - Jul 07, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas08/
*/

/* Body and tag styles */
* {margin:0; padding:0;}
body {font:72% Verdana,Tahoma,Arial,sans-serif; line-height:1.3em; text-align:center;}
a {color:#467aa7; font-weight:bold; text-decoration:none; background-color:inherit;}
a:hover {color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img {border:none;}
p {padding:0 0 1.6em 0;}
p form {margin-top:0; margin-bottom:20px;}
img.left,img.center,img.right {padding:4px; border:1px solid #a0a0a0;}
img.left {float:left; margin:0 12px 5px 0;}
img.center {display:block; margin:0 auto 5px auto;}
img.right {float:right; margin:0 0 5px 12px;}

/* Header and navigation styles */
#container {width:940px; margin:0 auto; font-size:1.0em; text-align:left; margin-bottom: 10px; background:#ffffff; border:2px solid #a0a0a0;}
#header {width:940px; min-height:240px /*Non-IE6*/; /*margin-bottom: 20px; */ height:auto !important /*Non-IE6*/; height:240px /*IE6*/;  background: #FFFFFF  url(/static/boey/images/top_scallop.jpg) repeat-x left top; font-size:1.0em;}
.header-top {clear:both; width:940px; height:260px; background: url(/static/boey/images/prawns.jpg) no-repeat left top; font-size:1.0em;}  /* height:265px; */
.header-bottom {clear:both; width:940px; min-height:30px /*Non-IE6*/; height:auto !important /*Non-IE6*/; height:30px /*IE6*/; background:rgb(225,225,225) url(/static/boey/images/bg_header_bottom.jpg) repeat-x; font-size:1.0em;}
/* padding:35px 0 0 20px; */
#header h1 {padding:35px 0 0 20px; font-size:2.4em; background-color:inherit; color:#ffffff; letter-spacing:-2px; font-weight:normal;}

#header h2 {margin:10px 0 0 40px; font-size:1.4em; background-color:inherit; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
.navbar {white-space:nowrap /*IE hack*/; float:left; width:940px;  background-color: #ffbad2; font-family:tahoma,arial,sans-serif; font-size:10px !important /*Non-IE6*/; font-size:10px /*IE6*/; }
.footer {clear:both; width:940px; height: 60px; padding:1em 0; color: #feb7c2;  background: url(/static/boey/images/bottom_scallop_60.jpg) repeat-x left bottom; font-size:1.1em !important /*Non-IE6*/; font-size:1.0em /*IE6*/; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}

#navigation {height:2.2em; line-height:2.2em; width:758px; margin:0 1px; background:#578bb8; color:#ffffff;}
#navigation li {float:left; list-style-type:none; border-right:1px solid #ffffff; white-space:nowrap;}
#navigation li a {display:block; padding:0 10px; font-size:0.8em; font-weight:normal; text-transform:uppercase; text-decoration:none; background-color:inherit; color: #ffffff;}
* html #navigation a {width:1%;}
#navigation .selected,#navigation a:hover {background:#80b0da; color:#ffffff; text-decoration:none;}

/* SITENAME AND SLOGAN */
#logo { width:197px; height:47px; position:absolute; z-index:1; margin:80px 0 0 325px;}
.sitename {width:350px; height:100px; position:absolute; z-index:2; margin:116px 0 0 370px; overflow:hidden;}
.sitename h2 {font-family:garamond,"trebuchet ms",arial,sans serif; margin: 2px 0 0 0; padding-left: 20px; padding-bottom:0px; color: #feb7c2; font-weight:bold; font-size: 16px; font-style: italic; clear: left; !important /*Non-IE6*/; font-size:14px /*IE6*/;}
.sitename .tip {margin : 0; padding-left: 40px; font-size: 10px; !important /*Non-IE6*/; font-size:10px /*IE6*/;}

/* MAIN MENU */
.navbar ul {list-style-type:none;}
.navbar ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background-color: #ffbad2; }
.navbar ul li a {float:none !important /*N on-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:1.8em !important; line-height:3.1em;  padding:10px 10px 0 10px; text-decoration:none; font-weight:bold; color: #5c604d; border-right:solid 0px rgb(215,215,215);}
.navbar ul li ul {display:none; border:none;}

/* SUBMENU (Non-IE6 hovering) */
.navbar ul li:hover {position:relative;} /*Sylvain IE hack*/
.navbar ul li:hover a {background-color: #ffbad2; text-decoration:none;} /*Color main cells hovering mode*/
.navbar ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.0em; margin-top:0.1em; left:0; padding:0px 16px 0px 16px; border-top:solid 1px rgb(215,215,215);}
.navbar ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-17px; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color: #ffbad2; font-weight:normal; color: rgb(100,100,100); } /*Color subcells normal mode*/
.navbar ul li:hover ul li a:hover {background-color:rgb(225,225,225); text-decoration:none;} 

.corner-page-top {width:940px; height:10px; background:transparent url(/static/pcboey/images/bg_corner_page_top.gif) no-repeat; overflow:hidden;} 

/* Content styles 676px; background-color: #e5e7e1; */
#content {float:left; width:600px; font-size:0.9em; padding:20px 0 0 20px;} 
#content h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:-1px; color:#505050; background-color:inherit;}
#content h2 a {font-weight:normal;}
#content h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover {text-decoration:underline;}
#content ul,#content ol {margin:0 5px 16px 35px;}
#content dl {margin:0 5px 10px 25px;}
#content dt {font-weight:bold; margin-bottom:5px;}
#content dd {margin:0 0 10px 15px;}

/* Sidebar styles */
#subcontent {float:right; width:210px; padding:20px 20px 10px 0; line-height:1.4em;}
#subcontent h2 {display:block; margin:0 0 15px 0; font-size:1.6em; font-weight:normal; text-align:left; letter-spacing:-1px; color:#505050; background-color:inherit;}
#subcontent p {margin:0 0 16px 0; font-size:0.9em;}

/* Menublock styles */
.menublock {margin:0 0 20px 8px; font-size:0.9em;}
.menublock li {list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a {font-weight:bold; text-decoration:none;}
.menublock li a:hover {text-decoration:none;}
.menublock li ul {margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li {margin-bottom:0;}
.menublock li ul a {font-weight:normal;}

/* Searchbar styles */
#searchbar {margin:0 0 20px 0;}
#searchbar form fieldset {margin-left:10px; border:0 solid;}
#searchbar #s {height:1.2em; width:110px; margin:0 5px 0 0; border:1px solid #a0a0a0;}
#searchbar #searchbutton {width:auto; padding:0 1px; border:1px solid #808080; font-size:0.9em; text-align:center;}

/************/
/*  FOOTER  */
/************/
.footer p {padding: 35px 0 0 0; line-height:1.2em; text-align:center; font-size:0.8em; color: #fff;}
.footer p.credits {padding-top: 0;}
.footer a, .footer a:visited {text-decoration:underline; color:#fff;}
.footer a:hover {text-decoration:underline; color:#d1d1d1;}

/* Misc classes and styles */
.splitcontentleft {float:left; width:48%;}
.splitcontentright {float:right; width:48%;}
.clear {clear:both;}
.small {font-size:0.8em;}
.hide {display:none;}
.textcenter {text-align:center;}
.textright {text-align:right;}
.important {color:#f02025; background-color:inherit; font-weight:bold;}
.box {margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em;}

/* Google ads */
#post_detail_ad {margin-bottom: 20px;}