/*
Theme Name: Clean Look
Theme URI: http://pribadi.or.id/diary/2005/05/27/clean-look-theme-for-wordpress-15/
Description: simple, and clean look, based on <a href="http://wpram.com/log/2005/03/23/golden_grey_theme/">Golden Grey</a> by William Pramana, the famous <a href="http://binarybonsai.com/kubrick">Kubrik</a>, bullet.gif taken from <a href="http://wpthemes.info">Connections</a> by Patricia Muller.
Version: 1.5.0
Author: Firman Pribadi
Author URI: http://pribadi.or.id/diary/
Lisence: Please see <a href="http://creativecommons.org/licenses/by-nc-sa/2.0/">Creative Commons ShareAlike</a>.
*/


/* body default block */

body {
    padding: 0;
    margin: 10px 0;
    text-align: center;
    background: #747F81 url(http://www.kingdesignllc.com/images/brick-bg.jpg) no-repeat fixed;
    font: 13px/18px Verdana, Arial, Helvetica, sans-serif;
    }

a:link {
	color: #000000; 
	text-decoration: none;
	}

a:visited {
	color: #000000; 
	text-decoration: none;
	}

a:hover {
	color: #ffffff;  
	
	}

#main a:hover { color: #f78f1e; }


/* header block */



  #header { 
background: url("/wp-content/website-header1.jpg")  no-repeat bottom center;
    -moz-box-shadow: -2px 2px 20px #333333;
    -webkit-box-shadow: -2px 2px 20px #333333;
    box-shadow: -2px 2px 20px #333333;
    position: relative;
    width: 770px;
    margin: 0 auto;

}

#headerimg  {
  margin: 7px 9px 0; 
  height: 122px; 
  width: 770px; 
}

h1 {
    font: 25px Verdana, verdana, verdana;
    margin: 0 auto;
    text-align: left 
    font-weight: bold
    padding: 20px 
    }

h1 a:link, h1 a:visited {
    text-decoration: none;
    color: #545454;
   font-weight: bold

    }

h2 {
    font: 20px verdana, verdana, verdana;
    margin: 0;
    }


/* content, minitab, and sidebar block */

#content {
    background: #f78f1e;
    margin: 0 auto;
    width: 770px;
    text-align: left;
    position: relative;
    -moz-box-shadow: -2px 15px 20px #333333;
    -webkit-box-shadow: -2px 15px 20px #333333;
    box-shadow: -2px 15px 20px #333333;
    }

#navigation {
    display: none;
}

#navmenu {
    position: absolute;
    right: 10px;
    text-align: right;
    top: -25px;
    width: 450px;
}

#sidebar #navmenu ul { width: auto;}

#navmenu ul li {
    border-left: 1px #c85a1f solid;
    display: inline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0 6px;
}

#navmenu li a:link, #navmenu li a:visited {
    color: #d2d2d2;
    display: inline;
}

#navmenu li a:hover {
    color: #fff;
}

#navmenu li.first {
    border: none;
}
h3 {
  margin: 1em 0 .2em;
  font: 22px georgia, times;
  
  color: #000000;
  background: no-repeat 0 50%;
  padding-left: 0px;
}

h3 a:link, h3 a:visited {
    text-decoration: none;
    color: #000000;
    }

h3 a:hover {
    text-decoration: none;
    color: #cccccc;
    }




#main {
    float: right;
    background: #ffffff;
    min-height: 410px;
    padding: 10px 0;
    width: 612px;
    }

#sidebar {
    width: 125px;
    padding: 10px 0 0;
    float: left;
    }

#sidebar ul {
    padding: 0;
    margin: 0 0 0 29px;
    list-style-type: none;
    width: 120px;
    }

#sidebar li {
    background: no-repeat 0 5px;
    padding-left: 0px;
    font-size: 10px;
    }

.meta {
    color: #545454;
    font-size: 11px;
    margin: 0;
    }

.postmeta {
    color: #666666;
    font-size: 10px;
    background: #eeeeee;
    padding: 5px;
    margin: 0;
    }

.entry {
    margin: 0 26px;
    padding-bottom: 5px;
    }

blockquote {
    border-left: 2px solid #999999;
    padding-left: 5px;
    color: #666666;
    }

.alignleft {
    float: left;
    }

.alignright {
    float: right;
    }


/* comments block */

h4 {
    font: 15px Verdana
    margin: 0;
    color: #545454;
    }

h5 {
   margin: 1em 0 .2em 29px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  background: no-repeat 0 50%;
  padding-left: 0px;
}


#commentlist {
    font-size: 10px;
    }
    
#commentlist ol {
    margin: 0;
    padding: 15px;
    }

.whitebox, .graybox {
    margin: 10px 0px;
    padding: 5px;
    }

.whitebox {
    background: #ffffff;
    }

.graybox {
    background: #f78f1e;
    border-top: solid 0px #999999;
    border-bottom: solid 1px #999999;
    }


/* footer */

#footer {
    clear: both;
    background: #4b4b4d;
    text-align: right;
    color: #666666;
    }

#footer a:link, #footer a:visited {
    color: #ffffff;
    text-decoration: none;
    }

#footer h5 {
    color: #d2d2d2;
    font-size: .875em;
    font-weight: normal;
    margin: 0;
    padding: 4px 20px 4px 0;
}

#footer h5 a:link {
    color: #999;
}

#footer h5 a:visited {
    color: #f78f1e;
}

#footer h5 a:hover {
    color: #fff;
}
img.summary_image {
  display: block;
  margin-right: 5px;
  margin-bottom: 0px;
  margin-top: 10px;
  border: none;
  max-width: 560px;
}
#social-icons { position: absolute; right: 10px; top: 10px; }
#social-icons img { border: none; }