/****************************************************************************************************
Formatnews Stylesheet 
URL 				: http://www.formatnews.com
Design and CSS by 	: Agoestone
Powered by 			: Drupal

*****************************************************************************************************/

/************************************ For HTML Stylesheet *******************************************/
body {
	margin		:0px auto;
	font		:12px Arial, Helvetica, sans-serif;
	color		:#362929;
	line-height	:20px;
	background	:url(../images/bg.jpg) repeat;
}

img { border:none;}

body a:link, body a:visited {text-decoration:none; color:#7F0000;}
body a:hover {color:#F80505;text-decoration:underline;}

tbody {border:none;}
table td {padding:0.2em 0.3em 0.5em 0.2em;}

h1 {
	font		:16px Arial, Helvetica, sans-serif;
	font-weight	:bold; 
	margin		:0; 
	padding		:0.5em 0 0 1em;
	line-height	:24px; 
}

h2 {
	font		:14px Arial, Helvetica, sans-serif;
	font-weight	:bold;
}

h3{font:10px Arial, Helvetica, sans-serif; font-weight:normal; margin:0.5em 0 0 0; color:#000000; line-height:14px;}

ul{
	margin	: 0;
	padding	: 0;
}
ul li{list-style-type: none;}

ul.menu, .item-list ul {
  margin	: 0;
  padding	: 0;
}

ul.menu ul, .item-list ul ul {
  margin-left: 0em;
}

ul li, ul.menu li, .item-list ul li, li.leaf {
  margin	: 0 0 0 0.7em;
  padding	: 0;
  line-height:24px;
  list-style-type: none;
  list-style-image: none;
  /*background: transparent url(../images/menu-leaf.gif) no-repeat 0px .35em;*/
  background: transparent url(../images/arrowmenu-link.gif) no-repeat 0px .35em;
}

ul li.expanded {
  background: transparent url(../images/menu-expanded.gif) no-repeat 0px .35em;
}

ul li.collapsed {
  /*background: transparent url(../images/menu-collapsed.gif) no-repeat 0px .35em;*/
  background: transparent url(../images/arrowmenu-link.gif) no-repeat 0px .35em;  
}

ul li.leaf a, ul li.expanded a, ul li.collapsed a {
  display: block;
}

ul.inline li {
  background: none;
  margin: 0;
  padding: 0 1em 0 0;
}

fieldset ul.clear-block li {
  margin: 0;
  padding: 0;
  background-image: none;
}

form input {border:none;}

/*********************************************************************************************************/
/***************************************** For Layout : ID ***********************************************/
#top-shadow {
	width		:100%;
	height		:25px;
	position	:absolute;
	background	:#FFF url(../images/topShadow.png) repeat-x top center;
	top			:0px;
	left		:0px;
	z-index		:0;
}

#container {
	width		:950px;
	margin		:0px auto;
	text-align	:left;
	position	:relative;
	top			:0;
	border		:5px solid #000000;
	background	:url(../images/bgContent.jpg) repeat-y top center;
}

#header {
	width		:950px;
	margin		:0px auto;
	text-align	:left;
	position	:relative;
	top			:0;
	/*background:url(../images/bgHeader.jpg) repeat-x top;*/
	height	:103px;
}

#left {
	width	:251px;
	float	:left;
	padding	:0;
	margin	:0;
}

#right {
	float	:right;
	width	:697px;
	margin	:0 0 0 2px;
	padding	:0;
}

#footer {
	clear		:both;
	width		:100%;
	margin		:0px auto;
	line-height	:18px;
	background	:none;
}

.clear {clear:both;}

div.status {
  	color		: #3a3;
  	border-color: #c7f2c8;
}

.gray {color:#999999;}
div.textmarquee {padding:0.5em 1em 0.5em 1em; color:#333333; text-transform:uppercase; background:#F59121; border-bottom:1px solid #d06e00; margin-bottom:1px;}

/********************************** Header styles and class ********************************************/
.logo {
	float	:left;
	/*width	:436px;*/
	width	:300px;
	height	:103px;
	margin	:0;
	padding	:0;
}
.logo img {padding:0; margin:0;}

.rTop {
	float	:right;
	/*width	:556;*/
	width	:514px;
	height	:103px;
	/*background:url(../images/bgRtop.jpg) no-repeat top right;*/
}

#header .rTop .advertisement {
	padding		:0.8em 1em 0 0;
	/*height	:93px;*/
	height		:auto;
	text-align	:right;
}

#header .rTop .advertisement img/*, #header .rTop .advertisement object*/ {
	height		:auto;
	border		:1px solid #FFF;
}

/* top level links */

/*********** ul menu for Nav Primary Links **************/
#nav {
	font		:12px Arial, Helvetica, sans-serif;
	color		:#FFF;
	text-align	:center;
	height		:33px;
	background	:url(../images/bgNav.jpg) repeat-x top center;
	/*border-top	:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;*/
	margin		:0;
	padding		:0;
	/*clear		:both;*/
}

#nav ul, #nav ul.menu {
	height		:33px;
	background	:url(../images/bgNav.jpg) repeat-x top;
	margin		:0;
	padding		:0;
}

#nav ul li {
  	margin		:0;
  	padding		:0;
  	list-style-type	: none;
  	list-style-image: none;
  	text-align	:center;
	float		:left;
	position	:relative;
}


#nav ul.menu li a:link, #nav ul.menu li a:visited, #nav ul.menu li.leaf a:link, #nav ul.menu li.leaf a:visited {
	font		:12px Arial, Helvetica, sans-serif;
	height		:33px;
	line-height	:33px;
	margin		:0;
	color		:#FFFFFF;
	padding		:0 7px 0 7px;
	float		:none !important;
	float		:left;
	border-right:1px solid #FFFFFF;
	width		:auto;
	text-decoration:none;
	display		:block;
}

#nav ul.menu li a:hover, #nav ul.menu li.leaf a.active, #nav ul.menu li:hover, #nav ul.menu li.sfhover {
	background	:url(../images/navHover.jpg) repeat-x top center;
	font-weight	:bold;
}
#nav ul.menu li.index a:link, #nav ul.menu li.index a:visited {
	border:none;
}

/*ul.menu .leaf a {
	background	:url(../images/arrownavigationhover.gif) no-repeat bottom center;
}*/

/* sub level links */
/*#nav ul.menu li.expanded {background:url(../images/navHover.jpg) repeat-x top center; color:#000; font-weight:bold;}*/
#nav ul.menu li.expanded ul.menu li.leaf a:link, #nav ul.menu li.expanded ul.menu li.leaf a:visited {
	display			:block;
	color			:#FFF;
	text-decoration	:none;
	height			:29px;
	line-height		:29px;
	padding			:0 0 0 1em;
	background		:#968e8e;
	text-align		:left;
	width			:148px;
	position		:relative;
	border-right	:1px solid #FFFFFF;
	/*padding: 0em 1em;*/
} 

#nav ul.menu li.expanded ul.menu li.leaf a:hover {
	background-color:#AA1F02;
	color			:#ffffff;
}

/* parent level menu */
#nav a.daddy {
   background	:none;
   margin		:0;
   padding		:0;
}

/* top level buttons */
#nav li ul {
	position		:absolute;
	/*left			:-999em;left:auto;*/
	visibility		:hidden;
	clear			:both;
	height			:auto;
	width			:160px;
	/*border-bottom	:1px solid #FFF;*/
	border-width	:0;
	margin			:0;
	padding			:0;
	z-index			:1;
}

#nav li li {
	float		:left;
	padding		:0;
	margin		:0;
	/*background-color:#F80505;*/
	width		:160px;
	border-bottom	:1px solid #FFF;
	list-style	:none;
}

/* margin for pullouts */
#nav li ul ul {
	margin	:-25px 0 0 15em !important;
	margin	:-25px 0 0 7em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left	:-999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	/*left		:auto;*/
	font-weight	:bold;
	visibility	:visible;
	background	:url(../images/bgNav.jpg) repeat-x top center;
	display		:block;
}

/* Fix IE. Hide from IE Mac \*/
* html #nav ul.menu li { float: left; height: 1%; }
* html #nav ul.menu li a { height: 1%; }
/* End */


/*#nav li li a:link, #nav li li a:visited, #nav li li.sfhover a:link, #nav li li.sfhover a:visited {
    color		: #000;
	background-color:#18601e;
	font-size	:11px;
}

#nav li li a:hover, #nav li li.sfhover {
    color			: #000;
    background-color:#e60003;
}*/

/************ End Nav Menu *********/

div.links a:link, div.links a:visited {
	float		:right;
	background	:url(../images/indexButton.jpg) no-repeat;
	color		:#c6c6c6;
	width		:42px;
	text-align	:center;
	text-decoration:none;
	padding		:0 0 0.5em 0;
	margin		:1em 0 0 0;
}

div.links a:hover {color:#FFF;}

/********************************** Left Content styles and class ********************************************/
#left .sidebar-left {background:url(../images/bgSidebar.jpg) repeat-x top;}
#left .sidebar-left .span {
	background	:#e9e7b7;
	height		:14x;
	line-height	:14px;
}

.sidebar-left h1 {	
	background	:url(../images/bulletH2Left.jpg) no-repeat left;
	font		:22px "Times New Roman", Times, serif;
	color		:#333333;
	line-height	:40px;
	font-weight	:bold;
	padding		:0 0 0 1.5em;
	margin		:0;
	/*border-bottom:5px solid #aa1f02;*/
	border-bottom:5px solid #BFBFB6;
}
.sidebar-left .content {
	padding		:0 0.5em 1em 0.8em;
	line-height	:17px;
	font-size	:12px;
}

.sidebar-left .content h2 {margin:0; padding:0.7em 0 0.2em 0;}
.sidebar-left .content form {margin:0; padding:0;}

.sidebar-left .content form input.vote {margin:0.5em 1em 0 1.2em;}

.sidebar-left .content div.field-image {margin:0 0.3em 0.2em 0; padding:0.2em; float:left; border:1px solid #BDBDBF; width:60px;}
.sidebar-left .content ul { margin:0; padding:0;}
.sidebar-left .content ul li {
	list-style:none;
	background:url(../images/arrowLiSidebarLeft.jpg) no-repeat left top;
	padding		:0 0 0 1.6em;
	line-height	:20px;
	border-bottom:1px dotted #DCDAA5;
}

.sidebar-left .content ul.menu li {
	list-style	:none;
	background	:url(../images/arrowLiSidebarLeft.jpg) no-repeat left top;
	padding		:0 0 0 1.6em;
	line-height	:18px;
	margin		:1em 0 0 0;
	/*border-bottom:1px dotted #DCDAA5;*/
}

.sidebar-left .content ul.menu li a:link, .sidebar-left .content ul.menu li a:visited {text-decoration:none; font-weight:bold;}
.sidebar-left .content ul.menu li a:hover {text-decoration:underline;}

.sidebar-left .content ul.menu div.submitted {font-size:11px; font-weight:bold;}

.sidebar-left .content input.-submit {
	background	:url(../images/submitSearch.gif) no-repeat;
	width		:62px;
	height		:22px;
	border		:none;
	color		:#FFFFFF;
	font		:11px Arial, Helvetica, sans-serif;
	font-weight	:bold;
	text-align	:center;
	padding		:0;
	margin		:0;
}

/********************************** Right Content styles and class ********************************************/
#right div.search {
	height		:32px;
	text-align	:center;
	/*background	:#e8e5a5;*/
	background	:url(../images/bgSearch.jpg) repeat-x top;
	padding		:0;
	margin		:0 0 1px 0;
	border-bottom:1px solid #AF473E;
}

#right div.search form {
	padding	:0.3em 0 0 0;
	margin	:0;
	/*float	:right;
	width	:230px;*/
}
#right div.search input.form-text {height:16px; padding:0 0.2em 0 0.2em; background:#FBFBEF; border:1px solid #DCDAA5;}
#right div.search input.form-submit, #left input.form-submit {
	background	:url(../images/submitSearch.gif) no-repeat;
	width		:62px;
	height		:22px;
	border		:none;
	color		:#FFFFFF;
	font		:11px Arial, Helvetica, sans-serif;
	font-weight	:bold;
	text-align	:center;
	padding		:0;
	margin		:0;
}

#right div.content div.cuaca {width:150px; float:right; height:200px; padding:0.7em 1em 0 2em;}

#right #detail div.content {padding:1em;}
#right div.content_a {padding:0 0 0 1em; margin:0;}
#detail h2 {font-size:16px; font-weight:bold; margin:0;}

#coment {margin:1em; background:#FFFFFF;}
#coment div.content {padding:1em;}
#coment div.content .cm {background:#F1EFD7; padding:0 0.7em 0 0.7em;}
#coment .content form.formcoment {padding:0 0 1em 0; margin:0 0 1em 0; width:420px; background:#F1EFF0; border:1px solid #CCCCCC;}
#coment .content form.formcoment h2 {background:#D2D2D2; line-height:25px; height:25px; margin:0 0 1em 0; padding:0 0 0 1em;}
form.formcoment input.fokus:focus, form.formcoment textarea.fokus:focus, form input.fokus:focus {background:#F1EFE1;}
form.formcoment .col_l {float:left; width:100px;}
form.formcoment .col_r {float:left; width:300px;}
form.formcoment div.clear {padding:0 0 0 1em;}

#sticky {color:#FFF; float:left; border-bottom:1px solid #5F0000; margin:0 0 1px 0; background:#680001 url(../images/bgSticky.jpg) repeat-x top;}
#primer {width:444px; /*width:465px;*/ background:#F3F3E8; float:left; border-top:3px solid #BFBFB6; margin-right:2px;}
#detail {border-top:1px solid #DCDBA5; background:#fbfbef;}
#pager {border-top:2px solid #fff; border-bottom:2px solid #fff; margin-top:2px;}

/*#sticky h1, , #detail h1 {float:right; width:235px; padding:0 2.4em 0 0; margin:0; background:url(../images/bgTitle.jpg) no-repeat top right; height:41px; line-height:41px; font-family	:"Times New Roman", Times, serif; font-size :24px; color:#bb482e; text-align:right;}*/
#primer h1 {border-bottom:1px solid #BFBFB6; margin:0 1em 0 0.5em;}
#sticky h3 {font-size:12px; font-weight:bold; color:#FFF;}
#primer h3, #detail h3  {font-size:12px; font-weight:bold; padding-top:0.5em; margin-top:0.7em;}
#sticky h2, #primer h2, #detail h2 {font-size:16px; font-weight:bold; margin:0; margin:0 0 0.4em 0;}
#sticky div.submitted, #primer div.submitted {font-size:11px;}

#sticky div.content, #primer div.content {padding:1em; margin:0 0 1em 0;}
#primer div.content .bag-berita {border-bottom:1px dotted #DCDBA5; padding-bottom:0.7em;}

#primer .advertisement {margin:5px 0 5px 0;}

#sticky .content ul, #primer .content ul {margin:0 0 0 1em;}

#sticky .content ul li, #primer .content ul li, #primer ul li {
	background	:none;
	/*list-style	:disc;*/
	margin		:0;
	padding		:0 0 0 0.8em
}
#sticky a:link, #sticky a:visited {color:#FFFF00;}
#sticky a:hover {color:#FFFFFF;}

#primer .content ul.menu {padding:0.7em 0 0 1em; margin:0;}
#primer .content ul.menu li{list-style-image:url(../images/arrowLiSidebar.gif); margin:0 0 0 1em; padding:0 0 0 0.5em;border-bottom:1px dotted #BFBFB6; font-weight:bold;}
#sticky, #primer .content ul.menu li a:link, #primer .content ul.menu li a:visited {/*background:url(../images/arrowprimenu.jpg) no-repeat left top; */text-decoration:none;}
#primer .content ul.menu li a:hover {text-decoration:underline;}

/*#primer a:link, #primer a:visited {color:#000;}
#primer a:hover {color:#666666;}*/

#detail #redaksi {text-align:center;}
#detail h1 {text-align:center;}
#detail #redaksi h2 {margin:1em 0 0 0; font-size:14px; line-height:normal;}

#primer .active {
	text-decoration	:none;
	color			:#f80505;
	font-weight		:bold;
}
#sticky .content div.field-image {margin:0 0.3em 0.2em 0; padding:0.2em; float:left; border:1px solid #BDBDBF; width:100px;}
#primer .content div.field-image {margin:0 0.3em 0.2em 0; padding:0.2em; float:left; border:1px solid #BDBDBF; width:60px;}
#primer .view-grid-item {text-align	:center;border:none;}
#primer .content .boothpage {padding:1em 0 0.5em 0; float:right;}
#primer .content .boothpage .next a, #primer .content .boothpage .back a {font-weight:bold; font-size:13px;}

#primer .links {
	margin	:0;
	padding	:0 0 0 1em;
	background:url(../images/arrowlinkprimer.gif) no-repeat left;
}

.view-grid-item {text-align:left;}

#detail .content div.field-image {margin:0 0.5em 0.2em 0; padding:0.2em; float:left; border:1px solid #BDBDBF;}

#rubrik {border-top:1px solid #BFBFB6; border-bottom:1px solid #BFBFB6; margin:1em 0 1em 0; background:#F3F3E8; padding:1em 0 1em 0;}
#rubrik .sidebar {
	float		:left;
	width		:203px;
	/*width		:215px;*/
	margin		:0 0.7em 1em 1em;
	padding		:0 0 0.8em 0;
	font-size	:11px;
	border-bottom:2px solid #fff;
	/*background	:#FFF url(../images/bgBottomSideRight.jpg) no-repeat bottom center;*/
	
}
#rubrik .sidebar h1 {
	line-height	:38px;
	/*background	:url(../images/bgH2sideRight.jpg) no-repeat top center;*/
	background	:url(../images/bulletH2Sidebar.jpg) no-repeat left;
	font		:20px "Times New Roman", Times, serif;
	font-weight	:bold;
	padding		:0.4em 0 0 1.5em;
	margin		:0;
	border-bottom:1px solid #bdbdbf;
	/*border-bottom:5px solid #dcdaa5;*/
}
#rubrik .sidebar .content div.field-image {margin:0 0.3em 0.2em 0; padding:0.2em; float:left; border:1px solid #BDBDBF; width:60px;}
#rubrik .sidebar div.content {margin:0; line-height:17px; padding:0 0.3em 0 0.7em;}
#rubrik div.content h2 {margin:0; padding:0.7em 0 0.2em 0;}

#rubrik .content ul.menu { margin:0.5em 0 0 0; padding:0;}
#rubrik .content ul.menu li {
	list-style	:none;
	background	:url(../images/arrowLiSidebar.gif) no-repeat left top;
	padding		:0 0 0 1.8em;
	line-height	:17px;
	font-weight	:bold;
	border-bottom:1px dotted #DCDAA5;
}

tr .form-submit {clear	:both;}

/********************************** SidebarRight Content styles and class ******************************************/
#sidebar-right {
	float		:left;
	/*width		:230px;*/
	width		:251px;
	padding		:0;
	margin		:0;
	font-size	:11px;
	background	:#F3F3E8 url(../images/bgRightSidebar.jpg) no-repeat bottom center;
}

#sidebar-right .block img.content {margin:0 0.3em 0.2em 0;}

#sidebar-right .block {margin :0 0 1em 0; padding:0 0 0.8em 0; background:url(../images/bgSidebar.jpg) repeat-x top;}
#sidebar-right .block h1 {
	line-height	:40px;
	height		:36px;
	/*background	:url(../images/bgH2sideRight.jpg) no-repeat top center;*/
	background	:url(../images/bulletH2Left.jpg) no-repeat left;
	font		:22px "Times New Roman", Times, serif;
	color		:#333333;
	font-weight	:bold;
	padding		:4px 0 0 1.5em;
	margin		:0;
	/*border-bottom:5px solid #aa1f02;*/
	border-bottom:5px solid #BFBFB6;
}

#sidebar-right .block div.content {
	/*border-right:1px solid #bdbdbf;
	border-left	:1px solid #bdbdbf;*/
	padding		:0 0.8em 2.8em 0.8em;
	margin		:0;
	line-height	:17px;
}

#sidebar-right div.content h2 {margin:0; padding:0.7em 0 0.2em 0;}
#sidebar-right div.links a:link, #sidebar-right div.links a:visited {
	float		:right;
	background	:url(../images/indexButton.jpg) no-repeat;
	color		:#c6c6c6;
	width		:42px;
	text-align	:center;
	text-decoration:none;
	padding		:0 0 0.5em 0;
	margin		:1em 0 0 0;
}

#sidebar-right div.links a:hover {color:#FFF;}

#sidebar-right .content ul { margin:0.5em 0 0 0; padding:0;}
#sidebar-right .content ul li {
	list-style	:none;
	background	:url(../images/arrowLiSidebar.gif) no-repeat left top;
	padding		:0 0 0 1.8em;
	line-height	:16px;
	border-bottom:1px dotted #DCDAA5;
}
 
#sidebar-right .content div.field-image {margin:0 0.3em 0.2em 0; padding:0.2em; float:left; border:1px solid #BDBDBF; width:60px;}

#sidebar-right .content_adv {padding:0 0.7em 0.5em 0;}

#weather {line-height:17px; padding:0 0.5em 0 1em; background:none;}

/******************************** Footer styles and class ******************************************/
#footer .advertisement {text-align:center; margin:0.6em 0 0.5em 0;}

#footer .info {
	margin		:0;
	padding		:1em 0 1em 0;
	text-align	:center;
	color		:#FFF;
}

#footer .info a:link, #footer .info a:visited {color:#f80505;}
#footer .info a:hover {color:#99CC00;}