/*
Theme Name: Media_Online
Base Theme URI: http://www.surabayawebs.com
Base Theme Author: Tajid Yakub
Base Theme Author URI: http://tajidyakub.com

IMPORTANT: This is for a private clien desain, customize as is, you may use and modify as you wish at your own risk.

*/

body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
    font-size: 11px !important; 
	background: url('images/bg_page.gif');
    text-align: center;
	margin: 25px 0px 25px 0px;
	}
.runtext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #ff9900;
	border: none;
}


a:link, a:visited {
text-decoration:none;
color:#333;
}
a:hover {
text-decoration:underline;
}


#page {
	display:block;
	width:700px;
	border:1px solid #999;
	background-color:#FFFFFF;
	padding:10px 25px 25px;
	margin:0 auto 0 auto;
	line-height:130%;
}

#header {
	display:block;
	width:700px;
	border:none;
	background-color:#FFFFFF;
	padding:0;
}

.main_nav a:link,.main_nav a:visited{
	text-decoration:none;
	color:#CCCCCC;
}
.main_nav a:hover {
	text-decoration:underline;
	color:#FFF;
}

.sub_nav a:link,.sub_nav a:visited {
	text-decoration:none;
	color:#333;
}
.sub_nav a:hover {
	text-decoration:underline;
	color:#000;
}
.logo {
	display:block;
	background: url('images/bg_header.png') no-repeat top left;
	height:75px;

}

.main_nav {
	background-color:#003366;
	height:20px;
	padding:5px 10px 5px 10px;
	color:#CCCCCC;
	text-align:left;
	font-size:12px;
}

.sub_nav {
	background-color:#CCCCCC;
	height:30px;
	padding:5px 10px 5px 10px;
	color:#000;
	text-align:left;
	font-size:12px;
	border-bottom:2px solid #999;
}

.banner1 {
	height:70px;
	padding:10px 0px 0px 0px;
	margin:0;
	background-color:#F0F0F0;
	border-bottom:2px solid #666;
}

.banner2 {
	padding:10px 0px 10px 0px;
	margin:0;
	background-color:#F0F0F0;
	border-bottom:2px solid #CCC;
	border-top:2px solid #CCC;
	width:400px;
	
}

.banner3 {
	height:340px;
	padding:10px 0px 0px 0px;
	margin:0;
	background-color:#F0F0F0;
	border-bottom:2px solid #CCC;
	border-top:2px solid #CCC;
	width:400px;
	
}

.banner4 {
	padding:10px 0px 10px 0px;
	margin-top:10px;
	background-color:#F0F0F0;
	border-bottom:2px solid #CCC;
	border-top:2px solid #CCC;
	width:400px;
	
}

.banner5 {
	padding:10px 0px 10px 0px;
	margin:0;
	background-color:#F0F0F0;
	border-bottom:2px solid #CCC;
	border-top:2px solid #CCC;
	width:400px;
	
}
.rtext {
	height:20px;
	font-size:12px;
	text-align:left;
	padding:5px 10px 5px 10px;
	margin:0;
	background-color:#FF9900;
	border-bottom:2px solid #666;
}
#content {
	display:block;
	width:700px;
	margin:0;
	padding:0;
}
.right_col {
	float:right;
	background: url('images/bg_right_col_main.png') no-repeat;
	width:250px;
	margin:10px 0 0 0;
	padding:10px;
	text-align:left;
	
}

.right_col ul {
	padding:0 5px 0 5px;
}
.right_col li {
	line-height:110%;
	font-size:11px;
	list-style:none;
	padding:0 0 0 20px;
	background:url('images/bullet_blue.png') no-repeat top left;
}

.right_col h3{
padding:5px;
color:#666;
	
}

.left_col {
	display:block;
	background:#FFF;
	width:400px;
	padding:10px;
	text-align:left;
	margin:10px 0 0 0;
}

.left_col_main {
	display:block;
	background-image: url('images/bg_left_col_main.png');
	background-position:0% 5%;
	background-repeat:no-repeat;
	width:400px;
	padding:20px 10px 10px 10px;
	text-align:left;
	margin:10px 0 0 0;
}

.left_col_btm {
	display:block;
	background-image: url('images/bg_left_col_main_btm.png');
	background-position:0% 0%;
	background-repeat:no-repeat;
	width:400px;
	height:40px;
	padding:20px 10px 10px 10px;
	text-align:left;
	margin:10px 0 0 0;
}

h2 {
	font-size:14px;
}
h3 {
	font-size:12px;
}

.left_col h2 {
	padding:5px 0 5px 0;
	border-bottom:1px dotted #CCCCCC;
}

.meta {
	font-size:10px;
	color:#999999;
	padding:0;
}

.meta li {
list-style:none;
}
.meta ul{
padding:0;
}

.content {
	font-size:12px;
	color:#333;
	padding:0;
	text-align:justify;
}

.newslist{
	background-color:#F0F0F0;
	font-size:12px;
	color:#333;
	padding:10px;
	text-align:left;
	border: 2px solid #CCC;
	margin:20px 0 0 0;

	}

.newslist ul{
	padding:0;
}	
.newslist li{
	list-style:none;
	text-align:left;
	padding:0 0 0 20px;
	background:url('images/bullet_blue.png') no-repeat top left;
}

.sorot{
	background-color:#48A3D0;
	font-size:12px;
	padding:10px;
	text-align:left;
	border: 2px solid #666;
	margin:20px 0 0 0;

	}

.sorot ul{
	padding:0;
}	
.sorot li{
	list-style:none;
	text-align:justify;
	
}

.footer {
	display:block;
	width:700px;
	margin:0 auto;
	padding:10px;
	text-align:right;
	color:#666666;
	font-size:10px;

}

.clear {
clear:both;
}