/* CSS 
dibuat oleh: iyank4@gmail.com
untuk : beritamusi.com
*/

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

/* html dasar */
body {
	font-size: 10pt;
    color: #515151;
    background: #f1f1f1 url('bgall.gif') top center repeat-y;
    border-left: 10px solid #666; 
    border-right: 10px solid #666;
}
a:link, a:visited { color: #3333ff; text-decoration: none; }
h3 { margin: 12px; border-bottom: 1px dotted #aaaaaa; }

/* typography */
body {
	font-family: HelveticaNeue-Light,Helvetica,Verdana,Arial,sans-serif;
    line-height: 1.1em;
}

/* layout */
#w_all { margin: 0 auto; width: 991px; } /* yen ora ditambah sa-piksel ora pol */
#w_top { height: 18px; background: #1785F4; border-bottom: 1px solid #666666; }

#w_logo{ clear: both; height: 100px; background-color: #ffffff; overflow: hidden; }
#logo { float: left; }
#ad_a1 { float: right; background: #ffffff; }
#ad_a1 iframe { width: 728px; height: 90px; overflow:hidden;}

#w_nav {
    clear: both;
    background: #ffff33;
    border-bottom: 1px solid #796C59;
    height: 54px;
}
#w_nav ul {
    clear: both;
    margin: 0;
    padding: 0;
}
#w_nav li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#w_nav a{
    float: left;
    padding: 4px 8px;
    color: #333333;
    font: 12pt "Times New Roman", Georgia, serif;
    letter-spacing: 0px;
    line-height: 15px;
}

#ad_a9 {
    float: right;
    border: 1px solid #999999;
}
#ad_a9 iframe {
    float: right;
    width: 130px;
    height: 380px;
    margin: 6px 0;
}
.w_content {
    clear: both;
    margin-top: 8px;
}
.w_lcontent_l {
    float: left;
    width: 670px;
}
.w_lcontent_r {
    float: right;
    width: 310px;
    overflow: hidden;
    z-index: 1000;
}
.wrap-box {
    clear: both;
}
.wrap-box-headline {
    width: 532px;
    background: #6666FF;
    color: #ffffe0;
    padding-bottom: 12px;
}
.wrap-box-headline h2 {
    margin-bottom: 12px;
    font-size: 23px;
}
.wrap-box-headline  div {
    padding: 0 12px 0 0;
    height: 174px;
    overflow: hidden;
    font-size: 12pt;
    line-height: 1.1em;
}
.wrap-box-headline  a {
    color: #ffffff;
}
.wrap-box-headline img {
    float: left;
    width: 220px;
    height: 165px;
    margin: 0 12px 0 12px;
    padding: 4px;
    background-color: #ffffe0;
    border: 1px solid #aaaaaa;
}
.left, .kiri {
    float: left;
}
.right, .kanan {
    float: right;
}
.paging div {
    background: url('sprite-bm.jpg') repeat 0 0;
    width: 110px;
    height: 22px;
    text-align: center;
    padding: 8px 12px 0 12px;
}
.paging div a {
    color: #ffffff;
    font-weight: bold;
    text-shadow:0 1px 2px #B8B8B8;
}
#headlist {
    float: left;
    width: 520px;
    margin: 0;
    padding: 0;
}
.list {
    margin:12px;
    padding:0;
    width: 100%;
}
.list a, .alist a {
    line-height: 1.2em;
}
.list li {
    list-style-type: none;
}
.list li img { border: 1px solid #666666; margin: 2px 4px 2px 0; }
.alist {
    margin:12px;
    padding:0;
}
.alist li {
    
}
#ad_a2, #ad_a3 {
    clear: both;
    border: 1px solid #999999;
    padding: 2px;
    margin: 6px 3px;
}
#ad_a2 iframe, #ad_a3 iframe {
    width: 660px;
    height: 85px;
}
#ad_a4, #ad_a5, #ad_a6 {
    border: 1px solid #999999;
    padding: 3px;
    margin: 0 0 12px 0;
}
#ad_a4 iframe,#ad_a5 iframe, #ad_a6 iframe {
    width: 300px;
    height: 250px;
}
.box-title {
    font: 18px Tahoma, Verdana, sans;
    color: #ffffe0;
    letter-spacing: 1px;
    background-color: #6666FF;
    border-bottom: 3px solid #00CC00;
    padding: 2px 12px 0 12px;
    text-shadow:0 1px 2px #333333;
}
#fotoshow {
    float: left;
    margin: 0 12px 0 0;
}
#fotoshow img {
    width: 120px;
    height: 90px;
    padding: 3px;
    margin: 3px;
    border: 1px solid #aaaaaa;
    background-color: #ffffe0;
}
#videoshow {
    width: 300px;
}
.clearer {
    clear: both;
}

.content {
    padding: 12px;
}
.content img {
    float: left;
    border: 1px solid #999999;
    padding: 3px;
    margin: 0 9px 0 0;
    background-color: #ffffe0;
}
div.wrap-box {
    clear: both;
    margin-bottom: 12px;
}
div.wrap-box-left {
    clear: both;
    float: left;
    width: 50%;
    margin-bottom: 12px;
}
div.wrap-box-right {
    float:right;
    width: 50%;
    margin-bottom: 12px;
}
#vid-place {
    margin: 0;
    padding: 0;
}
#footer {
    clear: both;
    background-color: #796C59;
    margin-top: 12px;
    color: #ffffe0;
    line-height: 20px;
}
.ad_footer {
    clear: both;
    height: 98px;
}
#footer a {
    color: #ffff00;
}
#ad_a7 {
    float: left;
    border: 1px solid #999999;
    padding: 3px;
    margin-left: 18px; 
}
#ad_a8 {
    float: right;
    border: 1px solid #999999;
    padding: 3px;
    margin-right: 18px;
}

#menu_utama {
    margin: 0px;
	padding: 0px;
	white-space: nowrap;
}
#menu_utama li{
    float: left;
	list-style-type: none;    
}
#menu_utama a{
    float: left;
    padding: 6px 11px;
	background: url('sprite-bm.jpg') repeat 0 68px;
	text-align: center;
    text-shadow:0 1px 2px #333333;
    font-size: 11pt;
    font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#menu_utama a:hover {
    background-position:0 0;
    color: #ffff00;
}

#menu_berita {
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%
}
#menu_berita td {
    border-left: 1px solid #dd0;
}
#menu_berita a {
    color: #333;
    text-decoration:none;
    font-size: 10pt;
}
#menu_berita a:hover{
    color: #ffffff;
}
#menu_berita td:hover {
    background-color: #cccc00;
}

/* kelas */

.tanggal {
    font-weight: bold;
    margin-bottom: 12px;
}
h2.title {
    font: 20px "Times New Roman", Georgia, serif;
    margin: 0;
    padding: 4px 12px;
    text-shadow:0 1px 2px #B8B8B8;
}
h3.kategori {
    text-transform: uppercase;
    border-bottom: 1px dotted #aaaaaa;
}
h3.subtitle {
    margin: 0 12px;
    padding: 12px 0 0 0;
    color: #ffffaa;
    text-shadow:0 1px 2px #515151;
    border: 0;
}