/*
Theme Name: Candle in the Dark
Theme URI: http://puguh.raharjo.web.id/candle-in-the-dark
Description: <a href="http://puguh.raharjo.web.id/candle-in-the-dark">Candle In the Dark</a> — an advanced WordPress theme modified from <a href="http://masnikov.com/grey_matter">Grey Matter </a>by <a href="http://masnikov.com">Nikolaj Masnikov</a>.
Version: 0.1
Author: Puguh Raharjo
Author URI: http://puguh.raharjo.web.id/
Tags: fixed width, two columns, widgets, widget ready, black, dark, candle, simple, right sidebar, valid CSS, valid XHTML

It is a modification of Grey Matter v.1.4  that originally was designed and built by Nikolaj Masnikov: http://masnikov.com

  The CSS, XHTML and design is released under GNU General Public License version 3 (GPLv3):
  http://www.opensource.org/licenses/gpl-3.0.html

  In this theme are used some icons from Glass Style RSS Icon Set by Bittbox (www.bitbox.com) and from Diagona Icon Set by Yusuke Kamiyamane (www.pinvoke.com). Both sets are licensed under GPL.
*/

html, body {
  height: 100%;
}

body {
  margin-top: 30px;
  padding: 0;
  font-family: verdana;
  font-size: 9px;
  color: #cccccc;
  background: #000 url(img/candle.jpg) no-repeat top center fixed;
}

img {
  border: 0;
}

img a, a img {
  border: 0;
}

a {
  color: #ff8800;
  text-decoration: none;
}

a:hover {
  color: #cccccc;
  text-decoration: blink;
  border-bottom: 1px dotted;	
}

#wrapper {
  margin: 0 auto;
  width: 900px;
  background: transparent;
}

#header {
  background: transparent;
  width: 900px;
  height: 90px;
  clear: both;
  margin: 0px;
  padding: 0;
  font-size: 120%;
}

#header a, #header a:hover, #header a:visited {
  color : #cccccc;
  border : none;
  text-decoration: none;

}

#header h2 {
  font-size: 120%;
  font-weight: normal;
  margin: 0;
}

#header h1 {
  font-size: 350%;
  font-weight: normal;
  margin: 0;
}

#header_siteheader {
  clear: both;
  float: left;
  width: 600px;
  height: 83px;
  margin: -30px 0 0 40px;
  line-height: 83px;
  display: inline;
}

#header_sidebar {
  float: right;
  width: 190px;
  height: 49px;
  margin: 0 25px 0 0;
  display: inline;
  vertical-align: top;
  padding-top: 32px;
}

#header img {
  float: left;
  margin: 15px 25px 14px 0;
}

#content {
  clear: both;
  font-size: 140%;
  line-height: 140%;
  float: left;
  width: 600px;
  min-width: 600px;
  margin: 0px 0px 0px 40px;
  display: inline;
}

#content img {
  border: 0;
  /*margin: 10px 10px 10px 10px;*/
}

#content a {
 
}

#content blockquote, #content code {
  border: 2px #999 dotted;
  padding: 5px 0 2px 10px;
  margin: 0 0 10px 20px;
  background:transparent;
}

#content code {
	font: 12px Monaco, "Lucida Console", "Courier New", "Courier", monospace;
	display: block;
}

#content a:hover {
 
  
}

#content h1 {
  font-size: 190%;
  line-height: 120%;
  color: #ff8800;
  font-weight: normal;
  margin: 0px 0 15px 0;

}

#content a h1, #content h1 a {

}

#content a:hover h1, #content h1 a:hover {

 
}

#content p {
  margin: 0 0 10px 0;
}

#content ul, #content ol {
  padding: 0 0 0 30px;
}

#content ul li, #content ol li {
  margin: 3px 0 3px 0;
  padding: 0;
}

#counters {
  width: 0px;
  height: 0px;
  display: none;
  float: left;
}

#comments {
 font-size: 90%;
 line-height: 140%;
}

.commenter {

}

#comments h1 {
  font-size: 150%;
  line-height: 120%;
  color: #606060;
  font-weight: normal;
  margin: 30px 0 10px 0;
}

#comments img {
  float: none;
  margin: 0 5px 0 0;
}

#comments ul, #comments ol {
  padding: 0 0 0 25px;
}

#comments ul {
  list-style: square;
}

#comments ul li, #comments ol li {
  margin: 0 0 40px 0;
  padding: 0;
}

#comments textarea, #comments input{
  background : transparent;
  color : #cccccc;
  border : 0.5px solid #555555;
}

#comments textarea:hover,  #comments input:hover{
  background : #333333;
  color : #cccccc;
}

#sidebar {
  font-size: 120%;
  line-height: 130%;
  float: right;
  width: 190px;
  min-width: 190px;
  margin: 0px 25px 0px 0px;
  display: inline;
}

#sidebar img.alignleft {
  float: left;
  margin: 0 5px 5px 0;
}

#sidebar img.alignright {
  float: right;
  margin: 0 0 5px 5px;
}

#tag_cloud {
  line-height: 200%;
}

#sidebar img {
  float: none;
}

#sidebar p {
  margin: 0 0 5px 0;
}

#sidebar h2 {
  font-size: 120%;
  font-weight: bold;
  color: #AAA;
  padding: 0px 8px;
  line-height: 180%;
  margin: 0 0 10px 3px;
  border-left : 1px solid #999999;
  border-bottom : 1px solid #999999;
  -moz-border-radius : 0 0 0 5px;
  -webkit-border-bottom-left-radius: 5px;
}

#sidebar ul {
  list-style: none;
  margin: 0 0 25px 0;
  padding: 0;
}

#sidebar ul li {
  margin: 0;
}

#sidebar ul ul {
  padding: 0 0 0 8px;
}

#sidebar ul ul li {
  margin: 0 0 7px 0;
}

#postmeta {
  font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;
	font-size: 85%;
	border-top: 1px dotted #CCC;
	clear: both;
  color: #747474;
  margin: 10px 0 40px 0;
}

#postmeta a {

}

#postmeta a:hover {

}

#postmeta img {
  vertical-align: middle;
  margin: 0 4px 0 0;
}

.postnav {
	width: 600px;
	float: left;
	list-style: none;
	line-height: 100%;
  margin: 0;
	padding: 0;
}

.postnav li.left {
	display: block;
	float: left;
}

.postnav li.right {
	display: block;
	float: right;
}

#footer {
  font-size: 130%;
  clear: both;
  width: 900px;
  margin: 0 auto;
  height: 109px;
  background: transparent;
  border: 0;
}

#footer_content {
  line-height: 150%;
  text-align: center;
  height: 58px;
  width: 600px;
  margin: 0px 0px 0px 40px;
}

#footer_content p {
  padding: 10px 0 0 0;
}

#blackband_bottom_left, #blackband_bottom_right,
#blackband_top_left, #blackband_top_right {
  width: 440px;
  height: 25px;
 
}

#blackband_top_left, #blackband_top_right {
}

#blackband_bottom_left, #blackband_top_left {
  margin-left: 40px;
  float: left;
  display: inline;
}

#blackband_bottom_right, #blackband_top_right {
  margin-right: 40px;
  float: right;
  text-align: right;
  display: inline;
}

#blackband_top_right {
  margin-right: 18px;
  display: block;}

#blackband_top_right ul {
  margin-top: 0px;
  float: right;
}

#blackband_top_right ul li {
  float: left;
	list-style: none;
}

#blackband_top_right ul li a {
  padding: 0 6px 0 6px;
}

#blackband_top_right ul li a:hover, #blackband_bottom_right a:hover, #blackband_bottom_left a:hover {


}

#blackband_top_left a,#blackband_top_right a,#blackband_bottom_right a,#blackband_bottom_left a{
  color : #cccccc;

}

#blackband_top_right a:hover{
  color : #ff8800;
  border-bottom : 1px dotted;
  text-decoration:blink;
}


.hasFloat:after {
  content: "";
  display: block;
  clear: both;
}

#searchform input {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#747474;
  margin: 0;
  padding: 2px 4px 2px 4px;
  border:#747474 1px solid;
  color:#DDD;
}

#searchform input:hover {
  cursor:pointer;
  background-color:#606060;
  border:#222 1px solid;
  color:#fff;
}

#searchform #s {
  background:url(img/search.gif) no-repeat;
  background-color:#fff;

  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  margin: 0px 10px 0 0;
  padding: 3px 4px 3px 20px;
  border:#747474 1px solid;
  color:#000000;
  width: 190px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}


#content .pagetitle {
	margin-bottom: 20px;
  font-size: 220%;
  font-weight: normal;
  border : none;
  color : #cccccc;
}

img#wpstats {
  width: 0px;
  height: 0px;
  padding: 0px;
  border: none;
  overflow: hidden;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin : 10px 10px 10px; 
}

.alignright {
   float: right;
   margin : 10px 0 10px 10px; 
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

.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;
}

.stars {
  font-size:9px;
  margin-top:-18px;
  margin-bottom:15px;
float:right;
}

#description {
  font-size:12px;
}

#searchsubmit {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}