html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Body Style */
body {
	margin: 0;
	padding: 0;
   	font-family: Arial, Helvetica, sans-serif;
   	text-align: center;
   	font-size: 12px;
   	color:#000;
   	background: #000;
}


body, p, h1,h2,h3,h4,h5,h6,div,ol,li,td,th,a,form,input,select,textarea,option,label {
	font-family:  Arial, sans-serif;
}

td, th, div{
	font-size: 12px;
}

td, th{
	padding: 7px 5px 7px 0px;
}


h2{
	font-size: 18px;
	font-weight: normal !important;
	margin: 4px 0px;
}
p {
	text-align:left;
	margin-bottom: 15px;
	line-height: 140%;
}

/* standard Hyperlink */
a {
	color: #074ad4;
  	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

/* standard Form */
.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}
.top {vertical-align:top !important;}
.clear {clear:both; font-size:1px}

.button {background:url(/themes/frontend/serayu/images/button_bg.gif) repeat-x left top; padding:3px 7px; border:none; font-size:1em; color:#fff; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform:uppercase; font-weight:bold;}
input.text, textarea.text {border: 1px solid #ccc; padding:4px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
select {border: 1px solid #ccc; font-size:1em; padding:4px;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

/* standard cell */
td, th {
	vertical-align: top;
	line-height: 150%;
}

td.text, td.form {
	padding: 4px;
}


.floatRight{
 	float: right;
	margin: 0px 5px 5px 10px;
}
.floatLeft{
 	float: left;
	margin: 0px 10px 5px 0px;
}

.center{
	text-align: center;
}

.left{
	text-align:left;
}
.right{
	text-align: right;
}
.justify{
	text-align:justify;
}
.clear{
	clear: both;
	font-size: 1px;
}

h3{
	font-size: 1.1em;
	margin: 0px;
	color: #333;
	text-transform: uppercase;
}

.buttonLink{
	padding: 4px 10px;
	background: #669C19;
	color: #fff;
	font-weight: bold;
}

.buttonLink:hover{
	padding: 4px 10px;
	background: #333;
	color: #fff;
	text-decoration: none;
}


a strong{
	color: inherit !important;
}

.image-border{
	padding: 4px; 
	border: 1px solid #ccc;
	background: #fff;
}

.hr{
	padding: 20px 0 0 0;
	background: url(/themes/frontend/serayu/images/bg-item.gif) repeat-x bottom;
}

h1{
	font-size: 20px !important;
	font-weight: normal !important;
}

a img{
	border: none;
}

.error-msg{background:url(/themes/frontend/serayu/images/exclamation.png) 7px center no-repeat #fedac3; padding: 10px 7px 10px 30px !important; color:#bf3102; font-weight:bold; border:1px solid #ffa414; margin:10px 0;}
.success-msg{background:url(/themes/frontend/serayu/images/accept.png) 7px center no-repeat #ddf6c4; padding: 10px 7px 10px 30px !important; color:#2B5401; font-weight:bold; border:1px solid #86c446; margin:10px 0;}
.error {color:#bf3102; background: #fedac3; padding:5px;}
.inline {padding:5px 5px 5px 20px !important; background-position:left center; background-color:transparent; border:none; margin:0; font-weight:normal;}
.block {display:block;}

.pagination{
	text-align: right;
	margin-bottom: 15px;
	font-size: 11px;
}

.pagination a {
	padding: 2px 5px;
	color: #444;
	font-weight: bold;
	margin: 0 2px;
	border: 1px solid #FE841F;
	background: #FCE883;
}

.pagination a:hover {
	padding: 2px 5px;
	background: #efefef;
	color: #444;
	text-decoration: none;
	margin: 0 2px;
}

.pagination strong {
	padding: 2px 5px;
	text-decoration: none;
	margin: 0 2px;
}

span.highlight{
	padding: 1px;
	background: #ff0;
}

/* CSS Document */

.body{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

.header{padding: 8px 0;}

.header-right{
	margin: 0;
	padding: 7px 0 0 0;
	width: 505px;
	float: right;
}

.sidebar{
	width: 310px;
	float: right;
}

.left-sb {width:160px; float:left;}
.right-sb {width:140px; float:right;}

.sb-c {padding:7px; border:1px solid #999; margin-bottom:15px;}
.sb-c h3 {border-bottom:1px solid #999; padding-bottom:5px; margin-bottom:10px;}
.sb-c ul {list-style:none; margin:0; padding:0;}
.sb-c li {font-weight:bold; line-height:130%;}
.sb-c li a {color:#000;}
.sb-c li ul {margin-bottom:10px;}
.sb-c li ul li {margin-right:7px; font-weight:normal;}
.sb-c li ul li a {color:#555; font-size:11px;}

.arsip li, .link li {font-weight:normal;}
.arsip li a, .link li a {color:#555;}

.content-title{
}

.content{
	
}

.main-wrapper{
	padding: 15px 15px 20px 15px;
}

.main{
	width: 610px;
	float: left;
}

.main-content{
	background: #fff;
	padding: 0px 5px 0 0;
}

.mycontent{
	margin-bottom: 30px;
}

.mycontent h1{
	font-weight: bold;
	padding: 5px 0;
	margin-bottom: 15px;
}

.mycontent h2{
	font-weight: bold;
	margin-bottom: 15px;
	font-family: 'Droid Serif', arial, serif;
	font-size:26px;
	text-shadow: 1px 1px 1px #999;
}

.main-content h1{
	
}

.footer{
	margin: 0px;
   	clear: both;
   	text-align: center;
   	background:#fff;
   	color: #fff;	
   	padding: 0px 0px 20px 0px;
   	background: #000;
}

.footer-content p{
	font-size: 12px;
	color: #fff;
	padding: 10px 0 0 0;
   	text-align: center;
}

.footer-content a{
	font-weight: bold;
	color: #fff;
}

.footer-content a:hover{
	color: #fff;
}

.logo{width:305px;float:left;border:none;}.logo a{display:block;}
.header-nav{margin:0;padding:0;height:35px;background:url(/themes/frontend/serayu/images/nav_bg.gif) repeat-x left top;}
.header-nav ul{margin:0;padding:0;}
.header-nav ul li{display:inline;height:35px;margin:0;padding:0;}
.header-nav ul li a{padding:0 15px;line-height:35px;color:#fff;text-decoration:none;font-weight:bold;float:left;display:block;}
.header-nav ul li a:hover,.header-nav ul li a:active,.header-nav ul li a.active{color:#fff;background:url(/themes/frontend/serayu/images/nav_bg2.gif) no-repeat center top;text-decoration:none;}

.search{padding:10px;text-align:left;margin-bottom:15px;border:2px solid #FE841F;background:#FCE883;}
.search form{padding:8px 0 0 0;font-weight:bold;}
.search a{font-weight:bold;font-size:11px;color:#222;}
.search .text{width:170px;}
.search .button{width:40px;border:1px solid #000!important;}

.ip{}
.ip .ib{background:#d5f3ff; padding:10px;}
.ip .ib .ib-info{}
.ip .ib .tag {margin-bottom:0; padding-bottom:0;}

.h-l{}
.h-r{}
.h-l h2, .h-r h2{font-size:11px; padding:3px 7px; margin-bottom:7px; border-bottom:1px solid #fa9f54; background:#ffe2ca;}

.ib{margin-bottom:20px;}
.ib h3{font-size:14px; margin-bottom:7px;}
.ib h3 a{color:#000;}
.ib h3 a:hover{color:#e00000; text-decoration:none;}
.ib p img{float:left; margin:0 5px 5px 0; padding:1px; border:1px solid #ddd;}
.ib .ib-info{font-size:11px; color:#666; clear:both; border-bottom:1px dotted #c5c5c5;  border-top:1px dotted #c5c5c5; padding:3px 0; margin-bottom:15px;}
.ib .ib-info ul {list-style:none; margin:0; padding: 0;}
.ib .ib-info ul li {display:inline; margin: 0 5px 0 0; line-height:18px}
.ib .cat{background:url(/themes/frontend/serayu/images/folder.png) no-repeat left center; font-size:11px; color:#666; padding-left:18px; margin-right:10px; padding-top:1px;}
.ib .website{background:url(/themes/frontend/serayu/images/link.png) no-repeat left center; font-size:11px; color:#666; padding-left:18px; margin-right:10px; padding-top:1px;}
.ib .date, .date{background:url(/themes/frontend/serayu/images/icon_date.png) no-repeat left center; font-size:11px; color:#666; padding-left:18px; padding-top:1px; margin-right:10px;}
.ib .tag{background:url(/themes/frontend/serayu/images/tag.png) no-repeat left center; padding:0 0 0 20px; font-size:11px; color:#666; clear:both; line-height:20px;}
.ib .tag a{font-size:11px; color:#666; text-decoration:underline;}
.ib .tag a:hover{color: #e00000;}

.h-l .ib, .h-r .ib{margin-bottom:10px; padding-bottom:5px;}
.h-r .ib h3{font-size:12px; margin-bottom:0;}
.h-r .ib p{padding:5px 0;}
.h-r .ib p a{color:#666; text-decoration:underline;}
.h-r .ib p a:hover{color:#e00000;}

.ib-sender{clear:both; padding:7px; background:#F4F5F6; border:1px solid #c5c5c5; margin-bottom:10px;}
.ib-sender h3{font-size:12px; margin-bottom:3px;}
.ib-sender p{font-size:11px; clear:left; margin-bottom:0;}
.ib-sender p span.r-left{float:left; width:90px;}
.ib-sender a{text-decoration:underline;}

.advertisement{padding:0;text-align:center;}
.advertisement h5{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;background:url(/themes/frontend/serayu/images/arrowdown.gif) no-repeat left;text-align:left;margin:0 0 0 10px;padding:0 0 0 12px;color:#868282;font-weight:normal;}

.banner-content{padding:0;}
.banner-item{text-align:left;}.banner-info{display:none;font-size:11px;color:#666;}
.banner-item a img{border:1px solid #666!important;padding:4px;}
.banner-item a:hover img{background:#efefef;}
#banner-01 .banner-content{padding:0!important;}
#banner-01 .banner-item{padding:0 5px 0 10px!important;}
#banner-02{margin-bottom:10px;}
#banner-02 .banner-item{padding-bottom:10px;}
#banner-03{width:150px;float:left;}
#banner-03 .banner-item,#banner-04 .banner-item{text-align:center!important;padding-bottom:10px;}
#banner-03 .banner-content,#banner-04 .banner-content{padding:5px 0;}
#banner-04{width:150px;float:right;}
#banner-05{padding:0!important;}
#banner-06{border:1px solid #FE841F;background:#FCE883;text-align:center!important;}
.banner-wrapper{padding:15px 0;}
#banner-07{width:260px;float:left;}
#banner-08{width:280px;float:left;}
#banner-08 .banner-item{text-align:center!important;}
#banner-09{width:260px;float:right;}

.welcome{margin-bottom:15px;padding:10px 15px 20px 15px;border-bottom:5px solid #000;}
.welcome p{text-align:justify!important;padding:0!important;}
.welcome h2{display:none;}
.welcome a{color:#333;}
.welcome a:hover{color:#fff;}

.tag-1,
.tag-2,
.tag-3,
.tag-4,
.tag-5,
.tag-6,
.tag-7,
.tag-8,
.tag-9,
.tag-10 {font-size:14px;}

.std-f {}
.std-f fieldset {margin-bottom:15px; padding:8px 0 8px 0;border-top:2px solid #c5c5c5;}
.std-f legend {font-size:13px; font-weight:bold; margin-bottom:8px; padding-right:5px;}
.std-f dl {clear:left;}
.std-f dl dt {float:left; width:120px; margin-bottom:8px; text-align:right; clear:left; line-height:180%;}
.std-f dl dt label {padding-top:3px;}
.std-f dl dd {margin-left:130px; margin-bottom:8px; line-height:180%;}
.std-f input, .std-f textarea {margin-right:5px;}
.std-f .text {width:280px;}
.std-f img {margin-bottom:10px;}
span.required {color:#f00;}

#ad-detail input.text{width:380px;}
#ad-detail textarea{width:380px; height:150px;}
#ad-detail dd small {display:block; font-size:10px; margin-bottom:5px;}

.column1{padding:5px 0 0 5px;width:100px;float:left;margin:0;}
.column2{padding:5px 0 0 5px;width:350px;float:left;margin:0;}

.ads-250x250{border:2px solid #FE841F;padding:0 10px 10px 10px; background:#FCE883;color:#333; text-align:left!important; margin-bottom:15px;}
.ads-top{margin:0;padding:5px;text-align:center;border:2px solid #FE841F;background:#FCE883;}

.adv-728x90{width:728px;float:right;}
.adv-200x90{width:200px;float:left;}