@import url("nav.css");

body, html{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: verdana, sans-serif;
	font-size: 12px;
	background-image: url(/img/bg_pattern2.png);
	color: #333;
}

a{
	color: #c1d72e;
	text-decoration: underline;
	font-weight: bold;
}

input[type=submit], input[type=button]{
	background-color: #ec9526;
	color: #fff;
	font-size: 10px;
}

#horizon{
	width: 100%;
	height: 100%;
}

#container_top{
	width:940px;
	height:25px; 
	background-image: url(/img/bg_header.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0 auto;
}

#container_middle{
	width:940px;
	overflow: visible;
	background-image: url(/img/bg_general.png);
	background-repeat: repeat-y;
	background-position: top left;
	/*background-color: #0f0;*/
	text-align:left;
	margin: 0 auto;
}

#container_bottom{
	clear: both;
	width:940px;
	height:49px;
	background-image: url(/img/bg_footer.png);
	background-repeat: repeat-x;
	background-position: top left;
	text-align: center;
	font-size: 10px;
	color: #fff;
	margin: 0 auto;
	padding-top: 10px;
}

#container_bottom a, #container_bottom a:hover{
	color: #fff;
}

#triphotos{
	width:900px;
	height:220px;
	margin: 0 auto;
}

#header{
	width:920px;
	height: 265px;
	background-image: url(/img/common/header_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0 auto;
}

#follow{
	width:299px;
	height:187px;
	background-image: url(/img/common/follow_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#latest_tweets{
	width:299px;
	overflow: hidden;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #97c524;
}
#latest_tweets .buffer{
	padding: 0 12px 12px 12px;
}
.tweet{
	width:275px;
	height:75px;
}
.tweet a{
	color: #97c524;
	text-decoration: none;
	border-bottom: 1px dotted #97c524;
}
#navbar{
	width:920px;
	height: 31px;
	background-image: url(/img/common/nav_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	position:relative;
}

#navbar .buffer{
	padding: 5px 0 0 20px;
}

#alpha{
	width: 178px;
	float: left;
}

#beta{
	width: 648px;
	float: left;
}

#gamma{
	width: 178px;
	float: left;
}

.grayheader {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background: #999999;
	padding:5px;
	text-align: center;
	line-height:10px;
	margin: 0;
}

.itemtitle {
	font-family: verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height:20px;
}

.detail {
	font-size:9px;
	color:#666666;
}

.center{
	background-image: url(/img/common/bg_center.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 3px;
}

.center_inner{
	/*padding: 20px;*/
	text-align: left;
}
.center_footer{
	background-image: url(/img/common/bg_center.png);
	background-repeat: no-repeat;
	width:648px;
	height:23px;
	margin:0; 
	padding:0;
	background-position: bottom;
	background-repeat: x;
	text-align: center;
	font-size: 10px;
	color: #333;
	margin-bottom: 10px;
}



.itemtitle {
	font-size: 18px;
	font-weight: bold;
	line-height:20px;
}

.body_gray_small{
	font-size: 10px;
	color: #555;
}
.middash
{
	background-image: url(/img/middash.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 6px;
	font-size: 6px;
	margin: 6px 0px 6px 0px;
}

.blog{
	width:906px;
	margin: 0 auto;
	font-family: Corbel;
}
.blog .head{
	width:900px;
	height:120px;
	background-image: url(/img/blog_head_bg.gif);
	background-repeat: no-repeat;
}
.blog .title{
	font-size: 24px;
	font-weight: bold;
	color: #ec9526;
	position: relative;
	top: 35px;
	left:2px;
}
.blog .title h2{
	font-size: 24px;
	margin:0;
}
.blog .title h2 a{
	text-decoration: none;
}
.blog .title h2 a:hover{
	text-decoration: underline;
}
.blog .subtitle{
	font-size: 12px;
	color: #97c524;
	text-align: right;
	position: relative;
	top:40px;
	right:5px;
	clear: both;
}
.blog .subtitle a{
	color: #97c524;
	font-weight: bold;
	text-decoration: none;
}
.blog .subtitle a:hover{
	text-decoration: underline;
}
.blog .body{
	font-size: 16px;
	color: #0c0000;
}
.blog img{
	margin: 0 0 3px 0;
	border: 3px solid #ec9526;
}
.triphoto{
	width:293px;
	height:210px;
	float:left;
}

#links{
	width: 900px; margin:0 auto;
}

#links ul{
	width:900px;
	list-style: none;
}

#links>ul{
	padding-left: 0;
}

#links > ul > li{
	width:900px;
	background-image: url(/img/blog_head_bg.gif);
	background-repeat: no-repeat;
	background-position: -400px -30px;
}
#links .title{
	width:900px;
	font-size: 24px;
	font-weight: bold;
	color: #ec9526;
}
#links > ul > li > ul{
	padding-top: 20px;
	padding-bottom: 20px;
}
#links > ul > li > ul > li{
	font-size: 12px;
	color: #97c524;
	padding-bottom: 5px;
}
#links>ul>li>ul>li a{
	color: #97c524;
	font-weight: bold;
	text-decoration: none;
}
#links>ul>li>ul>li a:hover{
	text-decoration: underline;
}

#contactus{
	width: 900px;
	margin:0 auto;
}
#contactus #header{
	width: 900px;
	height: 50px;
	margin-top:20px;
	background-image: url(/img/blog_head_bg.gif);
	background-repeat: no-repeat;
	background-position: -400px -30px;
	font-size: 24px;
	font-weight: bold;
	color: #ec9526;
}
#contactus #left{
	width:350px;
	float: left;
}
#contactus #right{
	width:550px;
	float: left;
}
#contactus #right .text-input{
	width:275px;
	border: 1px solid #bbb;
}
#contactus #right textarea{
	width:275px;
	border: 1px solid #bbb;
}
#contactus #right sup{
	color: #ec9526;
	font-size: 9px;
}

#contents{
	width: 900px; margin:0 auto;
}
#contents .title{
	width:900px;
	font-size: 24px;
	font-weight: bold;
	color: #ec9526;
}

#gallery {
	width:900px;
	margin: 0 auto;
}
#gallery .header{
	width: 900px;
	height: 50px;
	margin-top:20px;
	background-image: url(/img/blog_head_bg.gif);
	background-repeat: no-repeat;
	background-position: -400px -30px;
	font-size: 24px;
	font-weight: bold;
	color: #ec9526;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #ec9526;
	border-width: 5px;
}
#gallery ul a:hover img {
	border: 5px solid #c1d72e;
	border-width: 5px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }

.error-message{
	font-size: 10px;
	color:#C00;
	font-weight: bold;
}