/*  
Theme Name: HostAku
Theme URI: http://www.kailoon.com/
Description: HostAku WordPress theme design and CSSed by KaiLoon.
Version: 1.0
Author: LoonDesign
Author URI: http://www.kailoon.com/
*/

* {
	padding: 0; margin: 0;
} 
/*--------------------------------------------------------------------- General ----------------------------------------------------------------------*/

body {
	font: 75%/160% "Verdana", Arial, Helvetica, sans-serif;
	background: #f7ecd4 url(images/hostaku_01.gif) repeat-x center top;
	color: #333;
}

ul {
	list-style: none;
}

a,visited {
	text-decoration: none;
}
a:hover {
	color: #e64141;
}

h2 {
	font: 900 150%/200% "Georgia", Times New Roman, Times, serif;
}
/*--------------------------------------------------------------------- container --------------------------------------------------------------------*/

#container {
	margin: 0 auto;
	background: url(images/hostaku_03.png) no-repeat center top;
}

#middle-container {
	margin: 0 auto;
}

#content-bottom-container {
	background: #f7ecd4 url(images/hostaku_11.gif) repeat-x center top;
}

#bottom-container {
	background-color: #79910b;
	margin: 0 auto;
}

/*--------------------------------------------------------------------- top --------------------------------------------------------------------*/
#home-link a{
	text-indent: -9999em;
	float: left;
	position: absolute;
	margin: 10px 0 0 500px;
	width: 250px;
	height: 100px;
}


#top-bg {
	margin: 0 auto;
	width: 996px;
	height: 324px;
}

#navi {
	width: 400px;
}

#navi ul {
	padding-top: 6px;
}

#navi ul li {
	position: relative;
	display: inline;
}

#navi ul li a {
	margin: 0 10px;
	font-weight: 900;
	padding-bottom: 2px;
	color: #fff;
	border-bottom: 4px #001630 solid;
}

#navi ul li a:hover {
	color: #b0c036;
	border-bottom: 4px #b0c036 solid;
}

#navi ul li a.current {
	color: #b0c036;
	/*border-bottom: 4px #b0c036 solid;*/
}


#search-form {
	margin: -20px 0 0 650px;
}

.top-input {
	background: url(images/hostaku_08.gif) no-repeat top left;
	width: 177px;	
	height: 18px;
	border: 0;
	padding-left: 4px;
}

.top-search {
	width: 60px;	
	height: 18px;
	border: 0;
	color: #fff;
	background-color: #001630;
	font-weight: 900;
}

/*--------------------------------------------------------------------- content --------------------------------------------------------------------*/
#content-top {
	background: url(images/top.gif) no-repeat top center;
	height: 24px;
	width: 918px;
	margin: 0 auto;
	margin-top: 10px;
}

#content {
	margin: 0 auto;
	background: url(images/mid.gif) repeat-y center;
	background-color: #fff;
	width: 878px;
	padding: 0 20px;
}

#content-bottom {
	margin: 0 auto;
	background: url(images/bottom.gif) no-repeat top center;
	width: 918px;
	height: 39px;
}

#left {
	width: 600px;

}

#frame {
	width: 600px;
	float: left;
}

#package-banner a{
	background: url(images/hostaku_07.gif) no-repeat top center;
	height: 236px;
	width: 221px;
	text-indent: -9999em;
	float: left;
}

#loon-banner a{
	background: url(images/hostaku_15.gif) no-repeat top center;
	height: 245px;
	width: 245px;
	text-indent: -9999em;
	float: left;
	margin-left: 20px;
}

#post-list {
	width: 500px;
}

#post-list ul {

}

#post-list ul li{
	display: block;
}

#post-list ul li a{
	color: #333;
	background: url(images/hostaku_19.png) no-repeat left center;
	padding-left: 20px;
}

#post-list ul li a:hover{
	color: #e64141;
}

#right {
	float: right;
	width: 310px;
	border: 6px solid #bdcb4d;
	position: absolute;
	top: 359px;
	margin-left: 530px;
	padding: 0 10px;
}


/*--------------------------------------------------------------------- footer --------------------------------------------------------------------*/


#footer {
	color: #fff;
	text-align:center;
	margin-top: -5px;
	padding-bottom: 25px;
}
#footer a{
	font-weight: 900;
	color: #fff;

}
#footer a:hover{
	color: #333;
}