/* Chadao CSS */

body { margin:0; padding:0; background:url(../images/body_background.jpg) center top no-repeat; font:normal 11px/16px Verdana; color:#333333 }
h1, h2, h3, h4, h5, h6, p, ol, ul, li, dd, dt, dl, blockquote { margin:0; padding:0; list-style:none }
input, select, textarea { font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#333333 }
div.clear { width:100%; font-size:1px; line-height:1px; clear:both }
a img { border:none }
p { padding:0 0 20px 0 }
h1 { font:italic 30px/28px Georgia, "Times New Roman", Times, serif; color:#999999; letter-spacing:-1px; margin:0 0 20px }
h2 { font:italic 18px/22px Georgia, "Times New Roman", Times, serif; color:#708A02; letter-spacing:-1px; padding:0 0 5px; margin:10px 0 20px 0; border-bottom:2px solid #EAEFBF }
h4 { font:italic 18px/22px Georgia, "Times New Roman", Times, serif; color:#818571; letter-spacing:-1px; margin:2px 0 0 }
q { float:left; width:200px; padding:30px; background:url(../images/quote.gif) 0 0 no-repeat; overflow:hidden; font:italic 13px/18px Georgia, "Times New Roman", Times, serif; color:#759301 }

div.visual { overflow:hidden }
div.picture { float:left; overflow:hidden; background:#f5f5f5; padding:10px }
	div.visual a.goLeft { float:left; margin:40px 10px 0 0; background:none !important }
	div.visual a.goRight { float:right; margin:40px 0 0 10px; background:none !important }
	div.picture img.thumb { display:block; padding:4px; background:#fff; border:2px solid #e8e8e8 }
	div.picture em {  display:block; padding:6px 0 0 6px; color:#666 }
	div.left { float:left; margin:0 24px 14px 0 }
	div.right { float:right; margin:0 0 14px 24px }
	img.logo { float:left; margin:18px 0 0 0 }
	div.picture div.actions { position:absolute; margin:-32px 0 0 6px; float:left; padding:5px 7px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='black_fill.png',sizingMethod='scale'); overflow:hidden }
	html>/**/body div.picture div.actions { background:url(../black_fill.png) }
		div.picture div.actions a img { padding:2px }
		div.picture div.actions a img { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:.6 }
		div.picture div.actions a:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1 }
		div.picture div.actions img { filter:alpha(opacity=20); -moz-opacity:0.2; opacity:.2 }

div#menu { width:860px; height:140px; margin:0 auto; cursor:default; overflow:hidden }
	div#menu ul { float:right; margin-top:30px; overflow:hidden; font:bold 14px Arial, Helvetica, sans-serif; letter-spacing:-1px }
	div#menu ul li { float:left; overflow:hidden }
	div#menu ul li a { float:left; color:#666666; text-decoration:none; padding:52px 12px 12px 12px }
	div#menu ul li a:hover { padding:50px 10px 10px 10px; background:#FFFFFF; color:#333333; border:2px solid #CCCCCC; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:.4 }
	div#menu ul li strong { float:left; padding:52px 12px 12px 12px; background:#FFFFFF; color:#333333; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:.4 }

div#header { width:780px; height:140px; margin:0 auto; padding:40px 0; cursor:default }
	blockquote { float:left; width:360px; margin:0 0 10px 0; overflow:hidden; font:italic 24px/25px Georgia, "Times New Roman", Times, serif; color:#5F623F; letter-spacing:-1px }
	blockquote strong { float:left; font-size:50px; font-weight:normal; margin:12px 6px 0 0 }

div#layout { width:860px; margin:30px auto 0 auto; background:url(../images/layout_background.jpg) right bottom no-repeat  }
div#content { width:520px; padding:0 30px 20px 30px; float:left }
div#content a { color:#759301; text-decoration:underline; background:#FEFDE5 }
div#content a:hover { color:#FF6633; background:none; text-decoration:none }
div#content a.icon { color:transparent; text-decoration:none; background:none !important; border:none !important }
div#content	a.icon-press { color:transparent; text-decoration:none; background:none !important; border:none !important; position:relative; top:1px; left:1px }
div#nav { width:280px; line-height:15px }
div.position-left { float:left }
div.position-right { float:right }
div.fade { color:#999999 }
	div.fade img { filter:alpha(opacity=40); -moz-opacity:0.4; opacity:.4 }
	
div.nav-element { overflow:hidden; width:280px; margin-bottom:20px }
	div.nav-element img.nav-image { position:relative; float:left }
	div.nav-element em { font-style:normal; padding:10px 10px 15px 90px; display:block; background:#F5F5F5 }
	div.nav-element ol { font-style:normal; padding:10px 10px 15px 90px; display:block; background:#F5F5F5 }
	div.nav-element ol li { margin-bottom:1px }
	div.nav-element ol a { color:#759301; text-decoration:underline }
	div.nav-element ol a:hover { color:#FF6633; background:none; text-decoration:none }
	h3 { padding:2px 0 6px 0px; border-bottom:2px solid #E8E8E8 }
	h3 a { color:#757575; text-decoration:none }
	h3 a:hover { color:#000000 }

div.nav-active { margin-bottom:10px !important }
h3 { font:italic 18px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; color:#333333 }
ul.nav-subelement { margin-bottom:36px; font:italic 13px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px }
	ul.nav-subelement li { overflow:hidden; background:#F5F5F5; padding-left:82px; margin-bottom:4px }
	ul.nav-subelement li.plus { background:#F5F5F5 url(../images/plus.jpg) 60px 10px no-repeat }
	ul.nav-subelement li a { display:block; background:#E8E8E8; padding:8px 12px; color:#333333; text-decoration:none }
	ul.nav-subelement li a:hover { background:none; color:#666666 }
	ul.nav-subelement li.back { background:#E8E8E8 url(../images/minus.jpg) 60px 10px no-repeat }
	ul.nav-subelement li.back a { color:#999 }
	ul.nav-subelement li.back a:hover { color:#757575 }
	ul.nav-subelement li.active { padding:8px 12px 8px 94px; margin-top:10px; background:#F3F6D9; color:#708A02; cursor:default }
ul.hide { display:none }

div#footer { width:860px; padding:20px; height:168px; margin:0 auto; color:#999999; border-top:2px solid #F1F1F1; background:url(../images/footer_background.jpg) right top no-repeat }
	div#footer a { color:#999999; text-decoration:underline; padding:0 10px }
	div#footer a:hover { color:#666666; text-decoration:none }
	div#footer span { float:right; color:#CCCCCC }

div.form-line { overflow:hidden; margin:0 0 4px 0 }
	div.form-line label { width:160px; text-align:right; color:#999999; float:left; margin:4px 10px 0 0 }
	div.form-line input, select, textarea { float:left; padding:2px 5px 8px; width:320px; border:2px solid #E8E8E8 }
	html>/**/body div.form-line input, select, textarea { padding:5px }
	div.form-line textarea { height:200px }
	
	input.over { border:2px solid #ccc !important }
	textarea.over { border:2px solid #ccc }
	input.clear { border:2px solid #E8E8E8 }
	textarea.clear { border:2px solid #E8E8E8 }	
	
div#content a.button { float:left; padding:6px 14px 6px 12px; color:#fff; background:#ADBB4A; text-decoration:none; border-bottom:2px solid #9BA842 }
div#content a.button:hover { background:#FF6633; border-bottom:2px solid #E55C2E }

div.error { color:#5c71b4 !important; background:#f0f9fd !important; padding:7px 10px 10px }
div.error a{ color:#5c71b4 !important; background:#f0f9fd !important; }


div.blogentry { color:#5c71b4 !important;  padding:7px 0 10px }
div.blogentry a{  padding-left:10px  }
div.blogheader  { color:#000000 !important;font-weight: bold;}

div.signature { color:#000000 !important;font-weight: bold;padding-left: 10px;}
ol.list { margin-bottom:20px }
ol.list li { background:url(../images/bullet.gif) left center no-repeat; padding-left:20px }

/** from blog */

.gallery {
     margin: auto;
     background:#f5f5f5;            
 }
 
 .gallery-item {
     float: left;
     margin-top: 10px;
     text-align: center;
     width: 33%;         }

.gallery img {
 /** border: 2px solid #cfcfcf; */
 background:#fff; border:2px solid #e8e8e8
}
.gallery-caption {
    margin-left: 0;
    color:#666 
}
.wgallery {
 width:256px; 
}