@import url('cssreset.css');

/*  
Theme Name: Bloggingly August 09
Theme URI: http://bloggingly.com
Description: the three column theme for bloggingly 
Version: 2.0
Author: Fikri Rasyid
Author URI: http://www.fikrirasyid.com

*/


body{
font-family:arial, helvetica, sans-serif;
font-size:13px;
line-height:1.54em;
vertical-align:baseline;
color:#222222;
margin:0;
padding:0;
}

h1, h2, h3, h4, h5{
font-family:helvetica, arial;
}

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

a:hover{
text-decoration:underline;
}

small{
	color:#3F3F3F;
	font-size:10px;
	line-height: 1.5em;
	}

ul li{
	list-style:disc;
	margin:0 0 10px 0;
	}
	
blockquote{
	float:left;
	width:450px;
	border-top:1px dotted #e2e2e2;
	border-bottom:1px dotted #e2e2e2;
	font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-size: 16.8px;
	line-height:1.6;
	margin:10px 0 20px 0;
	padding:10px 0 10px 50px;
	background: url(images/blockquote.gif) no-repeat top left;
	}

.post-content ul, .post-content ol{
	margin:10px 0 20px 30px;
	}

.post-content ul li, .post-content ol li{
margin:0 0 10px 0;
}

p{
	line-height:1.5em;
	margin:0 0 15px 0;
	}	
/* ---------- @ Page Structure -----------*/

#overall {
	float:left;
	width:100%;
	background:#ffffff;
	}

.wrapper {
	margin: 0 auto;
	font-size: 1em;
	width: 975px;
	background:#ffffff;
	}
	
/* ---------- @ Headings -----------*/
	
#header{
float:left;
width:975px;
}	

#blog-icon{
	float:left;
	width:170px;
	background:#fff;
	}

#the-icon{
	margin:50px 0 50px 0;
	font-size:1.6em;
	text-indent:-900em;
	display:block;
	float:left;
	background:url(images/blogginglyicon170.gif) no-repeat;
	width:170px;
	height:48px;
	}

#home-message{
	float:left;
	width:158px;
	font-size:11px;
	padding:0 5px;
	margin:0 0 10px 0;
	border:1px dotted #e2e2e2;
	}
	
/* ---------- @ Body -----------*/
	
#body{
float:left;
width:975px;
}	

/* ---------- @ Sidebar Left -----------*/
.sidebar-left{
	float:left;
	width:170px;
	margin:0 10px 0 0;
	}

.sidebar-left li{
	list-style:none;
	}
	
#about-box{
	border:1px dotted #e2e2e2;
	padding:2px 5px;
	font-size:11px;
	float:left;
	width:168px;
	font-style:italic;
	}

/* Menu */

#menu-page ul{
	float:left;
	width:170px;
	margin:0 0 20px 0;
	}

#menu-page ul li a{
	float:left;
	width:166px;
	font-size:11px;
	display:block;
	padding:2px;
	border-bottom:1px solid #e2e2e2;
	}
	
#menu-page ul li a:hover{
	text-decoration:none;
	color:#fff;
	background:#CC0000;
	}

	
/* Sidebar Inside */

.sidebar-items{
	float:left;
	width:159px;
	padding:10px 10px 20px 0;
	border-top:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
}	

.sidebar-items h2{
margin:10px 0;
}

/* Subscribe*/

#subscribe{
float:left;
width:158px;
padding:5px;
background:#FDFFEF;
border:1px dotted #D9DFA7;
margin:0 0 10px 0;
}


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

#subscribe small{
margin:0;
padding:0;
line-height:1.5;
}

.what{
padding:0 0 0 20px;
background:url(images/info.gif) no-repeat top left;
}

.rss{
padding:0 0 0 20px;
background:url(images/feed_mini.gif) no-repeat top left;
}

.facebook{
padding:0 0 0 20px;
background:url(images/facebook.gif) no-repeat top left;
}

.twitter{
padding:0 0 0 20px;
background:url(images/twitter.png) no-repeat top left;
}

.emailsubs{
padding:0 0 0 20px;
background:url(images/gmail.gif) no-repeat bottom left;
}

.gravatar-pic{
padding:0 0 0 20px;
background:url(images/gravatar-pic.png) no-repeat top left;
}

/* Category */

.widget_categories ul li ul{
margin:0 0 0 20px;
}

.widget_categories li{
margin:0 0 5px 0;
padding:0;
}

/* ---------- @ Content -----------*/

#archive-title h2{
	margin:0 0 30px 0;
	}

.content{
	float:left;
	width:510px;
	margin:0 10px 0 10px;
	}

.content a:hover{
	text-decoration:none;
	background:#CC0000;
	color:#fff;
	}
	
	
.post{
	float:left;
	width:510px;
	margin:0 10px 30px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #e2e2e2;
	}
	
.post-date{
	font-family: "Lucida Grande",Arial,Helvetica,sans-serif;
	font-size: 10.12px;
	font-style:italic;
	color:#CCC9B1;
	}

.post-title{
	float:left;
	width:510px;
	margin:0 0 20px 0;
	}

	
.post-title h1, .post-title a, .post-title a:hover, .post-title a:visited{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#CC0000;
	text-decoration:none;
	font-size:24px;
	line-height:1.5em;
	}



.post-title a:hover{
	color:#9F0000;
	background:#fff;
	}	

.post-subtitle{
	float:left;
	width:510px;
	}
	
.post-info{
	font-size:11px;
	line-height:5px;
	font-style:italic;
	}

.post-content{
	font-size:12px;
	line-height:1.3em;
	}

.post-comments{
	float:right;
	background:#9F0000;	
	padding:3px;
	color:#fff;
	}

.post-comments a{
	color:#fff;
	}
	
.content h3 {margin:15px 0 15px 0; line-height:1.5em; font-size:17px}
.content h3 {margin:15px 0 15px 0; line-height:1.5em; font-size:13px}
	
.post-content h1{color:#000; margin:50px 0 20px 0; line-height: 1.5em; font-size:24px}
.post-content h2{color:#000; margin:50px 0 20px 0; line-height: 1.5em; font-size:19px;}
.post-content h3{color:#000; margin:50px 0 20px 0; line-height: 1.5em; font-size:15px;}
.post-content h4{color:#000; margin:50px 0 20px 0; line-height: 1.5em; font-size:10px}

.additional-paragraph{
	float:left;
	width:498px;
	padding:5px 5px 0 5px;
	background:#FDFFEF;
	border:1px solid #D9DFA7;
	margin:20px 0 5px 0;
	}
	
#about-author{
	border: 1px solid rgb(221, 221, 221); 
	margin: 0pt 0pt 10px 0; 
	padding: 5px; 
	background: rgb(248, 248, 248) none repeat scroll 0% 0%; 
	float: left; 
	width: 498px; 
	}

#about-author .avatar { 
	margin: 0pt 10px 0px 0pt; 
	float: left; 
	}
	
#related-posts{
	float:left;
	width:510px;
	margin:0 0 20px 0;
	}

#related-posts ul{
padding:0 0 0 30px;
}

#related-posts ul li{
margin:0;
}
	
/* ----------- @ Navigation ---------------*/

.navigation{
	float:left;
	width:500px;
	margin:0 0 30px 0;
	}
	
.navigation a{
	color:#fff;
	text-decoration:none;
	background:#9F0000;
	padding:2px 5px;
	margin:0 0 10px 0;
	}	
	
#single-navigation{
	float:left;
	width:510px;
	padding:10px 0;
	margin:10px 0;
	border-top:1px dotted #e2e2e2;
	border-bottom:1px dotted #e2e2e2;
	}

#single-navigation p{
	float:left;
	padding:2px;
	background:#CC0000;
	color:#fff;
	margin:0 0 2px 0;
}	
	
#single-navigation a{
	line-height:1.2em;
	color:#fff;
	}
	

/* Comments Section */

.trackbacklist ol{
	float:left;
	width:510px;
	margin:0 0 40px 0;
}


.commentlist li, .trackbacklist li{
list-style:none;
float:left;
width:490px;
background:#efefef;
margin:0 0 10px 0;
padding:10px;
}	


.commentlist li.bypostauthor {
	background:#e2e2e2;
}

.trackbacklist li{
background:#FFFFEF;
}

.commentlist .avatar{
	float:left;
	padding:2px;
	border:1px solid #e2e2e2;
	margin:0 5px 5px 0;
	}

.commentlist span{
	font-size:11px;
	}
	
.fn{
	font-size:11px;
	line-height:1.33em;
	margin:0 5px 10px 0;
	}

.commentmetadata{
	font-size:11px;
	}
	
	
.comment-text{
	float:left;
	width:470px;
	padding:20px;
	}

.commentlist p{
	float:left;
	width:490px;
	}

.commentlist .reply{
	float:right;
	}

#commenting-rules{
float:left;
width:510px;
font-size:10px;
margin:0 0 10px 0;
}

#comment{
	width:490px;
	}

.subscribe-to-comments{
float:left;
width:510px;
padding:5px 0;
}
	
/* ---------- @ Sidebar Right -----------*/

#sidebar-right{
	float:left;
	width:235px;
	height:690px;
	margin:0 0 0 20px;	
	}

#sidebar-right a{
	color:#808080;
	}
	
	
#recent-comment h3{
margin:0 0 20px 0;
border-bottom:1px solid #cccccc;
}	
	
#sidebar-right .widgettitle, #sidebar-right h3, #sidebar-right h2, #sidebar-right h3, .widgettitle{
margin:40px 0 20px 0;
border-bottom:1px solid #cccccc;
}

#sidebar-right li{
list-style:none;
}

/* searcch form */


#search-section{
	float:right;
	width:235px;
	background:#CC0000;
	margin:0 0 20px 0;
	}
	
#s{
	width:227px;
	margin:3px;
	border:1px solid #e8e8e8;
	}


/* Recent Comments*/

#recent-comments{
float:left;
width:225px;
margin:10px 0 20px 0;
padding:5px;
}

#recent-comments  li{
float:left;
width:225px;
list-style:none;
margin:0;
padding:5px 0;
border-bottom:1px dotted #e2e2e2;
}

#recent-comments li em{
margin:0 10px 0 0;
font-weight:bold;
}

/* ---------- @ Footer -----------*/
	
#footer{
float:left;
width:975px;
background:url(images/closetag170.gif)no-repeat left;
margin:20px 0 0 0;
padding:20px 0 40px 0;
border-top:3px solid #CC0000;
text-align:center;
font-size:11px;
}	


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

.wp-caption {
	background-color:#EAE9E9;
	border:1px solid #cfcfcf;
	text-align: center;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	border:0;
	margin: 0;
	padding: 0;
}


.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


/* ----------------------- Begin Images ----------------------*/
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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

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

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}