/*
kuler.com's Japanese Garden
http://kuler.adobe.com/index.cfm#themeID/5020
#D8CAA8	tan 
#5C832F	light green
#284907 dark green
#382513	dark red
#363942	dark grayish blue
*/

BODY {
	margin: 0;
	padding: 0;
	font: 12px Verdana; 
	background: #363942 url('images/background.gif') repeat-x fixed  ;
}


IMG.right, IMG.left { margin: 5px; border: 1px solid #D8CAA8; }
IMG.right { float: right; }
IMG.left { float: left; }

A { color: #284907; text-decoration: none; }
A:hover { text-decoration: underline; }
A:visited { }

.highlight { background-color: #5C832F; }


DIV.header { position: fixed; top: 0px; left: 0px; padding: 10px 20px 4px 0; height: 66px; width: 970px; color: #382513; background: url('images/background.gif') }
DIV.header IMG { margin: 0 100px 0 20px; }

MENU { position: fixed; top: 80px; left: 0px; margin: 0; padding: 0 0 0 170px; width: 740px; height: 24px; overflow: hidden; background: #284907; }
MENU LI { display: block; float: left; margin: 0 2px; width: 120px; color: white; text-align: center; }
MENU LI A { display: block;  padding: 5px; color: white; text-decoration: none; font-weight: bold; background: #315909; }
MENU LI A.current { background: #5C832F; color: white; }
MENU LI A:hover { background: #5C832F; color: white; text-decoration:none; }
MENU LI A.current { background: #5C832F; color: white; }


DIV.searchbar { position: fixed; top: 120px; left: 768px; margin: 0px; border: 1px solid #382513; padding: 10px; width: 200px; height: 110px; background: url('images/sidebar.png');  }
DIV.searchbar FORM { margin: 0px; }
DIV.searchbar FORM FIELDSET { margin: 0; width: 176px; }
DIV.searchbar FORM FIELDSET INPUT { width: 120px; }
DIV.searchbar FORM FIELDSET INPUT.button { width: auto; }
DIV.searchbar FORM FIELDSET INPUT.checkbox { width: auto; }

DIV.sidebar { position: fixed; top: 260px; left: 768px; margin: 0px; border: 1px solid #382513; padding: 10px; width: 200px; background: url('images/sidebar.png');  }
DIV.sidebar H1 { margin: 0; font: 20px Georgia; color: #382513; }
DIV.sidebar OL { margin: 5px 0 10px 27px; padding: 0; }
DIV.sidebar OL LI { margin: 0; padding: 0; }

/* top: 440px; DIV.adbar { position: fixed; top: 210px; left: 768px; margin: 0px; border: 1px solid #382513; padding: 10px; width: 200px; background: #D8CAA8; } */


DIV.body { float: left; clear: both; margin: 104px 0 0 0; padding: 0 40px 30px 10px; width: 750px; background: white; }
DIV.body H1 { margin: 0 0 0 0; font: 22px Georgia; color: #382513; }

DIV.body DIV.pages { clear: both; margin: 10px 0px 0px 0px; padding-right: 20px; text-align: right; } 


DIV.post { clear: both; margin: 0; border-bottom: 1px #D8CAA8 dashed; padding: 5px 10px 10px 10px; background: #ffffff; }
DIV.post H2 { margin: 10px 0 0 0; padding: 0; font: 20px Georgia; }
DIV.post H2 A { color: #284907; text-decoration: none; }
DIV.post H2 A:hover { text-decoration: underline; }
DIV.body H2 A:visited { }
DIV.post CITE { font-style: normal; }
DIV.post UL { margin: 0 0 0 10px; }
DIV.post OL { margin: 0 0 0 10px; }
DIV.post DIV.info { margin: 0 0 5px 0; text-align: right; color: #382513; }
DIV.post P { font-style: normal; }
DIV.first P { font-size: 14px; }
BLOCKQUOTE {}

DIV.comments { margin: 0; border-left: 1px #D8CAA8 dashed; border-right: 1px #D8CAA8 dashed; border-bottom: 1px #D8CAA8 dashed; }
DIV.comments DIV.comment { margin: 0; border-bottom: 1px #D8CAA8 dashed; padding: 10px 12px; }
DIV.comments FORM { margin: 2px; padding: 5px 10px; }
DIV.comments FORM IMG.ratingStar { cursor: pointer; }


FORM { margin: 0; padding: 0; }
FORM FIELDSET { margin: 0 auto; padding: 0 10px 5px 10px; width: 300px; text-align: center; }
FORM FIELDSET LEGEND { margin: 0 0 5px 0; font: 14px Georgia; color: #382513; }
FORM FIELDSET LABEL { display: block; clear: both; margin: 3px 0; padding: 3px 0 0 0; height: 21px; text-align: left; color: #382513; }
FORM FIELDSET LABEL.textarea { height: auto; }

FORM FIELDSET LABEL INPUT { float: left; display: block; margin: -18px 0 0 80px; color: #284907; }
FORM FIELDSET LABEL SELECT { float: left; display: block; margin: -18px 0 0 80px; color: #284907; }
FORM FIELDSET LABEL TEXTAREA, FORM FIELDSET TEXTAREA { display: block; font: 12px Verdana; width: 100%; height: 100px; color: #284907; }

FORM FIELDSET.wide { width: 600px; }
FORM FIELDSET.wide INPUT { width: 500px; }
FORM FIELDSET.wide SELECT { width: 505px; }
FORM FIELDSET.wide TEXTAREA { width: 565px; }

FORM FIELDSET LABEL.buttons { height: auto; text-align: center; }
FORM FIELDSET LABEL.buttons INPUT { float: none; display: inline; margin: 0; width: auto; }


TABLE.tasks { border: 1px solid #363942; }
TABLE.tasks THEAD TR { background: #363942; }
TABLE.tasks THEAD TR TH { padding: 2px 10px; color: white; background: #363942; }
TABLE.tasks TBODY TR.task    { cursor: pointer; }
TABLE.tasks TBODY TR.started { color: #000077; }
TABLE.tasks TBODY TR.due     { color: #550000; }
TABLE.tasks TBODY TR.task TD { padding: 2px 10px; }
TABLE.tasks TBODY TR.task TD.due {}
TABLE.tasks TBODY TR.task TD.name {}
TABLE.tasks TBODY TR.task TD.status {}
TABLE.tasks TBODY TR.highlight TD { color: white; }
TABLE.tasks TBODY TR.highlight TD A { color: white; }

FORM#taskForm { position: absolute; left: 420px; top: 180px; margin: 0px; border: 1px solid #363942; padding: 0px; background: url('images/trans.png'); } 
FORM#taskForm FIELDSET { margin: 0px; padding: 5px 10px; }



/* ---------- DAILIES ---------- */
FORM.daily { margin: 10px; border: 1px solid #999999; padding: 10px; background: #f5f5f5; text-align: center; }
			
FORM.daily P#formButtons { margin: 0; padding: 0; }
FORM.daily P#formButtons INPUT { font-size: 16px; }

FORM.daily FIELDSET { float: none; margin: 0 0 10px 0; width: auto; }
FORM.daily FIELDSET LEGEND { margin: 0 0 10px 0; clear: both; }
FORM.daily FIELDSET LABEL { margin: 3px; width: 220px; height: 30px; padding: 0px; left: auto; float: left; clear: none; text-align: right; white-space: nowrap;  }
FORM.daily FIELDSET LABEL INPUT { margin: 0 0 0 10px; width: 90px; height: 20px; float: none; display: inline; font-size: 16px; }
FORM.daily FIELDSET LABEL INPUT.view { border-color: transparent; background-color: transparent; }
FORM.daily FIELDSET LABEL INPUT.edit { background-color: white; }
FORM.daily FIELDSET LABEL INPUT.check { border: none; }

FORM#dailyForm { position: absolute; left: 120px; top: 180px; margin: 0px; border: 1px solid #363942; padding: 0px; background: url('images/trans.png'); }
FORM#dailyForm FIELDSET { margin: 0px; padding: 5px 10px; }


DIV.footer { clear: both; margin: 0; padding: 5px 10px; background: #D8CAA8; color: #363942; font-size: 10px; text-align: center; }