/*   
	Theme Name: SO-3
	Theme URI: http://www.sumedangonline.com
	Description: PREMIUM THEMES Untuk Situs Berita Online Menggunakan Wordpress.
	Author: Igun Gunawan 
	Author URI: http://www.sumedangonline.com
	Version: 1.0
	Tags:  four-columns, advertise-ready, widget-ready, advanced-theme-options
*/
@charset "utf-8";
@import url("image.css");
/* CSS Document */

/* 1. reset*/
body, div, dl, dt, dd, ul, ol, li, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
tr { vertical-align: top; }
fieldset, img { border: 0px; }
abbr, acronym { border: 0px; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }	
.clear { clear: both; }
.right { float: right; }
.left { float: left; }

/* Dropcap ---*/
.dropcap {
	color: #333;
	display: block;
	float: left;
	font: 60px/40px Georgia, Times, serif;
	padding: 7px 8px 0 0;
}

/* 2. Defaults */
body { background: #fff; font: 12px/17px Arial, Helvetica, sans-serif, "Times New Roman"; color: #222; }
input { font-family: Arial, Helvetica, sans-serif; }
.thumb img { background: #fff; padding: 1px; border: 1px solid #f0f0f0; }
.rss { background: url(images/rss.gif) no-repeat 4px 1px; padding: 0px 0px 0px 19px !important; }

/* 3. Hyperlinks */
a, a:visited, a:active { color: #222; text-decoration: none; }
a:hover { color: #16387c; text-decoration: underline; }
a:focus, a:hover, a:active { outline: none; }
a img { border: none; }

/* 4. Header */
#header { width: 993px;margin: 0px auto 0px auto; padding: 0px 0px;}
#headerbanner_left{width:993; max-height:72px; max-width:993px; height:72px; float:left}
#headerbanner_right{width:226; height:60px; float:left; max-height:60px; max-width:226px;}
#logo{width:993px; height:100px;}

/* 5. Menu Horizontal 1*/
#menuH1 { width: 993px;margin: 0px auto 0px auto; padding: 0px 0px; height:28px; background-image:url(images/Menu_bg.png); background-repeat:repeat-x; text-align:center;}
#menuHoriz{text-align:center;}
#menuHoriz li{display:inline; line-height:28px;}
#menuHoriz li a{padding: 6px 8px; background: url(images/Menu_spacer.png) no-repeat left top; color:#FFFFFF; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#menuHoriz li a:hover{color:#0d5995}

/* 6. Menu Horizontal 2*/
#menuH2 { width: 993px;margin: 0px auto 0px auto; padding: 0px 0px; height:29px; background-image:url(images/submenu_flash_news.png); background-repeat:repeat-x; text-align:center;}
#menuH2 #flasnews{padding-top:4px; padding-left:10px;}
#menuH2 #flasnews div#spanflashnews{ padding-left:10px; padding-top:3px; width:400px; text-align:left;}
#menuH2 #flasnews div#spanicon{ padding-left:10px; padding-top:3px; width:230px; text-align:left;}
#menuH2 #flasnews form#src{border:none; background-color:transparent; background-image:url(images/icon_cari.png); width:210px; height:22px;}
#menuH2 #flasnews form#src input#src_input{background:transparent; border:0px; width:116px; line-height:20px; padding-top:2px;}
#menuH2 #flasnews form#src input#src_submit{background:transparent;margin-left:20px; border:0px; width:70px; color:#fe9206; cursor:pointer; font-weight:bold;}



/* 7. Wrappers */
#wrapper { background: #fff; width: 973px; margin: 0px auto; padding-left:10px; padding-right:10px; padding-bottom:10px; box-shadow: 0px 0px 5px #bbb; -moz-box-shadow: 0px 0px 5px #bbb; -webkit-box-shadow: 0px 0px 5px #bbb; }
#leftwrapper { float: left; width: 673px}
#pagewrapper { float: left; width: 300px}

/* 8. Headline - Home Only*/
#headlineL{width:290px;margin-right:0px;height:270px;background-color:#FFFFFF;}
#headlineR{width:380px;height:270px;}
#headlineR img{max-width:378px;height:266px;}

/* 9. Vertical Menu */
.vertical ul { width: 270px; border-top: 1px solid #e6e6e6; }
.vertical li a { display: block; background: #f9fafa url(images/arrow_right.gif) no-repeat 2px 6px; width: 240px; padding: 6px 10px 6px 17px; text-decoration: none; font-size: 1em; font-weight: bold; color: #222; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.vertical li a:hover { color: #16387c; text-decoration: none; }
.vertical li { display: inline; }
.vertical li ul { position: absolute; margin: -31px 0px 0px 268px; }

/* 10. Horizontal Menu */
.horizontal ul {}
.horizontal li {}
.horizontal li li {}
.horizontal li li a { padding: 6px 10px; line-height: 16px; border-top: none; border-bottom: 1px solid #e6e6e6; }
.horizontal li ul { display: block; background: #f9fafa; position: absolute; width: 134px; height: auto; margin-top: 20px; margin-left: -1px; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.horizontal li li ul { position: absolute; margin-top: .1em; margin-left: 100px; }
.horizontal li ul li a { width: 114px; }
.inaccesible li ul { display: none; }

/* 11. Headline */
.headline_title{padding:0px 5px; width:280px; height:35px; margin-bottom:1px; overflow:hidden;}
.headline_title a{color:blue; margin-bottom:1px; display:block;}
.hottitle, .hottitle a{ color:red; font-weight:bold; text-decoration:none;}


/* 12. Sisi Kiri Home*/
#sisi-kiri-home{width:272px;}
#sisi-kanan-home{width:400px;}

/* 9. catatan kaki */
#fixme {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
position: fixed; 
top:100%;
right: 0px; bottom: 0px;
background-color:#ffffff;
color:white;
}

/* 10.Popular News*/
ul#popular_news{margin:0px; padding-left:5px; padding-right:2px; padding-top:0px; padding-bottom:1px;}
ul#popular_news li{padding-left:0px; list-style-image:url(images/icon_li_merah.png); margin-left:15px}

/* 11.*/
#leftwrapper h2, #leftwrapper h2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#00CCFF;
}

/* 12. space iklan footer*/
#spaceiklanbawah{width: 973px; margin: 0px auto; padding:10px; box-shadow: 0px 0px 5px #bbb; -moz-box-shadow: 0px 0px 5px #bbb; -webkit-box-shadow: 0px 0px 5px #bbb; }
#spaceiklanbawah .contentfree{font-size:24px; height:60px; line-height:60px;text-align:center;font-weight:bold; text-transform:uppercase; color:#CCCCCC;}
#beritabawah { background: #fff; width: 973px; margin: 0px auto; padding:10px; box-shadow: 0px 0px 5px #bbb; -moz-box-shadow: 0px 0px 5px #bbb; -webkit-box-shadow: 0px 0px 5px #bbb; color:#CCCCCC }
#beritabawah ul li h2{font-weight:bold;color:#000000;}
#beritabawah ul li.storytitle,#beritabawah ul li.storytitle a{color:#11709e; list-style-image:url(images/icon_li_foot.jpg); list-style-position:inside;}
#bawahpisan { background: #000; width: 973px; margin: 0px auto; padding:10px; box-shadow: 0px 0px 5px #bbb; -moz-box-shadow: 0px 0px 5px #bbb; -webkit-box-shadow: 0px 0px 5px #bbb; color:#CCCCCC }
#bawahpisan span,#bawahpisan span a{color:#FFFFFF; padding-right:2px;}

ul#list_persrelease{}
ul#list_persrelease li{ margin-left:16px; list-style-image:url(images/icon_li_merah.png); list-style-position:outside;}
body > div#fixme {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

.content {padding:0px; width:400px;}
.content h3.storytitle, .content h3.storytitle a{font-size:14px; font-weight:bold; text-transform:capitalize; color:#0066CC;}
.content .thumb { float:left; padding:5px;}

.arab {font: 20px/20px Arial, Helvetica, sans-serif, "Times New Roman";}