/*
Theme Name: SlickPress
Author: WP Theme Designer
Author URI: http://www.wpthemedesigner.com/
Update by Irawan date: June 10, 2009
*/

* { margin: 0; padding: 0; }

body { text-align: center; font: 12px Verdana; color: #333333; background: #ffe6cc; }
a { text-decoration: none; color: #00658D; }
img { border: 0; }

.break { font-size: 0; width: 0; height: 0; clear: both; }
.linebreak { font-size: 0; clear: both; border-bottom: 1px dotted #ff9933; }
.alignleft { float: left; margin: 4px 10px 5px 0; }
.alignright { float: right; margin: 4px 0 5px 10px; }
.hidden { display: none; }
.noimage img { display: none; }

#wrapper { text-align: left; width: 960px; margin: 10px auto auto; border: 10px solid #ffffff; background: #ffffff; }

/** BEGIN header **/
#header { background: #ffcc66; }
   #header ol { list-style-type: none; padding-bottom: 0px; padding-left: 10px; }
      #header ol li { font-size: 10px; font-weight: bold; text-transform: uppercase; float: left; background: url(images/divider.gif) no-repeat 0 6px; padding: 5px; }
         #header ol li.f { background: none; padding-left: 0; }
         #header ol li a, header ol li.f a:visited { font-family: Verdana, Tahoma; color: #000000; background: none; padding-left: 0; }
         #header ol li.f a:hover { color: #993300; }
         #header ol li a:hover { color: #993300; }
   #header h1 {	clear: both; font-size: 2; }
   #header form { border: 1px solid #ffcc66; height: 17px; float: right; margin-top: 5px; margin-bottom: 5px; margin-right: 3px; width: 300px; }
      #header form p { float: left; font-size: 0.9em; color: #ffffff; }
      #header form .date { /*padding: 8px 10px 12px;*/ /*height: 10px;*/ }
      #header form input { /*margin: 3px 5px 0px 5px;*/ width: 220px; height: 17px; border: 0px solid #000000; font-size: 12px; font-family: Verdana; color: #000000; float: left; }
      #header form button { border: 1px solid #cc6600; height: 17px; width: 80px; padding-bottom: 5px; font-family: Verdana; font-weight: bold; font-size: 10px; float: right; background: #ffcc66; }
   #header ul { list-style-type: none; clear: both; border-bottom: 5px solid #1F2012; border-left: 0px solid #999999; border-right: 0px solid #999999; border-top: 1px solid #1F2012; height: 27px; background: #993300; font-family: Verdana, Tahoma, Arial; }
      #header ul li { float: left; border-right: 1px solid #cccccc; font-size: 10px; font-weight: bold; text-transform: uppercase; }
         #header ul li a { color: #ffffff; display: block; padding: 7px; }
         #header ul li a:hover { background-color: #ffcc66; color: #000000; }
/** END header **/

/** BEGIN content **/
#content { clear: both; float: left; width: 600px; padding-top: 7px; }

   #content .paging { border: 1px solid #ff9933; padding: 10px 30px 10px 30px; margin-bottom: 10px; }
      #content .paging img { float: left; margin: 0 10px 5px 0; border: 5px solid #000000; }
      #content .paging h2 { font-size: 1.5em; padding-right: 90px; color: #000000; }
      #content .paging .list_artikel { font-size: 1em; line-height: 1.4em; margin-top: 10px; padding: 10px; color: #000000; border: 1px dotted #cccccc;}
         #content .paging .list_artikel .head { clear: both; font-family: Verdana, Tahoma; font-weight: bold;  font-size: 10pt; border-bottom: 1px dotted #cccccc; margin-bottom: 10px; }
         #content .paging .list_artikel h1 { font-size: 10pt; line-height: 1.4em; color: #000000; }
         #content .paging .list_artikel ul { padding-bottom: 0px; }
         #content .paging .list_artikel li { margin-left: 15px; float: relative; }
      #content .paging p { font-size: 10pt; margin-bottom: 12px; line-height: 1.4em; }
      #content .paging ul { padding-bottom: 0px; }
      #content .paging li { margin-left: 15px; float: relative; }

   #content .latest { border-bottom: 0px solid #202014; padding: 10px 10px 10px 10px; margin-bottom: 10px; }
      #content .latest img { float: left; margin: 0 10px 5px 0; border: 10px solid #000000; }
      #content .latest h2 { font-size: 1.5em; padding-right: 90px; padding-bottom: 15px; color: #000000; }
      #content .latest p { font-size: 0.9em; margin-bottom: 12px; line-height: 1.4em; }
   #content .columnleft { float: left; width: 295px; padding-right: 0px; margin-top: 10px; }
      #content .columnleft .l { border: 1px solid #ff9933; margin-bottom: 10px; background: #ffffff; width: 100%; }
         #content .columnleft .l .head { font-family: Verdana, Tahoma, Arial; font-weight: bold; font-size: 12px; color: #000000; text-transform: uppercase; background: #ff9933; padding: 5px 10px 5px 10px; border-bottom: 2px solid #1F2012; }
         #content .columnleft .l .morearticle { font-family: Verdana, Tahoma, Verdana; color: #993300; font-size: 10px; font-weight: bold; padding: 0px 0px 10px 10px; }
         #content .columnleft .l .post { font-size: 0.9em; margin: 10px; }
            #content .columnleft .l .post h2 { font-family: Verdana, Tahoma, Arial; font-weight: bold; font-size: 1em; color: #000000; margin-top: 10px; }
               #content .columnleft .l .post h2 a { }
               #content .columnleft .l .post h2 a:hover { color: #ff0000; }
            #content .columnleft .l .post h3 a { font-family: Verdana, Tahoma, Verdana; clear: both; font-size: 14px; font-weight: bold; padding-bottom: 5px; }
            #content .columnleft .l .post h3 a:hover { color: #ff0000; }
            #content .columnleft .l .post img { margin: 0px; width: 275px; padding-bottom: 10px; }
            #content .columnleft .l .post ul { padding-bottom: 0px; }
            #content .columnleft .l .post li { margin-left: 15px; float: relative; }
            #content .columnleft .l .post p { margin: 0px; line-height: 1.4em; background: #ffffff; padding-top: 5px; padding-bottom: 10px; }
   #content .columnright { float: right; width: 295px; padding-right: 0px; margin-top: 10px; }
      #content .columnright .r { border: 1px solid #ff9933; margin-bottom: 10px; background: #ffffff; width: 100%; }
         #content .columnright .r .head { font-family: Verdana, Tahoma, Arial; font-weight: bold; font-size: 12px; color: #000000; text-transform: uppercase; background: #ff9933; padding: 5px 10px 5px 10px; border-bottom: 2px solid #1F2012; }
         #content .columnright .r .morearticle { /*clear: both;*/ font-family: Verdana, Tahoma, Verdana; color: #993300; font-size: 10px; font-weight: bold; padding: 0px 0px 10px 10px; }
         #content .columnright .r .post { font-size: 0.9em; /*border-bottom: 1px dotted #ff9933;*/ margin: 10px; }
            #content .columnright .r .post h2 { font-family: Verdana, Tahoma, Arial; font-weight: bold; font-size: 1em; color: #000000; margin-top: 10px; }
            #content .columnright .r .post h2 a { }
            #content .columnright .r .post h2 a:hover { color: #ff0000; }
            #content .columnright .r .post h3 a { font-family: Verdana, Tahoma, Verdana; clear: both; font-size: 14px; font-weight: bold; padding-bottom: 5px; }
            #content .columnright .r .post h3 a:hover { color: #ff0000; }
            #content .columnright .r .post img { /*float: left;*/ margin: 0px; width: 275px; padding-bottom: 10px; }
            #content .columnright .r .post ul { }
            #content .columnright .r .post li { /*float: left;*/ margin-left: 15px; /*width: 280px;*/ float: relative; }
            #content .columnright .r .post p { margin: 0px; line-height: 1.4em; background: #ffffff; padding-top: 5px; padding-bottom: 10px; }

   #content .postnav { padding: 20px 0; clear: both; }
	#content .postnav ul {
		list-style-type: none;
		border: 0;
	}
		#content .postnav ul li {
			float: left;
			border: 1px solid #cccccc;
			margin: 2px;
			font-size: 0.9em;
		}
		#content .postnav ul li a {
			display: block;
			border: 0 !important;
			padding: 5px;
		}
		#content .postnav ul li a:hover {
			background-color: #007AAA;
			color: #ffffff;
		}
		#content li.page_info {
			padding: 5px !important;
		}
/** END content **/

/** BEGIN sidebar **/
#sidebar { float: right; width: 340px; padding-top: 7px; }
   #sidebar .interview { background: #ffecb0; }
      #sidebar .interview .box { border: 1px solid #ff9933; margin-bottom: 10px; }
         #sidebar .interview .box .head { clear: both; font-family: Verdana, Tahoma, Arial; font-weight: bold; font-size: 12px; color: #000000; text-transform: uppercase; background: #ff9933; padding: 5px 10px 5px 10px; border-bottom: 2px solid #1F2012; }
         #sidebar .interview .box .morearticle { /*clear: both;*/ font-family: Verdana, Tahoma, Verdana; color: #993300; font-size: 10px; font-weight: bold; padding: 0px 0px 10px 10px; }
         #sidebar .interview .box .post { font-size: 0.9em; /*border-bottom: 1px dotted #ff9933;*/ margin: 10px; }
            #sidebar .interview .box .post h2 { font-family: Verdana, Tahoma, Arial; font-weight: bold; font-size: 1em; color: #000000; margin-top: 10px; }
            #sidebar .interview .box .post h2 a:hover { color: #ff0000; }
            #sidebar .interview .box .post h3 { font-family: Verdana, Tahoma, Verdana; font-size: 14px; font-weight: bold; padding-bottom: 5px; }
            #sidebar .interview .box .post h3 a { font-family: Verdana, Tahoma, Verdana; font-size: 14px; font-weight: bold; padding-bottom: 5px; }
            #sidebar .interview .box .post h3 a:hover { color: #ff0000; }
            #sidebar .interview .box .post h4 { font-family: Verdana, Tahoma, Verdana; font-size: 12px; font-weight: bold; padding-bottom: 5px; }
         #sidebar .interview .box .post img { float: left; margin-right: 10px; margin-bottom: 10px; width: 80px; padding-bottom: 0px; }
         #sidebar .interview .box .post ul { }
         #sidebar .interview .box .post li { /*float: left;*/ margin-left: 15px; /*width: 280px;*/ float: relative; }
         #sidebar .interview .box .post p { margin: 0px; line-height: 1.4em; padding-top: 5px; padding-bottom: 10px; }
   #sidebar div.head { background-color: #FFFFCB; border: 1px solid #CDCCCA; padding: 10px 5px; }
      #sidebar div.head h2 { font-size: 0.9em; text-transform: uppercase; margin-bottom: 10px; }
      #sidebar div.head .rss { font-size: 0.9em; padding: 2px 0 2px 24px; background: url(images/rss.gif) no-repeat 0 0; }
   #sidebar form { border: 1px solid #CDCCCA; border-top: 0; margin-bottom: 10px; background: url(images/subscribe.jpg) no-repeat center; height: 50px; }
      #sidebar form input { margin: 15px 12px 15px 40px; width: 180px; float: left; border: 1px solid #ffffff; }
      #sidebar form button { float: left; width: 72px; height: 25px; margin-top: 12px; text-indent: -9999px; border: 0; background-color: transparent; }
   #sidebar div.body { border: 1px solid #cccccc; padding: 10px; margin-bottom: 10px; }
      #sidebar div.body img { }
      #sidebar div.body a { color: #333333; }
      #sidebar div.body a:hover { color: #00658D; }
   #sidebar ul.head { list-style-type: none; border: 1px solid #cccccc; border-width: 1px 1px 0 0; height: 30px; }
      #sidebar ul.head li { float: left; text-transform: uppercase; font-weight: bold; border-left: 1px solid #cccccc; }
      #sidebar ul.head li a { color: #343434; display: block; padding: 8px 10px; }
      #sidebar ul.head li a:hover { }
   #sidebar ul.body { clear: both; list-style-type: none; border: 1px solid #cccccc; padding: 10px; margin-bottom: 10px; }
      #sidebar ul.body li { font-size: 0.9em; border-bottom: 1px dotted #313131; padding: 6px 0; }
      #sidebar ul.body li a { color: #323232; }
      #sidebar ul.body li a:hover { font-weight: bold; color: #006490; }
      #sidebar .l { width: 165px; float: left; }
      #sidebar .l h2 { border-top: 4px solid #1F1F15; font-size: 0.9em; text-transform: uppercase; padding: 5px 0; }
      #sidebar .l ul { list-style-type: none; margin-bottom: 20px; }
      #sidebar .l ul li { font-size: 0.9em; border-bottom: 1px dotted #353535; padding: 6px 0; }
      #sidebar .l ul li a { color: #363636; }
      #sidebar .l ul li a:hover { }
   #sidebar .r { width: 165px; float: right; }
      #sidebar .r h2 { border-top: 4px solid #1F1F15; font-size: 0.9em; text-transform: uppercase; padding: 5px 0; }
      #sidebar .r ul { list-style-type: none; margin-bottom: 20px; }
      #sidebar .r ul li { font-size: 0.9em; border-bottom: 1px dotted #353535; padding: 6px 0; }
         #sidebar .r ul li a { color: #363636; }
         #sidebar .r ul li a:hover { }
/** END sidebar **/

/** BEGIN footer **/
#footer { clear: both; text-align: center; border-top: 5px solid #1E2015; font-size: 0.9em; padding: 10px 0 30px; margin-bottom: 50px; }
/** END footer **/

/** BEGIN miscellaneous **/
#content .single ul { margin: 0 0 10px 18px; }
#content .single ol { margin: 0 0 10px 20px; }
   #content .single li { padding: 2px 0; line-height: 1.4em; }
   #content .single h3 { margin-bottom: 5px; font-size: 1.5em; font-weight: normal; }
   #content .single blockquote { padding: 20px 20px 10px; margin: 10px 0; background-color: #f3f3f3; border-width: 1px 0; border-color: #dddddd; border-style: solid; color: #9e9e9e; line-height: 1.4em; }
      .single .details { padding: 20px 0; }
      .single .details p { margin-bottom: 5px !important; }
#comments { margin-top: 10px; font-size: 0.9em; border: 1px dotted #cccccc; }
   #comments .heading { border-bottom: 1px dotted #cccccc; padding: 5px 5px 0px 5px;}
      #comments .heading h2 { margin: 0px 0; font-size: 12pt; }
   #comments .detail { padding: 10px;}
   #comments .detail h2 { font-size: 10pt; }
   #comments .detail p { margin-bottom: 5px; line-height: 1.5em; }
   #comments .detail form { padding-top: 10px; }
   #comments .detail form p { margin-bottom: 5px; }
      .commentauthor { 	margin-bottom: 5px !important; color: #9e9e9e; font-weight: bold; }
      .commentdate { font-size: 0.8em; margin-bottom: 5px; color: #909090; }

.required { color: #ff0000; }

#respond { padding-top: 20px; }

.comment1 { border: 1px solid #cccccc; padding: 10px; margin-bottom: 10px; }
.commentdetails { float: left; }
.gravatar { float: right; }

h2.title { padding: 20px 10px 20px; font-size: 0.8em; font-weight: normal; text-transform: uppercase; color: #909090; }

.archive { clear: both; float: left; font-size: 11px; width: 560px; padding-top: 7px; }
   .archive .head { font-family: Arial; font-size: 11pt; font-weight: bold; text-transform: uppercase; color: #993300; }
      .archive .head a { color: #993300;}
   .archive .box { border-top: 3px solid #1F2012; border-left: 1px solid #ff9933; border-right: 1px solid #ff9933; border-bottom: 1px solid #ff9933; margin-top: 5px; padding: 20px; height: 100%; width: 100%; }
      .archive .box h2 { font-family: Verdana, Tahoma, Arial; font-size: 16px; font-weight: bold; padding-bottom: 5px;}
      .archive .box h2 a { }
      .archive .box img { float: left; padding: 2px; margin: 0 10px 10px 0px; border: 1px solid #ffcc66; /*width: 120px;*/ }
   .archive .box .imgmedium img { float: center; padding: 2px; margin: 0 10px 10px 0px; border: 1px solid #ffcc66; /*width: 120px;*/ }
   .archive .box .imgfull img { float: center; padding: 0px; border: 1px solid #ffcc66; width: 555px; }
   .archive .box .potret { clear: both; background: #000000; padding: 10px; margin: 10px 0 10px 0; }
      .archive .box .potret img { margin: 0 auto; float: none; border: 3px solid #ffffff; padding: 0px;}
      .archive .box .potret p { margin-bottom: 10px; line-height: 1.5em; }
   .archive p { margin-bottom: 10px; line-height: 1.5em; }

.single { clear: both; float: left; font-size: 12px; width: 600px; padding-top: 7px; }
   .single .head { font-family: Arial; font-size: 11pt; font-weight: bold; text-transform: uppercase; color: #993300; }
      .single .head a { color: #993300;}
   .single .box {border-top: 3px solid #1F2012; border-left: 1px solid #ff9933; border-right: 1px solid #ff9933; border-bottom: 1px solid #ff9933; margin-top: 5px; padding: 20px 50px 20px 50px; height: 100%; }
      .single .box h1 { font-family: Verdana, Tahoma, Arial; font-size: 10pt; font-weight: normal; padding-bottom: 20px;}
      .single .box h2 { font-family: Verdana, Tahoma, Arial; font-size: 16pt; font-weight: bold; padding-bottom: 5px; color: #000000;}
      .single .box h2 a { }
      /*.single .box img { float: left; padding: 2px; margin: 0 10px 10px 0px; border: 1px solid #ffcc66;*/ /*width: 120px;*/ }
      .single .box .linebreak { font-size: 0; clear: both; border-bottom: 1px dotted #ff9933; }
   .single .box .imgmedium img { float: center; padding: 2px; margin: 0 10px 10px 0px; border: 1px solid #ffcc66; /*width: 120px;*/ }
   .single .box .imgfull img { float: center; border: 1px solid #ffcc66; }
   .single p { margin-top: 10px; margin-bottom: 10px; line-height: 1.5em; }

.potretdetail { clear: both; float: left; font-size: 12px; width: 960px; padding-top: 7px; }
   .potretdetail .head { font-family: Arial; font-size: 11pt; font-weight: bold; text-transform: uppercase; color: #993300; }
      .potretdetail .head a { color: #993300;}
   .potretdetail .box {border-top: 3px solid #1F2012; border-left: 1px solid #ff9933; border-right: 1px solid #ff9933; border-bottom: 1px solid #ff9933; margin-top: 5px; padding: 20px 50px 20px 50px; height: 100%; }
      .potretdetail .box h1 { font-family: Verdana, Tahoma, Arial; font-size: 10pt; font-weight: normal; padding-bottom: 10px;}
      .potretdetail .box h2 { font-family: Verdana, Tahoma, Arial; font-size: 16pt; font-weight: bold; padding-bottom: 5px; color: #000000;}
      .potretdetail .box h2 a { }
      /*.single .box img { float: left; padding: 2px; margin: 0 10px 10px 0px; border: 1px solid #ffcc66;*/ /*width: 120px;*/ }
      .potretdetail .box .linebreak { font-size: 0; clear: both; border-bottom: 1px dotted #ff9933; }
/*   .potretdetail .box .imgmedium img { float: center; padding: 2px; margin: 0 10px 10px 0px; border: 1px solid #ffcc66; /*width: 120px;*/ } */
/*   .potretdetail .box .imgfull img { float: center; border: 1px solid #ffcc66; } */
   .potretdetail p { margin-top: 10px; margin-bottom: 10px; line-height: 1.5em; }
   .potretdetail .box p { margin-top: 10px; margin-bottom: 10px; line-height: 1.5em; }

/** END miscellaneous **/

/* Captions */

.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignleft { float: left; }
.alignright { float: right; }

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #000000;
   padding-top: 4px;
   margin: 0px 10px 0px 0px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 2px;
   -khtml-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 1px solid #ffffff;
}

.wp-caption p.wp-caption-text {
   font-family: Tahoma;
   color: #ffffff;
   font-size: 11px;
/*   line-height: 17px; */
   padding: 3px;
   margin: 0;
}

/* End captions */

/* comment style by Rio - siriokun.com */
.commentlist li { list-style-type:none; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #ccc;}
.navigation {font-weight:bold; margin:15px 0; padding:5px 0; height:40px; border-bottom:1px dotted #ccc;}
.commentlist .fn {font-weight:bold;}
.commentlist .says {display:none}
.commentlist .avatar {float:right}