/*
	(c) 2008, Daniele De Nobili
----------------------------------- */


/* Reset
----------------------------------- */
* { margin: 0; padding: 0; }
img, fieldset, button { border: 0 none; }


/* Framework
----------------------------------- */
.left { text-align: left; } .center { text-align: center; } .right { text-align: right; }
.bckl { display: block; float: left; } .bckr { display: block; float: right; } .clr { clear: both; }
a { text-decoration: none; color: #71693A; outline: none; } a:hover { text-decoration: underline; color: #4D7A04; }


/* Center page
----------------------------------- */
body { text-align: center; }
#page, #footer { width: 950px; text-align: left; margin-right: auto; margin-left: auto; }


/* Layout
----------------------------------- */
body { background: #4D7A04 url(images/bck/bck-random.php) no-repeat center top; color: #333; }
#page { margin-top: 200px; background: #FFF url(images/pageTop.gif) no-repeat center top; }
	#header { padding: 10px 20px; }
	#mainmenu { background: url(images/kanjisub_bg.gif) repeat-x center center; height: 64px; }
		#mainmenu-left { float: left; width: 14px; height: 64px; background: url(images/kanjisub_l.gif) no-repeat left center; }
		#mainmenu-right { float: right; width: 14px; height: 64px; background: url(images/kanjisub_r.gif) no-repeat right center; }
		#mainmenu ul { list-style: none; margin: 0 14px; }
		#mainmenu li { float: left; }
		#mainmenu a { display: block; float: left; padding: 0 0 0 15px; height: 64px; color: #ffe8cc; text-decoration: none;
			font: bold 12px/40px 'Lucida Sans', sans-serif; cursor: pointer; }
		#mainmenu a span { display: block; float: left; padding: 0 14px 0 0; }
		#mainmenu .current a, #mainmenu a:hover { color: #fff; background:url(images/kanjisub_hover_l.gif) no-repeat left 4px; }
		#mainmenu .current a span, #mainmenu a:hover span { color: #fff; background:url(images/kanjisub_hover_r.gif) no-repeat right 4px; }
	#content { padding: 20px; }
	#maincol { float: left; width: 600px; }
		.section { margin-bottom: 20px; }
		.comment .bckl { width: 50px; } .comment .bckr { width: 510px; }
	#navcol { float: right; width: 280px; }
		#navcol h2 { padding-bottom: 5px; }
		#navcol ul { list-style: none; }
		#flashrss { float: right; margin-right: -12px; }
#footer { padding-bottom: 20px; background: #4d7a04 url(images/pageBottom.gif) no-repeat center top; height: 30px; line-height: 30px; text-align: center; }


/* Newsticker
----------------------------------- */
#newsticker { width: 450px; padding-left: 10px; background: url(images/sottoticker.gif) no-repeat left center; white-space: nowrap; }
#newsticker div#nanodaNT {  }
#newsticker div#nanodaNT small.nanodaNTtitle { }
#newsticker ul.nanodaNTlist { }
#newsticker ul.nanodaNT a.nanodaNTlink { color: #FFF; }
#newsticker ul.nanodaNT a.nanodaNTlink:hover { color: #FFF; }


/* Layout message_body
----------------------------------- */
body#msgBody { background: #4D7A04; }
#msgPage { margin: 100px auto 0 auto; width: 500px; text-align: left; border: 2px solid #223705; background: #B4C485; padding: 20px; }


/* Blog & cms
----------------------------------- */
.cal { float: left; width: 50px; height: 50px; color: #FFF; text-align: center; background: #71693A url(images/cal.gif) no-repeat center center; }
	.cal span { display: block; }
	.cal .d { font: bold 30px/30px Georgia, "Times New Roman", Times, serif; }
	.cal .m { font: bold 12px Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; }
.title { float: right; width: 540px; }
	.infopost {  }
.mText { clear: both; padding: 10px 0; }
	.mText ul, .mText ol { margin-left: 30px; }


/* Projects
----------------------------------- */
.percent { display: block; float: left; text-align: left; padding: 1px; width: 100px; border: 1px solid #7a6b4d; }
.percent span { display: block; float: left; height: 12px; background-color: #7a6b4d; }
.cover { float: left; width: 150px; text-align: center; }
.details {  float: right; width: 400px; }
	.details dl { clear: both; padding: 2px 0; }
	.details dt { float: left; width: 28%; }
	.details dd { margin-left: 30%; }
ul.gallery { list-style: none; margin: 10px 0; }
ul.gallery li { float: left; padding-right: 10px; }
ul.gallery li a img { padding: 3px; border: 2px solid #71693A; }
ul.gallery li a:hover img { border-color: #4D7A04; }
.filter a { padding: 3px 4px; margin-right: 1px; } .filter a:hover, .filter a.active { background-color: #EBCF95; }


/* Staff
----------------------------------- */
dl.staff { clear: both; padding: 5px 0; border-bottom: 1px solid #FFF; overflow: hidden; }
	dl.staff dt { float: left; width: 120px; text-align: center; height: 110px; line-height: 110px; }
	dl.staff dd { margin-left: 120px; }


/* Sidebar
----------------------------------- */
.rnd .loading { background: #B4C485 url(images/loading_mini.gif) no-repeat left center; padding-left: 24px; line-height: 20px; }


/* Shoutbox
----------------------------------- */
#shoutMessages { height: 200px; overflow: auto; border: 1px solid #4D7A04; margin: 2px 0; }
#shoutMessages li { padding: 2px; line-height: 16px; } #shoutMessages li.zebra { padding: 2px; background-color: #c7d3b6; }

#shoutForm dl { padding-bottom: 2px; }
#shoutForm input, #shoutForm textarea { border: 1px solid #4D7A04; border-width: 1px 0 0 1px; padding: 2px; }
#shoutForm input { width: 182px; } #shoutForm textarea { width: 251px; }
#shoutForm .btn { margin: 0; }


/* Round box
----------------------------------- */
.rnd { padding: 0 12px; margin: 10px 0; background-color: #B4C485; }
	.rnd span.t, .rnd span.t span, .rnd span.b, .rnd span.b span { display: block; height: 7px;
		background: url(images/rnd.gif) no-repeat; font-size: 1px; line-height: 1px; }
	.rnd span.t { margin: 0 -12px; background-position: 0 top; margin-bottom: 4px; }
	.rnd span.t span { width: 7px; float: right; background-position: 0 -14px; }
	.rnd span.b { margin: 0 -12px; background-position: 0 -7px; margin-top: 4px; clear: both; }
	.rnd span.b span { width: 7px; float: right; background-position: 0 -21px; }


/* Text
----------------------------------- */
body, p { font: normal 11px/16px Verdana, "Lucida Grande", Lucida, sans-serif; }
p { padding: 8px 0; }
h1 { font: bold 24px/24px "trebuchet MS", arial, helvetica, sans-serif; }
h2 { font: bold 16px/20px "trebuchet MS", arial, helvetica, sans-serif; }


/* Form
----------------------------------- */
input, textarea, select, option { font: normal 12px/18px Verdana, "Lucida Grande", Lucida, sans-serif; }
legend { display: none; }

fieldset dl { padding-bottom: 12px; clear: both; }
fieldset dt { float: left; width: 25%; }
fieldset dd, button.btn { margin-left: 27%; }

.text input, .text textarea { border: 1px solid #4D7A04; border-width: 1px 0 0 1px; padding: 3px; } .post label { color: #666; }
.error input, .error textarea { border: 1px solid #900; background-color: #fcd0c9; padding: 3px; } .error label { color: #900; }
small.required { color: #900; }

.xsmall { width: 70px; } .small { width: 150px; } .medium { width: 300px; } .large { width: 450px; } .xlarge { width: 600px; }
textarea.medium { width: 326px; height: 150px; } textarea.large { width: 476px; height: 225px; } textarea.xlarge { width: 626px; height: 300px; }

.btn { background-color: #4D7A04; color: #FFF; font: bold 14px "trebuchet MS", arial, helvetica, sans-serif;
	padding: 3px 15px; border: 1px solid #335107; border-width: 0 1px 1px 0; cursor: pointer; }
a.btn { display: inline-block; } a.btn:hover { color: #FFF; }


/* Icons
----------------------------------- */
.icon { padding-left: 24px; background-repeat: no-repeat; background-position: 0 50%; } input.icon { padding-left: 29px; background-position: 5px 50%; }
.tags { background-image: url(images/icon_tags.gif); }
.cmt { background-image: url(images/icon_comments.gif); }
.user { background-image: url(images/icon_user.gif); }
.email { background-image: url(images/icon_email.gif); }
.web { background-image: url(images/icon_web.gif); }
.pass { background-image: url(images/icon_pass.gif); }


/* Tables
----------------------------------- */
table { border: 2px solid #4D7A04; width: 100%; margin: 10px 0; }
th { background-color: #B4C485; text-align: center; font: bold 14px "trebuchet MS", arial, helvetica, sans-serif; padding: 3px; }
td { background-color: #FFF; padding: 3px; }
.zebra td { background-color: #EBCF95; }


/* Info Box
----------------------------------- */
.box { border-width: 2px 0; border-style: solid; padding: 10px 10px 10px 40px; margin-top: 10px; margin-bottom: 10px; }
.box.error { border-color: #900; background-color: #fcd0c9; }
.box.info { border-color: #35529b; background-color: #cadcfd; }


/* jQuery Box
----------------------------------- */
#jBgBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 100; }
#jBox { display: none; position: absolute; width: 500px; height: 300px; left: 50%; margin-left: -250px; padding: 10px;
	background-color: #FFF; border: 8px solid #999; z-index: 200; text-align: left; }
#jBox .btn { margin: 10px 0; }
#jLoadingBox { width: 100%; height: 100%; background: url(images/loading.gif) no-repeat center center; }