@charset "utf-8"

/*
 * Theme Name:Green Breeze
 * Theme URI:
 */

/* Initialize Elements
 ******************************/
html, body, dev, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, em, strong, th, input, textarea { font-size:1em; font-weight:normal; font-style:normal; }
table { border-collapse:collapse; border:none; border-spacing:0; }
th, td { vartical-align:top; font-weight:normal; text-align:left; }
ul, ol, dl { list-style:none; }
li { display:list-item; zoom:normal; }
img, a img { vertical-align:bottom; border:none; background:transparent; }
fieldset { border:none; }
a { outline:0; }

/* Basic Elements
 ******************************/
html { overflow-y:scroll; }
body {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 80%;
	color:#444;
	line-height: 1.3em;
	text-align: center;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: #fff;
}

p, li, dt, dl { line-height:1.8em; }
p { margin:0 0 1em 0; }
li { list-style-type:none; }
img { border:0; }

/* Index page
 ******************************/
#index {
	margin: -75px 0 0 -75px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150px;
	height: 150px;
}

/* Wrappers
 ******************************/
.container	{ margin:0 auto; width:800px; text-align:left; }

/* Header
 ******************************/
#header		{ height:95px; border-bottom:1px solid #eee; text-align:center; }
h2 { float:left; width:720px; margin-top:55px; }
#top img { margin-top:15px;}
#logo { float:right; width:80px; height:80px; margin-top:11px; }

/* Footer
 ******************************/
#footer 	{ clear:both; border-top:1px solid #eee; text-align:center; }
#footer p   { padding:10px 0 10px 0; color:#666; font-size:12px; font-weight:bold; }

/* Menu
 ******************************/
#menu ul { margin:10px 0 0 0;padding:0; }
#menu li { float:left; margin:0 10px 0 0; font-size:13px; }
#menu a	{ text-decoration:none; color:#66bbaa; padding:5px 10px; display:inline-block; font-weight:bold; }
#menu a:hover, #menu a.current	{ color:#669955; }

/* Main
 ******************************/
#contents { margin:20px auto; text-align:center; }

/* captions
 ******************************/
.icon { float:left; width:30px; height:30px; margin:0; padding:0; }
.caption { float:right; width:760px; margin:5px 0 20px 0; padding:0; }
.caption h3 { margin:0 0 10px 0; padding:0; color:#66bbaa; font-size:20px; }
.caption span {font-size:14px;}
.caption a { color:#4ba594; text-decoration:none; }
.caption a:hover { text-decoration:underline; }

.return { margin:10px auto 0 auto; width:50px; }
.return a { background:url(../images/return.gif) no-repeat right center; width:2.8em; display:block; }

#regarden h3 {font-size:1.2em;margin-bottom:10px;color:#405b2a;font-weight:normal;}
#regarden span {font-size:0.8em;}
#regarden p {font-size:0.8em;line-height:1.8em;}
#regarden a {color:#3e909b;}

/* update
 ******************************/
#topic1 h3 { font-size:1.3em; }
#topic1 { margin:10px; padding:10px; border-bottom:1px solid #eee; }

#topic1 p { padding:10px 0; }
#topic1 textarea { width:220px; height:148px; }

#topic3 h3 { font-size:1.4em; margin-bottom:3px; border-bottom:1px solid #eee; padding-bottom:5px;}
#A, #B, #C, #D, #E, #F, #G, #H, #I, #J, #K, #L, #M, #N, #O { border:3px solid #eee; padding:15px 15px 5px 15px; width:720px; margin-bottom:20px; }


p.ok { color: red; }

/* --- Clear All and the Clearfix --- */
.clear-all	{ clear:both; }
.clearfix:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix	{ display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix	{ display: block; }
/* End hide from IE-mac */

