/*
THEME NAME: Elegant Green Theme
THEME URI: http://widyani.com
VERSION: 0.02
AUTHOR: Mohamad Widodo
AUTHOR URI: http://widyani.com
DESCRIPTION: Theme for widyani site with based on the color of green  
TAGS: green, blue and white
*/

* { 
    margin: 0px; 
    padding: 0px; 
    border: 0; 
    outline: 0; 
}

ul li {
    list-style: none;
}

html,body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset {
  margin: 0;
  padding: 0;
}

/* Change theme main color */
body {
    background: #E8B36D url(images/bg_center_orange.gif) repeat-y 50% 0; 
}

body {
  font: 12px "lucida grande",tahoma,verdana,arial,sans-serif;  /*75%*/
  color: #444; /*#244;*/
  margin: 0;
  padding: 0;
  text-align: center;
  min-height: 600px;
}


/* GENERAL STYLES
------------------------------------------*/
a {
  color: #17A;
  text-decoration: none;
}

a:hover, a:hover {
  color: #0099EA;
  text-decoration: underline;
}

blockquote {
    background: url(images/quote.png) no-repeat left top;
    padding-left: 19px;
    color: gray;
}


#base {
  width: 770px;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

/* HEADER
------------------------------------------*/
#header {
  background: #FAFEFF url(images/header_bg.gif) repeat-x;
  height: 94px;
  float: left;
  width: 100%;
}
#header img {
  margin: 27px 0 0 24px;
}

div.logo {
    float: left;
    width: 50%;
    /* margin: 25px; */
    padding: 25px;
}

div.logo h1 {
    font-size: 16px;
    display: inline;
    float: left;
    width: 100%;
}

div.logo a,
div.logo a:hover,
div.logo a:visited {
    text-decoration: none;
}

div.site-desc {
    font-size: 13px;
    display: inline;
    float: left;
    width: 100%;
}

div.top-nav {
    float: right;
    width: 35%;
    /* margin: 5px 20px; */
    padding: 5px 20px;
    color: #3B5998;
    font-weight: bold;
    font-size: 11px;
}

div.top-nav ul {
    float: right;
}

div.top-nav ul li {
    float: left;
    margin: 0px;
    padding: 5px;
}

/* Navigation */
#navigation {
  background: #FAFEFF url(images/nav_bg.gif) 0 3px repeat-x;
  height: 33px;
  float: left;
  width: 100%;
}

#navigation ul {
  margin-left: 24px;
}

#navigation li {
  list-style: none;
  display: inline;
  float: left;
}

#navigation a {
  background-position: 30px 13px !important;
  float: left;
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  line-height: 33px;
  height: 30px;
}

#navigation .selected a, #navigation a:hover {
  border-top: 3px solid #7EC638;
  line-height: 26px;
  /* line-height: 30px; */
  background-position: 30px 8px !important; */
}

#navigation span {
  float: left;
  background: url(images/nav_bg_sep.gif) 0 3px no-repeat;
  width: 1px;
  height: 33px;
}

#navigation li a {
  padding: 0px 10px;
  margin: 0px;
  float: left;
}

.nofocus:focus {
  outline: none;
}


/* Main Content */
#container {
  /*background: url(/images/content_shadow.gif) repeat-x;*/
  overflow: auto;
  margin: 10px 0px; 
  float: left;
  width: 100%;
}

#content {
  float: left;
  width: 510px;
  margin-left: 20px; 
  font-size: 11px;
  line-height: 16px;
  display: inline;
}

#content .post,
#content .page-nav {
    border-top:1px solid #D8DFEA;
    float:left;
    /*
    margin-bottom:5px;
    margin-top:5px;
    padding-top:8px;
    */
    padding: 8px 0px;
}

#content .page-nav {
    float: left;
    width: 100%;
}

#content .post-gravatar {
    float: left;
    /* margin-right: 10px; */
    padding-right: 10px;
    height: 50px;
    width: 50px;
}

#content .post-text {
    float: right;
    width: 440px;
}

#content .post-title {
    color:#3B5998;
    display:block;
    font-size:12px;
    font-weight:bold;
    margin: 0px;
}

#content .post-content {
    margin: 10px 0px;
    padding: 0px;
    text-align: justify;
    float: left;
    width: 100%;
}

#content .post-content p {
    line-height:15px;
    margin-bottom:10px;
    margin-top:10px;
}

#content .post ul, 
#content .post ol {
    margin-bottom:10px;
}

#content .post ol {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:decimal;
    margin-left:20px;
}

#content .post-cat,
#content .post-tag,
#content .post-meta,
#content .post-related {
    margin: 0px;
    float: left;
    width: 100%;
}

#content .post .meta, 
#content .post .post-meta {
    color:#777777;
    margin-bottom:5px;
    margin-top:5px;
}

#content .post-meta {
    border-top:1px solid #DDDDDD;
    padding-top:3px;
}

#content .post-related {
    margin: 10px 0px;
    padding: 0px;
}

#content .post-related h2 {
    color:#3B5998;
    display:block;
    font-size:12px;
    font-weight:bold;
    margin-bottom:10px;
}

/* Wordpress requirement */
.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: #f3f3f3;
   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 !important;
}

/* Comment Style */
#comments {
    margin: 10px 0px;
    padding: 0px;
    width: 100%;
    float: left;
}

.index-comment{
    background: #ECEFF5;
    width: 430px;
    float: left;
    clear: both;
    margin-top: 2px;
    padding: 7px 10px;
}

#respond h4 {
    font-size: 11px;
    font-weight: bold;
    color: #3B5998;
    width: 430px;
    float: left;
    padding: 7px 10px 0px;
    margin: 5px 0px 0px;
}

.morecomments {
    background: #ECEFF5 url(images/comment.gif) no-repeat scroll 7px 7px;
}

.morecomments a {
    margin-left: 18px;
}

.ic-avatar {
    float: left;
}

.ic-text {
    width: 380px;
    float: right;
}

.ic-meta {
    margin-bottom: 3px;
}

.ic-author {
    font-weight: bold;
    display: inline;
}

.ic-content, .comment p {
    display: inline;
}

.ic-date {
    color: #777;
    margin-top: 2px;
}

.comment-form input[type=text], #comment_form input[type=text], .comment-form textarea, #comment_form textarea {
    border:1px solid #BDC7D8;
    margin-bottom: 3px;
}

.comment-form textarea, #comment_form textarea {
    width: 352px;
    height: 50px;
}

.comment-form textarea.commenttextright, #comment_form textarea.commenttextright {
    height:30px;
    margin-left:5px;
    width:310px;
}

.form_submit_right {
    text-align: right;
}

textarea.respondtext {
    border:1px solid #BDC7D8;
    height:14px;
    width:352px;
}

input[type=text], textarea {
    color: #777777;
    font-size: 11px;
    padding: 3px;
}

input, textarea {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}

input[type=submit], input.submit {
    /* background-color:#5F78AB; */
    background-color: #609946;
    border: 1px solid #888888;
    /* border-color:#26446E #152F5F #0C2253; */
    border: 1px solid #3B6E22; 
    color:#FFFFFF;
    text-shadow:0 1px 0 #3E5A88;
    font-size:11px;
    font-weight:bold;
    padding: 3px 6px 4px;
    text-align:center;
}

input[type=text] {
   border:1px solid #BDC7D8;
   font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
   font-size:11px;
   padding:3px;
   
   border-color:#96A6C5;
   margin-top:2px;
   margin-right: 5px;
   width:206px;
}


/* Schemes Section Content Styles
***********************************/
#pageNav {
  float: left;
  font: 11px Tahoma, Arial, sans-serif;
  width: 474px;
  margin-top: 40px;
  padding: 20px 0;
  border-top: 1px solid #CCC;
  text-align: center;
}
#pageNav span {
  font-weight: bold;
  padding: 2px 6px 3px 6px;
  border: 1px solid #FFF;
  margin-bottom: 20px;
}
#pageNav a {
  background: #F8FBFC;
  color: #069;
  text-decoration: none;
  padding: 2px 6px 3px 6px;
  border: 1px solid #E2EFF3;
}
#pageNav a:hover {
  border-color: #B7D7E1;
}
.right {
  float: right;
}
.right a {
  padding: 0;
}
.sep {
  color: #C6D6E6;
  padding: 0 6px;
}
#tag_cloud {
  float: left;
  /*margin-top: 10px;
  font-family: Georgia, "Times New Roman", Serif;*/
}
#tag_cloud span {
  float: left;
  margin-right: 6px;
  line-height: 40px;
}

.blockInfo {
  background: url(/images/optsbg.gif);
  border-top: 1px solid #E8F1FA;
  border-bottom: 1px solid #E8F1FA;
  padding: 12px 1px 12px 4px;
  margin-bottom: 20px;
  font: 11px Tahoma,Arial,sans-serif;
  color: #666;
}
p#nowShowing {
  margin: 0px;
}
p#sortOptions {
  float: right;
}
p#sortOptions span {
  margin: 0 3px;
}


/* SIDEBAR
------------------------------------------*/
#sidebar {
  float: right;
  width: 200px; /*229*/
  font-size: 11px;
  display: inline; 
  border-left: 1px solid #5DB30A;
  margin-right: 20px;
}

.title {
    border-left: 4px solid #C6E6A7; /* #C6EA9D; */
    padding: 10px;
    border-bottom: 1px solid #C6E6A7;
    color:#3B5998; 
}

#sidebar ul li {
  list-style: none;
}

#sidebar .widget {
    background-color:#FFFFFF;
    border-bottom:1px solid #C6E6A7;
    border-left:4px solid #C6E6A7;
    padding:10px 0 10px 10px;
}

#sidebar .widgettitle {
    color:#3B5998;
    display:block;
    font-size:12px;
    font-weight:bold;
    margin-bottom:10px;
}

#sidebar .widget ul {
    padding: 0 7px 10px 0;
}

#sidebar .widget li {
    margin-top: 5px;
}

/* Footer */
#footer {
  width: 100%;
  float: left;
  margin: 0px 0px 50px 0px;
  padding-top: 5px;
  border-top: 1px solid #E6E6E6;
  color: #AAA;
  font-size: 11px;
}

#footer .left {
    float: left;
    width: 35%;
    text-align: left;
    padding-left: 10px;
}

#footer .right {
    float: right;
    width: 40%;
    text-align: right;
    padding-right: 10px;
}

#footer .right a {
    float: right;
    width: auto;
    padding: 2px;
}

/* Style Layout for Adsense */
div.ads_250_250 {
    float: right;
    height: 250px;
    width: 250px;
    /* margin: 5px 0px 10px 10px; */
    padding: 5px 0px 10px 10px;
}

div.ads_468_60 {
    float: right;
    height: 60px;
    width: 468px;
    /* margin: 5px 0px 10px 10px; */
    padding: 5px 0px 10px 10px;
}