/*
Theme Name: Thak Ironworks
Theme URI: http://www.thak.ca
Author: James Carmichael
Author URI: http://www.jamesc.ca
Description: WordPress theme for Thak Ironworks
Version: 1.0
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,a{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
/** eo RESET css **/
html{width:100%;height:100%;overflow-y:scroll}
body{
	padding:0;margin:0;
	width:100%;height:100%;
	font-family:'Droid Sans',Arial,Helvetica,sans-serif;	
	background:#0c0c0c;
	font-size:14px;
	line-height:21px;
	color:#ddd;	
}

/*** NEW COLORS ***/
.red{color:#4D0E00}
.yellow{color:#F3962F}

/*** TYPOGRAPHY ***/
h1,h2,h3,h4,h5,h6{font-family:'Alegreya',Garamond,Times New Roman,Times,serif;}
h1{
	font-size:45px;line-height:45px;
	font-weight:700;
	margin:6px 0 14px 0;
	color:#F3962F;
	letter-spacing:-1px;
}
h2{
	font-size:34px;line-height:34px;
	font-weight:400;
	margin:0 0 14px 0;
	color:#F3962F;
	letter-spacing:-1px;
}
h3{
	font-size:28px;line-height:28px;
	font-weight:700;
	margin:0 0 8px 0;
	color:#F3962F;
	letter-spacing:-1px;
}
h4{
	font-size:24px;line-height:24px;
	font-weight:400;
	margin:0 0 6px 0;
	color:#F3962F;
	letter-spacing:-1px;
}
h5{
	font-size:20px;line-height:20px;
	font-weight:700;
	margin:0 0 12px 0;
	color:#F3962F;
}
h6{
	font-size:18px;line-height:18px;
	font-weight:400;
	margin:0 0 10px 0;
	color:#F3962F;
}
p{	
	margin:0 0 14px 0;
	font-size:14px;
	line-height:21px;
	color:#ddd;	
}
p a{
	-o-transition:.4s;
	-ms-transition:.4s;
	-moz-transition:.4s;
	-webkit-transition:.4s;
	transition:.4s;
}
ul,ol{margin:0 0 10px 30px;}
ol li{list-style-type:decimal;}
li{
	list-style-type:disc;
	font-size:14px;
	line-height:21px;
	color:#eee;	
	margin:0 0 4px 0;
}
a{color:#F3962F;text-decoration:none;font-weight:bold}
a:hover{color:#D4770C;text-decoration:underline}
hr{
	float:left;
	clear:both;
	width:100%;
	margin:10px 0;
	height:3px;
	line-height:3px;
	border:none;
	border-bottom:1px solid #333;
}
.alignright{float:right;margin:14px 0 14px 14px;}
.alignleft{float:left;margin:14px 16px 0 14px;}
.aligncenter{display:block;margin:14px auto;}
.alignnone{display:block;margin:14px 0;}
.clear{float:left;clear:both;width:100%}
.clear1{float:left;clear:both;width:100%;height:1px}
.clear20{float:left;clear:both;width:100%;height:20px}
.center{text-align:center}

.bold{font-weight:700}
.normal{font-weight:400}
.text-center{text-align:center}

.float-right{float:right}

.nomargin{margin:0}
.full{float:left;clear:both;width:100%;}

/*****************/
/*** MAIN DIVS ***/
/*****************/
.row{margin:0 auto;width:960px}

#header{background:#4D0E00;padding-top:20px}
#header-logo img{display:block;margin:0 auto}
	#cart-btn{position:absolute;top:0px;right:20px}
	#cart-btn a{font-size:12px;font-weight:400}
#footer{	
	padding:20px 0 80px 0;
	position:relative;
	text-align:center;
	color:#EADFDC;
	background:url('images/border_bottom.jpg') no-repeat 50% 80% #4D0E00;
}
#footer #contact-info{font-size:14px}
#footer #copyright{font-size:12px;color:#97685B}
/*** NAV ***/
#nav{height:57px;margin:0 auto;text-align:center}
#nav li{
	display:inline-block;
	list-style-type:none;
	position:relative;
	z-index:190;
	margin:0;
}
#nav li a{
	float:left;
	color:#EADFDC;
	text-decoration:none;
	font-size:20px;
	font-weight:400;
	letter-spacing:-1px;
	padding:18px 14px;
	font-family:'Alegreya',Garamond,Times New Roman,Times,serif;
}
#nav > li:last-child > a{padding-right:0;background:none}
#nav li a:hover,
#nav li.current_page_item a{color:#F3962F}
	/*** nav children ***/
	#nav .sub-menu{
		display:none;
		position:absolute;
		top:100%;
		left:0;
		margin:0;padding:0;
		width:230px;
		background:#4D0E00;
		border-bottom::1px solid #2B0901;
	}
	#nav li:hover .sub-menu{display:block}
	#nav .sub-menu li{
		float:left;clear:both;
		margin:0;padding:0;
		width:230px;
		list-style-type:none;
	}
	#nav .sub-menu li a{
		float:left;
		clear:both;
		font-size:20px;
		padding:10px;
		width:210px;
		text-align:left;
	}
	#nav li .sub-menu a:hover,
	#nav li .sub-menu li.current_page_item a{
		text-decoration:none;
		background:#2B0901;
	}
/*****************/
/*** HOME PAGE ***/
/*****************/
#home-video-holder{
	float:left;clear:both;width:100%;
	height:490px;
	z-index:10;
	margin:20px 0;
}
#home-video{
	float:left;clear:both;width:100%;height:420px;
	text-align:center;
	margin-bottom:20px;padding-top:70px;
	background:url('images/border_top.jpg') no-repeat top center;
}
	#home-video-holder #watch-more{
		float:left;clear:both;width:100%;
		text-align:center;
		font-size:14px;
		font-weight:normal;
	}
#home-intro{
	float:left;clear:both;width:100%;
	text-align:center;
	padding:0 80px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

#home-ss-holder{
	position:relative;
	float:left;
	margin:20px 0 20px 42px;
	width:875px;
	height:662px;	
}
#home-ss{}
#home-btns{
	float:left;
	clear:both;
	width:100%;
	margin:10px 0 0 46px;
}

/** HOME SOCIAL **/
#home-social{float:left;clear:both;width:100%;margin:0 0 15px 0;padding:0}
#home-social li{float:left;list-style-type:none;margin:0 25px 0 0}
#home-social li a{float:left;padding-left:30px;background-repeat:no-repeat;background-position:left center}

#home-social li a#home-social-facebook{background-image:url('images/social_facebook.png');color:#3C5A98}
#home-social li a#home-social-twitter{background-image:url('images/social_twitter.png');color:#2594C4}
#home-social li a#home-social-youtube{background-image:url('images/social_youtube.png');color:#E63A41}

/** BUTTONS **/

.dirty-btn{
	float:left;
	margin:0 3px 3px 0;
	padding:10px 14px;
	background:#4D0E00;
	font-weight:bold;
	color:#D4770C;		
	cursor:pointer;
	text-decoration:none;
	text-align:center;
}
.dirty-btn.text-center{float:none;display:inline-block;margin:3px auto;}
.dirty-btn:hover,
.dirty-btn.selected{
	color:#4D0E00;
	background:#F3962F;
	text-decoration:none;
}
.dirty-btn a{color:#402600}
.dirty-btn:hover a,
.dirty-btn.selected a{color:#C72400;text-decoration:none}
.dirty-btn.btn-customiron{width:260px;height:60px}
	.dirty-btn.btn-customiron .btn1{font-size:25px;line-height:32px}
	.dirty-btn.btn-customiron .btn2{font-size:27px;line-height:20px}
.dirty-btn.btn-rentals{width:260px;height:60px;font-size:40px;line-height:54px}
.dirty-btn.btn-supplies{width:260px;height:60px}
	.dirty-btn.btn-supplies .btn1{font-size:19px;line-height:25px}
	.dirty-btn.btn-supplies .btn2{font-size:35px;line-height:30px}
.dirty-btn.float-right{float:right}	
	
.home-content-left{
	float:left;
	padding-right:30px;
	width:280px;
}
.home-content-right{
	float:left;	
	width:620px;
	padding-left:29px;
}

.courses-content-left{
	float:left;
	padding-right:30px;
	width:560px;
}
.courses-content-right{
	float:left;	
	width:340px;
	padding-left:29px;
}
	.courses-content-left p{margin:0 0 4px 0;}
/*************/
/*** STUFF ***/
/*************/
.content-full{
	float:left;clear:both;width:100%;
	margin:20px 0;
}
.content-left{
	float:left;
	padding-right:29px;
	width:620px;	
}
	.content-left img{max-width:100%;height:auto}
.content-right{
	float:left;
	width:280px;
	padding-left:30px;
}
	.content-right img{max-width:100%;height:auto}
	
/***********************/
/*** CONTACT & FORMS ***/
/***********************/
.contact-text-left{float:left}
.contact-text-right{float:right;text-align:right}
#contact-iframe-holder{float:left;width:590px;height:350px}
#contact-map-holder{float:left;clear:both;width:590px;margin:0 0 10px 0}
/* ============================================ */
/* =================== #FORMS ================= */
/* ============================================ */ 
.form-wrapper{float:left;clear:both;width:100%;margin:0 0 15px 0}
.req{color:#EB0F0F;font-weight:bold;padding-left:3px}

/*** TEXT / PASSWORD / EMAIL ***/
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select{
	float:left;clear:both;width:100%;
	margin:4px 0 10px 0;padding:6px;
	outline:none;
	border:1px solid #333;
	font-size:15px;line-height:15px;
	font-weight:300;
	color:#aaa;	
	background:#111;
	box-shadow:inset 0 0 10px rgba(0,0,0,.04);
	-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.04);
	-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.04);
	font-family:'Droid Sans',Arial,Helvetica,sans-serif;	
}	
	select{width:auto;max-width:100%}
	
	/* focus */
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus{
		border:1px solid #999;
		-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.08), 0 0 5px rgba(0,0,0,.1);
		-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.08), 0 0 5px rgba(0,0,0,.1);
		box-shadow:inset 0 0 10px rgba(0,0,0,.08), 0 0 5px rgba(0,0,0,.1);
	}

input[type="submit"]{
	border:1px solid #333;
	font-size:15px;line-height:15px;
	font-weight:300;
	color:#aaa;	
	padding:10px;
	border:0;
	background:#4D0E00;
	color:#F3962F;
}
input[type="submit"]:hover{background:#F3962F;color:#4D0E00}
	
textarea{height:120px}

/*** LABEL / LEGEND ***/
label,legend{
	float:left;clear:both;width:100%;
	display:block;
	margin:10px 0 6px 0;
	font-weight:300;	
	color:#ccc;
}
select{width:220px}
input[type="checkbox"]{display:inline}
label span,legend span{font-weight:normal;font-size:13px;color:#aaa}

.wpcf7-list-item{float:left;clear:both;width:100%;margin:3px 0}

/************/
/*** BLOG ***/
/************/
.post{
	float:left;
	clear:both;
	width:100%;
	padding-bottom:20px;
	margin-bottom:20px;
}
ul.blog-sidebar{margin:0 0 14px 20px}
.post-navigation{float:left;clear:both;width:100%}
	.post-navigation a,
	.post-navigation .current{
		border:1px solid #937956;
		float:left;
		margin:0 3px 3px 0;
		padding:10px;
		background:#EBE4D1;
		font-weight:bold;
		color:#402600;		
		cursor:pointer;
		text-decoration:none;
	}
	.post-navigation a:hover,
	.post-navigation .current{
		color:#C72400;
		background:#DDD0B3;
		text-decoration:none;
	}
	.post-navigation-newer{float:left;margin:10px 0 20px 0;}
	.post-navigation-older{float:right;margin:10px 0 20px 0;}

/*********************/
/*** SHOPPING CART ***/
/*********************/
#shopping_cart td,th{padding:4px}
.shopping-cart{
	border:1px solid #444;
	float:left;
	margin:10px 3px 3px 0;
	padding:10px;
	background:#111;
	text-decoration:none;
	width:96%;
}

/********** IRONWORKS ***************/
/*** ARCHIVE VIEW ***/
.ironwork-box{
	float:left;
	margin:10px;
	width:220px;
	height:250px;
	text-decoration:none;
	cursor:pointer;	
	text-align:center;	
	overflow:hidden;
}
	.ironwork-box span{
		float:left;
		clear:both;
		width:100%;
		font-family:'Alegreya',Garamond,Times New Roman,Times,serif;
		font-size:24px;
		line-height:20px;
		font-weight:700;
		color:#ddd;
	}
	.ironwork-box:hover span{
		text-decoration:none;	
		color:#C72400;
	}
	.ironwork-box img{margin:0 0 10px 0}
.ironwork-listing h1{
	float:left;
	width:600px;
	margin:0 0 14px 0;
}
.view-more-cat{
	float:right;
	width:300px;
	text-align:right;
	padding-top:18px;
}
/*** SINGLE VIEW ***/
.ironwork-single{
	float:left;
	padding-right:20px;
	margin:0 10px 0 0;
	width:610px;
}
	.ironwork-pic-holder{
		text-align:center;
		margin-top:10px;
		float:left;clear:both;width:100%;
	}
	
	.ironwork-pic-frame{display:inline-block;text-align:center}
	.ironwork-single img{display:block;box-shadow:0 0 8px rgba(0,0,0,.4)}
.ironwork-attachments{float:left;width:320px}
	.ironwork-attachments a{float:left;margin:0 0 10px 10px}
	.ironwork-attachments img{float:left}
/*****************/
#ironwork-cat-list{
	float:left;clear:both;width:100%;	
	margin:0 0 10px 0;
}
.ironwork-listing{float:left;clear:both;width:100%}
	.ironwork-listing .full{margin:0 0 10px 0}

/*****************/
.em-calendar td.eventless-today{color:#222}

/*******************/
.supply-box{
	float:left;
	margin:10px;
	width:220px;
	height:250px;
	text-decoration:none;
	cursor:pointer;	
	text-align:center;	
	overflow:hidden;
}
	.supply-box span{
		float:left;
		clear:both;
		width:100%;
		font-size:24px;
		line-height:20px;
		font-weight:700;
		font-variant:small-caps;
		color:#aaa;
	}
	.supply-box:hover span{
		text-decoration:none;	
		color:#F3962F;
	}
	.supply-box img{margin:0 0 10px 0}
	
.supply-listing{
	float:left;
	clear:both;
	width:100%;	
	margin:0 0 10px 0;
}
.supply-pic-holder{
		text-align:center;
		margin:15px 0;
		float:left;
		clear:both;
		width:100%;		
	}
	
	.supply-pic-frame{
		display:inline-block;
		text-align:center;
	}
	.supply-single img{display:block;margin:0}
	
.supply-table{
	width:100%;
	border:1px solid #aaa;
	border-collapse:collapse;
	text-align:center;
	margin:0 0 10px 0;
}
	.supply-table th{background:#888;text-align:center;font-weight:700;border:1px solid #666;border-collapse:collapse;}
	.supply-table td{padding:4px;background:#aaa;text-align:center;border:1px solid #666;border-collapse:collapse;}
	
.supply-purchase-btn{
	float:left;
	width:190px;
	margin:0 15px 0 0;
}