/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

body  { font: 9px; font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; line-height: 1.2; color: #333; background-color: #f1f1f1; }
#top { background:#232323 url(images/bg.jpg) no-repeat top center; }
.entry  { font-size:12px; line-height:20px; }
#header{padding:0; height:132px;clear:both;position:relative; width:100%; background:#381107 url(images/cikopi/cikopi_header.jpg) top center; background-repeat:no-repeat;}
.post-bottom { background:#e2e5d8 url(images/cikopi/bg-post-bottomsssss.png) repeat-x top; line-height:20px; padding:8px 25px; border-bottom: 1px solid #B9B9B9; border-top: 1px solid #DBDBDB; } /*line-height:44px;*/

/*-------------------------------------------------------------------------------------------*/

/* 4. WIDGETS */

/*-------------------------------------------------------------------------------------------*/



/* 4.2 Generic Widgets */

.widget  { position:relative; margin: 0 0 20px 0; background:#fefefe url(images/bg-box.png) repeat-x; padding:0; border:1px solid #fff; color:#555; font-family:"Franklin Gothic Book", Arial, sans-serif; line-height:20px; }

.widget h3  { font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; color:#666; margin: 0; padding:14px 15px 0; height:30px; background:url(images/bg-widget-title.png) repeat-x; }

.widget .textwidget p { padding: 5px 0;  font-family:"Franklin Gothic Book", Arial, Helvetica, sans-serif;}



.widget ul, .widget div, .widget p { padding:0px 15px 10px; font-size:13px; }

.widget ul  { clear:both; margin:5px 0;}

.widget ul li  { background:url(images/ico-bullet.png) no-repeat 4px 14px; padding-left:20px; border-bottom: 1px solid #ededed; font-family:"Franklin Gothic Book", Arial, Helvetica, sans-serif; font-size:13px; }

.widget ul li a  { padding:0px 0; line-height: 30px; text-decoration: none; color:#777; }

.widget ul li a:hover  { color: #000; border-bottom:1px dotted; }

.widget ul ul  { margin:0; padding:0; border-top: none; }

.widget ul ul li  {  border: none; }



.widget_recent_comments li, #twitter li  { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */

.widget_recent_comments li a, #twitter a  { display: inline; padding: 0; line-height: 18px !important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */

.widget_tag_cloud a { color:#777; }

.widget_tag_cloud div { padding-top:5px; }



.adspace-widget {background:none; border:none; }

.adspace-widget a:hover {border:none;}



#advert_125x125 { padding:18px 0 5px 18px; }

#advert_125x125 img { padding:0 8px 8px 0; }

#advert_125x125 a:hover {border:none;}



/* 4.2 Specific Widgets */



/* WIDGET FORMS */

.widget #searchform { margin: 15px 0 0 15px; }

.widget select { margin: 15px 0 15px 15px; }

.widget input#s, .widget input.field, .widget select { width: 250px; padding: 3px 0 3px 5px; border: 1px solid #ccc; font-family:"Franklin Gothic Book", Arial, Helvetica, sans-serif; font-size:13px; }

.widget input.submit  {}

.widget .screen-reader-text  { display: none; }



#search_main form div{position:relative;height:33px;;margin-bottom:25px;}

#search_main input.field{ float:left; border: 1px solid;border-top-color: #C5C3C3;border-left-color: #C5C3C3;border-right-color: #EDEDED;border-bottom-color: #EDEDED;background: #fff;font-family:Georgia, "Times New Roman", Times, serif;font-size: 12px;padding: 7px 10px; font-style:italic; margin:0 5px 5px 0; color:#999; width:170px;}

#searchform .submit { padding:5px 8px; font-family:Georgia, serif; }

#searchform .submit:hover { opacity:0.8; cursor:pointer; }



/* FLICKR */

#flickr h3  {}

#flickr h3 span{color:#0061D8;}

#flickr h3 span span{color:#FF1183;}

#flickr .flickr_badge_image  { float: left; margin: 0; padding:0; }



#flickr .wrap  { margin: 10px; position: relative; padding: 0; }

#flickr a img  { float: left;  margin: 5px 0 5px 10px;  display: block; border: #CECFC6 1px solid; padding: 3px; width:70px; height:70px; }

#flickr a:hover img  { border:#A8AA99 1px solid; }