/*  



Theme Name: Hangmate



Theme URI: http://hang-mate.com



Description: Custom theme for Hang Mate Products LLC



Version: 1.0



Author: Ryan Edick



Author URI: http://roughwaterstudios.com







*/







html, body, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, 



u, i, img, blockquote, fieldset, input{ 



	margin:0; 



	padding:0;



	border:0;



	}







h1,h2,h3,h4,h5,h6,pre,code { 



	font-size:1em; 



	}







ul,ol { 



	list-style:none;



	}







table {



	border-collapse:collapse;



	border-spacing:0;



}







a img,:link img,:visited img { 



	border:none;



	}



	



.clear {



	clear:both;



}







/* END Zero Out */	







html {



	height:100%;



	}







body {



	height: 101%;



	font-family: Arial, Helvetica, Georgia, Sans-serif;



	font-size: 14px;



	line-height: 18px;



	text-align: center;



	/*background:url(images/green_pattern.png) repeat;*/



	background:url(images/backgroundImage.png) center no-repeat;



	color: #111;



}


#storeFrame{
min-height:2200px;
}

.alignleft{
float:left;
margin-right:10px !important;
}
.wp-caption-text{
	background:#e1e1e1;
	text-align:center;
	border:1px solid #f1f1f1;
	padding:3px;

}

a:link {



	text-decoration: underline;



	color: #111;



}







a:hover, a:visited {



	color: #666;



	text-decoration: none;



}







h1 {



	font-family: Georgia, Sans-serif;



	font-size: 36px;



	padding-top: 10px;



}



.wpcf7-text {

	font-size:22px !important;

	padding:12px;

}

.wpcf7 p{

	font-size:16px;

color:#111111;

}



.wpcf7-submit {

background-color:#41421A;

width:300px;

height:50px;

border:1px solid #7B7B3F;

color:#e1e1e1;

font-size:20px;

cursor:auto;

}

.wpcf7-submit:hover {

background-color:#4A4913;

width:300px;

height:50px;

border:1px solid #7B7B3F;

color:#e1e1e1;

font-size:20px;

}



h2, h3, h4 {



	font-family:Geneva, Arial, Helvetica, sans-serif;



	font-size: 16px;



	padding-top: 5px;



}







p {



	padding-top: 10px;



}







#site_wrapper {



	margin: 0 auto;



	height: 100%;



	width: 100%;



	text-align: left;



	/*background:url(images/backgroundImage.png) center no-repeat;*/



}







#header {



	/*background:url(images/stripe.jpg) repeat-x;*/



	background:#231f20;



	height:180px;



	border-bottom:1px solid #232323;



}







#logo {



	background:url('images/logo-half.jpg');



	float:left;



	width:234px;



	height:75px;



}


#featuredArticle {
	background:url(images/green_pattern.png) repeat;
border-right: 1px solid #b8b855;
border-bottom: 1px solid #b8b855;
border-left: 1px solid #b8b855;
	float:right;

	width:620px;
	padding:0 5px;
	height:45px;

}
.featured-article-title{
	font-size:14px;
	}
.featured-article-content{
	color:#f1f1f1;
	font-size:11px;
	}
.featured-article-content a{
	color:#111;
	font-size:11px;
	}
	.above {



		margin-top:-1000px;



		}







#logo a{



	display:block;



	float:left;



	width:234px;



	height:75px;



}







#headerContent {



	width:960px;



	height:150px;



	margin:0 auto;



	}







#content_wrapper {



	background:#e3e3e3;



	width:960px;



	padding:10px;



	margin: -40px auto 0 auto;



	border:3px solid #d1d1d1;



}

#frameWrapper{
	
	height:100%;
}







.content {



	padding:10px;



	/*background:#f3f3f3;*/



	background:url(images/green_pattern.png) repeat;



	border: 2px solid #f1f1f1;



	}



	



.contentIntro {



	background:#f3f3f3;



	height:500px;



	padding:0;



	/*background:url(images/background.jpg) no-repeat;*/



	background:url(images/green_pattern.png) repeat;



	}







.contactIntro{



	margin: 20px -10px;



	height:80px;



	background:url(images/transparent-yellow.png) repeat;



	padding:20px;



	border-top: 1px solid #e8e887;



	border-bottom: 1px solid #e8e887;



	}



	



.download a{



margin-right:75px;



	width:425px;



	height:138px;



	display:block;



	float:right;



	background:url(images/download.jpg) no-repeat;



	clear:both;



	}







.clipVideo img{



padding-right:75px;



	display:block;



	float:right;



	border:0 !important;



	clear:both;



	}

.railVideo img{



padding-right:75px;



	display:block;



	float:right;



	border:0 !important;



	clear:both;



	}

	



.tapeVideo img{



padding-right:75px;



	display:block;



	float:right;



	border:0 !important;



	clear:both;



	}



/* OVERLAY */



/* the overlayed element */

.simple_overlay {

	

	/* must be initially hidden */

	display:none;

	

	/* place overlay on top of other elements */

	z-index:10000;

	

	/* styling */

	background-color:#333;

	

	width:680px;	

	height:400px;

	border:1px solid #666;

	

	/* CSS3 styling for latest browsers */

	-moz-box-shadow:0 0 90px 5px #000;

	-webkit-box-shadow: 0 0 90px #000;	

}



/* close button positioned on upper right corner */

.simple_overlay .close {

	background-image:url(images/close.png);

	position:absolute;

	right:-15px;

	top:-15px;

	cursor:pointer;

	height:35px;

	width:35px;

}

/* styling for elements inside overlay */

	.details {

		position:absolute;

		top:15px;

		right:15px;

		font-size:11px;

		color:#fff;

		width:150px;

	}

	

	.details h3 {

		color:#aba;

		font-size:15px;

		margin:0 0 -10px 0;

	}



#player {

	width:640px;

	height:360px;

	display:block;

	margin:20px auto;

	

	}

.introText {



	margin-top: 100px;



	height:150px;



	background:url(images/transparent-yellow.png) repeat;



	padding:20px;



	border-top: 1px solid #e8e887;



	border-bottom: 1px solid #e8e887;



	}



	.zeroWidth{



		width:0;



		}



	



.homeImage img{



	border:1px solid #333;



	}



.featuredProducts {



	width:800px;



	height:400px;



	}



	



div.scrollable {



	position:relative;



	overflow:hidden;



	width:800px;



	height:400px;



	}



div.scrollable div.items {



	width:20000em;



	position:absolute;



	}



	



div.scrollable div.items div {



	float:left;



	}



.rotateNav{



	width:80px;



	float:right;



	margin: -250px auto 0 auto;



	}



.left {



	background:url(images/left-arrow.png) no-repeat;



	width:36px;



	height:36px;



	float:left;



	cursor:pointer;



	}



.right {



	background:url(images/right-arrow.png) no-repeat;



	width:36px;



	height:36px;



	float:right;



	cursor:pointer;



	}



	



.product {



	padding-left:20px;



	width:800px;



	height:400px;



	margin: 0 auto;



	}



	



.productDesc {



	margin-right:20px;



	width:400px;



	float:right;



	margin-bottom:10px;



	}











/* The navbar */







#navigation {



	width:960px;



	margin: 0 auto;



	padding-top:15px;



	}



	



	.hidden {



		display:none;



		}



	



ul#navList {



	list-style: none;



	float: left;



	}







ul#navList li{



	float: left;



	}







ul#navList li a{



	float: left;



	text-decoration: none;



	color: #a1a1a1;



	padding: 7px 20px;



	margin-right: 8px;



	font: 14px Arial, Helvetica, sans-serif;



	}







ul#navList li a:hover{



	float: left;



	text-decoration: none;



	color: #eaeb11;



	padding: 7px 20px;



	margin-right: 8px;



	font: 14px Arial, Helvetica, sans-serif;



	background: #111;



	filter:alpha(opacity=50);



	-moz-opacity:0.5;



	-khtml-opacity: 0.5;



	opacity: 0.5;



	-moz-border-radius: 10px;



    -webkit-border-radius: 10px;



	}







ul#navList li a span {



	float: left;



	padding-right: 15px;



	display: block;



	margin-top: -4px;



	height:30px;



	}







.halfWrap {

	float:right;

	width:550px;



	}







ul.staff {



	padding:10px;



	float:left;



	width:230px;



	min-height:120px;



	border: 2px solid #d1d1d1;



	margin: 0 20px 20px 0;



	background:#f1f1f1;



}







li.staffName {



	padding:10px 10px 0 10px;



	background:#c2c1ad;



	font-size:16px;



	font-weight:800;



	}







li.staffTitle {



	padding:0 10px 10px 10px;



	background:#c2c1ad;



	font-size:14px;



	font-weight:400;



	margin-bottom:10px;



	}



li.staffPhone {



}







li.staffEmail{
		padding-top:5px;
	}







li.staffEmail :hover{



	background:#e2e2e2;



}







ul.company {



padding:10px;



	float:left;



	width:504px;



	height:120px;



	display:block;



	border: 2px solid #d1d1d1;



	margin: 0 5px 20px 0;



	background:#f1f1f1;



}



li.companyName {



	padding:10px;



	margin-bottom:10px;



	background:#c2c1ad;



	font-size:16px;



	font-weight:800;



	}



.staffWrap {

	float:right;

	display:block;



	}






ul.products {



	float:left;



	width:300px;



	height:400px;



	margin:0 10px 10px 0;



	}







#featured {



	margin:0 auto;



	height: 175px;



	background:url('images/slideshowImages/homepage-pic.jpg') no-repeat;



	border:5px solid #e1e1e1;



	/*padding-top: 20px;*/



	width: 950px;



	margin-bottom: 20px;



	}







.box {







	background:url('images/transparent_bg.png');







	padding: 0 10px;







	margin-left: 20px;







	width: 300px;







	height:100%;







	float: left;







	/*border:1px solid #849ac2;*/







}







.box h2 {







	text-align: center;







	color:#eee;







	margin:5px;







	}











.box-register {



	height: 200px;



	width: 300px;



	margin: 10px;



	margin-top:15px;



	background: url('images/signup-bg.png') no-repeat;



	float: left;



}







#container {







	float: left;







	width: 630px;







	margin-bottom: 20px;







	padding: 10px;







	background: #fff;







}















#post_sidebar_wrapper{







	margin:10px auto;







	width:960px;







	background: #fff;







	border:1px solid #ccc;







	}















.postInfo {







	width:260px;







	float:right;







	margin-right:20px;







}















.postImage {







	border:1px solid #444;







	margin-left:40px;







	width:611px;







	float:left;







}















.post {







	margin: 0 auto;







}















.postTitle{







	text-align:center;







	background:url('images/titlebg.png') center no-repeat;







	padding:40px 10px 10px 0;







	margin-bottom:10px;







}







.postTitle span{















	}







.post  h2 {







	padding:40px 10px 10px 0;







	margin-bottom:10px;







	font-family:Arial, Helvetica, sans-serif;







	font-size: 24px;



	color:#f1f1f1;



	



}















.post  h3 {







	margin: 10px 0;







	font-family: Geneva, Arial, Helvetica, sans-serif;







	font-size: 1.8em;







}















.entry blockquote {







	font-family:Georgia, "Times New Roman", Times, serif;







	font-size:16px;







	text-align:justify;







	padding:10px;







	margin: 10px 0 10px 280px;







	width:300px;







	min-height: 75px;







	border:1px solid #ccc;







	background:#333;







	}















.entry {







	line-height: 18px;







}















	







.entry img {







	border:1px solid #333;







	margin:20px auto;







}















.entry ol{







	padding-left: 30px;







	list-style:upper-roman;







}















.alignright {



	float:right;



	margin-left: 10px;



	}











img.aligncenter {







	}







.aligncenter {







	text-align:center !important;







	margin:0 auto;







	}







.alignnone {







	margin:0 auto;







	}







	







p.postmetadata {







	background:#222;







	width:200px;







	border:1px solid #333;







	margin: 10px auto 0 auto;







	padding:5px;







}















.navigation {







	padding-top: 10px;







	font-size: 14px;







	font-weight: bold;







	line-height: 18px;







}















.bottomDivider {







	margin-bottom:30px;







	height:80px;







	text-align:center;







	margin:0 auto;







	clear:both;







	}







#recentContainer {







	width: 960px;







	}







	







.recentWrapper {







	float:left;







	width:300px;







	margin-top:20px;







	margin-right:15px;







	padding:0;







	background:#222;







	border:1px solid #444;







}







.recentWrapper p {







	padding:10px;







	}







.tickList {



	padding: 10px 10px 20px 10px;



	list-style:none;



	width:300px;



	}







.tickList li{



margin-top:5px;



padding: 0 0 4px 18px;



background: url(images/tick.png) no-repeat;



}















.sidebar_box h2 {







	text-align: center;







	color:#eee;







	margin:5px;







	}















#search {







	margin-top:20px;







	float:right;







	display: inline;







	}















/*#search input {







	padding:3px;







	font-family:Arial, Helvetica, sans-serif;







	border:1px solid #c0c0c0;







	color:#434343;







	font-style:italic;







	display: inline;







}*/















#search input.button{







	background-color:#849ac2;







	border:0px;







	color:#ffffff;







	width:auto;







	font-style:normal;







}















#searchform input{







	display: inline;







	}







	







#search input.button:hover{ 







	background-color:#849ac2;







}























#footer {



	margin: 0 auto;



	/*margin-top: 15px;*/



	width: 960px;



	/*background:url(images/footer-bg.png);*/







}















#footer p {







	line-height: 18px;







}















.footerBox {







	width:200px;







	height:100px;







	float:left;







}















#left-footer {







	float:left;







	padding:10px;







	margin-left:25px;







	margin-right:10px;







	margin-top:25px;







	height:250px;







	width:290px;







}







	#about-box {







		height:125px;







	}







	







	#twitter-box {







		padding-top:15px;







		padding-left:30px;







		height:65px;







		width:240px;







		color:#eee;







		font-size:.9em;







		}







		#twitter-box strong{







			font-size:1.1em;







			font-style:italic;







			}















#middle-footer {







	float:left;







	padding:10px;







	margin-left:25px;







	margin-top:25px;







	height:250px;







	width:195px;







}















#middle-footer img {







	margin-bottom:10px;







	}















#right-footer {







	float:left;







	padding:20px;







	margin-left:30px;







	margin-top:25px;







	height:240px;







	width:270px;







}







	/*Flickr Group*/















	.flickrimage {







		float:left;







		margin: 25px 0 0 7px;







		width:75px;







		height:75px;







		border:1px solid #333;







		padding:3px;







		background: #ddd;







	}















/* Comment Styles */















#findme {







	border-top:1px solid #000;







	width: 960px;







	height:100px;







	}















#commentform { 







	margin: 25px;







	padding:5px; 







	width: 635px;







}















#commentform p, textarea {







	width: 600px;







	}







#commentform p, input {







	font-size:16px;







	padding: 2px;







	margin: 2px;







	}







#commentform input {







	border: 1px solid #555;







	}







	







#submit {







	background-color:#333;







	padding: 5px;







	}















.commentor {







	float:left;







	width:120px;







	text-align:right;







}







.commentor img {







 	margin-bottom:3px;







}







.comment-metadata a{







	color:#d0cab4;







	font-size:10px;







	text-decoration:none;







}







.commenttext {







	float:right;







	width:635px;







	margin-right:115px;







	color:#aaa;







	padding:20px;







	background-color:#111;







	border:1px solid #333;







	font-size:13px;







	line-height:20px;







	padding-bottom:10px;







	min-height:150px;







	







}















#comments {







	margin-left:35px;







	}







.commentlist {







	margin-left:20px;







	}







	







ol.commentlist li.alt .commenttext{







	position:relative;







	top:-1px;







	background-color:#222;







	margin-bottom:-2px;







}







ol.commentlist {







	margin-top:20px;







}







ol.commentlist li {







	clear:both;







	margin-bottom:0px;







	list-style:none;







	margin-left:0px;	







}







.comment-author {







	font-size:18px;







	margin-bottom:0px;







}







.comment-author a {







	color:#b0bb0b;







	font-weight:bold;







	text-decoration:none;







}







.commentlist .commenttext a {







	color:#848d00;







}







.commentlist  .commenttext a:hover, .comment-author a:hover {







	color:#232323;







	text-decoration:none;







}























/* Sociable */















div.sociable { 







	margin: 16px 0;







	padding:5px; 







	background: #eee;







	border: 1px solid #ccc;







}















span.sociable_tagline { position: relative; }







span.sociable_tagline span { display: none; width: 14em; }







span.sociable_tagline:hover span {







	position: absolute;







	display: block;







	top: -5em;







	background: #ffe;







	border: 1px solid #ccc;







	color: black;







	line-height: 1.25em;







}







.sociable span {







	display: block;







}







.sociable ul {







	display: inline;







	margin: 0 !important;







	padding: 0 !important;







}







.sociable ul li {







	background: none;







	display: inline;







	list-style-type: none;







	margin: 0;







	padding: 1px;







}







.sociable ul li:before { content: ""; }







.sociable img {







	float: none;







	width: 16px;







	height: 16px;







	border: 0;







	margin: 0;







	margin-left: 20px;







	padding: 0;







}















.sociable-hovers {







	opacity: .4;







	-moz-opacity: .4;







	filter: alpha(opacity=40);







}







.sociable-hovers:hover {







	opacity: 1;







	-moz-opacity: 1;







	filter: alpha(opacity=100);







}















/* TAB MENU */















#tabmenu {







		color: #000;







		border-bottom: 2px solid black;







		margin: 12px 0px 0px 0px;







		padding: 0px;







		z-index: 1;







		padding-left: 10px 







		}















#tabmenu li {







	display: inline;







	overflow: hidden;







	list-style-type: none; 







	}















#tabmenu a, a.active {







	color: #DEDECF;







	background: #898B5E;







	font: bold 1em "Trebuchet MS", Arial, sans-serif;







	border: 2px solid black;







	padding: 2px 5px 0px 5px;







	margin: 0;







	text-decoration: none; 







	}















#tabmenu a.active {







	background: #ABAD85;







	border-bottom: 3px solid #ABAD85; 







	}















#tabmenu a:hover {







	color: #fff;







	background: #ADC09F; 







	}















#tabmenu a:visited {







	color: #E8E9BE; 







	}















#tabmenu a.active:hover {







	background: #ABAD85;







	color: #DEDECF; 







	}















/*Related Posts */















#relatedPosts { 







	







}















#relatedPosts li{ 







	list-style:none;







}















.widget {







	width:290px;







}















/*Author Info */















#authorInfo { 







	margin:0px;







	padding:20px;







	min-height:80px; 







	background: #f9f0f0;







	border: 1px solid #ccc;







}















#authorInfo img{ 







	float:left;







	margin-right:5px;







	padding:1px solid #666;







	border:1px solid #333;







}























/* Ads Style */















/* LinkList Styles */















ul.boxList {







	padding: 0;







	background-color:#a1a1a1;







	width: 100%;







	border:1px solid #849ac2;







}















ul.boxList li {







	list-style:none;







	margin:0px;







	padding:0px;







}























ul.boxList li a {







	display:block;







	padding:8px;







	background-color:#ddd;







	border-bottom:1px solid #ccc;







	color:#565344;







	text-decoration:none;







}















ul.boxList li a img{







	border: 2px solid #0d204a;







}















ul.boxList li a:hover {







	background-color:#eee;







	border-bottom:1px solid #F1F7FF;







}	















ul.large li a {







	text-align:center;







	font-size:15px;







	padding:16px;







}















ul.boxList li h2{







	text-align: center;







	color: #565344;







}	















/* LinkList Styles Small */















ul.boxList_small {







	padding: 0;







	background-color:#a1a1a1;







	width: 100%;







}















ul.boxList_small li {







	list-style:none;







	margin:0px;







	padding:0px;







}























ul.boxList_small li a {







	display:block;







	padding:5px;







	background-color:#ddd;







	border-bottom:1px solid #ccc;







	color:#565344;







	text-decoration:none;







}















ul.boxList_small li a img{







	border: 2px solid #0d204a;







}















ul.boxList_small li a:hover {







	background-color:#eee;







	border-bottom:1px solid #F1F7FF;







}	















ul.large li a {







	text-align:center;







	font-size:15px;







	padding:16px;







}















ul.boxList_small li h2{







	text-align: center;







	color: #565344;







}	















/* Footer LinkList Styles */















.footerBlock {







	float:left;







	margin-right:15px;







	width: 200px;







	padding:10px;







	background:#eee;







	border:1px solid #ddd;







	}















ul.footerList {







	display:block;







}















ul.footerList li {







	display:inline;







	list-style:none;







	margin:0px;







	padding:0px;







}















ul.footerList li a {







	padding:10px;







	background-color:#999999;







	border-bottom:1px solid #dedaca;







	color:#565344;







	text-decoration:none;







}















ul.footerList li a img{







	border: 2px solid #0d204a;







}















ul.footerList li a:hover {







	background-color:#bbbbbb;







	border-bottom:1px solid #F1F7FF;







}	















ul.large li a {







	text-align:center;







	font-size:15px;







	padding:16px;







}















ul.footerList li h2{







	text-align: center;







	color: #565344;







}	















/* FEATURED STYLES */















#pageTitle {







	font-size:2em;







	font-style:italic;







	width:960px;







	height:50px;







	margin: 0 auto;







	}







.browse {







	}















.featuredPosts {







	margin:60px 20px 10px 30px;







	width:300px;







	height:200px;







	background: #333;







	}







	







#contactTop {







	padding-top:12px;







	font:Arial, Helvetica, sans-serif;







	font-size:11px;







	color:#a1a1a1;







	float:right;







	}







	







.imageWrap{







	margin:30px;







	position: relative;







	width:280px;







	height:175px;	







}















.imageWrap span {







	width: 300px;







	height:	207px;







	padding:10px;







	display: block;







	position: absolute;







	background: url('images/frame.png') no-repeat;







}