/*
Theme Name: Jogja Techno
Theme URI: http://www.jogjatechno.org/
Description: Template untuk jogja techno - Web JT-Final
Version: 1.0
Author: Headsetoptions
Author URI: http://www.jogjatechno.org/
*/

html, body {height:100%;}		

body {background:#a2c3bd url(images/bg.gif) repeat-x; margin:0; padding:0;}

#container {margin:0 auto; background:#FFF url(images/bg2.gif) repeat-y; width:900px; min-height:100%; height:auto; padding: 10px 13px;}
 
#left {width:500px; padding-right:10px; border-right:1px solid #EAEAEA; margin-right:10px; float:left; font: 12px 'arial',helvetica,sans-serif; color:#333;}

#left img{padding:5px; border:none; margin:5px;}

#nav {padding-top:10px; width:500px; height:50px; background:#ffffff url(images/iklanhehe.jpg) no-repeat; margin-bottom:10px; font: 11px 'arial',helvetica,sans-serif; color:#333;}

#header {
	background-image: url(images/head.jpg);
	height: 150px;
	width: 900px;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-repeat: no-repeat;
	}

#navBar {padding:0 0 0 370px!important; padding:10px 0 0 330px;list-style:none; width:130px;}

#navBar li {margin-bottom:4px; }	

#navBar a {height:14px; color:#333; background-color:#fc3; text-decoration:none; display:block; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; padding:0 4px;}

#navBar a:hover {background-color:#fff; display:block;}				

#lright {width:175px; padding: 0 5px 0 5px; float:left; font: 12px 'arial',helvetica,sans-serif; color:#333;}	

#rright {width:175px; padding: 0 0 0 10px; float:left; font: 12px 'arial',helvetica,sans-serif; color:#333; border-left:1px solid #EAEAEA;}	

.mright {width:365px; padding: 0 5px 0 5px; float:left; font: 12px 'arial',helvetica,sans-serif; color:#333;}
	
.kotak {width:353px; border:1px solid #EAEAEA; padding: 0 5px 0 5px; float:left; align:center; font: 12px 'arial',helvetica,sans-serif; color:#333;}

.post_sesuai {width:465px; background:#F9FCEC; border:1px solid #EAEAEA; padding: 0 16px; float:left; align:center; font: 12px 'arial',helvetica,sans-serif; color:#333; margin-bottom:5px;}

.post_sesuai1 {padding: 0 16px; width:460px; height:50px; background:#F9FCEC; border: 2px dotted #D9DFEF; margin-bottom:10px; font: 11px 'arial',helvetica,sans-serif; color:#333;}

#sidebar {font: 12px 'arial',helvetica,sans-serif; color:#333;}

#footer {font: 11px 'arial',helvetica,sans-serif; color:#333;}

a, a:visited {color:#6D8433; text-decoration:none;}		

a:hover {color:#6D8433; text-decoration:underline;}

p {line-height:1.5em; margin:8px 0;}

#content ul.heatmap {MARGIN:0; }

#content ul.heatmap li {MARGIN:0; display:inline;}

#sidebar ul {padding:0px; margin:0px; display:inline;}

#sidebar ul li{margin-left:15px; padding:0px; list-style: square; }

h1 {color:#fc3;	font-size:22px;	margin:0;}

h2 {font-size:15px; color:#ffffff; margin:2px 0; background-color: #A2C3BD; padding-top: 2px; padding-bottom: 4px; padding-left: 4px;}	

h3 {color:#999; font-size:10px; margin:0; font-weight:normal;}		

h6 {font-size:13px; color:#fc3; margin:5px 0;}	

.divider {margin:10px 0; border-bottom:1px solid #EAEAEA; padding:0; display:block;}

#clear {clear:both; height:10px; margin-top:10px; padding-top:10px; background:#FFF url(images/bg3.gif) no-repeat; text-align:center; color:#999;}

#clear a {text-decoration:none;	color:#999;}		

#clear a:hover {color:#FC3;}

.links {list-style:none; margin:10px 0 0 0; padding:0;}				

.links a {color:#333; text-decoration:none;}		

.links li {margin-bottom:2px;}		

.links a:hover {color:#FC3;}

a img {border:none;}

#commentform textarea {width:350px;}

#flickr img {display: block; float: left; padding: 0px; position: relative; height: 65px; width: 65px; border-width:0; margin:2px;}

.note {padding-right: 25px; border-top: #ffd324 2px solid; padding-left: 20px; background: #fff6bf 0% 50%; padding-bottom: 5px; margin: 10px auto; padding-top: 5px; border-bottom: #ffd324 2px solid; text-align: left;}

.navigation{ margin-bottom:10px; padding:5px; text-align:center;}

blockquote {background: #F9FCEC; border: 4px dotted #D9DFEF; padding: 0 8px;}

acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }

/*---:[ search form styles ]:---*/
#search_form { }

  #search_form .search_input { width: 353px; padding: 3px; color: #090; font: 12px 'arial',helvetica,sans-serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
	
  li.widget .search_input { font-size: 1.1em !important; }
	
  #search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }