/*

Theme Name: Hong Kong Night Theme

Theme URI:

Description: Hong Kong Night Theme is a unique Widget ready WordPress theme with 2 columns, right sidebar and fixed width. Tested on Firefox, Internet Explorer 6, 7 and Opera. Theme is XHTML/CSS valid and SEO friendly.

Version: 1.0

Author: WP Town

Author URI:

Tags: black, 2 columns, widget ready, right sidebar, fixed width, seo friendly

*/







/* General */



body {

	margin: 0;

	background: #27282d;

}



h1, h2, h3, h4 {

	margin: 0;

}



img {

	border: 0;

}



.clear {

	clear: both;

	height: 0;

	overflow: hidden;

}





/* Page */



#page {

	margin: 0 auto;

	width: 1004px;

	background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/page.jpg") no-repeat;

}





/* Header */



#header {

	width: 1004px;

	height: 380px;

	position: relative;

}



	/* Header - Info */



	#header #header-info {

		position: absolute;

		top: 20px;

		left: 85px;

		width: 520px;

		text-align: center;

	}



	#header #header-info h1 {

		color: #222222;

		font: normal 32px Verdana;

		padding-bottom: 5px;

	}



	#header #header-info h1 a {

		color: #222222;

		text-decoration: none;

	}



	#header #header-info .description {

		color: #222222;

		font: normal 18px Verdana;

	}





/* Main */



#main {

	width: 1013px;

}



	/* Main - Content */



	#content {

		float: left;

		width: 770px;

		padding: 0 15px 0 0px;

	}



	/* Main - Content - Post */



	#content .post {

		float: left;

		margin-bottom: 12px;

		width: 770px;

	}



		#content .post .post-top {

			width: 770px;

			height: 0px;

			background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/post_top.pn") no-repeat;

			background-color: ##141518;

		}



		#content .post .post-in {

			width: 770px;

			background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/post_in.pn") repeat-y;

			background-color: #141518;

		}



		#content .post .post-bottom {

			width: 750px;

			height: 10px;

			background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/post_bottom.pn") no-repeat;

			background-color: #141518;

		}



		/* Post - Title */



		#content .post .post-title {

			width: 719px;

			padding: 10px 12px 0 10px;

			background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/post_title.gi") no-repeat;

			color: #663333;

			font: bold 12px Verdana;

			background-color: #141518;

		}



		#content .post .post-title a {

			color: #663333;

			text-decoration: none;

		}



		#content .post .post-title a:hover {

			text-decoration: underline;

		}



		#content .post .post-title .post-date {

			float: left;

			text-align: center;

			text-transform: lowercase;

			color: #75767e;

			width: 50px;

			height: 50px;

			padding: 0 2px 3px 0;

			background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/post_date.png") no-repeat;

			margin-right: 13px;

			font: bold 16px Verdana;

		}



		#content .post .post-title .post-date span {

			padding: 3px 0 1px 0;

			font: normal 19px Verdana;

			display: block;

		}



		#content .post .post-title h2 {

			color: #cc0000;

			font: normal 23px Verdana;

		}



		#content .post .post-title h2 a {

			color: #cc0000;

			text-decoration: none;

		}



		#content .post .post-title h2 a:hover {

			text-decoration: underline;

		}



		#content .post .post-title .post-title-info {

			padding-top: 9px;

		}



		/* Post - Entry */



		#content .post .post-entry {

			padding: 0 12px 0 10px;

			width: 719px;

			font: normal 13px/19px Verdana;

			color: #999999;

		}



		#content .post .post-entry a {

			color: #999999;

			text-decoration: none;

		}



		#content .post .post-entry a:hover {

			text-decoration: underline;

		}



		#content .post .post-entry a.more-link {

			font-weight: bold;

		}



		#content .post .post-entry blockquote {

			border-left: 10px solid #161517;

			margin: 0px 30px;

			padding-left: 15px;

		}



		/* Post - Info */



		#content .post .post-info {

			clear: both;

			width: 719px;

			padding: 0 12px 0 10px;

			text-align: right;

			background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/post_info.gif") no-repeat left bottom;

			font: bold 12px/20px Verdana;

			height: 20px;

			color: #cc6633;

		}



		#content .post .post-info a {

			color: #cc6633;

			text-decoration: none;

		}



		#content .post .post-info a:hover {

			text-decoration: underline;

		}



		/* Post - Subtitle */



		#content .post h3 {

			margin: 20px 0 5px 0;

			color: #990000;

			font: bold 15px Verdana;

		}



		/* Post - Comments */



		#content .post .comments {

			width: 719px;

			font: normal 12px/19px Verdana;

			color: #75767e;

		}



		#content .post .comments ol {

			margin: 10px 0;

			padding-left: 25px;

		}



		#content .post .comments ol li {

			padding: 5px;

		}



		#content .post .comments ol li a {

			color: #aeb1bf;

			text-decoration: none;

		}



		#content .post .comments ol li a:hover {

			text-decoration: underline;

		}



		#content .post .comments ol li.alt {

			background: #161517;

		}



		#content .post .comments ol li cite {

			color: #aeb1bf;

			font-style: normal;

			font-weight: bold;

		}



		#content .post .comments ol li cite a {

			color: #aeb1bf;

			text-decoration: none;

		}



		#content .post .comments ol li cite a:hover {

			text-decoration: underline;

		}



		.content-derk {

			display:none;

		}



		#content .post .comments ol li .commentmetadata a {

			color: #aeb1bf;

			text-decoration: none;

		}



		#content .post .comments ol li .commentmetadata a:hover {

			text-decoration: underline;

		}



		/* Post - Comment Form */



		#content .post #commentform {

			width: 694px;

			font: normal 12px/19px Verdana;

			color: #75767e;

			padding-left: 25px;

			margin: 0;

		}



		#content .post #commentform a {

			color: #aeb1bf;

			text-decoration: none;

		}



		#content .post #commentform a:hover {

			text-decoration: underline;

		}



	/* Main - Content - Navigation */



	#content .navigation {

		width: 750px;

		color: #990000;

		float: left;

	}



	#content .navigation a {

		margin-bottom: 12px;

		font: bold 12px/30px Verdana;

		color: #990000;

		text-decoration: none;

		padding: 0 2px 3px 0;

		width: 150px;

		height: 30px;

		background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/navigation.png");

		text-align: center;

		display: block;

	}



	#content .navigation a:hover {

		text-decoration: underline;

	}



		#content .navigation .navigation-previous {

			float: left;

		}



		#content .navigation .navigation-next {

			float: right;

		}



	/* Main - Sidebar */



	#sidebar {

		float: left;

		width: 222px;

		font: normal 12px/19px Verdana;

		color: #888888;

	}



	#sidebar a {

		color: #990000;

		text-decoration: none;

	}



	#sidebar a:hover {

		text-decoration: underline;

	}



	/* Main - Sidebar - Boxes */



	#sidebar .sidebar-box {

		width: 222px;

		margin-bottom: 12px;

	}



		#sidebar .sidebar-box-top {

			width: 222px;

			height: 3px;

			background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/sidebar_box_top.png") no-repeat;

		}



		#sidebar .sidebar-box-in {

			width: 218px;

			padding: 0 3px 0 1px;

			background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/sidebar_box_in.png") repeat-y;

		}



			#sidebar .sidebar-box-in-box {

				margin-top: -2px;

				width: 218px;

				background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/sidebar_box_in_box.gif") repeat-y;

			}



			#sidebar .sidebar-box-in-top {

				width: 218px;

				background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/sidebar_box_in_top.gif") no-repeat;

			}



			#sidebar .sidebar-box-in-bottom {

				width: 218px;

				min-height: 50px;

				background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/sidebar_box_in_bottom.gif") no-repeat left bottom;

			}



		#sidebar .sidebar-box-bottom {

			width: 222px;

			height: 4px;

			background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/sidebar_box_bottom.png") no-repeat;

		}



		/* Sidebar - Titles */



		#sidebar h3 {

			width: 218px;

			height: 33px;

			padding-bottom: 4px;

			text-align: center;

			font: bold 16px/33px Verdana;

			color: #75767e;

			background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/sidebar_title.png") no-repeat;

		}



		/* Sidebar - Menus */



		#sidebar ul {

			margin: 0;

			padding: 0;

			list-style-type: none;

		}



		#sidebar ul li {

			color: #aeb1bf;

			font: bold 12px/30px Verdana;

		}



		#sidebar ul li a {

			color: #666666;

			text-decoration: none;

			padding-left: 10px;

			display: block;

			background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/sidebar_menu.gif") repeat-x left bottom;

		}



		#sidebar ul li a:hover {

			text-decoration: underline;

		}



			/* Sidebar - Menus - Submenus */



			#sidebar ul li ul {

				padding: 0;

			}



			#sidebar ul li ul li a {

				padding-left: 20px;

			}



		/* Sidebar - Forms */



		#sidebar #searchform {

			margin: 0;

			padding: 20px 0;

			width: 218px;

			text-align: center;

		}



		#sidebar #searchform #s {

			width: 168px;

		}



		/* Sidebar - Tables */



		#sidebar #calendar_wrap {

			margin: 0 auto;

			padding: 3px 0;

			width: 144px;

		}



		#sidebar #calendar_wrap caption {

			font-weight: bold;

		}



		#sidebar #calendar_wrap tbody {

			text-align: right;

		}



		#sidebar #calendar_wrap tfoot #next {

			text-align: right;

		}



		#sidebar #calendar_wrap #today {

			font-weight: bold;

		}



		/* Sidebar - Texts */



		#sidebar .textwidget {

			padding: 1px 6px 3px 6px;

		}





/* Footer */



#footer {

	margin: 0 0 12px 15px;

	width: 974px;

	height: 35px;

	padding: 0 2px 3px 0;

	background: url("http://www.mikekrautter.com/blog/wp-content/themes/hong_kong_night_theme/images/footer.png") no-repeat;

	color: #75767e;

	font: normal 12px/35px Verdana;

	text-align: center;

}



#footer a {

	color: #aeb1bf;

	text-decoration: none;

}



#footer a:hover {

	text-decoration: underline;

}

/* Custom */

#header {
	height:225px;
}

#main {
	width:1004px;
}

#content {
	padding-right:0;
}

#sidebar {
	float:right;
	width:219px;
}

#featured_posts,
#category_descriptions {
    float: left;
    display: block;
    margin-bottom: 15px;
}
.featured_post,
.category_description {
    display: block;
    float: left;
    padding: 10px;
    width: 47%;
    background: rgba(0,0,0,.8);
    font: bold 12px Verdana;
}
.featured_right {
    float: right;
}
.featured_post .meta {
    color: #e3e3e3;
    font: bold 12px Verdana;
}
.featured_post a {
    text-decoration: none;
}
.featured_post h2 {
    display: block;
    margin: 0 0 12px;
    font: 16px Verdana;
}
.featured_post p {
    margin: 0 0 12px;
    font: 12px Verdana;
    color: #999;
}
.featured_post img {
    float:right;
    margin:0 0 8px 8px;
}
.featured_post h2,
.featured_post .more {
    color: #CC0000;
}
.featured_post a:hover h2,
.featured_post a:hover .more {
    text-decoration: underline;
}
.category_description {
    padding: 0;
	width: 100%;
}
.category_description p {
    padding: 10px 20px;
    font: 14px Verdana;
    color: #999;
}

#mc_embed_signup fieldset {
	border:0;
	margin:0 0 0 -4px;
	padding:0;
	width:218px;
    text-align: center;
}
#mc_embed_signup legend {
    background: none repeat scroll 0 0 #000;
    color: #75767E;
    font: bold 13px/1.2 Verdana;
    padding: 4px 0 8px 2px;
    white-space: pre-wrap;
    width: 214px;
	border-bottom: 1px solid #333;
}
#mc_embed_signup div.response {
	display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #FBE3E4;color: #D12F19;
}
#mce-success-response {
	background: #E3FBE4;color: #529214;
}
#mc_embed_close {
	display: none;
}

