@charset UTF-8;

/*
Theme Name: That Craft Guy
Version: 1.0
Author: AdhocWorks
Author URI: http://www.adhocworks.com/
*/

/* IMPORT RESET STYLES */
@import url(main.css);
@import url(normalize.css);
@import url(jquery.fancybox.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,800italic,800,700,400,600&subset=latin,cyrillic-ext);

/* ==========================================================================
   Theme's custom styles
   ========================================================================== */
body {
	background: url(../images/bg-back.gif) top center;
	background-position:fixed;
	width:100%;
	min-width:990px;
}

.mainWrapper {
	background: url(../images/bg-t.png) top center no-repeat;
	min-width:990px;
	overflow: hidden;
	width:100%;
}

.containerDiv {
	float: left;
	overflow: hidden;
	min-width:990px;
	width:100%;
}

.bgFooter {
	background:url(../images/bg-footer.png) bottom center no-repeat;
}

.contentContainer {
	background:url(../images/bg-repeat.png) top center repeat-y;
	float: left;
	margin-bottom:219px;
	margin-top:630px;
	min-width:990px;
	width:100%;
}

.contentWrapper {
	margin: -550px auto -259px auto;
	width:990px;  
}

.rightColumn {
	float:right;
	margin-right:70px;
	width:670px;
}

.leftColumn {
	float: left;
	margin-right:30px;
	width:210px;
}

.openSans {
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 800;
}

.homeTitle {
	color: #00abcd;
	float: left;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.goBack {
	background: none;
	color: #00abcd;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: 800;
	margin: 0 10px 0 0;
	text-decoration: none;
}
/* >>>>>>>>>>>>>>>>>>
   Header  */
.logo {
	float: left;
	margin-top: 10px;
	width: 990px;
}

.logo img {
	float: right;
	margin-right: 10px;
}

/* >>>>>>>>>>>>>>>>>>
   Video  */
.mainVideoArea {
	float: left;
	margin: 20px 8px 20px 8px;
	width: 654px;
}

.btn4MainVid {
	float: left;
	margin: 30px 0;
	position: relative;
	width: 654px;
}

.instructionsBtn2 {
	background: url(../images/instructions-bg-2.png) center center no-repeat;
	bottom: -15px;
	display: block;
	height: 25px;
	right: 295px;
	padding: 5px 15px 5px 10px;
	position: absolute;
	text-align: right;
	text-transform: uppercase;
	width: 285px;
}

.galleryBtn2 {
	background: url(../images/instructions-bg-2.png) center center no-repeat;
	bottom: -15px;
	display: block;
	height: 26px;
	right: 10px;
	padding: 5px 15px 5px 10px;
	position: absolute;
	text-align: right;
	text-transform: uppercase;
	width: 245px;
}

.videoPostsContainer {
	float: left;
	margin: 0 8px 20px 8px;
	width: 654px;
}

.videoPost {
	float: left;
	margin-bottom: 40px;
	position: relative;
	width: 654px;
}

.videoPostContent {
	background: url(../images/video-middle-bg.png) center center repeat-y;
	float: left;
	margin-left: 20px;
	padding: 0 20px 20px 140px;
	width: 474px;	
}

.videoThumb {
	position: absolute;
	height: 144px;
	left: 0;
	top: 0;
	width: 147px;
}

.videoTop, .videoBottom {
	float: left;
	margin: 0 0 0 20px;
}

a.btnFont {
	color: #00abcd;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-decoration: none;
}

a.btnFont:hover {
	color: #f5911e;
}

.instructionsBtn {
	background: url(../images/instructions-bg.png) center center no-repeat;
	bottom: -15px;
	display: block;
	height: 25px;
	right: 160px;
	padding: 5px 15px 5px 10px;
	position: absolute;
	text-align: right;
	text-transform: uppercase;
	width: 147px;
}

.instructionsIcon {
	position: absolute;
	left: -10px;
	top: -5px;
}

.downloadInstructionsBtn {
	background: url(../images/download-instructions-bg.png) center center no-repeat;
	clear: both;
	display: block;
	height: 25px;
	margin: 0 auto;
	padding: 5px 30px 5px 10px;
	position: relative;
	text-align: right;
	text-transform: uppercase;
	width: 260px;
}

.galleryBtn {
	background: url(../images/gallery-bg.png) center center no-repeat;
	bottom: -15px;
	display: block;
	height: 26px;
	right: 10px;
	padding: 5px 15px 5px 10px;
	position: absolute;
	text-align: right;
	text-transform: uppercase;
	width: 103px;
}

.galleryIcon {
	position: absolute;
	left: -10px;
	top: -5px;
}

/* >>>>>>>>>>>>>>>>>>
   Gallery  */
.galleryContainer {
	background: #fffcc4; 
	float: left;
	margin: 0 8px 20px 8px;
	padding-bottom: 10px;
	padding-top: 20px;
	width: 654px;
	
	/* border radius */
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	/* box shadow */
	-webkit-box-shadow: rgba(110,110,110,0.15) 2px 2px 2px 0px;
	box-shadow: rgba(110,110,110,0.15) 2px 2px 2px 0px;
}

.galleryTitle {
	color: #00abcd;
	float: left;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.thumbnail {
	float: left;
	margin: 0 4px 10px 9px;
	width: 150px;
}