/*  
Theme Name: lentera-final
Theme URI: http://www.lenterahati.web.id
Description: Tema final lenterahati.web.id
Version: 1.0 Final
Author: Masriadi
Author URI: http://www.masriadi.net
*/



* {
margin : 0;
padding : 0;
}
body {
margin-top : 10px;
margin-bottom : 2px;
background : #ffffff;
text-align : justify;
font-family : 'Trebuchet MS', "Times New Roman", Times, serif;
font-size : 14px;
color : #666666;
}
input, textarea {
padding : 5px;
color : #333333;
background : #f9f3df;
border-top : 1px solid #cb960f;
border-right : 1px solid #cccc99;
border-bottom : 1px solid #cccc99;
border-left : 1px solid #cb960f;
}
h1, h2, h3 {
padding-bottom : 10px;
margin-bottom : 15px;
font-family : 'Trebuchet MS', "Times New Roman", Times, serif;
}
h1 {
font-size : 1.2em;
}
h2 {
font-size : 1.1em;
}
h3 {
font-size : 1em;
}
p, ul, ol {
margin-top : 1.5em;
}
ul, ol {
margin-left : 3em;
}
blockquote {
margin-left : 3em;
margin-right : 3em;
font-style : italic;
}
a {
text-decoration : none;
color : #70a300;
}
a:hover {
border : none;
color : #70a300;
}
#header {
width : 960px;
height : 90px;
margin : 0 0 2px 0;
background : url(images/img061.jpeg) no-repeat top center;
}
#logo {
float : left;
height : 90px;
}
#logo h1, #logo h2 {
font-weight : normal;
color : #ffffff;
}
#logo h1 {
padding : 5px 0 0 10px;
font-size : 2.6em;
}
#logo h2 {
padding : 0 0 0 10px;
font-size : 1.2em;
margin: 0;
}
#logo a {
border : none;
text-decoration : none;
color : #ffffff;
}
#menu {
float : right;
height : 40px;
margin : 20px;
}
#menu ul {
margin : 0;
padding : 10px 0 0 0;
list-style : none;
}
#menu li {
float : left;
}
#menu a {
display : block;
float : left;
border-left : 2px solid #009999;
font-weight : bold;
margin-right : 3px;
padding : 5px 18px 5px 18px;
text-decoration : none;
font-size : 1.2em;
color : #f9f3df;
}
#menu a:hover {
text-decoration : underline;
color : black;
}
#menu .last a {
margin : 0;
padding-right : 0;
}
#page {
width : 960px;
margin : 0 auto;
padding : 0;
}
#content {
background : #ffffff;
float : left;
width : 580px;
padding : 0;
}
.post {
margin : 0 0 40px;
text-align : justify;
}
.post .title {
margin : 5px 0 0 60px;
background : url(images/img03.jpg) repeat-x left bottom;
}
.post .title h1, .post .title h2 {
margin : 0;
padding : 0;
}
.post .title a {
border : none;
color : #666666;
}
.post .meta {
margin : 0;
padding : 3px 0 0 0;
font : bold 10px Arial, Helvetica, sans-serif;
color : #cccccc;
}
.post .entry {
padding-bottom : 20px;
}
.post .entry p, .post .entry ol, .post .entry ul {
line-height : 180%;
}
.post .tags {
margin : 0;
padding : 10px;
border-top : 1px solid #dedede;
font-size : smaller;
text-align : center;
}
.post .tags a {
margin-left : 10px;
}
.post .links {
text-align : center;
margin : 0;
padding : 5px 10px;
border : 1px solid #dedede;
font-size : smaller;
}
.post .links a {
font-weight : bold;
}
.post ul {
padding-bottom : 10px;
}
.post .iklan {
margin-top: 20px;
}
.post h2, .post h3 {
padding-top : 10px;
}
#recent-posts h3 {
margin : 0;
padding : 10px 0 0 0;
border-bottom : 1px solid #dedede;
}
#recent-posts ul {
margin : 0;
padding : 0;
}
#recent-posts li {
margin : 0;
padding : 0;
}
#recent-posts a:hover {
color : black;
margin : 0;
padding : 0;
}
.sidebar {
float : left;
}
.sidebar ul {
margin : 0 0 5px 0;
padding : 0;
list-style : none;
}
.sidebar li {
padding-bottom : 10px;
}
.sidebar li li {
padding : 5px 0;
}
.sidebar h2 {
background : url(images/img03.jpg) repeat-x left bottom;
letter-spacing : -1px;
color : #666666;
}
#sidebar1 {
width : 220px;
}
#sidebar1 li li {
background : url(images/img05.gif) no-repeat left 50%;
margin-left : 10px;
padding-left : 10px;
}
#sidebar2 {
width : 200px;
}
#search form {
margin : 0;
padding : 0;
}
#search #s {
width : 94%;
border : 1px solid #dedede;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
}
#search #searchsubmit {
padding : 4px;
margin : 5px 0 0 0;
background : url(images/img04.jpg) repeat-x left top;
border : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
color : #ffffff;
width : 60px;
}
#search #searchsubmit:hover {
background : #009933;
padding : 4px;
margin : 5px 0 0 0;
border : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
color : #ffffff;
width : 60px;
}
#calendar_wrap {
padding : 0;
}
#calendar caption {
padding-bottom : 5px;
font-size : 1.2em;
font-weight : bold;
}
#calendar table {
width : 100%;
text-align : center;
border-collapse : collapse;
border : 1px solid #dedede;
}
#calendar thead th {
padding : 5px 0;
background : #f9f3df;
border-bottom : 1px solid #dedede;
color : #70a300;
}
#calendar tbody td {
padding : 5px 0;
border-right : 1px dotted #dedede;
border-bottom : 1px dotted #dedede;
}
#calendar tfoot td {
padding : 5px;
border-top : 1px solid #dedede;
}
#calendar tfoot a {
border : none;
font-weight : bold;
}
#calendar #next {
text-align : right;
}
#calendar #prev {
text-align : left;
}
#footer {
clear : both;
width : 960px;
height : 40px;
margin : 0 auto;
background : url(images/img06.jpg) no-repeat bottom center;
}
#footer p {
margin : 0;
padding : 2px;
font-size : 14px;
color : #ffffff;
}
#footer .legal {
float : left;
font-weight : bold;
padding : 10px;
}
#footer .credit {
float : right;
font-weight : bold;
padding : 10px;
}
hr {
display : none;
}
.navigation {
padding : 25px 0;
font-weight : bold;
}
.post {
padding : 0;
margin : 0;
clear : both;
overflow : hidden;
}
.post .date {
position : static;
height : 41px;
width : 41px;
background : url(images/calender_pink.gif) no-repeat;
font : normal 18px Arial, Helvetica, sans-serif;
color : #666666;
text-align : center;
padding : 0;
margin : 5px 20px 0 0;
line-height : 100%;
float : left;
}
#subnavbar {
float : left;
background : url(images/nav_bg.jpg) repeat-x left top;
clear : both;
height : 28px;
color : white;
padding-bottom : 20px;
width : 100%;
color : rgb(255, 255, 255);
}
#subnav {
margin : 0;
padding : 0;
}
#subnav ul {
float : left;
list-style : none;
margin : 0;
padding : 0;
}
#subnav li {
float : left;
list-style : none;
border-left : 1px solid #ffffff;
margin : 0;
padding : 0;
text-align : left;
height : 28px;
}
#subnav li a, #subnav li a:link, #subnav li a:visited {
color : #ffffff;
display : block;
_display : inline;
font-size : 14px;
font-weight : bold;
height : 16px;
margin : 0 0 0 0;
padding : 6px 13px 6px 13px;
}
#subnav li a:hover, #subnav li a:active {
background : #f8b30e;
color : #ffffff;
display : block;
_display : inline;
text-decoration : none;
margin : 0 0 0 0;
padding : 6px 13px 6px 13px;
height : 16px;
}
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
background : #70a300;
width : 180px;
float : none;
margin : 0;
height : 16px;
padding : 6px 10px 6px 10px;
border-bottom : 1px solid #ffffff;
border-left : 1px solid #ffffff;
border-right : 1px solid #ffffff;
}
#subnav li li a:hover, #subnav li li a:active {
background : #f8b30e;
margin : 0;
padding : 6px 10px 6px 10px;
}
#subnav li ul {
z-index : 9999;
position : absolute;
left : -999em;
height : auto;
width : 160px;
margin : 0;
padding : 0;
}
#subnav li ul a {
width : 140px;
}
#subnav li ul ul {
margin : -25px 0 0 161px;
}
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
left : -999em;
}
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {
left : auto;
}
#subnav li:hover, #subnav li.sfhover {
position : relative;
}
p img {
padding : 0;
max-width : 100%;
}
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;
}
.aligncenter, div.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}
.wp-caption {
border : 1px solid #ddd;
text-align : center;
background-color : #f9f3df;
padding-top : 4px;
margin : 10px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
padding : 0 4px 5px;
margin : 0;
}
.adsense_top {
margin : 0 0 50px 0;
font-size : 9pt;
width : 580px;
height : 260px;
}
.adsense_sidebar {
text-align : center;
margin : 0 0 20px 0;
font-size : 9pt;
}
#allsidebars {
width : 355px;
float : right;
}
.sidebarswrapper {
margin-top : 0;
padding-top : 0;
width : 355px;
}
.sidebars {
width : 355px;
background : #ffffff;
}
.sidebars h2 {
padding : 0 0 2px 0;
font-size : 11pt;
color : #fff;
letter-spacing : -1px;
}
.sidebars p {
padding : 2px 0;
font-size : 9pt;
}
#welcome {
clear : both;
background : url(images/latar-welcome.jpg) no-repeat left top;
padding : 0 10px;
}
#welcome a {
display : inline;
color : #769e76;
}
#welcome a:hover {
color : #fff;
}
#welcome p {
color : #fff;
margin-top :0;
padding : 30px 0 0 70px;
}
.sidebarsbottom {
clear : both;
width : 355px;
height : 18px;
background : url(images/bgsidebarbottom.png) no-repeat left bottom;
}
.sidebarsB {
width : 355px;
margin-top : 15px;
}
.sidebar1 {
float : left;
width : 165px;
}
.sidebar2 {
float : right;
width : 165px;
}
.sidebarsB h2 {
padding : 2px 7px;
font-size : 11pt;
color : #fff;
letter-spacing : -1px;
background : url(images/sidebar_h2.gif) no-repeat left;
margin-bottom : 3px;
}
.sidebarsB table {
width : 160px;
}
.sidebarsB ul {
margin : 0;
padding : 0 0 5px 0;
}
.sidebarsB li {
margin-bottom : 20px;
list-style : none;
font-size : 9pt;
}
.sidebarsB li ul {
padding : 0;
}
.sidebarsB ul ul li {
margin : 0;
padding : 3px 2px 2px 16px;
color : #222;
background : url(images/bullet.png) no-repeat left 7px;
line-height : 17px;
border-bottom : 1px dotted #ccc;
}
.sidebarsB a {
display : block;
color : #333;
text-decoration : none;
display : inline;
}
.sidebarsB a:hover {
color : #d47414;
text-decoration : underline;
}
.sidebarsB p {
padding : 2px 0;
font-size : 9pt;
}
#tag_cloud a {
display : inline;
}
.sidebarsB ul.children li {
border-bottom : none;
}
.sidebarsB ul.children {
margin-bottom : 0;
}

/*konten bawah */

#recent {
margin-top : 15px;
text-align : justify;
clear : both;
width : 960px;
margin : auto;
color : #000000;
}
#recent .content1 {
margin-top : 50px;
margin-bottom : 2px;
float : left;
background : url(images/footer-back.gif) no-repeat top center;
overflow : visible;
width : 960px;
color : #000000;
min-height : 170px;
height : auto !important ;
}
#recent .box {
float : left;
width : 290px;
padding : 10px 0 10px 25px;
color : #000000;
line-height : 1.2;
margin-right : 4px;
}

#recent .box h3{
margin-bottom : 2px;
}
#recent .posts {
width : 280px;
color : #000000;
}
#recent .date {
color : #aaa;
}
#recent ul {
font-size : 0.92em;
color : #000000;
}
#recent li {
padding : 0 2px 2px 16px;
color : #000000;
border-bottom : 1px dotted #aaa;
background : url(images/bullet.jpg) no-repeat left 7px;
}
#recent a {
line-height : 2;
text-decoration : none;
color : #000000;
}
#recent a:hover {
color : #ffffff;
}
.main-heading {
font-size : 14px;
font-weight : bold;
font-family : Georgia, "Times New Roman", Times, serif;
color : #333;
border-bottom : 3px solid #aeafaf;
padding-bottom : 3px;
margin : 12px 0 3px 0;
}
#commentform #author {
background : url(../lentera/images/icons/user.gif) no-repeat 6px 6px;
padding : 6px 6px 6px 25px;
}
#commentform #email {
background : url(../lentera/images/icons/email.gif) no-repeat 6px 6px;
padding : 6px 6px 6px 25px;
}
#commentform #url {
background : url(../lentera/images/icons/link.gif) no-repeat 6px 6px;
padding : 6px 6px 6px 25px;
}
#commentform label {
height : 20px;
font-size : 11px;
vertical-align : middle;
padding : 2px 2px 10px 2px;
display : inline;
}
#commentform .red {
color : #c90606;
margin : 0;
font-size : 14px;
font-family : Geneva, Arial, Helvetica, sans-serif;
}
#commentform input {
width : 210px;
padding : 5px;
border : 1px solid #aeafaf;
margin : 5px 5px 1px 0;
}
#commentform input:focus {
border : 1px solid #191919;
}
#commentform textarea {
width : 575px;
padding : 2px;
border : 1px solid #aeafaf;
}
#commentform textarea:focus {
border : 1px solid #191919;
}
#commentform #submit {
margin : 0;
float : right;
color : #fff;
border : none;
font-family : Arial, Helvetica, sans-serif;
padding : 4px;
font-size : 14px;
background : url(images/img04.jpg) repeat-x left top;
font-weight : bold;
width : 155px;
}
#commentform #submit:hover {
background : #009933;
border : 1px solid #191919;
font-family : Arial, Helvetica, sans-serif;
border : none;
color : #fff;
}
#commentform p {
margin : 5px 0;
}
.commentlist {
padding : 0;
text-align : justify;
}
.commentlist li {
margin : 5px 0 10px 0;
padding : 7px;
font-size : 12px;
background : #f1f1f1;
list-style : none;
border : 1px solid #ddd;
}
.commentlist li.alt {
background : #f8f8f8;
border : 1px solid #e1e1e1;
}
ol.commentlist li span.moderate {
background : #eee;
border : 1px solid #e59d9d;
}
.commentlist p {
margin : 10px 5px 10px 0;
}
.author_comment {
border : 2px solid #cbcbcb !important ;
background : #ededed !important ;
}
.author_comment .comment-text {
border : 1px solid #cbcbcb !important ;
}
.comment-auth {
font-size : 14px;
font-weight : bold;
padding-top : 5px;
}
.comment-text {
background : #fff;
padding : 0 10px 0 10px;
text-align : justify;
margin : 10px 0 0 0;
font-size : 12px;
color : #4a4a4a;
line-height : 20px;
border : 1px solid #e1e1e1;
}
.comment-text .wp-smiley {
padding : 0;
border : 0;
margin : 0;
}
.nocomments {
text-align : center;
margin : 0;
padding : 0;
}
.comment-num {
float : right;
font-size : 20px;
font-family : Geneva, Arial, Helvetica, sans-serif;
margin : 10px;
}
.nocomments {
border : 1px dashed #ffcc99;
background : #ffffcc;
margin : 5px 0 5px 0;
padding : 5px;
font-size : 12px;
}
.login {
border : 1px dashed #ffcc99;
background : #ffffcc;
margin : 5px 0 5px 0;
padding : 5px;
font-size : 12px;
}
.logged {
border : 1px solid #aeafaf;
background : #eceded;
margin : 5px 0 5px 0;
padding : 5px;
color : #666;
font-size : 12px;
}
.post-reply {
display : block;
font-weight : bold;
padding : 5px 0 0 0;
text-align : right;
}
.leave-comment {
float : right;
line-height : 26px;
}
.leave-comment a {
text-decoration : none;
color : #555;
font-size : 11px;
}
.info-single {
padding : 0 0 10px 0;
margin : 0 0 10px 0;
font-size : 13px;
line-height : 30px;
height : 67px;
color : #555;
font-family : "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, sans-serif;
border-bottom : 1px dashed #ccc;
}
.skip {
float : right;
margin : 0;
padding-bottom : 10px;
line-height : 0;
}
.skip a {
font-weight : normal;
}
.info-single a {
font-size : 12px;
}
.info-single a:hover {
text-decoration : underline;
}
.info-comment {
padding : 0;
margin : 0;
font-size : 12px;
display : block;
line-height : 22px;
color : #555;
font-family : "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, sans-serif;
}
.info-comment a {
font-size : 14px;
}
.info-comment a:hover {
text-decoration : underline;
}
.info {
padding : 5px 0 0 0;
line-height : 25px;
margin : 0 0 10px 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
}
.info img {
border : 0;
padding : 0;
}
.gravatar-comment {
float : left;
margin : 0 7px 7px 0;
padding : 3px;
background : #fff;
border : 1px solid #e1e1e1;
}
.gravatar-single img {
padding : 2px;
margin : 0;
}
.gravatar {
float : right;
margin : 0 0 0 10px;
background : #fff;
border : 1px solid #ccc;
}
.gravatar img {
padding : 2px;
margin : 0;
}
.info-single .gravatar {
float : left;
margin : 0 7px 0 0;
}
.trackbacks {
padding : 3px 0 3px 0;
display : block;
margin-bottom : 5px;
list-style-type : none;
list-style-position : outside;
color : #353535;
font-size : 12px;
}
.trackbacks a {
font-size : 12px;
font-weight : normal;
color : #555;
text-decoration : underline;
}
abbr em {
border : 1px solid #ffffff;
background-color : #eeeeee;
display : block;
padding : 4px;
}
#lastposts {
width : 300px;
}
#JT_arrow_left {
background-image : url(../images/arrow_left.gif);
background-repeat : no-repeat;
background-position : left top;
position : absolute;
z-index : 101;
left : -12px;
height : 23px;
width : 10px;
top : -3px;
}
#JT_arrow_right {
background-image : url(../images/arrow_right.gif);
background-repeat : no-repeat;
background-position : left top;
position : absolute;
z-index : 101;
height : 23px;
width : 11px;
top : -2px;
}
#JT {
position : absolute;
z-index : 100;
border : 2px solid #cccccc;
}
#JT_copy {
padding : 10px 10px 10px 10px;
color : #333333;
background-image : url(../images/stripefadeback.png);
}
.JT_loader {
background-image : url(../images/loader.gif);
background-repeat : no-repeat;
background-position : center center;
width : 100%;
height : 12px;
}
#JT_close_left {
background-color : #cccccc;
text-align : left;
padding-left : 8px;
padding-bottom : 5px;
padding-top : 2px;
font-weight : bold;
}
#JT_close_right {
background-color : #cccccc;
text-align : left;
padding-left : 8px;
padding-bottom : 5px;
padding-top : 2px;
font-weight : bold;
}
#JT_copy p {
margin : 3px 0;
font-family : Arial, Helvetica, sans-serif;
}
#JT_copy img {
padding : 1px;
border : 1px solid #cccccc;
}
.jTip {
cursor : help;
}
.post-stats {
display : block;
font-size : 9px;
font-weight : bold;
}

#respond {
  text-align: center;
  margin-top: 30px;
}
/*tambahan sidebar */
.sidebars-rss {
margin: 10px 0 0 0;
padding: 5px 0 0 5px;
width : 355px;
background : url(images/latar.jpg) no-repeat left top;
font-family:Verdana,sans-serif;
height: 245px;
}
.style3 {
font-size: 12px;
margin : 5px 0 5px 10px;
font-family:Verdana,sans-serif;
color: #000;
font-weight: bold;
}
.sidebars-rss a {
color: #fff;
}

.style4 {font-size: 14px;
color: #fff;
}

.sidebars-rss a:hover {
        color: #660000;
}
.sidebars-rss a:active {
        color: #000;
}

.sidebars-rss ul {
margin : 0;
padding : 0;
}
.sidebars-rss li {
list-style : none;
font-size : 9pt;
}
.sidebars-rss li ul {
padding : 0;
}
.sidebars-rss ul li {
margin : 0;
padding : 0 0 0 30px;
color : #000;
}
/* email feed */
.rss-mail {
margin-top: 2px;
margin-bottom: 4px;
float:right;
width : 355px;
}
.rss-mail form{
float:right;
width : 355px;
}
.rss-mail #isian {
border : 1px solid #dedede;
font-family:Verdana,sans-serif;
font-size : 12px;
font-weight : normal;
margin: 0 0 0 30px;
}
.rss-mail #rss-submit {
padding : 4px;
background : #339900;
font-family:Verdana,sans-serif;
font-size : 12px;
color : #ffffff;
width : 83px;
border : 1px solid #dedede;
}
.rss-mail #rss-submit:hover {
background : #33CC00;
padding : 4px;
font-family:Verdana,sans-serif;
font-size : 12px;
color : #ffffff;
width : 83px;
border : 1px solid #dedede;
}
.rss-mail form input { color:#fefefe;
width:160px;
background:none; 
border : 1px solid #dedede;
}
.feed-prv {
margin: 2px 0 2px 30px;
}
.feed-prv2 {
margin: 4px 0 2px 3px;
}
/*top menu*/
ul {
  list-style:none;
  margin:0;
  padding:0;
}
#topmenu {
  height:75px;
  margin: 10px 0 10px 0;
}
#topmenu li {
  float:right;
  position:relative;
}
#menu_1{
  width:73px;
  height:80px;
  float:left;
  font-size:1.2em;
  position:relative;
  margin: 0 12px 0 0;
}
#menu_1 span{
  background:url(images/facebook.jpg) no-repeat;
  position:absolute;
  width:100%;
  height:100%;
  cursor:pointer;
  margin: 0 12px 0 0;
}
#menu_2{
  width:73px;
  height:80px;
  float:left;
  font-size:1.2em;
  position:relative;
  margin: 0 12px 0 0;
}
#menu_2 span{
  background:url(images/twitter.jpg) no-repeat;
  position:absolute;
  width:100%;
  height:100%;
  cursor:pointer;
  margin: 0 12px 0 0;
}#menu_3{
  width:73px;
  height:80px;
  float:left;
  font-size:1.2em;
  position:relative;
  margin: 0 12px 0 0;
}
#menu_3 span{
  background:url(images/rss.jpg) no-repeat;
  position:absolute;
  width:100%;
  height:100%;
  cursor:pointer;
  margin: 0 12px 0 0;
}#menu_4{
  width:73px;
  height:80px;
  float:left;
  font-size:1.2em;
  position:relative;
  margin: 0 12px 0 0;
}
#menu_4 span{
  background:url(images/plurk.jpg) no-repeat;
  position:absolute;
  width:100%;
  height:100%;
  cursor:pointer;
  margin: 0 12px 0 0;
}

#topmenu a:hover span {
  background-position:0 -80px;
}
/* ekstra */
#ekstra {
width : 558px;
margin: 15px 0 0 0;
background: #fff;
padding: 0 5px 0 10px;
border:3px solid #7FDAFF ; color:#555;
font-family : 'Trebuchet MS', "Times New Roman", Times, serif;
font-size : 14px;
color : #666666;
-moz-border-radius: 5px;
}

#ekstra:hover {
background: #FFECC8;
}

#ekstra-title {
font-size: 12px;
margin-bottom : 10px;
font-family:Verdana,sans-serif;
padding: 5px 0 0 0;
color: #000;
font-weight: bold;
}
#ekstra ul {
padding : 0 0 5px 0;
margin-bottom : 10px;
}
#ekstra li {
margin-bottom : 20px;
list-style : none;
}
#ekstra li ul {
padding : 0;
}
#ekstra ul li {
margin : 0;
padding : 3px 2px 2px 16px;
color : #fff;
background : url(images/bullet.png) no-repeat left 7px;
line-height : 17px;
border-bottom : 1px dotted #ccc;
}
#ekstra a {
display : block;
color : #70a300;
text-decoration : none;
display : inline;
}
#ekstra a:hover {
color : #d47414;
text-decoration : underline;
}
#ekstra2 {
width : 558px;
height: 310px;
margin: 15px 0 10px 0;
background: #fff;
padding: 0 5px 6px 10px;
border:3px solid #7FDAFF ; color:#555;
-moz-border-radius:5px;
}
#ekstra2:hover {
background: #BFECFF;
}
#ekstra2-title {
font-size: 12px;
margin-bottom : 5px;
font-family:Verdana,sans-serif;
padding: 2px 0 0 2px;
color: #000;
}
#ekstra2-title2 {
font-size: 12px;
font-weight: bold;
margin: 5px 0 5px 0;
font-family:Verdana,sans-serif;
padding: 2px 0 0 2px;
color: #000;
}
#ekstra2 ul {
margin : 0;
padding : 0 0 2px 0;
}
#ekstra2 li {
margin-bottom : 2px;
list-style : none;
}
#ekstra2 li ul {
padding : 0;
}
#ekstra2 ul li {
margin : 0;
padding : 3px 2px 2px 16px;
color : #fff;
background : url(images/bullet.png) no-repeat left 7px;
line-height : 17px;
}
#ekstra2 a {
display : block;
color : #70a300;
text-decoration : none;
display : inline;
}
#ekstra2 a:hover {
color : #d47414;
text-decoration : underline;
}
/* email feed */
#mail-ekstra {
float:left;
width : 510px;
}
#mail-ekstra form{
width : 510px;
margin-top: 2px;
margin-bottom: 4px;
}
#mail-ekstra #isian {
border : 1px solid #000;
font-family:Verdana,sans-serif;
font-size : 12px;
font-weight : normal;
margin: 0 0 0 5px;
}
#mail-ekstra #rss-submit {
padding : 4px;
background : #85b602;
font-family:Verdana,sans-serif;
font-size : 12px;
color : #ffffff;
width : 83px;
border : 1px solid #000;
}
#mail-ekstra #rss-submit:hover {
background : #009933;
padding : 4px;
font-family:Verdana,sans-serif;
font-size : 12px;
color : #ffffff;
width : 83px;
border : 1px solid #000;
}
#mail-ekstra form input { color:#000;
width:160px;
background:none; 
border : 1px solid #000;
}
/*bookmarkify*/
div.bookmarkify
{
        margin: 0px;
        border: none;
        padding: 0px;
        height: 1%;
        background: transparent;
        text-align: left;
        vertical-align: middle;
        font-family: verdana, arial;
        font-size: 12px;
}
div.bookmarkify a
{
        text-decoration: none;
        font-family: verdana, arial;
}
div.bookmarkify a:hover
{
        text-decoration: underline;
}
div.bookmarkify div.title
{
        margin: 0px;
        border: none;
        padding: 0px;
        height: 1%;
        background: transparent;
        vertical-align: auto;
        font-weight: bold;
}
div.bookmarkify div.linkbuttons
{
        margin-bottom: 10px;
        border : none;
        padding: 0;
        height: 2%;
}

div.bookmarkify div.linkbuttons a
{
        margin: auto;
        border : 1px solid #ddd;
        padding: 4px;
        height: 2%;        
}

div.bookmarkify div.linkbuttons a:hover
{
background: transparent;
}
div.bookmarkify div.linkbuttons a img
{
        margin: auto;
        border: none;
        padding: 0;
}

div.bookmarkify div.linkbuttons a:hover img
{
        opacity: 0.5;
        filter:alpha(opacity=50); 
        background: transparent;
}
div.bookmarkify div.brand
{
        margin: 0px;
        border: none;
        padding: 2px;
        height: 1%;
        vertical-align: auto;
}
div.bookmarkify div.brand a
{
        margin: 0px;
        border: none;
        padding: 0px;
        height: 1%;
        vertical-align: auto;
        color: gray;
        font-weight: normal;
}
div.bookmarkify div.brand a:hover
{
background: transparent;
}

/* kirim tulisan */
#intro{
background : #ccffff url(images/cformmidle.jpg) repeat left bottom;
padding:0 10px 0 10px;
margin:0 0 0 0;
color: #fff;
}
img.photo{float:left;padding:1px 8px 1px 1px;}

.myformtop {
clear : both;
margin-top: 5px;
width : 355px;
height : 16px;
background : url(images/cformtop.jpg) no-repeat ;
}

.myformbottom {
clear : both;
width : 355px;
height : 16px;
background : url(images/cformbottom.jpg) no-repeat left bottom;
}







.myform  {
margin : 10px auto 0 auto;
}
.myform textarea {
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #08b5b3;
background : url(fancy_white_inp_bg.gif) no-repeat bottom left;
}

.myform .fieldset {
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #08b5b3;
background : url(images/fancy_white_inp_bg.gif) no-repeat bottom left;

}

.myform input, .myform textarea{
width:200px;
font-family:Verdana,sans-serif;
border: 1px solid #08b5b3;
background : url(images/fancy_white_inp_bg.gif) repeat bottom left;
padding: 2px;
font-size : 12px;
}

/*untuk membuat keterangan isian atas kanan
.cform table td{}
*/

#intro h3 {
font-size: 12px;
margin-bottom : 2px;
font-family:Verdana,sans-serif;
color: #000;
}

.myform #rss-submit {
padding : 4px;
background : #339900;
float: right;
font-family:Verdana,sans-serif;
font-size : 12px;
color : #ffffff;
width : 90px;
border : 1px solid #dedede;
}

.myform #rss-submit:hover {
background : #33CC00;
padding : 4px;
font-family:Verdana,sans-serif;
font-size : 12px;
color : #ffffff;
width : 90px;
border : 1px solid #dedede;
}

.myform #cekbox{
width:20px;
margin: 5px 0 20px 10px;
border: 1px solid #08b5b3;

}