/*
Theme Name: NUGA
Theme URI: http://www.nuga.co
Description: eMagazine Themes for n
Version: 2.0
Author: Kusnandar Zainuddin
Author URI: http://www.aneukaceh.com
*/

* {margin: 0; padding: 0; border: none; font-family: Arial,Helvetica,sans-serif;}
body {margin: 0; padding: 20px; background: #022C5E url(assets/bg.jpg) repeat-x fixed;}
#outer {width: 1000px; margin: 0 auto; padding: 0 auto; border: 2px solid #CCC; background-color: #FFF; box-shadow: rgba(0, 0, 0, .33) 0 6px 15px;}

#header {position: relative; height: 90px; padding: 0 10px 5px 10px;}
#header .logo {float: left; width: 400px; margin-top: 30px;}
#header .ads {float: right; width: 580px;}

#mainmenu {position: relative; width: 100%; height: 35px; background: #00488D; overflow: hidden;}

#navbar {float: left; position: relative; margin: 0;}
#navbar ul {list-style: none; margin: 0; padding: 0;}
#navbar li {float: left; font-size: 12px; display: block;}
#navbar li.home  a {float: left; display: block; padding: 4px 5px; margin: 0;}
#navbar li.current-cat a, #navbar li.current_page_item a {background: #002654;}
#navbar li a {display: block; text-decoration: none; padding: 10px 15px; color: #fff; font-weight: bold; text-transform: lowercase;}
#navbar li a:hover, #navbar li  a.selected {text-decoration:none; display: block; background: #002654;}

#searchbox {width: 300px; height: 50px; margin: 10px 0; background: url(assets/search-box.jpg) no-repeat;}
#searchbox .searchinput {border: none; width: 218px; float: left; margin: 1px; padding: 10px; color: #cacaca; height: 28px !important; box-shadow: none; font-size: 12pt;}
#searchbox .searchsubmit {width: 60px; height: 50px; background: url(images/submit.png) no-repeat; float: left; border: none; cursor: pointer;}

#spoiler {margin: 0 10px; padding: 0;}

#content00 {clear:both; position: relative;}

#content01 {clear:both; position: relative; padding: 10px;}
#content01 .kiri {float: left; width: 260px; padding-right: 10px;}
#content01 .iterkini {float: right; width: 100px; display: block; padding:5px 10px; text-align: center; background: #CC0000;}
#content01 .iterkini a {color: #FFF; text-decoration: none; font-weight: bold; font-size: .8em; text-transform: lowercase;}
#content01 .radio {margin-top: 4px; height: 55px; border: 1px solid #ccc; border-radius: 10px; padding: 10px;}
#content01 .radio img {float: left; margin-right: 5px;}
#content01 .radio p {float: left; text-align: center; font-size: 11px; margin-bottom: 5px; text-transform: uppercase;}
#content01 .radio a {clear: right; float: right; width: 60px; display: block; padding: 3px; text-align: center; background: #666; color: #fff; text-decoration: none; cursor: pointer;}

#content01 .tengah {float: left; width: 400px; padding-right: 10px;}
#content01 .stories {margin-top: 10px; padding: 10px; border: 1px solid #ccc; background: #ececec;}
#content01 .stories h1 {margin: 0; padding-bottom: 3px; font: bold 14px Arial; color: #C00; text-transform: lowercase; border-bottom: 2px solid #FF6600;}
#content01 .stories ul {margin: 0; padding: 0; list-style: none;}
#content01 .stories li {clear: left; padding: 3px 0; border-top: 1px solid #ccc;}
#content01 .stories li img {float: left; width: 130px; height: 70px; margin: 4px 5px 8px 0;}
#content01 .stories li a {font-weight: bold; color: #006699; text-decoration: none;}
#content01 .stories li a:hover {color: #ff3300; text-decoration: none;}
#content01 .stories li p {margin-top: 2px; font-size: 11px; text-align: left;}

#content01 .kanan {float: left; width: 300px; margin-top: -10px;}
#content01 .kanan img {margin-bottom: 0;}

#iklan-baris {clear: both; position: relative; border-top: 2px solid #CCC;}
#iklan-baris img {margin-left: 10px; border:none;}

div.wp_bannerize div {float: left; margin-top: 10px; font-size: 0;}
div.wp_bannerize.index_02 {padding: 0 10px;}
div.wp_bannerize.content-top, div.wp_bannerize.category_fullatas, div.wp_bannerize.nugalife-top {margin: 0 15px;}
div.wp_bannerize.category_belt div, div.wp_bannerize.nugalife-bottom div {width: 650px; text-align: center !important;}
div.wp_bannerize.single-bottom div {width: 650px; text-align: center !important; padding: 0 0 10px;}

#iklan-baris div.wp_bannerize div {margin-bottom: 10px;}
.wp_bannerize.footer {position: relative; width: 970px; height: 90px; margin: 0 auto; padding: 10px 0;}

#content02 {clear: both; position: relative; padding-top: 10px; border-top: 2px solid #CCC;}
#kanal {float: left; width: 318px; margin: 0 0 20px 10px; font-size: 9pt;}
#kanal .cats {float: left; width: 260px; margin-bottom: 5px; font: bold 14px Arial; color: #C00; text-transform: lowercase;}
#kanal .link {float: right; width: 14px; height: 14px; margin-bottom: 5px; background-color:#F60;}
#kanal ul {margin: 0; padding: 0; list-style: none; border-top: 2px solid #F60;}
#kanal li {clear: left; padding: 2px 0 2px 15px; color: #ff3300; font-size: 11px; background: url(assets/arrow.png) 1px 3px no-repeat;}
#kanal li.lead {height: 69px; padding: 0; margin: 10px 0 5px; background: none; overflow: hidden;}
#kanal li a {color: #069; text-decoration: none;}
#kanal li a.lead {font: bold 14px Arial; color: #069;}
#kanal li a:hover {color: #F30; text-decoration: none; background: none;}
#kanal .thumb {float: left; width: 90px; height: 60px; margin: 2px 5px 2px 0; overflow: hidden;}
#kanal li p {font-size: 11px; color: #000; margin-top: 5px; text-align: left;}

#kanalsp {float: left; width: 334px; margin: -10px 0 10px 10px; padding-bottom: 10px;}
.travel {background: url(assets/travel_bg.jpg) bottom no-repeat;}
.forum {background-color: #000;}
#kanalsp .cats {float: left; width: 314px; font: bold 14px Arial; color: #9ff; text-transform: lowercase; z-index: 3; position: absolute; padding: 10px; background-color: rgba(0, 0, 0, 0.5);}
#kanalsp .link {float: right; width: 14px; height: 14px; margin: 10px 10px 5px; background-color: #F60; z-index: 3; position: absolute; right: 10px;}
#kanalsp ul {margin: 0; padding: 0 15px; list-style: none;}
#kanalsp li {clear: left; padding: 5px 0; font-size: 12px; border-bottom: 1px dotted #276aa9;}
#kanalsp li a {color: #68d6ff; font-weight: bold; text-decoration: none;}
#kanalsp li a:hover {color: #FFF; text-decoration: underline; background: none;}
#kanalsp li img.attachment-thumbnail {float: left; width: 100px; height: 60px; margin-right: 5px;}
#kanalsp .leads {position: relative; width: 334px; height: 245px; padding: 0; overflow: hidden;}
#kanalsp .leads a {font: bold 14px Arial; color: #F60; text-decoration: none;}
#kanalsp .leads img.attachment-medium {width: 334px;}
#kanalsp .titled  {width: 314px; padding: 7px 10px; height: auto; position: absolute; bottom: 0; display: block; color: #fff; line-height: 17px; font-size: 14px; font-weight: 600; background-color: rgba(0, 0, 0, 0.5);
}

#category {clear: both; float: left; position: relative; width: 670px;}
#category .headline {margin: 10px 10px 0; border-bottom: 2px solid #F60; font-size: 10pt;}
#category .headline img.attachment-medium {float: left; width: 400px; margin-right: 10px; margin-bottom: 10px; }
#category .headline h1 {font: bold 16pt Arial; color: #C00; margin: 0; padding-bottom: 5px; text-transform: lowercase;}
#category .headline h2 a {font: normal 30px Arial; color: #006699; padding-bottom: 10px; text-decoration: none;}
#category .headline h2 a:hover {color: #F60; text-decoration: none;}
#category .headline p {margin-bottom: 10px;}

#category .post {clear: both; float: left; width: 400px; margin: 0 10px;}
#category .posts {clear: both; float: left; width: 650px; margin: 0 10px 10px;}
#category .entry {clear: both; padding: 10px 0; font-size: 9pt; border-bottom: 1px solid #EEE;}
#category .entry h3 {clear: left; padding-bottom: 5px;}
#category .entry h3 a {font-weight: bold; font-size: 16px; color: #069; text-decoration: none;}
#category .entry h3 a:hover {color: #F60; text-decoration: none;}
#category .entry h4 {font-size: 8pt; color: #999;font-weight: normal;}
#category .entry img.attachment-thumbnail {float: left; margin-right: 5px;}
#category .entry p {}

#category .ad_vertical {float: right; width: 160px; margin: 10px 10px 0 0;}

#category .populer {float: right; width: 240px; margin: 10px 10px 0 0;}
#category .populer h1 {font-weight: bold; font-size: 16pt; color: #CC0000; margin: 0; padding-bottom: 5px;}
#category .populer ul {margin: 0 0 0 20px; padding: 0; list-style: square;}
#category .populer li {padding: 4px 0; color: #000; font-size: 8pt;}
#category .populer li a {font-weight: bold; color: #069; text-decoration: none;}
#category .populer li a:hover {color: #F60; text-decoration: none;}

#category .indeks {clear:both; width:650px; height:25px; margin:0 10px 10px; border-bottom:2px solid #F60;}
#category .indeks a {float:right; width:100px; display: block; padding:5px 10px; text-align:center; background:#F60; color:#FFF; text-decoration:none; font-weight:bold; text-transform:lowercase;}

#content {clear: both; float: left; position: relative; width: 670px;}
#content .post {margin: 10px; border-bottom: 3px solid #FF6600;}
#content .post h1 {font-size: 36px; line-height: 39px; font-weight: normal; color: #333; letter-spacing: -1px; margin-bottom: 10px;}
#content .post h1 span {color: #c00;}
#content .post h2 {font-size: 11px; font-weight: normal; color: #666; padding-bottom: 5px;}
#content .post h2 strong {font-size: 11px; font-weight: bold;}
#content .post h3 {font-size: 11px; font-weight: normal; color: #666; width: 500px; float: left; padding-bottom: 5px;}
#content .post h4 {font-size: 11px; font-weight: normal; color: #666; width: 150px; float: right; padding-bottom: 5px; text-align: right;}
#content .post h4 strong {font-size: 11px; font-weight: bold;}
#content .entry {padding: 10px 0; border-top: solid 2pt #FF6600;}
#content .entry p {margin-bottom: 20px; font-size: 14px; line-height: 20px;}
#content .entry p em, #content .entry p i {font-size: 14px;}
#content .entry a {color: #3399CC; text-decoration: none;}
#content .entry a:hover {color: #FF6600; text-decoration: none;}
#content .entry img.alignleft {float: left;}
#content .entry img {padding: 3px; border: 1px solid #ccc; margin: 3px; }
#content .entry ul, #content .entry ol {margin-left: 30px;}
#content .entry li {font-size: 14px; line-height: 20px; padding-bottom: 10px; text-align: justify;}

#content .entry pre {display: block; font-family: monospace; white-space: pre; margin: 1em 0px;}

#content .indeks {margin: 10px; padding-bottom: 10px;}
#content .indeks h1 {font: bold 16pt Arial; color: #C00; margin: 0; padding-bottom: 5px; text-transform: lowercase; border-bottom: 2px solid #F60; }
#content .indeks h3 {border-bottom: 1px solid #C00; background-color: #E6E6E6; padding: 10px 0 5px 5px; margin-top: 20px; margin-bottom: 5px;}
#content .indeks h3 a {font-size: 16px; font-weight: bold; color: #C00; text-decoration: none;}
#content .indeks h3 a:hover {color: #F60; text-decoration: none;}
#content .indeks ul {list-style: none;}
#content .indeks li {clear: left; padding: 2px 0 4px 15px; color: #999; font-size: 11px; background: url(assets/arrow.png) 1px 3px no-repeat; border-bottom: 1px solid #ececec;}
#content .indeks ul li a {font-weight: bold; color: #069; text-decoration: none;}
#content .indeks ul li a span {font-size: 10px; font-weight: normal; color: #C00; text-decoration: none;}

.tanggal {background: #F0F0F0; border-top: 4px solid #E1E1E1; margin-top: 15px; padding: 5px; text-align: center; font-weight: bold; color: #333;}

#content td {font-size: 8pt; vertical-align:top; padding: 2px;}

#content .wp-caption {float: left; padding: 0 5px 10px 0; border: none; background: none;}
#content .wp-caption img {padding: 0; margin: 0; border: none; max-height: 400px;}
#content .wp-caption p {margin: 5px 0; font-size: 11px; color: #999; text-align: left; line-height: 14px;}
#content .addthis_toolbox {margin-top: 15px;}

#topstories {clear: both; margin: 5px 0;padding: 5px 0; border-top: 2px solid #F60;}
#topstories h1.top {font: bold 14px Arial; color: #C00; margin: 0; padding-bottom: 3px; line-height: normal; letter-spacing: normal; text-transform: lowercase;}
#topstories .box {float: left; margin-right: 5px; overflow: hidden; width: 125px;}
#topstories .box img {border: none; height: 63px; margin: 0 0 2px; padding: 0; width: 125px;} 
#topstories .box a {font-size: 12px; color: #006699; text-decoration: none; }
#topstories .box a:hover {color: #F60; text-decoration: none; }

#comments {margin: 5px 0;padding: 5px 0; border-top: 2px solid #F60;}
#comments h1.komen {font: bold 14px Arial; color: #C00; margin: 0; padding-bottom: 3px; line-height: normal; letter-spacing: normal;}

#content .ddop {clear: left;}
#content .ddop h3 {font: 11pt georgia,"times new roman",times,serif; font-weight:bold; border-bottom: dotted 1pt #666; margin-top: 15px; color: #333;}
#content .ddop ul {margin-left: 20px;}
#content .ddop li a {font-size: 9pt;}

#content .right {width: 300px; float: right; margin: 0 0 10px 10px;}
#content .right .terkait {margin: 0; padding: 5px; border-top: 2px solid #FF6600; border-bottom: 1px solid #FF6600;}
#content .right .terkait h1 {font: bold 14px Arial; color: #CC0000; text-transform: uppercase; margin-bottom: 5px; letter-spacing: normal;}
#content .right .terkait ul {margin: 0; list-style: none;}
#content .right .terkait li {clear: left; padding: 2px 0 2px 15px; font-size: 11px; background: url(arrow.png) 1px 3px no-repeat;}
#content .right .terkait li a {color: #006699; text-decoration: none;}
#content .right .terkait li a:hover {color: #FF3300; text-decoration: none; background: none;}

#content #related-posts-MRP_all {width: 300px; float: right; margin: 0 0 10px 10px; padding: 5px; border-top: 2px solid #FF6600; border-bottom: 1px solid #FF6600;}
#content #related-posts-MRP_all h2 {font: bold 14px Arial; color: #CC0000; text-transform: uppercase; margin-bottom: 5px; letter-spacing: normal;}
#content #related-posts-MRP_all ul {margin: 0; list-style: none;}
#content #related-posts-MRP_all li {clear: left; padding: 2px 0 2px 15px; font-size: 11px; background: url(assets/arrow.png) 1px 3px no-repeat;}
#content #related-posts-MRP_all li a {color: #006699; text-decoration: none;}
#content #related-posts-MRP_all li a:hover {color: #FF3300; text-decoration: none; background: none;}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date, 
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
    display: none;
}

#sidebar {float: right; position: relative; width: 300px; padding: 0 10px 10px 10px;}
#sidebar img {font: bold 20px Arial; color: #022C5E; border: none;}

#footer {position: relative; width: 1000px; height: 200px; margin: 0 auto 10px auto; padding: 0 auto; border: 2px solid #002654; background: #002654;}
#footer .copyleft {float: left; width: 115px; height: 40px; margin: 20px; background: url(assets/nuga-fleft.png) center 10px no-repeat; padding-top: 120px; text-align: center; border: 1px solid #06C;} 
#footer .copyright {float: right; width: 150px; background: url(assets/nuga-fright-120.png) center 140px no-repeat;
padding-top: 170px; color: #CCC; text-align: center; font-size: 10px;}
#footer .allright  {float: left; width: 690px;}
#footer p {font: normal 11px Arial; color: #FF6600; text-align: center; padding: 60px 0 0;}
#footer a {font-weight: bold; color: #FFF; text-decoration: none; padding: 0 2px; text-transform: lowercase;}
#footer a:hover {text-decoration: underline;}

a span {font-size: 11px; font-weight: normal; color: #c00;}
p {text-align: justify;}
img {border: none;}
strong {font-weight: bold;}
cite, em, i {font-style: italic;}
.wp-pagenavi {margin: 20px 0; font-size: 12px;}
::-moz-selection{background:#ccffcc;color:#666;text-shadow:none}::selection{background:#ccffcc;color:#666;text-shadow:none}