/*
Theme Name: shiro
Theme URI: http://arifn.web.id
Description: plain two column white
Author: Arif N
License: Creative Common ShareAlike Attribution version 2

*/


/*@font-face {
	font-family:"Sketchy";
	/* http://www.exclamachine.com 
	src: url("http://arifn.web.id/blog/wp-content/themes/shiro/font/SketchyTimesBold.ttf") format("truetype");
}*/



root { 
    display: block;
}

*{
    margin:0;
    padding:0;
}

body{
    background:#FFFFFF;
    font-family:  'trebuchet ms', 'Lucida grande', Arial, Verdana;
    text-decoration:none;
    word-spacing:normal;
    text-align:center;
    letter-spacing:0.3px;
    font-size:14px;
    line-height:1.8em;
    color:#444444;
}

h1, h1 a {
    font-size : 50px;
    font-family: 'Philosopher', 'trebuchet ms';
}

h2, h2 a {
    font-size : 30px;
    font-family: 'Indie Flower', 'trebuchet ms';
    line-height:1.2em;
}

h3, h3 a{
    font-size :22px;
    font-family: 'Indie Flower', 'trebuchet ms';
    padding-bottom:10px; 
}

img {
    max-width:95%;
    overflow : hidden;
    margin : 5px 0 5px 0;
    border : none;
}

a {
    /*color : #0030C2;*/
    color: #0044aa; 
    text-decoration:none;
}

a:hover {
    text-decoration:underline;

}

#wrapper{
	width:100%;
	margin:auto;	
}

#header{	
	
	padding-bottom:30px;
	padding-left:2%;
	text-align:left;	
}

#header h1{	
	padding-top:10px;
	float:left;
	width:250px;
    	height:84px;
    	overflow:hidden;
}

#header h1 span{
	background: url(images/header.png)no-repeat;
    	width:300px;
	height:95px;
	float:left;
}

#middle{
	margin:auto;
	float:left;
	
}

#content{
	width:70%;
	float:right;
	margin-right:5%;
	text-align:left;
	background: url(images/bg.png) bottom right no-repeat;
}

#article{
    text-align:left;
    float:left;
    padding-right:30px;
}

.post{
    padding-bottom:25px;
    margin-bottom:10px;
}

.post-header{
    padding-bottom:5px;
    margin-bottom:10px;
    margin-top:10px;        
}

.post-header h2{
    margin-right:10px;
    
}

.date{
    float:left;
    margin:6px 0 0 0;
	color:#AAAAAA;
	font-size:16px;
}

.desc-comment{ 
    float:right;
    margin:8px 0 0 0;
}

.writing p{
    margin-bottom:15px;    
}


.wp-caption a{
	border:none;
	text-decoration:none;
}

.wp-caption a:hover{
	background:none;	
	padding:0;
}

.writing code, img{
    border:none;
    margin:5px;
}

.writing blockquote{       
    margin:5px 5px 5px 20px;
    padding:0 0 0 10px;
    color:#4d4d4d;
    border-left: solid 3px #003366;
}

.writing blockquote blockquote{
    margin:5px 5px 5px 20px;
    padding:0 0 0 10px;
    color:#4d4d4d;
    border-left: solid 3px #003366;
}

.writing code{
    font-family : Consolas, monospace;
    color : #1c1c1c;
    font-size:13px;
}

.writing ul, .writing ol{
    margin:0 0 15px 20px;
    padding:5px;
}


.writing ul ul, .writing ul ol, .writing ol ol, .writing ol ul{
    margin:0 0 15px 40px;
    padding:5px;
}

.ads-single{
	text-align:center;
	margin:5px 0 10px 0;
}

.ads-post{
	text-align:left;
	margin:0 5px 5px 5px;
}

.ads-header{
	margin-bottom:10px;	
	font-size:20px;
}

img.aligncenter {
    display:block;
    text-align:center;
    margin:auto;
}

img.alignright {
    padding : 4px 4px 4px 10px;
    margin : 0 0 2px 7px;
    display:block;
}

img.alignleft {
    padding : 4px 20px 4px 4px;
    margin : 0 7px 2px 0;
    display:block;
}

.alignright {
    float : right;
}

.alignleft {
    float : left;
}

.aligncenter{
    margin:auto;
}

.wp-caption {
    max-width:95%;
    padding : 5px 5px 0 5px;
    text-align : center;
    margin-bottom:15px;
}

.wp-caption-text {
    margin:-6px 4px 5px 4px;
}

.wp-pagenavi{
    text-align:center;
}

.post-footer{
    border-bottom:dotted 1px #E0E0E0;
    border-top:dotted 1px #E0E0E0;
    padding:5px;
    font-size:12px;
}

.post-footer ol{
	margin-left:20px;
}

#post-link{
	margin-top:30px;
}

#navigation{

	font-size:25px;
	line-height:1.2em;
	margin-bottom:20px;
}

#navigation ul{
	list-style:none;
	font-family: 'Indie Flower', 'trebuchet ms';
}

#navigation li a{
	text-decoration:none;	
	color:#C2C2C2;
}

#navigation li a:hover{
	text-decoration:none;
	color:#E0E0E0;
}

#sidebar{
	width:20%;
	margin-left:1%;
	float:left;	
	text-align:left;
	font-size:12px;		
	padding-left:15px;
	border-right:solid 1px #C2C2C2;
}

#sidebar h2{
    font-size:17px;    
	color:#888888;
	line-height:1.3px;
	padding:15px 0 15px 0;  
}

#sidebar h2 a{
 	font-size:17px;
}

#sidebar p{
	margin-bottom:5px;
		
}

.widget{
	border-bottom:solid 1px #C2C2C2;
	padding:10px;
	border-top:solid 1px #C2C2C2;
}

#sidebar ul{
    list-style:none;   
    
}


#sidebar ul li{
    padding:3px;     
}

#searchform{
    margin-bottom:25px;
    margin-top:25px;
}

#comments{
    margin:20px 10px 10px 0;
}

#comments h2{
    font-size:20px;
    padding-bottom:5px;
}

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

.no-comment{
    background:#CCCC99;
    margin-bottom:20px;
}

.no-comment p{
    padding:10px;
}

.gravatar{
    padding:3px 0 0 3px;
}

.comment-by{
    padding-bottom:5px;
    
}

.comment{
    list-style:none;
    margin-bottom:20px;
    background:#C2C2C2;
    padding:20px;
}

.comment-author{
    list-style:none;
    margin-bottom:20px;
    background:#FFFFFF;
	border:solid 2px #C2C2C2;	
    padding:20px;	
    
}

.comment-title{
    float:left;
    margin:0 20px 20px 0;
}

.comment-content{
    float:left;
    width:80%;
}

.reply{
    text-align:right;
}
.trackbacks{
    margin:10px 0 10px 0;
}

.trackbacks li {
    margin:20px 0 10px 0;
    list-style:none;
    padding: 20px;
}

.reply{
    margin-bottom:10px;
}

#respond h2{
    font-size:20px;
}

#footer{
	margin-top:50px;
	background:#C2C2C2;
	padding:10px;
	font-size:12px;
}

.clear{
	clear:both;
}

.left{
	float:left;
}

.right{
	float:right;
}

img#wpstats{display:none;}



#socialbutton{
	float:right;		
	padding-top:10px;
	padding-right:4%;
}

#socialbutton ul{
	display:inline;
	list-style:none;		
}

#socialbutton li{
	float:left;
	padding-right:30px;	
}