/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#898A8A;
	font: normal 1em   Verdana, Tahoma, Helvetica, sans-serif;
}

html, input, textarea
	{
		font-family:Arial; 
		font-size:12px;
		line-height:15px;
		color:#424242;		
	}

input, select { vertical-align:middle; font-weight:normal; line-height:10px;}


a:hover{text-decoration:none;}

a img { border:0;}

ul { list-style:none;}

.column { float:left;}
.clear  { clear:both;}


a {color:#0F79A5;}

/*main layout */

.top_bg {background:url(images/tall_top.gif) top repeat-x #FFFFFF;}
.bot_bg {background:url(images/bot_bg.gif) bottom repeat-x;}

#header  { background:url(images/header_bg.jpg) bottom right no-repeat;}
#header1 { padding:18px 0 0 26px;}
#header2 { padding:40px 0 0 30px;}

#footer .indent {padding:5px 0 0 0;text-align:center;}
#footer {color:#606060; line-height:19px;}
#footer a {color:#0F79A5;}
#footer span {color:#333232;}
#footer span a{color:#333232;}

#main { margin:0 auto;}


#middle { width:100%;}



.date {background:url(images/date_bg.gif) 0 3px no-repeat; color:#B9C0C7; padding-left:15px; margin:15px 0 8px 0;}

.content {padding:13px 35px 15px 25px;} /*top right bottom left*/ 

/* index */


.box .top .right 	  	 { background:url(images/corn_tr.gif) top right no-repeat}
.box .top    { background:url(images/box_top_tall.gif) top repeat-x}
.box .bot    { background:url(images/box_bot_tall.gif) top repeat-x}
.box .bot .right	     { background:url(images/corn_br.gif) top right no-repeat;}

.box .centr  	   { background:#F8F8F2 url(images/box_bg.gif) top repeat-x;}
.box .centr .mid   { background:url(images/box_centr_left.gif) left repeat-y;}
.box .centr .mid .indent  { padding:13px 29px 16px 30px; background:url(images/box_centr_right.gif) right repeat-y;}

 .more { background:url(images/a1.gif) no-repeat 0 3px; padding-left:11px; font-weight:bold; color:#0F79A5; text-decoration:underline; margin-left:1px}
 .more:hover { text-decoration:none;}

.h_text {background:url(images/h_text_bg.gif) bottom repeat-x;}
.h2_text {background:url(images/h_text_bg.gif) bottom repeat-x;}

#index .h_text { padding:29px 0 0 10px;}

#index .col1 .cont {padding:20px 25px 0 10px;}

.line {background:#363D3F; height:1px; margin:16px 0 0 0}

/* index-1 */

#index_1 .col1 .h_text { padding:22px 0 0 10px;}
#index_1 .col1 .cont {padding:22px 40px 15px 10px;}

#index_1 .col1 .cont .pic  {padding:20px 0 0 0;}
#index_1 .col1 .cont .list {padding:19px 0 0 17px;}

#index_1 .col1 .list2  {padding:0 0 0 10px;}
#index_1 .col1 .list3  {padding:0 0 0 42px;}

#index_1 .col2 .h_text { padding:21px 0 0 11px;}
#index_1 .col2 .cont {padding:22px 0 0 11px;}
#index_1 .col2 .cont span{ color:#0F79A5;}


#index_1 .col2 .indent { padding:0 0 27px 0;}

/* index-2 */

#index_2 .h_text { padding:22px 0 0 10px;}

#index_2 .col1 .cont {padding:22px 29px 0 10px;}

#index_2 .col1 .list1  {padding:15px 0 17px 10px;}
#index_2 .col1 .list2  {padding:15px 0 0 42px;}

#index_2 .col1 .cont .pic  {padding:17px 0 0 0;}
#index_2 .col1 .cont .list {padding:17px 0 0 20px;}

/* index-3 */

#index_3 .col1 .h_text { padding:22px 0 0 10px;}
#index_3 .col1 .cont {padding:22px 30px 32px 10px;}

#index_3 .col2 .cont .pic  {padding:20px 0 0 0;}
#index_3 .col2 .cont .list {padding:20px 0 26px 22px;}

#index_3 .col2 .list1  {padding:16px 0 13px 1px;}
#index_3 .col2 .list2  {padding:16px 0 0 40px;}

#index_3 .col2 .h_text { padding:22px 0 0 9px;}
#index_3 .col2 .cont {padding:22px 10px 0 9px;}
#index_3 .col2 .cont span{ color:#0F79A5;}


/* index-4 */

#index_4 .col1 .h_text { padding:22px 0 0 10px;}
#index_4 .col1 .cont  {padding:22px 40px 13px 9px;}
#index_4 .col1 .cont2 {padding:20px 40px 13px 9px;}
#index_4 .col1 .h2_text { padding:22px 0 0 9px;}

#index_4 .col2 .h_text { padding:22px 0 0 10px;}
#index_4 .col2 .cont {padding:22px 10px 27px 10px;}
#index_4 .col2 .cont span{ color:#0F79A5;}

/* index-5 */

#index_5 .col1 .h_text { padding:22px 0 0 10px;}
#index_5 .col1 .cont  {padding:22px 25px 24px 9px;}

#index_5 .col2 .cont2 {padding:22px 0 13px 9px;}
#index_5 .col2 .h2_text { padding:18px 0 0 9px;}
#index_5 .col2 .h_text { padding:22px 0 0 9px;}
#index_5 .col2 .cont {padding:22px 10px 27px 9px;}
#index_5 .col2 .cont span{ color:#0F79A5;}

.form_left {width:227px; padding:17px 0 0 1px;}
.form_right {width:197px; padding:17px 0 0 1px;}
.form_left .row {height:36px;}

.form_left .input {width:181px; height:17px;}
.form_right .textarea {width:194px; height:89px; overflow:auto}
.form_right div {text-align:right; padding:8px 3px 0 0;}

/* index-6 */

#index_6 .col1 .h_text { padding:22px 0 0 10px;}
#index_6 .col1 .cont  {padding:22px 42px 24px 9px;}

/* Error or Sukses
   --------- */
	.error {
		border: 1px solid #ff0000;
		padding: 10px 10px 10px 75px;	
		margin: 0 0 10px 0;
		background: #ffffdd url(images/warning.gif) no-repeat center left;
		color: #454545; 
		background-position: 20px;
	}
	
	.sukses {
		border: 1px solid #ffd700;
		padding: 10px 10px 10px 75px;	
		margin: 0 0 10px 0;
		background: #ffffdd url(images/info.gif) no-repeat center left;
		background-position: 20px;
		color: #454545; 
	}

/* left side
   --------- */

.left {
	float: left;
	width: 465px;
	       
	margin: 0 0 10px 0;
}

	.border {
		margin: 0px 0 5px 0;
		border: 1px solid #eee;
		padding: 8px 8px 8px 8px;	
	}
	
	.list {
		margin: 0px 0 5px 0;
		border: 1px solid #eee;
		padding: 8px 8px 8px 8px;	
	}
	
	.list ul {
		margin:2px 0 2px 18px;
		padding:0px 0px 0px 0px;
		list-style-type:none;
	}
	
	.list ul li {
		padding:2px 0 2px 0;  /*top right bottom left*/ 
		list-style-image:url(images/external.gif);
  		border-bottom:1px solid #efefef;
	}

	.left_articles {
		margin: 0px 0 5px 0;
		border: 1px solid #eee;
		padding: 8px 8px 8px 8px;	
	}
	
	
	.left_links {
		border: 1px solid #eee;
		padding: 10px 10px 10px 15px;	
		margin: 0 0 10px 0;
	}
	
	.left_links:hover {
		border: 1px solid #ccc;
	}
	
	.left_message {
		border: 1px solid #eee;
		padding: 10px 10px 10px 75px;	
		margin: 0 0 10px 0;
		background: #fff url(images/questionmark.gif) no-repeat center left;
		color: #454545; 
	}
	
	.left_message:hover {
		border: 1px solid #ccc;
	}
	
	.left_side {
		float: left;
		width: 180px;
	}
		
		
	.left_box {
		background: #f4f4f4;
		color: #000;
		border: 1px solid #ccc;
		padding: 10px;
	}
	
.left p, h1, h2, h3 ,h4{

	margin: 0 0 5px 0;  /*top right bottom left*/ 
}
	
/* right side
   ---------- */
		
.right {
	float: right;
	width: 245px;
	margin: 0 0 10px 0;
}

	.right_login {
		padding: 10px;
		margin: 0 0 10px 0;
		background: #A9D4F2;
		color: #246088;
		border : 1px solid #4A8EBC;
	}

	.right_articles {
		border: 1px solid #eee;
		padding: 8px;	
		margin: 0 0 5px 0;
	}
	
	.right_post {
		padding: 8px;
		margin: 0 0 1px 0;
		background: #898A8A;
		color: #024CE3; 
		font: bold 1.2em Arial, Sans-Serif; 
		letter-spacing: 1px;
		border: 1px solid #898A8A;
	}
	
	.right_side {
		float: right;
		width: 200px;
		border-left: 1px solid #eee;
		padding: 0 0 0 20px;
	}
	

	.right ul { 
		margin: 0; 
		padding : 0; 
		list-style : none; 
	}

	.right li {
		background:url(images/external.gif) no-repeat 0 4px; 
		padding-left:15px; 
		line-height:18px;
	}

	.right li ul li {
		list-style-type:none;
		margin-left:40px;
	}

	.right_post {
		padding: 8px;
		margin: 0 0 1px 0;
		background: #898A8A;
		color: #024CE3; 
		font: bold 1.2em Arial, Sans-Serif; 
		letter-spacing: 1px;
		border: 1px solid #898A8A;
	}
.bg {
	background-color: #898A8A;
	padding: 5px; 
	border: 1px solid #eee;
	font-family:verdana; 
	font-size:14px;
	font-weight:bold; color:#FFF;
}

input.search { 
	width: 199px; 
	border: none;
	background: url(images/input.gif); 
	padding: 4px; 
}

input.login { 
	width: 80px;
	border: none; 
	background: url(images/logininput.gif); 
	padding: 4px; 
}

.right_adsense {
		padding: 10px;
		margin: 0 0 10px 0;
		background: #A9D4F2;
		color: #246088;
		border : 1px solid #4A8EBC;
}

input.button { 
	margin: 0; 
	padding: 2px 3px; 
	font: bold 12px Arial, Sans-serif; 
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	color: #777;	
	width: 55px;
	vertical-align: top;
}

.date {
	background: url(images/clock.gif) no-repeat left center;
	padding-left: 20px;  margin: 0 5px 0 5px;
	font-size:9px;
}

.user {
	background: url(images/user.png) no-repeat left center;
	padding-left: 20px;  margin: 0 5px 0 5px;
	font-size:9px;
}

.kat {
	background: url(images/expandall.png) no-repeat left center;
	padding-left: 20px;  margin: 0 5px 0 5px;
	font-size:9px;
}

.hits {
	background: url(images/publish_g.png) no-repeat left center;
	padding-left: 20px;  margin: 0 5px 0 5px;
	font-size:9px;
}
.news_title {
	margin: 0px 0 5px 0;
	border: 1px solid #eee;
	padding: 5px 8px 5px 5px;/*top right bottom left*/
	background: #F1F8ED;
}

.news_title h2 { 
	font-size: 16px;
	margin-bottom: 0; 
	color: #000; 
}
.post-footer{
	margin: 0px 0 5px 0;
	border: 1px solid #eee;
	padding: 5px 5px 5px 5px;/*top right bottom left*/ 
}

.post-footer .date {
	background: url(images/clock.gif) no-repeat left center;
	padding-left: 20px;  margin: 0 5px 0 5px;
	font-size:9px;
}
.post-footer .hits {
	background: url(images/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(images/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.image {
	float: left;
	margin: 0px 5px 5px 0;
}

#abovepostads{
	margin:5px 0px;
    background-image: url('images/ads/rotate.php'); 
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #D0E8AD;
	padding: 0px;
	
}
#abovepostads p{
	margin: 0px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}
#belowpostads{

    background-image: url('images/ads1/rotate.php'); 
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #D0E8AD;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px
}
#belowpostads p{
	margin: 0px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}

.post-footer .sendfriend {
	background: url(images/friend.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .print {
	background: url(images/print.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .pdf {
	background: url(images/pdf.gif) no-repeat left center;
	padding-left: 25px; margin: 0 10px 0 5px;
}

.kuning {
	border: 1px solid #ffd700;
	padding: 5px;	
	margin: 0 0 5px 0;
	background: #ffffdd;
	color: #454545; 
}

/* <Bookmark> */

.sexy-bookmarks {
height:54px;
background:url('images/2ueii3t.png') no-repeat left bottom;
position:relative;
width:465px;
}
.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('images/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}
.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}
.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}
.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover{
background:url('images/sexysprite.png') no-repeat !important;
}
.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}

/* </Bookmark> */