/*  
Theme Name: FadeIn
Theme URI: http://firmanw.com/habari-theme-fadein
Description: WordPress theme designed by <a href="http://www.wppro.org">WP Pro Blog Design</a>, customized by <a href="http://www.headsetoptions.org/">HeadsetOptions</a> and <a href="http://www.mandarinmusing.com">MandarinMusing</a> based on a Habari Theme by <a href="http://firmanw.com/">Firman Wandayandi</a>.
Version: 1.0-alpha
Author: WP Pro
Author URI: http://www.wppro.org/
*/


body {
background : #383838 url(images/body_bg.gif) repeat-y left top;
margin : 20px 0 20px 0;
color : #cccccc;
text-align : left;
}
body, input {
font : 13px/1.3 Arial, Helvetica, Verdana, "Sans-serif";
}
input {
border : 1px solid #ccc;
}
a {
text-decoration : none;
color : #fff;
}
a:hover {
color : #9cce2e;
}
a img {
border : 0 !important ;
}
ul {
list-style : none;
}
form {
margin : 0;
}
#wrapper {
width : 980px;
}
h1, h2, h3, h4, h5, h6, h7 {
padding : 0 0 9px 0;
margin : 0;
color : #9cce2e;
}
.top-col {
height : 142px;
}
.col1 {
width : 548px;
padding : 0 16px 0 30px;
float : left;
}
.col2 {
width : 249px;
float : left;
padding : 0 10px 0 10px;
}
.col3 {
width : 101px;
float : left;
padding : 0 0 0 16px;
}
.col2a {
width : 386px;
float : left;
}
.vcol {
margin-bottom : 1.4em;
}
.line1 {
border-top : 2px solid #9cce2e;
}
.line2 {
border-top : 2px solid #f7ac16;
}
.line3 {
border-top : 2px solid #fc5d0a;
}
.line1a {
border-top : 2px solid #383838;
}
.line2a {
border-top : 2px solid #444;
}
.line3a {
border-top : 2px solid #3e3e3e;
}
#title, #title a, #title a:hover {
font-family : Georgia, Arial, Verdana;
font-size : 48px;
color : #fff;
font-weight : normal;
margin : 0;
}
#title a, #title a:hover {
text-decoration : none;
}
#tagline {
margin : 0;
font-size : 24px;
color : #fff;
}
#navbar {
padding : 16px 0;
}
#navbar ul {
list-style : none;
margin : 0;
padding : 0;
}
#navbar li {
display : inline;
margin-right : 16px;
}
#navbar a {
color : #9cce2e;
text-decoration : none;
}
#navbar a:hover {
color : #fff;
}
#search {
padding-top : 9px;
padding-bottom : 10px;
}
#search-box {
float : left;
width : 208px;
}
#search-box label {
float : left;
display : block;
width : 50px;
padding-top : 4px;
}
#search-box input {
margin-top : 2px;
padding : 2px 4px 2px 4px;
width : 146px;
}
#search-btn {
background : transparent url(images/go.png) no-repeat left 1px;
border : none;
height : 25px;
width : 25px;
cursor : pointer;
margin-left : 4px;
display : inline;
float : right;
}
#twitter-header {
background : url(images/twitter_bubble_arrow.gif) no-repeat 356px bottom;
padding-bottom : 10px;
}
#twitter-header a {
background : url(images/twitter.png) no-repeat left top;
width : 76px;
height : 20px;
display : block;
text-indent : -9999px;
position : relative;
left : 285px;
top : 0;
}
#twitter-bubble {
width : 370px;
height : 65px;
background : #3e3e3e url(images/twitter_bubble_rcorner.gif) no-repeat right top;
margin : 0 0 0 16px;
}
#twitter-picture {
float : left;
border : 1px solid #383838;
margin : 8px 10px 0 0;
}
#twitter-status {
font-size : 12px;
padding : 8px;
color : #999;
}
#content .col1, #content .col2, #content .col3 {
padding-top : 20px;
padding-bottom : 20px;
}
.entry-multiple .entry {
padding-bottom : 1.4em;
margin-bottom : 1.4em;
border-bottom : 1px solid #383838;
}
.entry-content a {
color : #fff;
border-bottom : 1px dotted #666;
}
.entry-content br.clear-left {
clear : left;
}
.entry-content br.clear-right {
clear : right;
}
.entry-content br.clear-both {
clear : both;
}
.entry-content img {
background : #383838;
padding : 4px;
margin : 3px;
}
.entry-content a:hover {
background : #9cce2e;
color : #444444;
border-color : #9cce2e;
}
.entry-content ol {
padding : 0 0 0 3em;
}
.entry-content ul {
margin : auto;
padding : 0 0 0 1em;
}
.entry-content ul li, .col2 ul li {
background : url(images/bullet_list.png) no-repeat left top;
padding-left : 24px;
}
.entry-content blockquote {
background : url(images/quote_left.gif) no-repeat left top;
padding : 10px 0 10px 46px;
margin : 0 1em;
}
.entry-content p {
clear : both;
}
.entry-title, .entry-pubdate {
font-family : Georgia, Arial, Verdana;
font-weight : normal;
}
.entry-title {
font-size : 36px;
margin : 0;
}
.entry-title, .entry-title a, .entry-title a:hover {
color : #fff;
}
.entry-pubdate {
background : url(images/pubdate_bubble.png) no-repeat left top;
display : block;
width : 129px;
height : 43px;
color : #fff;
font-size : 18px;
margin : 0;
padding : 8px 0;
text-align : center;
float : left;
}
.entry-extra {
float : right;
text-align : right;
font-size : 12px;
color : #999;
padding : 3px 0 0 0;
}
.entry-meta {
margin-bottom : 1.4em;
}
.entry-meta-main {
float : left;
width : 88%;
}
.entry-meta-comment {
float : right;
width : 59px;
}
.entry-addcomment {
background : url(images/btn_addcomment.png) no-repeat left top;
height : 21px;
width : 23px;
display : block;
text-indent : -9999px;
float : left;
margin-top : 6px;
}
a.entry-commentcount, a:hover.entry-commentcount {
background : url(images/btn_commentcount_large.png) no-repeat left top;
width : 36px;
height : 37px;
display : block;
float : right;
text-align : center;
padding-top : 10px;
font-size : 11px;
color : #fff;
}
.entry-tags {
margin : 0;
}
.entry-tags ul {
padding : 0;
margin : 0;
}
.entry-tags li {
display : inline;
}
.entry-tags a {
color : #9cce2e;
border-bottom : 1px dotted #666;
}
.entry-tags a:hover {
color : #fff;
}
.asides_entry {
list-style : none;
}
.asides_entry ul {
font-size : 12px;
letter-spacing : 0;
list-style : none;
border-left : 1px solid #999999;
}
.asides_entry li {
color : #999999;
line-height : 18px;
list-style : none;
margin : 0 0 0 9px;
padding : 0 0 0 0;
}
#sidebar h3, #comments-wrapper h3 {
font-family : Georgia, Arial, Verdana;
font-weight : normal;
font-size : 20px;
margin : 0 0 10px 0;
color : #9cce2e;
text-transform : lowercase;
}
#sidebar ul {
margin : 0;
padding : 0;
}
#flickr {
font-size : 11px;
color : #999;
}
#flickr img {
width : 85px;
height : 85px;
background : #999;
padding : 3px;
margin : 4px;
}
.entry-list-meta {
float : left;
width : 84%;
}
.entry-list-comments {
float : right;
width : 32px;
}
.entry-list-comments a, .entry-list-comments a:hover {
background : url(images/btn_commentcount_small.png) no-repeat left top;
width : 32px;
height : 27px;
display : block;
text-align : center;
padding-top : 8px;
font-size : 11px;
color : #fff;
}
.entry-list-meta h4, .entry-list-meta h5 {
margin : 0;
font-weight : normal;
}
.entry-list-meta h4 {
font-size : 14px;
}
.entry-list-meta h5 {
color : #999;
font-size : 12px;
}
.entry-list li {
border-bottom : 1px solid #383838;
padding-bottom : 0.5em;
margin-bottom : 0.5em;
}
.entry-list-meta a {
border-bottom : 1px dotted #666;
}
#verybar div {
margin-bottom : 16px;
}
#habari_powered {
background : url(images/habari_powered.png) no-repeat left top;
width : 87px;
height : 35px;
display : block;
text-indent : -9999px;
margin-top : 10px;
}
#feed {
background : url(images/feed.png) no-repeat left top;
height : 30px;
font-size : 10px;
}
#feed ul {
padding : 2px 0 0 36px;
margin : 0;
}
#feed li {
padding : 0;
}
#feed a {
text-transform : uppercase;
}
#footer {
margin-top : 1.4em;
font-size : 11px;
color : #999;
}
#footer a {
color : #ccc;
border-bottom : 1px dotted #666;
}
#footer a:hover {
color : #fff;
border-bottom : 1px dotted #999;
}
#footer .col1, #footer .col2, .col3 {
padding-top : 10px;
}
ul#up2top {
float : right;
width : 60px;
margin : 0;
padding : 0;
}
#up2top li {
display : inline;
background : url(images/up2top.gif) no-repeat left top;
padding-left : 16px;
}
#comment-form-col {
padding-left : 16px;
}
#comment-form-box {
background : #383838;
}
#comment-form-box div {
padding : 10px;
}
span.commentform-cornertop, span.commentform-cornerbottom {
font-size : 1px;
line-height : 1px;
display : block;
height : 5px;
background-repeat : no-repeat;
background-image : url(images/commentform_corners.gif);
}
span.commentform-cornertop {
background-position : 0 0;
}
span.commentform-cornerbottom {
background-position : 0 100%;
}
#comment-form label {
display : block;
margin-bottom : 0.2em;
font-size : 12px;
color : #fff;
}
#comment-form label span {
font-size : 11px;
color : #999;
text-transform : uppercase;
}
#comment-form-submit {
background : url(images/commentform_arrow.gif) no-repeat 80px top;
padding-top : 10px;
}
#comment-form-messages {
margin-bottom : 1em;
padding : 0 !important ;
}
#comments h3, h4 {
margin : 0;
font-weight : normal;
}
#comments h4 {
font-size : 12px;
margin-bottom : 1.4em;
color : #999;
}
#comments h4 b {
color : #ccc;
}
.comment {
margin-bottom : 1.4em;
}
.comment-box {
background-color : #383838;
}
.comment-content {
padding : 0 10px;
font-size : 12px;
}
.comment-content a {
border-bottom : 1px dotted #666;
}
.comment-content a:hover {
color : #383838;
background : #9cce2e;
border-color : #9cce2e;
}
.comment-meta, .gravatar {
height : 38px;
}
.comment-meta {
float : left;
width : 80%;
}
.comment-meta p {
font-size : 14px;
margin : 0;
color : #ccc;
}
.comment-meta span {
font-size : 11px;
color : #999;
}
.comment-meta a {
border-bottom : 1px dotted #666;
}
.gravatar {
float : right;
width : 60px;
background : transparent url(images/comment_arrow.gif) no-repeat left bottom;
text-align : right;
}
.gravatar img {
background : #383838;
padding : 2px;
}
span.comment-corners-top, span.comment-corners-bottom, span.comment-corners-top span, span.comment-corners-bottom span {
font-size : 1px;
line-height : 1px;
display : block;
height : 5px;
background-repeat : no-repeat;
}
span.comment-corners-top, span.comment-corners-bottom {
background-image : url(images/comment_corners_left.gif);
}
span.comment-corners-top span, span.comment-corners-bottom span {
background-image : url(images/comment_corners_right.gif);
}
span.comment-corners-top {
background-position : 0 0;
}
span.comment-corners-bottom {
background-position : 0 100%;
clear : both;
}
span.comment-corners-top span {
background-position : 100% 0;
}
span.comment-corners-bottom span {
background-position : 100% 100%;
}
#write-comment {
text-align : right;
}
.comment ul li ul li {
margin : 0;
padding : 0;
overflow : hidden;
}
.commentlist p {
padding-top : 18px;
}
.commentlist li {
list-style : none;
padding-top : 9px;
margin-left : -27px;
}
.commentlist li ul li {
list-style : none;
}
.avatar {
background : #ffffff;
float : left;
border : 1px solid #eeeeee;
padding : 2px;
margin-right : 18px;
}
.commentlist cite {
font-weight : bold;
font-style : normal;
margin-left : 9px;
}
.comment-meta a {
margin-left : 9px;
}
.children {
padding-left : 9px;
border-left : 3px solid #f0f0f0;
margin-left : 9px;
}
.children li {
margin-left : 9px;
}
.reply {
font-size : 10px;
padding-bottom : 9px;
}
.thread-alt {
margin : 0;
padding : 0;
border-bottom : 1px solid #f0f0f0;
}
.thread-even {
margin : 0;
padding : 0;
border-bottom : 1px solid #f0f0f0;
}
#page-selector a {
border : 1px solid #383838;
background : #3e3e3e;
padding : 2px 4px;
color : #999;
}
#page-selector a.current-page {
background : #444;
border-color : #3e3e3e;
}
#page-selector a:hover, #page-selector a:hover.current-page {
background : #383838;
color : #fff;
}
#recentcomments li {
border-bottom : 1px solid #383838;
padding-bottom : 0.5em;
margin-bottom : 0.5em;
}
#tag-list li {
display : inline;
}
#tag-list a {
border-bottom : 1px dotted #666;
}
ul#monthly_archives, ul#monthly_archives ul {
padding : 0;
}
ul#monthly_archives li {
font-size : 20px;
margin-bottom : 1em;
background : none;
padding : 0;
}
ul#monthly_archives li li {
margin : 4px 0 4px 16px;
font-size : 13px;
}
input.button {
background : #444444;
color : #fff;
border-color : #383838;
text-transform : uppercase;
font-size : 12px;
padding : 2px 4px;
}
h4#prompt {
font-size : 16px;
border-bottom : 1px solid #383838;
margin-bottom : 1em;
padding-bottom : 1em;
}
.error {
color : #fc5d0a;
}
.error, .success {
color : #fff;
}
ul.error, ul.success {
margin : 0;
padding : 0;
}
ul.error li, ul.success li {
background : url(images/icon_error.png) no-repeat left top;
padding-left : 16px;
}
ul.success li {
background-image : url(images/icon_success.png);
}
.clearfix:after {
content : ".";
clear : both;
height : 0;
visibility : hidden;
display : block;
font-size : 1px;
line-height : 1px;
background : transparent;
}
.clear {
clear : both;
display : block;
height : 18px;
overflow : hidden;
margin : 0;
padding : 0;
}
.note {
border-top : 2px solid #ffd324;
border-bottom : 2px solid #ffd324;
background : #fff6bf 0% 50%;
margin : 9px;
padding-top : 7px;
padding-bottom : 7px;
padding-left : 18px;
padding-right : 18px;
text-align : left;
}
.left {
float : left;
}
.right {
float : right;
}