/***************************/
/***Author: vampa.org*******/
/***Website: HTGP.ORG*******/
/***File: style.css*********/
/***************************/

html{font:75% Verdana, Arial, "Myriad Pro", Sans-serif ;background: #ffffff url('http://htgp.org/htgp/wp-content/themes/htgp/img/backgrounds/slice-top.png') repeat-x;text-align: center;}
body{width: 850px;margin: 0 auto;}
a{color: #c32a2e;text-decoration: none;}
a:visited{color: #d74a4e;}
a img{border: 0;}
span.hidden{display: none;}

/***HEADER***/

#header-wrap{padding-top: 12px;text-align: center;width: 850px;}

#header-banner{float: right; width: 850px;height: 90px;padding-top: 15px;padding-bottom: 15px;}
#header-banner img{border: 0;}

#header-left{float: left;margin-left: -25px;}
a#logo{background: url('http://htgp.org/htgp/wp-content/themes/htgp/img/backgrounds/logo.png') no-repeat top center;
	clear: left;float: left;display: block;height: 60px;margin-left: 20px;margin-top: 15px;width: 275px;}

#header-right{float:right; text-align: right;} 
#nav-wrap{width:275px;}
#navigation{list-style: none;float: right;}
#navigation li{border-bottom: 3px solid #ffffff;float: left;padding-bottom: 3px;margin-left: 9px;margin-right: 9px;}
#navigation li:hover{border-bottom: 3px solid #903e3e;}
#navigation li a{color: #464646 ;text-decoration: none;}
#navigation li a:hover{color: #161616;}
#search-bar{clear: right;}

#header-bar{clear: both;float: left;margin-top: 10px;width: 100%;}
#breadcrumbs{float: left;margin-top:-5px;margin-bottom: -5px;}
#breadcrumbs p{text-transform: uppercase;color: white;}
#breadcrumbs p a{color: black;font-weight: bold;text-decoration: none;padding-right: 10px;}
#breadcrumbs p span{padding-left: 10px;}
#nav-subscribe{float: right;}
#nav-subscribe li{float: left;}
#nav-bookmark{list-style: none;}
#nav-bookmark li{color: white;margin-top: -8px;padding-bottom: 2px;padding-left: 10px;}
#nav-bookmark li p{line-height: 8px;padding: 0;margin-top: 7px;}
#nav-bookmark li a{color: white;}

/***WRAPS***/

#wrap{clear: both;float: left;margin-top: 10px;width:850px;}
#wrap p{}
#content-wrap{clear: left;float: left;width: 850px;}
#content{padding-left: 15px;}

#pagination{clear: both;text-align: right;padding-top: 15px;}
.wp-pagenavi{padding-right: 15px;}


/***SLIDESHOW***/

#slide-wrap{float: left;min-height: 250px;margin-top: 7px;margin-bottom: 10px;position: relative;height: 275px;width: 850px;}
#slideshow {width:850px;position: relative;}
div.slide{position: absolute;top: 0;left:0;}

/*sliding*/

div.slide{opacity: 0;display: none;z-index: 8;}
div.active{opacity: 1.0;display: block;z-index: 10;}
div.last-active{z-index: 9;}

/*slide-content*/

.featured-text-bg{
	background-color: #000000;
	opacity: .65;z-index:15;
	position: absolute; top: 0; right: 20px;
	display: block;height: 275px;width: 270px;}

.featured-text{
	position: absolute; top: 0; right: 20px;z-index:20;	
	padding: 0 20px 0 20px;text-align: left;
	display: block;height: 275px;width: 230px;}
.featured-text *{filter: alpha(opacity=100);opacity: 1;}
.featured-text h2 a{color: white;text-decoration: none;}
.featured-text p{color: white;line-height: 20px;}
.more-button{position: absolute;bottom: 15px;right: 20px;}
.more-button a{
	background: url('http://htgp.org/htgp/wp-content/themes/htgp/img/backgrounds/slide-more-button.png') no-repeat;
	display: block; height: 25px; width: 100px;}
.more-button a:hover{
	background-position: 0 -25px;}

/***CONTENT***/

#loop{clear: left;float: left;width: 850px;}
#loop-page{clear: left;float: left;text-align: left;width: 850px;}
#loop-page .post{padding-bottom: 25px;}
.post-banner-wrap{padding-bottom: 15px;margin-bottom: 25px;width: 850px;}
.post-banner a img{border: 0;}
.post{border-bottom: 4px solid #d5d5d5;float: left; padding-top: 15px;width: 850px;}
.thumbnail{float: left;height: 200px;width: 200px;}
.preview{float: right;margin-top: -10px;text-align: left;width: 635px;}
.prev-title{clear: right;}
.prev-title a {color: black;text-decoration: none;}
.prev-title p{margin-top: -13px; padding: 0;text-indent: 0;}
span.title-author{color: #c32a2e;font-weight: bold;}
.prev-text{clear: right;margin-top: 5px;}
.prev-text p{color: #343434;line-height: 20px;text-indent: 25px;}
.prev-tail{clear: both;padding-top: 0px;text-align: left;width: 850px;}
.prev-tail-left{float: left;padding: 0;}
.prev-tail-left a{float: left;color: #c32a2e;font-weight: bold;text-decoration: none;margin-top: 15px;}
.prev-tail-left a:hover{background-color: #c32a2e;color: white;}
.prev-tail-right{float: right;padding: 0;}
.preview-extras{float: left;list-style: none;}
.preview-extras li{float: left;width: auto;}
.preview-extras li p{color: #c32a2e;font-weight: bold;line-height: 12px;margin-top: 2px;}

/***SINGLE***/

#single-content{float: left;}
#single-content p{clear: none;line-height: 23px;margin-top: -7px;padding-top: 20px;}
.article{text-align: left;width: 850px;}
.article h2{margin-bottom: -15px;}
.article h3{margin-top: 15px;margin-bottom: -15px;}
.article li{line-height: 20px;}
span.author p{line-height: 15px;padding: 0 0 15px 0;margin-top: 13px;}
.the-content{margin-top: -25px;}
.wp-caption{background-color: #efefef;border: 1px solid #d7d7d7;text-align: center;padding: 7px;margin: 30px;margin-top: 40px;}
.wp-caption img{border: 1px solid #dddddd;}
.wp-caption p{color: #353535;}
.wp-caption .alignleft{float: left;clear: none;margin: 0px;}
.wp-caption .alignright{float: right;clear: none;margin: 0px 4px 0 0;}
.aligncenter{clear: both;width: 850px;margin-bottom: 15px;}
.alignleft{float: left;clear: none;margin: 40px 30px 30px 30px;}
.alignright{float: right;clear: none;margin: 40px 30px 30px 30px;}

.utube-vid{text-align: center;margin: 15px auto;}

#single-networking{
	background-color: #efefef;border: 1px solid #d7d7d7;
	clear: left;float: left;margin-top: 25px;
	padding: 30px 25px 50px 25px;width: 800px;}
#single-networking h3{text-align: left;}
#single-networking p{text-align: left;}
#networking-right{float:right;width: 725px;}
.digg-icon{background-image: url('http://htgp.org/htgp/wp-content/themes/htgp/img/digg-icon.png');display: block;float: left;margin-right: 25px;width: 89px;height: 89px;}
.digg-icon:hover{background-position: 0 -90px;}
.stumble-icon{background-image: url('http://htgp.org/htgp/wp-content/themes/htgp/img/stumble-icon.png');display: block;float: left;margin-right: 25px;width: 89px;height: 89px;}
.stumble-icon:hover{background-position: 0 -90px;}
.delicious-icon{background-image: url('http://htgp.org/htgp/wp-content/themes/htgp/img/delicious-icon.png');display: block;float: left;margin-right: 25px;width: 89px;height: 89px;}
.delicious-icon:hover{background-position: 0 -90px;}
.mixx-icon{background-image: url('http://htgp.org/htgp/wp-content/themes/htgp/img/mixx-icon.png');display: block;float: left;margin-right: 25px;width: 89px;height: 89px;}
.mixx-icon:hover{background-position: 0 -90px;}
.dfloat-icon{background-image: url('http://htgp.org/htgp/wp-content/themes/htgp/img/designfloat-icon.png');display: block;float: left;margin-right: 25px;width: 89px;height: 89px;}
.dfloat-icon:hover{background-position: 0 -90px;}
.twitter-icon{background-image: url('http://htgp.org/htgp/wp-content/themes/htgp/img/twitter-icon.png');display: block;float: left;width: 89px;height: 89px;}
.twitter-icon:hover{background-position: 0 -90px;}

/***COMMENTS***/

#single-comment{background-color: #efefef;border: 1px solid #d7d7d7;clear: both;float: left; margin-top: 25px;text-align: left;width: 850px;}
#single-comment h2{padding-left: 20px;}
.commentlist{background-color: #efefef;list-style:none;}
.comment{float: left;margin-bottom: 15px; padding-bottom: 15px; width: 850px;}
.comment-author{float: left; text-align: left; width: 130px;}
.comment-author cite, .comment-author span, .comment-edit-link{display: none;}
.comment-meta{
	color: #4b4b4b;
	background-color: #FFFFFF;
	border-top: solid 1px #dcdddd;
	border-left: solid 1px #dcdddd;	
	border-right: solid 1px #dcdddd;
	float: left; 
	width: 630px;}
.comment-meta a{color: #979797;font-size: 10pt; padding-top: 10px;padding-right: 15px;float: right;}
.comment p{
	background-color: #FFFFFF;
	border-bottom: solid 1px #dcdddd;
	border-left: solid 1px #dcdddd;	
	border-right: solid 1px #dcdddd;
	color: #222222;
	float: left;
	line-height: 20px;
	margin-top: 0px;
	padding: 15px;
	width: 600px;}
#actual-comment{padding-bottom: 15px;padding-top: 15px;}
input#comment{background-color: #212121; color: #dfdfdf;}

#respond{clear: both;border-top: 3px solid #d5d5d5;float: left;margin-left: 25px;padding-top: 25px;margin-top: 0px;text-align: left;width: 800px;}
#respond p{color: #222222;}
#respond a{color: #979797;}
#respond input{margin-top: 10px;}
#respond input#url{margin-bottom: 5px;}

/***FOOTER***/

#footer-wrap{border-top: 1px solid #d5d5d5;clear: both;padding-top: 15px;min-height: 275px;width: 850px;}
#footer{list-style: none;margin: auto;width: 390px;}
#footer li{float: left;padding-left: 10px;padding-right: 10px;}
#footer li a{color: #2c2c2c; text-decoration: none;font-weight: bold;}
#footer li a:hover{color: #000000;}