/*
Theme Name: Harbott
Theme URI: http://wordpress.org/
Description: The default template for my blog
Version: 1.0
Author: Arif Harbott
Author URI: http://www.harbott.com/
Tags: harbott, fixed width, two columns, widgets
*/

/* Global */
body { 
	background: url('images/body.gif'); margin: 20px 0 20px 0; padding:0;
}
body, table, td, p, ul, ol, li, input, select, textarea, span, button, label, span { 
	font-family:arial, helvetica, sans-serif; font-weight:normal; color:#4D4D4D; font-size:12px;
}


/* Main Styles */
#page {
	height:auto; margin:0 auto 0 auto; width:948px; padding:0 15px 0 15px; background-color: #FFFFFF;
}
#header {
	/* background:url('images/header.gif') no-repeat; */ height:auto; padding: 20px 0 20px 0; margin:0; border-bottom: 2px solid #EAEAEA; font-size: 13px;
}
#menu {
	padding:5px 10px 5px 10px; height:auto; margin:10px 0 0 0; background-color:#B7B4B4;
}
#contentWrapper {
	padding:20px 0 20px 0; margin:0 0 0 0; /* background:url('images/background.gif'); */ float:left;  
}
#footer {
	height:auto; margin:0 auto 0 auto; width:948px; padding: 15px; clear:both; /* background:url('images/footer.gif') no-repeat; */  background-color: #EAEAEA;
}


/* Child Styles */
#logo { float:left; display:inline; width:380px; }
#logo h1 { font-size:340%; font-weight:bold; letter-spacing:-5px; margin:0; text-transform:uppercase; }
#logo h1 a, #logo h1 a:link, #logo h1 a:active, #logo h1 a:visited { color:#B7B4B4; }
#logo h1 a:hover { color:#000000; text-decoration:none; }

#header a { color:#4D4D4D; }
#header a:hover { text-decoration:underline; }

#subscribe { float:right; display:inline; width:155px; padding:0 40px 0 0; }  

#menu a, #menu a:link, #menu a:active, #menu a:visited { color:#FFFFFF; font-size:170%; font-weight:bolder; text-transform:uppercase; letter-spacing:-2px; margin:0 20px 0 0; }
#menu a:hover { color:#000000; text-decoration:none; }

#sidebar a, #sidebar a:link, #sidebar a:active, #sidebar a:visited { color:#000000; }
#sidebar a:hover { color:#AC5600; }

#sidebar h2 { font-size: 140%; margin-top: 20px; border-bottom: 1px solid #DFDAD5; padding-bottom: 3px; }

#footer p { font-size:80%; padding:10px 0 0 0; margin:0; }


/* Typography */
a, a:link, a:active, a:visited { text-decoration:none; color:#AC5600; }
a:hover { color:#7F8967; text-decoration:none; } 
a img { border:0; }

h1, h2, h3, h4 { font-weight:lighter; }
h1 { margin:0 0 15px 0; padding:0 0 0 0; font-size:200%; } 
h2 { font-size:170%; margin:0 0 10px 0; font-size:170%; letter-spacing:-1px; }
h3 { font-size:120%; margin:30px 0 15px 0; font-weight: bold; }
h4 { font-size:110%; margin:10px 0 10px 0; font-weight: bold; }

p { line-height:1.4em; }

/*
ul, ol { margin:10px 0 10px 0;  }
li { margin:2px 0 2px 0; }
*/
.absmiddle { vertical-align:middle; }

/* Site Specific */
.narrowcolumn { float:left; padding: 0 0 20px 0; margin: 0 0 0; width:660px; }
.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; }

.post { margin: 0 0 20px 0; border-bottom:1px dotted #B7B4B4; padding:0 0 10px 0; }
.post hr { display: block; }

#sidebar { padding: 0 0 0 0; float:left; width:255px; margin:0 0 0 30px; }

.narrowcolumn .postmetadata { padding-top: 5px; }

.widecolumn .post { margin: 0; }
.widecolumn .postmetadata { margin: 30px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }
.widecolumn .entry p { font-size: 1.05em; }

.postmetadata { clear: both; }
.tags { float:right; /* font-size:0.85em; */}
.tags a { color:#000000; }

.clear { clear: both; }

.about { margin-top: 10px; /*font-size:0.95em;*/  }
.bookmark { font-size:0.9em; padding:0 0 15px 0; }
.bookmark img { margin:0 0 0 5px; }

.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }

.depth-1 { border: 1px solid #ddd; }

.even, .alt { border-left: 1px solid #ddd; }

small {	font-size: 1.0em; }
small a, small a:link, small a:active, small a:visited { color:#000000; }
small a:hover { color:#AC5600; }

.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }

.commentmetadata { font-weight: normal; }

#sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike { color: #777; }

code { font: 1.1em 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }

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

.clear { clear:both; }

.contactmethod { margin: 0 10px 0 0; padding:10px 0 10px 0; float:left; }

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; 	}
html>body .entry li { margin: 7px 0 8px 10px; }

.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; }
.entry ol {	padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }

.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 25px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 0; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 10px 0 0 0; padding: 0; }
/* End Entry Lists */

/* Begin Form Elements */
#searchform { margin: 10px 0 10px 0; padding: 5px 0 5px 0; }
#sidebar #searchform #s { width: 120px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; }

select { width: 130px; }

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; float: right;}
/* End Form Elements */


/* Begin Comments*/
.alt { margin: 20px 0 0 0; padding: 10px; }

.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }

.children { padding: 0; }

#commentform p { margin: 5px 0; }

.nocomments { text-align: center; margin: 0; padding: 0; }

.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } 
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }

blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote, blockquote p { color: #777777; font-size:103%; }
blockquote cite { margin: 5px 0 0; display: block;  }

.center { text-align: center; }

.hidden { display: none; }

a img { border: none; }

.navigation { display: block;  margin-top: 10px; padding-bottom: 40px; }
/* End Various Tags & Classes*/


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

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	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; }
/* End captions */