/*  
Theme Name: openbuzz

*/

.kotakkanan{
	margin: 10px 50px 0px  25px;
	padding: 0px;
	float: right;
	width: 300px;
	text-align: justify;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #FFFFFF;
}
.kotakkanan h2{
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	
}


/* Begin Typography & Colors */
.adskiri {
	float: left;
	clear: left;
	margin: 2px 4px 0px 0px;
	padding: 6px 2px 6px 0px;
}
.adskanan {
	float: right;
	clear: right;
	margin: 2px 0px 0px 4px;
	padding: 6px 0px 6px 2px;
}
.adstengah {
	margin: 2px auto;
	padding: 4px 0px;
	text-align: center;
}

.pagenumber {
	text-align: right;
	clear: both;
	font-weight: bold;
	padding-top: 6px;
	margin-top: 10px;
}
 .kosong 
 {
	clear: both;
 }

body {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	background-position: center bottom;
	background-repeat: repeat-x;
	background-color: #E6E6E6;
	}

#page {
	background-color: #FFFFFF;
	text-align: left;
	width: 824px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 100px;
	
	}

#header {
	background-image: url(images/header.jpg);
	height: 134px;
	margin: 0px;
	padding: 0px;
	}
#header h1{
	color: #FFFFFF;
	padding-left: 20px;
	font-size: 18px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	}
.antara {
	background-image: url(images/antara.jpg);
	height: 20px;
    text-align: right;


}

.topstrip {
    width:100%;background:#FCFEBB;border-bottom:solid 1px #89B1C6;
	padding:5px 0 5px 0;
	text-align:right;
	color:#333;
	font-size:70%;
}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h1, h2 {
	font-size: 1.4em;
	}

h2.pagetitle {
	font-size: 1.4em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #leftsidebar h2, #rightsidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #6495AE;
	}

.commentlist li, #commentform input, #commentform textarea {
	font-size: 0.9em;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        text-align: left;
        margin-left: 20px;
	}

.commentmetadata {
	font-weight: normal;
	}

#leftsidebar, #rightsidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;
	background-color:#FFF;
	margin-left: 5px; padding-left: 5px;
	}
small, #leftsidebar ul ul li, #leftsidebar ul ol li, #rightsidebar ul ul li, #rightsidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
h2 a:hover, h3 a:hover {
	color: #F00;
	text-decoration: none;
	}

a, h3 a:hover {
		color: #6495AE;
		text-decoration: none;
	}		

a:hover {
	color: #F00;
	text-decoration: underline;
    background-color: #cfdee6;
	padding:2px;
	border-bottom: 1px solid #6495AE;
	
	}

.narrowcolumn {
	float: left;
	padding: 0 5px 20px;
	margin-left: 0px;
	width: 635px;
	overflow: hidden;
    background: url(narimg.png) repeat-x ;

	}


.widecolumn {

	padding: 0 0 0 0;

	margin: 0 0 0 80px;

	width: 400px;

	}

	

.post {

	margin: 22px 10px 20px 32px;
	clear:both;
	text-align: left;
	border-top: 6px solid #C2D8EA;
	border-bottom: 1px dotted #ccc;
	line-height: 16px;
	background-color: #fff;
	padding: 20px;
	}
	
.comment {

	margin: 22px 10px 20px 60px;
	clear:both;
	text-align: left;
	border-top: 6px solid #C2D8EA;
	border-bottom: 1px dotted #ccc;
	line-height: 16px;
	background-color: #fff;
	padding: 20px;
	}	
		
.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}
	
#footer {
	padding: 0px;
	margin: 0px auto;
	width: 728px;
	clear: both;
    font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
        color: #6495AE;
font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	}
#footer a {
	color: #6495AE;
font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.description {
	text-align: left;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	}

h2 {
	margin: 44px 0px 10px 0px;
	padding-top:44px;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}



h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;

	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	list-style-type: square;
	padding: 0px;
	}


.entry ol {
	padding: 0 0 0 10px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
#leftsidebar h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px 0 0;
	padding: 0;
	font-weight: bold;
	color: #000000;
	}
#rightsidebar h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin: 5px 0 0;
	padding: 0;
	font-weight: bold;
	color: #000000;
	}
#leftsidebar ul, #leftsidebar ul ol, #rightsidebar ul, #rightsidebar ul ol {
	margin: 0px;
	padding: 0px;
	}

#leftsidebar ul li, #rightsidebar ul li  {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	font-size: 9px;

	}

#leftsidebar ul p, #leftsidebar ul select, #rightsidebar ul p, #rightsidebar ul select {
	margin: 5px 0 8px;
	}

#leftsidebar ul ul, #leftsidebar ul ol, #rightsidebar ul ul, #rightsidebar ul ol {
	margin: 5px 0 0 5px;
	}

#leftsidebar ul ul ul, #leftsidebar ul ol, #rightsidebar ul ul ul, #rightsidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #leftsidebar ul ol li, #rightsidebar ul ol li  {
	list-style: decimal outside;
	}

#leftsidebar ul ul li, #leftsidebar ul ol li, #rightsidebar ul ul li, #rightsidebar ul ol li {
	margin: 3px 0px 0px;
	padding: 0px;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	/* text-align: center; */
	}

#leftsidebar #searchform #s, #rightsidebar #searchform #s {
	width: 110px;
	padding: 2px;
	background-color: #f1f1f1;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	margin-right: 4px;
	}

#leftsidebar #searchsubmit, #rightsidebar #searchsubmit {
	padding: 1px;
	background-color: #dddddd;
	border: 1px solid #999999;
	font-size: 11px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	background-color: #f1f1f1;
	border: 1px solid #CCCCCC;
	}

#commentform textarea {
	width: 99%;
	padding: 2px;
	background-color: #f1f1f1;
	border: 1px solid #CCCCCC;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin LEFT Sidebar */
#leftsidebar
{
	padding: 0 5px;
	margin-top: 5px;
	margin-left:40px;
	font: 1em Verdana, Arial, Sans-Serif;
	color: #888888;
	width: 160px;
	float: left;
	margin-right: 5px;
       border: 1px solid #69c;

	}
#leftsidebar form {
	margin-left: 20px;
	}
/* End LEFT Sidebar */



/* Begin RIGHT Sidebar */
#rightsidebar
{

	margin-top: 0px;
	margin-left: 5px;
	float:center;
	font: 1em Verdana, Arial, Sans-Serif;
	color: #888888;
	width: 125px;
	padding: 2px;
	margin-right: 2px;
     border: 1px solid #ccc;


	}

#rightsidebar form {
	margin: 0;
	}
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #CCCCCC;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 25px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(http://www.openapp.org/img/quote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}
a:hover img {
	border: none;
	text-transform: none;
}
.navigation {
	display: block;
	text-align: center;
	margin-left: 70px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
#leftsidebar a, #rightsidebar a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.spreadtheword {
    text-align: right;
    clear: both;
    font-size: 10px;
    padding-bottom: 10px;
	
}


/*
menu tabs

*/
  


	h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	}

/*- Menu Tabs--------------------------- */


    #tabs {
      float:left;
      width:100%;
	  background-image: url("http://www.openapp.org/img/tabbrnd.jpg"); background-repeat: repeat;
      font-size:100%;
      line-height:normal;
      font: bold 14px Arial, Helvetica, sans-serif;
      }
    #tabs ul {
        margin-left:32px;
        padding:10px 10px 0 0px;
        list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("http://www.openapp.org/img/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("http://www.openapp.org/img/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#F00;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
	#tabs a:hover span {
	background-position:100% -42px;
	}

	#tabs #current a {
			background-position:0% -42px;
			 color:#F00;
	}
	#tabs #current a span {
			background-position:100% -42px;
	}

/* Sub tabs \*/

    #subtabs {
      float:left;
      width:100%;
      background:#ccc;
      font-size:12px;
      line-height:normal;
      border-top: 2px;
      }
    #subtabs ul {
        margin:0;
        padding:2px 10px 0 50px;
        list-style:none;
      }
    #subtabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #subtabs a {
      float:left;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #subtabs a span {
      float:left;
      display:block;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #subtabs a span {float:none;}
    /* End IE5-Mac hack */
    #subtabs a:hover span {
      color:#F00;
      }
    #subtabs a:hover {
      background-position:0% -42px;
      }
	#subtabs a:hover span {
	background-position:100% -42px;
	}

	#subtabs #current a {
			background-position:0% -42px;
			color:#F00;
	}
	#subtabs #current a span {
			background-position:100% -42px;
			color:#F00;
	}

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

/* Rel 2.0 additions */
/* Thanks to http://www.mollio.org/ for form attributes */

.sidewidget {
	background:#E7E6DF;
	margin:5px ;
	padding:5px;
	}

.footerlegend {
	border-bottom: 2px dotted rgb(204, 204, 204); 
	margin: 0px auto; 
	padding: 0px; 
	width: 100%; 
	clear: both;
}	

.formset {
	text-align: left;
	float: left;
	margin-left: 0px;
	padding-top:20px;
	padding-bottom: 20px;
	border: 1px solid #BCBCBC;
	background-color: #DDD;
	width: 635px;

}
.label {
	margin-right: 500px;
}


/* FORMS - general classes */

input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
form {margin: 0 0 1.5em}
fieldset {border: none}
label {display:block;padding: 5px 0; align: left;}
label br {clear:left}



/* FORMS - appform - simple form, headings on left, form elements on right */

   form.appform {
	width:100%;
	padding: .5em 0;
	background: #F5F6F1;
    no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative
	}

	form.appform fieldset {width:auto;margin: 0 1em}

	form.appform h3 {margin:0 0 .6em;font: bold 155% arial;color:#366188}

	form.appform label {clear:left;float:left;width:100%;border-top: 1px solid #fff}



	/* hide from IE mac \*/

	form.appform label {float:none}

	/* end hiding from IE5 mac */



	form.appform label input, form.appform label textarea, form.appform label select {width:15em;float:left;margin-left:10px; margin-right:10px;}



	form.appform label b {float:left;width:13em;line-height: 1.7;display:block;position:relative}

	form.appform label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}

	form.appform div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}

	form.appform div.req b {color:#c00;font-size:140%}	

	form.appform label select {width: 15.5em}

	form.appform label textarea.f-comments {width: 20em}

	form.appform div.f-submit-wrap {padding: 5px 0 5px 0px; margin-top: 20px;}

	form.appform input.f-submit {margin: 0 0 0 10px}



	form.appform fieldset.f-checkbox-wrap, form.appform fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}

	form.appform fieldset.f-checkbox-wrap b, form.appform fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}

	form.appform fieldset.f-checkbox-wrap fieldset, form.appform fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}

	form.appform fieldset.f-checkbox-wrap label, form.appform fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}

	form.appform label input.f-checkbox, form.appform label input.f-radio {width:auto;float:none;margin:0;padding:0}



	form.appform label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}

	form.appform label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}



    form.appform label input,textarea,select {font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size:12px;}

	.button {wp-admin.css (line 280)
	background:transparent url(images/fade-butt.png) repeat scroll 0%;
	border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204);
	border-style:double;
	border-width:3px;
	color:#333333;
	padding:0.25em;
	}

.sidebarcover {

	padding: 10px;
}