@import url(/library/css/simple.css);
@import url(/library/css/calendar.css);

/*#############################################################
Name: green2010
Date: 2010-08-20
Description: Bright green template with two columns.
Author: Panumas Nontapan
URL: http://softganz.com

Feel free to use and modify but please provide credits.

#############################################################*/

/* standard elements */
body {
	color: #b7ef6a;
	font-size:10pt;
	line-height:1.5em;
	background: #327C00 url(bg.gif) left top repeat-x;
	background-attachment:fixed;
}
a {color: #fdfeff;}
a:link { color:#fdfeff; }
a:hover {color: #e3f1ff;}
a:visited { color:#fdfeff; }
a:active { color:#fdfeff; }
#content-paper h2.header {
	padding:10px 5px;
	color:#fff;
	font-weight:normal;
	background:#f2f2f2;
	color: #cc1f0e;
	font-size: 1.3em;
	font-weight:normal;
	border:1px #fff solid;
	-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;
}
.content-paper h2.header {
	display:none;
}
h2.title {
	padding:10px 5px;
	color:#fff;
	font-weight:normal;
	background:#f2f2f2;
	color: #cc1f0e;
	font-size: 1.3em;
	font-weight:normal;
	border:1px #fff solid;
	-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;
}
h3.title {
	line-height:1.3em;
}
.topic-list .summary {
	margin:0;
	padding:0;
}
.require {border:1px #cc1f0e solid;}
.form-item .description {color:#ccc;}
table.item {border:1px #79AF2B solid;}
table.item caption {background-color:#f2f2f2;}
table.item thead th {background-color:#557F17;}
table.item .odd {background-color:#5C8B1B;}
table.item .even {background-color:#557F17;}
table.item td,th {padding:2px;}

.timestamp {color:#D9FFBF;}

.comment .odd { background-color:#3A8F00;}
.comment .even {background-color:#337F00;}
.comment .no {background-color:#265F00;}
.comment .timestamp {color:#D9FFBF;}
.comment .owner span.owner-name {font-weight:bold;}

.comment_page span {background:#3A8F00;}
.comment_page a,.comment_page strong {background:#3A8F00;}

/* structure */
div#page-wrapper {
	margin: 0 auto;
	width:980px;
}

/* top */
div#header-wrapper {
	height:490px;
	margin: 0 auto 7px 0;
	background:url(banner.jpg) left top repeat-x;
	position:relative;
}
div#header-wrapper h1 {display:none;}
div#header-wrapper h1 a {
	color:#84c42f;
	font-weight:normal;
	font-size:22px;
	line-height:40px;
}

/* main */
div#primary {
	width:700px;
	float: right;
	overflow:hidden;
}

/* secondary section */
div#secondary {
	float: left;
	width: 260px;
	font-size:10pt;
	overflow:hidden;
}

div#banner {
	width:980px;
	height:490px;
}

div#secondary h2 ,
div#secondary h3 ,
div#secondary ul.member-zone li.header {
	padding-left: 12px;
	background: #f2f2f2;
	color: #cc1f0e;
	font-size: 1.3em;
	line-height: 40px;
	font-weight:normal;
	border:1px #fff solid;
	-moz-border-radius:5px 5px 5px 0;-webkit-border-radius:5px 5px 5px 0;
}
div#secondary h3 a,div#secondary h3 a:link, div#secondary h3 a:visited {color:#cc1f0e;}

div#secondary ul#main-menu {
	margin:0 0 20px 5px;
	padding:10px 0 10px 20px;
	list-style-type:none;
	background:#226600;
	-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
}
div#secondary ul ul {
	margin:0;
	padding:0 0 0 10px;
}
div#secondary ul a {
	color:#f2f2f2;
}
div#secondary ul a:hover {
	text-decoration:underline;
}
div#secondary #nenber-zone {
	margin:0 0 20px 0;
}

/* @group footer-wrapper */
div#footer-wrapper {margin:10px 0;clear:both;text-align:center;background:#2D6F00;-moz-border-radius:5px;-webkit-border-radius:5px;}
#footer-wrapper p {margin:0;padding:0;}
/* @end */

#home-member-wrapper {
	margin:0 0 20px 0;
}
/* @group calendar */
#tiny_calendar .body {
	width:100%;
	border:1px #fff solid;
	margin:0;
}
#tiny_calendar .body caption {
	width:254px;
	margin:1px 0;
	background-color:#0888b7;
	border:1px #fff solid;
}
#tiny_calendar .body th {
	background-color:#00aeef;
}
#tiny_calendar .body td {
	background-color:#5C8B1B;
}
#tiny_calendar #tiny_calendar_detail {
	background-color:#5C8B1B;
}
/* @end */

body#calendar #primary {
	width:100%;
	padding:10px 0;
	color:#333;
	background:#fff;
	border-radius:5px;
}
body#calendar h2.header {text-align:center;}