@charset "UTF-8";
/* CSS Document */

/*
Theme Name: RANOMI
Theme URI: http://www.ranomi.nl
Description: Ranomi official fan site
Version: 23.04.2009
Author: T. Iamsam-ang
Author URI: http://www.klabam.com/
*/


/* CSS Document */
/*copyright 2009 KLABAM | www.klabam.com | info@klabam.com*/
/*written by T.Iamsam-ang*/

/* general CSS template*/

html { height: 100%; }
body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	background-color: #e7e7e7;
	margin-top: 20px;
	margin-bottom: 30px;
}

ol { display: list-item; list-style: none; }
ol li {display: list-item; list-style: none; /*border:thin solid #CCCCCC;*/ background-color: #FAFAFA; padding: 10px 10px 10px 10px; margin: 10px 0px 0px -40px; }
ul li{display: list-item; list-style: none; margin-left: -40px;}
ul li ul li{display: list-item; list-style: disc; margin-left: -28px;}

#content-left ul li {
	list-style: none;
	background: url("images/bullet.gif") left top no-repeat;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
}

#content-left ol li {
	list-style: none;
	background: url("images/bullet.gif") left top no-repeat;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 0px;
}

li a:link, li a:visited { color: #444444; font-weight: normal; text-decoration: none; }
li a:hover, li a:active { color: #222222; font-weight: normal; text-decoration: none; }

.submit { display: block; background-color: #FF6699; color:#FFFFFF; font-size: 11px; border: 0; padding: 2px 2px 2px 2px; }
.field { display: block; background-color: #EEEEEE; color: #333333; font-size: 11px; border: 0; padding: 3px 3px 3px 3px; }

h2 { font-size: 18px; font-weight: bold; color: #3fbcef; margin-bottom: -5px; }
h3 { font-size: 16px; font-weight: bold; color: #444444; }
h4 { font-size: 14px; font-weight: bold; color: #444444; padding: 15px 0px -10px 0px; margin: 15px 0px -10px 0px; }
small { color:#999999; font-size: 10px; }
hr {border-bottom: thin dotted #999999; border-left: 0; border-top: 0; border-right: 0; }
img { border: 0; }

#menu a:link, #menu a:visited { color: #EFEFEF; font-weight: bold; text-decoration: none; }
#menu a:hover, #menu a:active { color: #FFFFFF; font-weight: bold; text-decoration: none; }

#content-left a:link, #content-left a:visited { color: #F479AC; font-weight: bold; text-decoration: none; }
#content-left a:hover, #content-left a:active { color: #F479AC; font-weight: bold; text-decoration: none; }

#content-right a:link, #content-right a:visited { color: #F479AC; font-weight: bold; text-decoration: none; }
#content-right a:hover, #content-right a:active { color: #F479AC; font-weight: bold; text-decoration: none; }

#post-comment {
	width: 19px;
	height: 20px;
	font-size: 10px;
	padding-left: 6px;
	padding-top: 3px;
	margin-left: 610px;
	margin-top: 0px;
	color:#FFFFFF;
	background-image: url("images/comment-bg.gif");
	background-position: top left; 
	background-repeat: no-repeat;
}

#menu {
	width: 850px;
	height: 25px;
	margin-left: 40px;
	margin-top: 106px;
	padding: 0px;
	position: absolute;
	color: #FFFFFF;
}

#box {
	width: 975px;
	background-image: url("images/bg.gif");
	background-position: top left;
	background-repeat: repeat-y;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#contentbox {
	width: 975px;
	position: relative;
	margin-top: 15px;
	overflow: hidden;
}

#content-left {
	width: 640px;
	min-height: 600px;
	position: relative;
	float: left;
	margin-left: 33px;
	border: 0px solid #00FF66;
}

#content-right {
	width: 230px;
	min-height: 400px;
	position: relative;
	float: right;
	margin-right: 33px;
	border: 0px solid #00FF66;
}

#header {
	width: 975px;
	height: 141px;
	background-image: url("images/header.gif");
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 auto;
}

#footer {
	width: 975px;
	height: 89px;
	background-image: url("images/footer2.gif");
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 auto;
}