/*  
Theme Name: HardBlog
Theme URI: http://daily.hardblush.com/
Description: HardBlog Wordpress Theme
Version: 1
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
background: #312b2b url(images/head_bg.png) repeat-x top;
font-family: verdana, sans-serif;
font-size: 11px;
color: #4a4747;
}

a   { color: #767070; }
.cl { clear: both; }



/* header ******************************/
/* header ******************************/

.head {
width: 784px;
height: 218px;
padding: 0 68px;
margin: 0 auto;
overflow: hidden;
background: url(images/head_fg.png) no-repeat;
}

	.head .logo {
	display: block;
	float: left;
	width: 140px;
	height: 0;
	padding-top: 139px;
	overflow: hidden;
	}
	
	.head .banners {
	float: left;
	width: 628px;
	height: 102px;
	padding: 7px 16px 0 0;
	}
	
	.head .banners img {
	float: right;
	border: 2px solid #555050;
	margin-left: 7px;
	}
	
	.head .topnav {
	float: left;
	width: 628px;
	height: 30px;
	padding: 0 16px 0 0;
	}
	
		.head .topnav ul    { display: inline; float: right; list-style: none; }
		.head .topnav ul li { display: inline; }
	
		.head .topnav ul li a {
		float: left;
		line-height: 14px;
		padding: 8px;
		margin-left: 4px;
		background: #4a4242;
		font-family: impact, charcoal, "arial narrow", sans-serif;
		font-size: 14px;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		color: #999898;
		letter-spacing: 0.1em;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		}
		
		.head .topnav ul li a:hover { background: #605757; color: #cdcdcd; }
	

/* container ******************************/
/* container ******************************/

.container {
width: 900px;
margin: 0 auto;
}

	.container .left,
	.container .right {
	float: left;
	width: 58px;
	height: 229px;
	}

	.container .left  { background: url(images/left_top.png) no-repeat; }
	.container .right { background: url(images/right_top.png) no-repeat; }
	
	.container .center {
	float: left;
	width: 704px;
	padding: 0 40px;
	background: url(images/cont_bg.png) repeat-y;
	overflow: visible;
	}
	
	.container .centinner {
	width: 704px;
	margin: -75px 0 0 0;
	}
	
	.container .subnav { line-height: 18px; padding: 9px 0; z-index: 50; }
	
		.container .subnav ul      { display: inline; list-style: none; margin-left: -10px; }
		.container .subnav ul li   { display: inline; }
		.container .subnav ul li a { text-decoration: none; padding: 0 10px; border-right: 1px solid #343434; }
		
	
	.container .dashbreak {
	height: 5px;
	border-bottom: 3px dashed #202020;
	margin: 0 0 20px 0;
	}

	.container .extendedheader {
	
	}



/* content ******************************/
/* content ******************************/

.content {
float: left;
width: 450px;
padding: 0 60px 0 0;
margin-left: -5px;
}

	.content h1 {
	font-weight: bold;
	font-size: 14px;
	color: #bdacac;
	padding: 0 0 18px 0;
	}

	.content h2, .content h2 a {
	padding: 0 0 18px 0;
	font-family: impact, charcoal, "arial narrow", sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #f30083;
	letter-spacing: 0.1em;
	}
	
	.content .linebreak { height: 20px; background: url(images/cont_line.png) no-repeat top left; }
	
	.content .post { padding-bottom: 5px; }
	
		.content .postinfo {
		margin: -16px 0 10px;
		line-height: 18px;
		font-size: 10px;
		}
		
		.content .postinfo a { text-decoration: none; }

		.content .postcont {
		font-size: 12px;
		line-height: 18px;
		color: #999898;
		}

		.content .postcont p      { padding-bottom: 16px; text-indent:10px;}
		.content .postcont p img      { margin-left: 0px; margin-bottom: -12px; text-indent:0px; }
		.content .postcont p object      { margin-left: -5px; margin-bottom: -12px; text-indent:0; }
		.content .postlinks       { padding: 6px 0; }
		.content .postlinks ul    { display: inline; list-style: none; }
		.content .postlinks ul li { display: inline; }
		
		.content .postlinks ul li a {
		line-height: 12px;
		padding: 2px 4px;
		margin-right: 4px;
		/**background: #4a4242;*/
		font-family: impact, charcoal, "arial narrow", sans-serif;
		font-size: 11px;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		color: #605858;
		letter-spacing: 0.1em;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		}
		
		.content .postlinks ul li a:hover { background: #605757; color: #cdcdcd; }
		
		.content .postcont img {
		background-color: #252537;
		border: 3px dashed #353537;
		}
		
		.content .postcont a:hover img {
		background-color: #652537;
		border: 3px dashed hotpink;
		}
		
		.content .postcont a     { color: #bdacac; }
		.content .postcont ul    { list-style: none; padding-bottom: 18px; }
		.content .postcont ul li { padding-left: 15px; background: url(images/bullet_square.gif) no-repeat 0 8px; }
		
		.content .postcont h3, .content .postcont h4 {
		font-weight: bold;
		font-size: 14px;
		color: #bdacac;
		padding: 18px 0 18px 0;
		}
		
		.content .postcont h4 { font-size: 12px; }
		

		
	.content .pagenav {
	padding: 0 0 36px;
	}
	
	.content .pagenav a {
	font-size: 12px;
	color: #f30083;
	padding: 5px;
	text-decoration: none;
	}


/* comments ******************************/
/* comments ******************************/

.depth { padding-left: 40px; }

	.incomment h3, .incomment h3 a {
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 18px 0;
	color: #bdacac;
	text-decoration: none;
	}
	
	.incomment .button {
	float: right;
	padding-top: 8px;
	}
	
	.incomment .button a {
	line-height: 12px;
	padding: 2px 4px;
	height: 24px;
	/*background: #4a4242;*/
	font-family: impact, charcoal, "arial narrow", sans-serif;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #605858;
	letter-spacing: 0.1em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	}
	
	.incomment .button a:hover { background: #605757; color: #cdcdcd; }


.commentform { padding-bottom: 40px; }

	.commentform label {
	display: block;
	float: left;
	width: 120px;
	height: 30px;
	line-height: 18px;
	color: #949494;
	}

	.commentform input {
	height: 18px;
	margin-bottom: 12px;
	}

	.commentform input, .commentform textarea {
	display: block;
	float: left;
	width: 280px;
	background: #161616;
	border: none;
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #999898;
	line-height: 14px;
	padding: 5px;
	}
	
	.commentform button {
	width: 100px;
	background: #4a4242;
	margin: 5px 0 0 120px;
	border: none;
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #999898;
	line-height: 14px;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	}

	.commentform button:hover {
	background: #605757;
	color: #cdcdcd;
	}




/* sidebar ******************************/
/* sidebar ******************************/

.sidebar {
float: left;
width: 190px;
}

	.sidebar h2, .sidebar h2 a {
	padding-bottom: 10px;
	font-family: impact, charcoal, "arial narrow", sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #f30083;
	letter-spacing: 0.1em;
	}
	
	.sidebar .linebreak { height: 10px; background: url(images/side_line.png) no-repeat top left; }
	
	.sidebar .widget { padding-bottom: 10px; }
	
		.sidebar .widget ul    { list-style: none; padding-bottom: 8px; }
		.sidebar .widget ul li { }

		.sidebar .widget ul li a {
		display: block;
		background: url(images/bullet_arrow.gif) no-repeat 0 10px;
		padding: 5px 0 5px 14px;
		line-height: 14px;
		text-decoration: none;
		}

		.sidebar .widget ul li a:hover { color: #aaaaaa; background-color: #181818; }
		
		.sidebar .widget {
		
		}
	
	
	.sidebar #searchform {
	padding: 0 0 12px;
	}
	
		.sidebar .widget label { display: none; }
	
		.sidebar input[type="text"] {
		width: 113px;
		background: #161616;
		border: none;
		font-family: verdana, sans-serif;
		font-size: 11px;
		color: #999898;
		line-height: 14px;
		padding: 5px;
		}

		.sidebar input[type="submit"] {
		width: 60px;
		background: #4a4242;
		border: none;
		font-family: verdana, sans-serif;
		font-size: 11px;
		color: #999898;
		line-height: 14px;
		padding: 5px;
		text-align: center;
		cursor: pointer;
		}

		.sidebar .widget input#searchsubmit:hover {
		background: #605757;
		color: #cdcdcd;
		}

	.sidebar .dynamic {
	list-style: none;
	}
	
		.sidebar .dynamic li {
		padding-bottom: 10px;
		background: url(images/side_line.png) no-repeat bottom left;
		margin-bottom: 20px;
		// border-bottom: 3px dashed #202020;
		}
		
		.sidebar .dynamic li ul li {
		border: none;
		margin-bottom: 0;
		padding-bottom: 0;
		background: none;
		}
		
	
	.sidebar h3 {
	padding: 5px 0 10px;
	}
	
	.sidebar #wp-calendar {
	line-height: 18px;
	padding-bottom: 8px;
	}




/* footer ******************************/
/* footer ******************************/

.footer {
width: 920px;
height: 80px;
margin-left: -108px;
background: url(images/foot_bg.png) no-repeat;
}

	.footer p {
	font-family: impact, charcoal, "arial narrow", sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #999898;
	letter-spacing: 0.1em;
	padding: 0 0 18px 0;
	}
	
	.footer p a { color: #7c7c7c; }




/* misc ******************************/
/* misc ******************************/


.highlight {
color: #222;
font-weight: bold;
}

.cleared {
margin: 0;
padding: 0;
clear: both;
}

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

.alignright {
float: right;
margin: 5px 0 5px 10px;
}
  
.aligncenter {
margin: 10px auto;
text-align: center;
display: block;
}

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

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

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

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

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

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

.hbbadges .f         { border: 1px solid hotpink; }
	.hbbadges .f:hover   { border: 1px solid pink; }

div.editprofile { 
margin: 0 auto 0 auto;
float: right;
display:inline;
}

div.editprofile a{ 
display:inline;
font-weight: bold;
}







/* website badges *********************/

.hbbadges {
position: absolute;
top: 10px;
right: 10px;
width: 37px;
z-index: 1000;
}
	.hbbadges a { display: block; width: 35px; height: 35px; margin-bottom: 6px; }

	.hbbadges .hb        { border: 1px solid #ef0081; }
	.hbbadges .hb:hover  { border: 1px solid #ff4fa7; }
	.hbbadges .hbc       { border: 1px solid #aed271; }
	.hbbadges .hbc:hover { border: 1px solid #d8fd98; }
	.hbbadges .b         { border: 1px solid #01bdf2; }
	.hbbadges .b:hover   { border: 1px solid #5be8ff; }
