/*
Theme Name: Host Nine
Theme URI: http://hostnine.com
Description: The default blog theme for hostnine.com
Author URI: http://ex3me.org
Tags: fixed width, two columns, widgets
*/

@import url("css/reset.css");
@import url("css/layout.css");
@import url("css/header.css");
@import url("css/content.css");
@import url("css/footer.css");

#social-link  li{
	float:left;
	margin:0 0 13px 0;
	height:70px;
	text-indent:-9000px;
}
#social-link  li a {
	display:block;
	height:70px;
}

li#social-link-rss {
	width:53px;
	background:url('images/icon-rss.png') no-repeat;
	margin:0 25px 0 20px;
}
li#social-link-rss a {
	width:53px;
}
li#social-link-fb {
	width:42px;
	background:url('images/icon-fb.png') no-repeat;
	margin:0 25px 0 0;
}
li#social-link-fb a {
	width:42px;
}
li#social-link-twitter {
	width:78px;
	background:url('images/icon-twitter.png') no-repeat;
}
li#social-link-twitter a {
	width:78px;
}

/* sidebar */
#sidebar a {
	color:#A9D1F6;
}
#sidebar .widget-title {
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	color:#000;
	background:url('images/sidebar-title.png') no-repeat right top;
	float:left;
	height:32px;
	text-shadow:1px 1px 1px #666;
} 
#sidebar .widget-title span {
	display:block;
	height:23px;
	float:left;
	background:url('images/sidebar-title-shadow.png') repeat-y;
	padding:7px 23px 0 15px;
}

/* sidebar top*/
#sidebar-top {
	clear:both;
	float:left;
	width:280px;
	background:url('images/sidebar-t.png') no-repeat;
	padding:6px 0 0 0;
	margin:25px 0 0 0;
	position:relative;
}
#sidebar-top-t {
	float:left;
	width:280px;
	background:url('images/sidebar-b.png') no-repeat left bottom;
	padding:0 0 6px 0;
}
#sidebar-top-b {
	float:left;
	width:280px;
	background:url('images/sidebar.png') repeat-y;
}
#sidebar-top .widget-container {
	position:relative;
	clear:both;
	top:-20px;
	margin:0 0 0 0;
	width:280px;
}
#sidebar-top .widget-container ul {
	margin:0 0 20px 0;
}
#sidebar-top .widget-container li {
	text-shadow:1px 1px 1px #333;
	border-bottom:1px solid #555;
	line-height:17px;
}
#sidebar-top .widget-container li.current-cat {
	text-shadow:1px 1px 1px #CCC;
}
#sidebar-top .widget-container li a {
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:10px 15px 10px 15px;
	font-weight:normal;
}
#sidebar-top .widget-container li a:hover {
	background:#555555;
}

/*  sidebar ads */
#sidebar-ads {
	clear:both;

}
#sidebar-ads .widget-container {
	padding:20px 10px 10px 15px;
}

/* sidebar mids */
#sidebar-mid {
	clear:both;
	float:left;
	width:280px;
	background:url('images/sidebar-t.png') no-repeat;
	padding:6px 0 0 0;
	margin:45px 0 0 0;
	position:relative;
}
#sidebar-mid .widget-container {
	position:relative;
	clear:both;
	top:-20px;
	margin:0 0 0 0;
}
#sidebar-mid .textwidget {
	padding:10px 10px 0 15px;
	text-shadow:1px 1px 1px #333;
	line-height:17px;
}

.widget-container .current-cat a {
	background:#B7D32B;
	color:#333333!important;
}

#sidebar-bot {
	clear:both;
	float:left;
	width:280px;
	position:relative;
	margin:35px 0 0 0;
}
#sidebar-bot li {
	padding:7px 10px 7px 15px;
}

/* post */
.entry-title {
	font-size:22px;
	margin:0 0 8px 0;
	font-weight:bold;
	color:#1D74B0;
	line-height:22px;
}
.entry-title a {
	text-decoration:none;
}
.entry-meta {
	font-size:11px;
	padding:0 0 10px 0;
}
.entry-content p {
	margin-bottom:15px;
}
.thumb {
	float:left;
	margin:0 15px 5px 0;
}
.more-link {
	display:block;
	clear:both;
}
.entry-utility {
	clear:both;
}
.tag-links {
	clear:both;
	padding:5px 0 10px 0;
}
.tag-links span {
	background:url('images/tag.png') no-repeat;
	margin:0 10px 0 0;
	display:block;
	height:18px;
	width:49px;
	float:left;
	text-indent:-9000px;
}
.navigation {
	clear:both;
	background:url('images/post-separator.png') no-repeat center top;
	width:587px;
	padding:15px;
}
.navigation .alignleft {
	float:left;
	width:45%;
	text-align:left;
}
.navigation .alignright {
	float:right;
	width:45%;
	text-align:right;
}
.navigation .alignleft span, .navigation .alignright span {
	display:block;
	padding:0 0 8px 0;
	color:#999999;
}


/* comment */
#comments {
	clear:both;
	line-height:1.3em;
	float:left;
	margin:20px 0 20px 0;
}
#comments-title {
	text-align:center;
	font-size:18px;
	width:617px;
	height:88px;
	background:url('images/post-separator.png') no-repeat 100% 30px;
	color:#1D74B0;
	clear:both;
}
#reply-title {
	text-align:center;
	font-size:18px;
	width:617px;
	height:40px;
	padding:25px 0 0 0;
	background:url('images/post-separator.png') no-repeat center top;
	color:#1D74B0;
	clear:both;
	
}
/* comment form */
#commentform {
	margin:0 45px 0 45px;
	padding:0;
}
#commentform p {
	clear:both;
	margin:0 0 15px 0;
	position:relative;
}
#commentform p  label {
	float:left;
	width:80px;
	text-align:right;
	font-weight:bold;
	padding:3px 10px 0 0;
}
.required, .comment-notes {
	display:none;
}
input#author, input#url, input#email, textarea#comment {
	padding:4px;
	border:1px solid #499CD8;
	background:#E6F1FA;
}
input#author, input#url, input#email {
	width:292px;
	height:23px;
}
textarea#comment {
	width:420px;
}
.form-allowed-tags {
	font-size:0.87em;
	line-height:1.2em;
	color:#999999;
	padding-left:80px;
}
.form-submit {
	padding-left:80px;
}
.form-submit #submit {
	margin:0;
	padding:0;
	border:none;
	width:80px;
	height:30px;
	cursor:pointer;
	background:url('images/comment-submit.png') no-repeat;
	font-size:1px;
	text-align:left;
	text-indent:-9000px;
	display:block;
	color:#3287C3;
}

/* comment list */
ol.commentlist {
	margin-top:-30px;
}
.commentlist li {
	background:url('images/comment-sep.png') no-repeat center bottom;
	clear:both;
	margin:0 0 20px 0;
	float:left;
	width:550px;
}
.comment-author {
	float:left;
	width:135px;
	padding:0 0 20px 0;
	font-size:0.9em;
}
.comment-body {
	float:right;
	width:400px;
	padding:0 0 20px 0;
	font-size:0.9em;
}
.comment-date {
	font-size:0.9em;
	padding:5px 0 5px 0;
}
.comment-date a {
	font-weight:normal;
}

/* category */
.category-title {
	position:absolute;
	width:628px;
	height:59px;
	background:url('images/category-title.png') no-repeat;
	left:0;
	top:0;
	font-size:22px;
	color:#1D72B0;
	padding:20px 0 0 25px;
	font-weight:bold;
}
.category-sep {
	clear:both;
	height:50px;
}

/* tag */
.category-title .icon-tag {
	display:block;
	float:left;
	width:54px;
	height:24px;
	margin:0 10px 0 0;
	text-indent:-9000px;
	background:url('images/tag-big.png') no-repeat;
}