/*
Theme Name: Orchid2
Theme URI: http://www.anggrek.org/
Description: Anggrek.org default theme.
Version: 2.0
Author: Sunaryo Hadi
Author URI: http://www.sunaryohadi.info/
Tags: Green, fixed width, three columns, widgets

	Orchid v2.0
  http://www.sunaryohadi.info/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Reset
---------------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;	}  
hr {display: none;}

/* Layout 
---------------------------------------------------------------------------------------------------------------- */
body {background: #fff url(img/bg.png) repeat-x top left; font: 11px/1.0em Verdana, Arial, sans-serif; color: #000; text-align: center;}
#wrapper, #header, #container, #headline, #content, #sidebar, #footer {display:inline-block; overflow: hidden;}
#wrapper {width: 980px; margin:0 auto; padding:0; text-align: left;}
#header {width: 980px; margin:0 0 10px 0; padding:0;}
#container {width: 980px; margin:0 0 30px 0; padding:0;}
#content {width: 710px; float:right;}
#headline {width: 710px; margin:0 0 0px 0; padding:0 0 5px 0;}
#sidebar {width: 250px; float:left;}
#footer {width: 980px; margin: 0; padding:0; color: #999; background: url(img/dot.png) repeat-x top left;}

/* General 
---------------------------------------------------------------------------------------------------------------- */
a {color: #069; text-decoration: none;}
a:hover {color: #F60;}
.alignleft {float:left;}
.alignright {float:right;}
.navigation {width: 100%; display:inline-block; overflow: hidden;}
.navigation .alignleft {width: 48%;}
.navigation .alignright {width: 48%; text-align: right;}


/* Header 
---------------------------------------------------------------------------------------------------------------- */
h1 a span, .description {display: none;}
#logo {width: 250px; float: left;}
#topbar {width: 600px; float:right; text-align: right; padding-top: 35px;}

/* Content 
---------------------------------------------------------------------------------------------------------------- */
.clear {clear:both;}
#content-wrapper {float:left; display:inline-block; overflow: hidden; width: 535px; border-top: 2px solid #C0D136;}
#rightbanner {float:right; display:inline-block; overflow: hidden; width: 160px; height: 600px; background: #f7f7f7; }

#content h1 {font-size: 20px;}
#content h2 {font-size: 16px;margin:15px 0 10px 0;}
#content h3 {font-size: 14px;}
#content .post {width: 535px; margin-bottom: 10px; padding: 5px 0;}
#content .post h2 {font-size: 16px;}
#content .post p {margin: 0.75em 0;}
#content .entry {font-size: 12px; border-top: 1px solid #eee; margin-top: 5px; padding: 5px; color: #333;} 
#content-wrapper h3 {border-top: 1px solid #eee; padding: 5px;}
#content .pagetitle {font-size: 12px; color: #939F24; margin:5px 0 10px 0; }

/* Home & Headlines
---------------------------------------------------------------------------------------------------------------- */
#headline {border-bottom: 1px solid #F1F4D0;}
#showcase {height: 250px; width: 450px; border-top: 2px solid #C0D136; float:left; padding: 2px 0 0 0; overflow: hidden;}
#mainsponsor {height: 250px; width: 250px; border-top: 2px solid #C0D136; background: #fff; float:right; padding: 2px 0 0 0;  overflow: hidden;}
#content {line-height: 1.5em;}
#content .homebox {width: 350px; margin: 0 0 10px 0;}
#content .homebox h2 {border-top: 1px solid #C0D136; text-transform: uppercase; color: #333; margin:0;
              font: bold 12px/1.0em Arial, Verdana, sans-serif; letter-spacing: 2px; padding: 8px 7px; background: #f7f9f7;}
              
#content .homebox h3 {font: bold 12px/1.5em Verdana, Arial, sans-serif; margin: 3px 0; text-transform: uppercase;}              
#content .homebox ul {margin:0; padding: 0 5px; list-style: none;}              
#content .homebox ul ul {margin:0; padding: 0 0 0 20px; list-style: disc;}
#content img.alignleft {float:left; margin-right: 10px;}
#content img.alignright {float:right; margin-left: 10px;}
#content ol, #content ul {margin-left: 25px;}
#content ol li {padding: 0.50em 0;}
#content ul#slider {margin:0; padding:0;}
#content .entry {font: 12px/1.5em Arial, Verdana, sans-serif;}
.postmetadata {font-size: 10px; margin: 1.0em 0 0.5em 0; background: #f7f7f7; padding: 10px; line-height: 1.2em; clear:both;}

/* Comments
---------------------------------------------------------------------------------------------------------------- */
h3#comments, h3#respond {font-size: 12px; color: #939F24; border-top: 2px solid #eee; width: 535px; padding: 5px 0 10px 0}
.commentlist {margin-bottom: 30px; border-top: 1px dashed #ccc; padding: 10px 0; margin-top:10px;}
.commentlist li { border-bottom: 1px dashed #ccc; padding: 10px 0; display: block; margin-bottom: 10px;}
img.avatar {float:left; display: block; width: 32px; margin-right: 10px; background: #eee;}
.commentlist .comment-number {float:right; display: block; width: 40px; font-size: 16px; font-weight: normal; color: #999; background: #f7f7f7; padding: 3px 0px 3px 5px; border-right: 1px solid #ccc;}
.commentmetadata {display:block; margin-bottom: 8px; font-size: 10px;}
.commentlist cite {font-weight: bold;}
#commentform {margin-bottom: 30px;}
#comment {width: 504px;}

/* Sidebar 
---------------------------------------------------------------------------------------------------------------- */
#sidebar h2 {border-top: 2px solid #C0D136; text-transform: uppercase; color: #777; 
              font: bold 11px/1.0em Arial, Verdana, sans-serif; letter-spacing: 2px; padding: 8px 5px;}
#sidebar ul {list-style: none;}              
#sidebar ul ul {background: url(img/dot.png) repeat-x bottom left; margin-bottom: 30px;}
#sidebar ul ul li {background: url(img/dot.png) repeat-x top left; padding: 1px 0;}
#sidebar ul ul li a {padding: 7px 10px 7px 20px; display: block; overflow: hidden; background: url(img/list1.png) no-repeat 10px 11px;}
#sidebar ul ul li a:hover {background-color:#fffff0;}
#sidebar ul ul ul {margin-bottom: 0; background-image: url(none);}
#sidebar ul ul ul li a {padding: 7px 10px 7px 38px; background: url(img/list1.png) no-repeat 25px 11px;}

/* footer 
---------------------------------------------------------------------------------------------------------------- */
#copyright {padding:10px; background: url(img/vdot.png) repeat-y top right; line-height: 1.5em; width: 230px; float:left; background: #f7f7f7;}
#docmeta {font-size:10px;}
#bottomlinks {width: 700px; padding: 0 15px; float: right; overflow: hidden; line-height: 1.5em;}
#bottomlinks ul {list-style: none;}
#bottomlinks ul li {clear: both;}
#bottomlinks ul li h2 {padding: 15px 0 5px 0; margin:0;}
#bottomlinks ul ul {margin-bottom: 10px;}
#bottomlinks ul ul li {display:inline;}
#bottomlinks ul ul li a { width: 116px; display: block; overflow: hidden; float:left;}