* {
/*	border:0;*/
	margin:0;
	padding:0;
}

/* general */
a {
	color:#b484da;
	text-decoration:none;
}
a:hover {
	color:#deb5ff;
	text-decoration:underline;
}
blockquote {
	background:#f1f1f1;
	border-left:2px solid #7534aa;
	color:#444;
	display:block;
	font-style:oblique;
	line-height:20px;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}
.left {
	float:left;
	margin:0 10px 0 0;
}
.right {
	float:right;
	margin:0 0 0 10px;
}


/* body */
body {
	background:#000000 url('kepek/background_body.jpg') repeat-x top;
	color:#666;
        font-size: 10pt;
        FONT-FAMILY:Verdana, "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

/* header */
#header {
	background:url('kepek/background_header.jpg');
	height:320px;
	width:760px;
  margin:0 auto;
	position:relative;
  
  /*top:0px;*/
	/*display:block;*/
}
#header:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
/*
#header h1 {
	color:#fafd00;
	font-size:40px;
	font-weight:400;
	letter-spacing:-2px;
	position:absolute;
	top:40px;
	left:0;
  }
*/
#header p {
	bottom:50px;
	color:#fff;
	font-size:20px;
	position:absolute;
	right:20px;
}
#header ul {
	list-style:none;
	position:absolute;
  top:126px;
}
#header ul li {
	list-style:none;
}
#header ul li a {
	color:#fff;
	display:block;
	font-size:1em;
	font-weight:700;
	height:13px;
	padding:9px;
	width:190px;

}
#header ul li a:hover {
	background:#b484da;
	color:#ffffff;
	text-decoration:none;
}

/* loggedheader */
#loggedheader {
	background:url('kepek/background_header.jpg');
	height:320px;
	margin:0 auto;
	position:relative;
	width:760px;
}
#loggedheader:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#loggedheader h1 {
	color:#fafd00;
	font-size:40px;
	font-weight:bold;
	left:0;
	letter-spacing:-2px;
	position:absolute;
	top:40px;
}
#loggedheader p {
	bottom:50px;
	color:#fff;
	font-size:20px;
	position:absolute;
	right:20px;
}
#loggedheader ul {
	list-style:none;
	position:absolute;
	top:125px;
}
#loggedheader ul li {
	list-style:none;
}
#loggedheader ul li a {
	color:#fff;
	display:block;
	font-size:10px;

	height:13px;
	padding:5px;
	width:150px;
}
#loggedheader ul li a:hover {
	background:#b484da;
	color:#ffffff;
	text-decoration:none;
}

#aloggedheader ul {
	list-style:none;
	position:absolute;
	/*top:263px;*/
	top:217px;	
	left:160px;
}
#aloggedheader ul li {
	list-style:none;
}
#aloggedheader ul li a {
	color:#fff;
	display:block;
	font-size:10px;
	height:13px;
	padding:5px;
	width:150px;
}
#aloggedheader ul li a:hover {
	background:#b484da;
	color:#ffffff;
	text-decoration:none;
}

#bloggedheader ul {
	list-style:none;
  position:absolute;
	top:309px;
	left:160px;
}
#bloggedheader ul li {
	list-style:none;
}
#bloggedheader ul li a {
	color:#fff;
	display:block;
	font-size:10px;
	height:13px;
	padding:5px;
	width:150px;
}
#bloggedheader ul li a:hover {
	background:#b484da;
	color:#ffffff;
	text-decoration:none;
}

#userstateheader ul {
	list-style:none;
  position:absolute;
	right:0px;
	top:280px;
  /*top:286px;*/
	/*left:550px;*/
}
#userstateheader ul li {
	list-style:none;
	color:#fff;
	display:block;
	font-size:10px;
	height:15px;
	padding:5px;
	width:200px;
}
#userstateheader ul li a {
	color:#fff;
	display:block;
	font-size:10px;
	height:15px;
	padding:5px;
	width:150px;
}
#userstateheader ul li a:hover {
	background:#b484da;
	color:#ffffff;
	text-decoration:none;
}

/* content */
#content {
	height:auto;
	margin:0 auto;
  position:relative;
  /*position:absolute;*/
  /*top: 310px;*/
	width:760px;
}
#content:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
} 

/* sidebar */
#sidebar {
	float:left;
	width:210px;
}
#sidebar h1 {
	border-bottom:2px solid #7534aa;
	color:#fafd00;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	padding:0 10px;
}
#sidebar input {
	background:#f1f1f1;
	color:#ffffff;
	margin:10px;
	padding:5px;
	width:180px;
}
#sidebar p {
	background:#000000;
	color:#ffffff;
	display:block;
	font-size:90%;
	line-height:20px;
	margin:10px 0;
	padding:10px;
}
#sidebar p a.more {
	display:block;
	text-align:right;
}
#sidebar ul {
	margin:10px;
}
#sidebar ul li {
	border-bottom:1px solid #b484da;
	list-style:none;
	padding:5px 2px;
}
#sidebar ul li a {
	color:#333;
	display:block;
	font-family:Geneva;
	padding:5px;
	text-decoration:none;
}
#sidebar ul li a:hover {
	color:#000;
}

/* Main */
#main {
	float:right;
	width:520px;
}
#main p {
	color:#ffffff;
	line-height:20px;
	padding:10px;
  text-align: justify;
     }

#main li {
	list-style:none;
	color:#ffffff;
	line-height:20px;
	padding:10px;
  text-align: justify;
     }
     
#main h1 {
	border-bottom:2px solid #7534aa;
	color:#fafd00;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	padding:0 10px;
}

#main h2 {
	color:#fafd00;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	padding:0 10px;
}

#main table {
	border:0px solid #0f0f0f;
	color:#ffffff;
	font-size:12;
	font-weight:400;
	line-height:30px;
	padding:0 10px;
  text-align: justify;
}

#main input.text {
  font-family:TrebuchetMS;
  font-size:9pt;
  font-weight:bold;
  background-color:FFFFFF;
  border-color:000000;
  border-width:1px;
  border-style:solid;
}

/* footer */
#footer {
	margin:10px auto;
	width:760px;
	position:relative;
  /*top: 310px;*/
}
#footer:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#footer p {
	border-top:2px solid #7534aa;
	color:#ffffff;
	font-size:90%;
	line-height:20px;
	padding:10px;
	text-align:center;
}