/*
Theme Name: HomeStation Magazine
Theme URI: http://www.hsmagazine.net
Description: HomeStation's website theme
Author: James Holding
Version: 1.0 
Tags:

Not for use outside of www.hsmagazine.net
*/

*{
	margin:0;
	padding:0;
}

ol, ul{
	margin-left:12px;
	padding-left:12px;
	margin-bottom:8px;
}

a:link, a:visited, a:hover, a:active{
	color:#444;
}

a:link, a:visited, a:active{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

html{
	background:#CCC;
}

img{
	border:0;
}

body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	height:100%;
	background:#EEEEEE;
	background:-webkit-gradient(linear, left top, left bottom, from(#EEE), to(#CCC));
	background:-moz-linear-gradient(top,  #EEE,  #CCC);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEEEE', EndColorStr='#CCCCCC'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEEEE', EndColorStr='#CCCCCC')"; 
}

.loading{
	width:16px;
	height:16px;
	background-image:url('images/loader.gif');
}

.center{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.right{
	float:right;
}

.left{
	float:left;
}

.clear{
	clear:both;
}

.search{
	margin-right:8px;
}

input{
	background-color:#EEEEEE;
	border:1px solid;
}

h2{
	font-size:28px;
	font-weight:bold;
	line-height:28px;
	color:#383737;
	text-align:left;
	text-shadow:#C4C4C4 2px 2px 2px;
	padding:6px;
}

h3{
	padding:6px;
}

small{
	font-size: 12px;
}

.postbox{
	background-color:#EFEFEF;
	border-bottom-color:#D8D8D8;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:8px;
	min-height:166px;
	margin-bottom:8px;
}

.metabox{
	margin:8px;
	background-color:#EFEFEF;
	border-bottom-color:#D8D8D8;
	border-bottom-style:solid;
	border-bottom-width:1px;
	color:#757474;
	font-size:12px;
	height:34px;
	line-height:21px;
	margin-bottom:17px;
	text-align:left;
	clear:both;
}

.metabox p{
	text-shadow:white 1px 1px 1px;
	vertical-align:baseline;
	padding-bottom:6px;
	padding-left:14px;
	padding-right:10px;
	padding-top:4px;
	font-style: italic;
}

.metabox_single{
	height:130px;
}

.metabox_single img{
	float:left;
	margin:8px;
}

.metabox_single p{
	float:right;
	width:468px;
}

.metabox_single small{
	line-height:12px;
}

.headerbar{
	height:26px;
	width:100%;
	background-image:url('images/headerbar_back.png');
	color:#FFFFFF;
	font-size:12px;
	vertical-align:baseline;
	padding-top:7px;
}

.headerbar li{
	display:inline;
	padding:0 .9em;
	border-right:1px solid #DDDDDD;
}

.headerbar li.last-menu-item {
	border:none;
}

.headerbar ul{
	margin:0 !important;
	padding:0 !important;
}

.headerbar a:link, .headerbar a:visited, .headerbar a:hover, .headerbar a:active{
	color:#FFFFFF;
}

.headerbar a:hover{
	color:#CCCCCC;
	text-decoration:underline;
}

#header img{
	margin:8px;
}

#footer{
	margin-top:20px;
}

.centercontent{
	width:860px;
	margin-left:auto;
	margin-right:auto;
}

.content{
	background-color:#FFF;
	width:860px;
	min-height:100%;
	text-align:left;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 0px 4px #000;
	margin-left:auto;
	margin-right:auto;
}

#navbar{
	width:100%;
	background-color:#CCC;
	border-bottom-color:#999;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#999;
	border-top-style:solid;
	border-top-width:1px;
	color:#444;
	font-size:18px;
	height:40px;
	line-height:40px;
	margin-bottom:0px;
	text-align:left;
}

#navbar li{
	display:inline;
	text-shadow:white 1px 1px 1px;
	vertical-align:baseline;
	padding-bottom:6px;
	padding-left:20px;
	padding-right:10px;
	padding-top:4px;
}

#sub_navbar{
	width:100%;
	color:#444;
	font-size:12px;
	height:26px;
	line-height:26px;
	margin-bottom:17px;
	text-align:left;
	border-bottom-color:#999;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

#sub_navbar li{
	display:inline;
	text-shadow:white 1px 1px 1px;
	vertical-align:baseline;
	padding-bottom:6px;
	padding-left:20px;
	padding-right:10px;
	padding-top:4px;
}

#page{
	width:620px;
	float:left;
}

#sidebar{
	width:220px;
	float:right;
	margin-right:10px;
}

#sidebar h3{
	font-size:19px;
	font-weight:bold;
	line-height:19px;
	color:#383737;
	text-align:center;
	text-shadow:#C4C4C4 2px 2px 2px;
	padding:8px;
	background-color:#EEEEEE;
}

.sidebar ul{
	margin-bottom:18px;
	margin-left:18px;
}

.list{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0px !important;
	padding-left:0px !important;
}

.maglist li{
	display:inline !important;
	float:left;
}

.magimage{
	margin:0px !important;
}

.text{
	margin:8px;
}

.text p{
	margin-bottom:12px;
}

.attachment-medium{
	margin-right:8px;
}

.hsmimage{
	position: relative;
}

.post .hsmimage{
	margin:8px;
}

.hsmbar{
	background-color:#FF0000;
	width:100%;
	border-top:2px solid #E1E1E1;
	border-bottom:2px solid #E1E1E1;
	position:absolute;
	top:25px;
	filter:alpha(opacity=10);
	opacity:0.1;	
}

.hsmbar_sink{
	top:auto;
	bottom:15px;
}

.hsmbar p{
	padding-left:35px;
	padding-right:35px;
	font-style: italic;
	filter:alpha(opacity=100);
	opacity:1;
	color:white;
	text-shadow: black 0 0 2px
}

.text img{
	margin:8px;
}

// WordPress default CSS
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* optional rounded corners for browsers that support it */
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/****************
advanced comment styles
****************/


ol.commentlist{width:100%} 
ol.commentlist,li.authorcomment,li.comment,#respond h3,form#commentform,input#submit{margin:0}
ol.commentlist,ol.commentlist ul,form#commentform{padding:0}  
ol.commentlist{border-bottom:1px solid #ccc} 
ol.commentlist ul{margin:0 0 0 20px} 
li.authorcomment,li.comment,form#commentform textarea,form#commentform input{border:1px solid #ccc}
li.authorcomment,li.comment{padding:10px 0 0 10px;list-style:none} 
li.even{background:#fff} 
li.odd{background:#efefef} 
.authorcomment{background:#deebf9} 
ul.children ul{margin-left:20px} 
ul.children li{border-right:none} 
.vcard img{float:left;background:#c4c4c4;margin-right:10px;} 
.vcard img,.comment-navigation .newer a,.comment-navigation .older a{padding:5px} 
.vcard cite{padding-left:10px;}
.comment-meta,ol.commentlist li small,p.subscribe-to-comments label{position:relative} 
.comment-meta,ol.commentlist li small{left:10px} 
.comment-text{margin:0 10px 0 0} 
.reply,.comment-navigation .newer,input#submit{width:68px;} 
.reply,.comment-navigation .newer a,.comment-navigation .older a,input#submit{background:#4c7faa} 
.reply{margin:10px 10px 10px 0} 
a.comment-reply-link,.reply a:link,.reply a:visited,
.comment-navigation .newer a,.comment-navigation .older a,input#submit{display:inline-block;text-align:center;cursor:pointer;color:#fff} 
a.comment-reply-link,.reply a:link,.reply a:visited{padding:5px 0} a.comment-reply-link,.reply a:link,input#submit{width:70px} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,
.comment-navigation .older a:hover,input#submit:hover{background:#e7e7e7;text-decoration:none;color:#4c7faa;font-weight:bold} 
a.comment-reply-link:hover,.reply a:hover,input#submit:hover{width:68px} 
a.comment-reply-link:hover,.reply a:hover{padding:4px 0} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover{border:1px solid #4c7faa} 
.comment-navigation{margin:10px 0 10px 0} .comment-navigation:after,#respond:after{content:".";height:0;visibility:hidden} 
.clear{clear:both} 
.comment-navigation .newer a:hover,.comment-navigation .older a:hover{padding:4px} 
form#commentform textarea,form#commentform input{padding:2px 3px} 
form#commentform textarea{width:442px} 
input#submit{padding:5px 0 !important;border:0 !important} 
input#submit,p.subscribe-to-comments input{outline:0} 
input#submit:hover{padding:4px 0 !important;border:1px solid #4c7faa !important} 
p.subscribe-to-comments,.comment-rss{height:32px;text-indent:42px;padding:5px 0 0 0} 
p.subscribe-to-comments input{margin:5px 3px 3px 3px !important;border:0} 
p.subscribe-to-comments label{top:-2px;color:#666} 

/*comment total stlying*/

.comment-total{text-align: center;font-size: 1.5em;color: #fff;}
.comment-total span{font-size: 2em;color: #800000;}