body {background:#97A1AA;font-family:Lucida Grande,Verdana,Geneva,Sans-serif;color:#000;font-size:12px;margin:0;}

a {color:#0000FF;text-decoration:none;}
a:hover {text-decoration:underline;color:#147;}

#theHeaderBox,#theFooterBox,#theContentBox,#theMenuBox {width:974px;margin:0px auto 0px auto;}

#theContentBox {padding:15px 10px;background:#fff url(/img/bg-content-inside.gif) repeat-x top left;}

#theMenuBox {margin-top:10px;width:994px;background:#727272;}

#theFooterBox {background:#1C4670;padding:10px;color:#fff;}

div#theHeaderBox h2{font-size:36px;letter-spacing:-2px;font-weight:normal;margin:0;padding:0px 0 10px 0;text-align:left;}
div#theHeaderBox h2 a:link,
div#theHeaderBox h2 a:visited{color:#8BBFEF;text-decoration:none;}
div#theHeaderBox h2 a:hover{color:#fff;}
div#theHeaderBox h2 small{display:block;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:-1px;margin:0;}

.theContentMain {float:left;width:650px;}

.theContentSide {float:right;width:300px;}

.theContentSideLeft {float:left;width:165px;}

.theContentSideRight {float:right;width:125px;}

.clear {clear:both;background:none;}

.iframedl {width:1px;height:1px;visibility:none;}

#menu ul{font:bold 10px Arial;margin:0;/*margin-left:5px;/*margin between first menu item and left browser edge*/padding:0;list-style:none;}
#menu li{font:bold 10px Arial;display:inline;margin:0 5px 0 0;padding:0;text-transform:uppercase;}
#menu a{font:bold 11px Arial;float:left;display:block;color:#fff;margin:0;text-decoration:none;letter-spacing:0px;background-color:#2E81C3;padding:10px 12px 10px 12px;border-right:1px solid #1C4670;}
#menu a:hover{font:bold 11px Arial;background-color:#727272;}
#menu #current a{font:bold 11px Arial;color:#fff;background-color:#F19323;}

.breadcrumb {color:#000;}
.breadcrumb a {color:#fff;}
.breadcrumb a:hover {color:#000;}

.theContent {font-family:Lucida Grande,Verdana,Geneva,Sans-serif;color:#222;font-size:100%;margin-bottom:20px;}
.theContent h1 {font-weight:bold;font-size:24px;font-family:'Lucida Sans','Lucida Grande','Trebuchet MS';letter-spacing:-2px;color:#1C4670;}
.theContent h1 a {color:#1C4670;}
.theContent h1 a:hover {color:#3F3F3F;}
.theContent img {padding:0 5px 0 5px;}
.theContent p,.theContent pre {margin-bottom:15px;}
.theContent ul {list-style:none;padding:0;margin-left:10px;}
.theContent li {list-style-image:url(/img/bullet.png);}
.theContent ul li a {}
.theContent ul li a:hover {}

.theContent-Controls {text-align:center;padding:10px;margin-bottom:20px;}

.judul {font-weight:normal;font-size:24px;font-family:'Lucida Sans','Lucida Grande','Trebuchet MS';letter-spacing:-2px;color:#1C4670;}

.judullist {color:#1C4670;font:19px arial,verdana,sans-serif;letter-spacing:-1px;}

.judul a,.judullist a {color:#1C4670;}
.judul a:hover,.judullist a:hover {color:#3F3F3F;}

.judul-kanal {font-weight:bold;font-size:138.5%;font-family:'Lucida Sans','Lucida Grande','Trebuchet MS';letter-spacing:-2px;color:#666;}
.judul-kanal a {color:#F9571F;}
.judul-kanal a:hover {color:#3F3F3F;}

.tanggal {color:#333;font-size:85%;margin-bottom:15px;}

.morenewslist {}
.morenewslist ul {list-style:none;padding:0;margin-left:0px;}
.morenewslist li {}
.morenewslist li a {display:block;padding:5px 0;border-top:1px dashed #ddd;}
.morenewslist li a:hover {background:#efefef;text-decoration:none;}

.sidenewslist {font-size:11px;border:1px solid #ccc;padding:5px;margin-bottom:10px;}
.sidenewslist ul {list-style:none;padding:0;margin-left:0px;}
.sidenewslist li {}
.sidenewslist li a {display:block;padding:5px 0;border-bottom:1px dashed #ddd;}
.sidenewslist li a:hover {background:#efefef;text-decoration:none;}

.sidebox {padding:0px;font-size:11px;}
.sidebox ul {list-style:none;padding:0;margin-left:10px;}
.sidebox li {list-style-image:url(/img/bullet.png);padding:3px 0;border-bottom:1px dashed #ddd;}
.sidebox ul li a {}
.sidebox ul li a:hover {}

.subkategori {font:bold 18px arial,verdana,sans-serif;color:#333;text-transform:uppercase;border-bottom:3px solid #4F9AD5;padding-bottom:3px;margin-bottom:5px;}
.subkategori a {color:#333;text-decoration:none}
.subkategori a:hover {text-decoration:none}

.smalltext {color:#333;font-size:85%;}

#tagcloud {text-align:center;}
#tagcloud a:link,#tagcloud a:visited {text-decoration:none;color:#0066FF;}
#tagcloud a:hover,#tagcloud a:active {text-decoration:underline;color:#000;}

.tag1 {font-size:x-small;}
.tag2 {font-size:small;}
.tag3 {font-size:medium;}
.tag4 {font-size:large;}
.tag5 {font-size:larger;}

/* -------------- PAGING ------------- */
#paging{clear:both;margin-top:20px;padding:5px 0;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#ff9900;font-weight:bold;text-align:center;}
#paging a{padding:4px 5px;margin:0px 1px;border:1px solid #333;background:#2E81C3;color:#FFF;text-decoration:none;}
#paging a:hover{border:1px solid #ccc;background:#F19323;color:#FFFFFF;text-decoration:none;}

/*search form*/
#search_form{width:210px;float:right;margin:2px 15px 0 0;_margin:2px 10px 0 0;}
#bt_ok{width:21px;height:19px;margin:0 0 0 5px;float:right;}
#search_form #keyword{background-image:url(/img/search_input.gif);width:156px;height:14px;border:0;font-size:1em;font-family:'Trebuchet MS','Lucida Grande';padding:1px 4px 3px 4px;_padding:1px 4px 3px 4px;_height:14px;!padding:1px 4px 3px 4px;!height:14px;margin:1px 0 0 15px;float:right;}

.related {border:1px solid transparent;float:left;width:130px;height:150px;padding:5px;line-height:100%;text-align:center;/*background-color:#efefef;*/}
.related img {border:1px solid #2C2C2C;}
.related:hover {border:1px solid #ccc;background-color:#efefef;}
.related .title {font-size:11px;}
.related .title2 {font-size:11px;border:0px;}
.related .desc {font-size:10px;margin-top:5px;}
.related .desc .votenum {margin:0;font-weight:bold;}

.singleimage .vote {position:absolute;margin:5px;opacity:0.5;padding:0px;filter:alpha(opacity = 50);}
.singleimage .vote:hover {opacity:1;filter:alpha(opacity = 100);}

/* SOCIAL BOOKMARKS */
div.sociable { margin: 16px 0; color:#000; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
	padding:5px;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}