/* @override http://t2thes.com/wordpress/wp-content/themes/t2s/style.css */

/* @override http://t2thes.com/wordpress/wp-content/themes/t2s/style.css */

/*
Theme Name: T2theS Theme
Theme URI: http://t2thes.com/
Description: Theme for T2thes.com
Version: 1.0
Author: Ryan Chase
Author URI: http://therushisloud.com/


*/

body {
background: #000 url(images/bg.jpg) no-repeat fixed top center;
color: #fff;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
}

#page{
	width: 1020px;
	text-align: left;
	margin: 0 auto;
	background-color: #000;
	padding: 0px 0px 20px 140px;
}

#content, #home-news{
	width: 880px;

}

#content.narrowcolumn{
	width: 600px;
	padding: 0px 39px 20px 0px;
	float: left;
}

a{
	color: #f9ae03;
	text-decoration:none;
}

a:hover{
	color: #fff;
}


h2, h3, h4,#submit{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
}

h2, h2 a{
	color: #f9ae03;
	font-size: 18px;
	font-weight: bold;
}

h2 a:hover{
	color: #f9ae03;
}

h3{
	font-size: 14px;
	color: #fff;
}

h3{
	font-size: 20px;
	text-transform: uppercase;
	color: #f9ae03;
	border-bottom: 1px solid #808080;
	padding: 10px 0 10px 0;
}

h3 .white{
	color: #fff;	
}

h4{
	font-size: 18px;
	text-transform: uppercase;
	color: #f9ae03;
}
p{
	line-height:1.5;
}

img{
	border:0;
	}
	
.clear{
	clear: left;
}

/* ============ HEADER ============= */
#header{
	text-align: left;
	padding: 30px 0px;
	position: relative;	
	margin-right: 140px;
}

#header #nav{
	position: absolute;
	top: 107px;
	right: 0;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #000;
	padding: 0px;
	
}

#header #nav li{
	display: inline;
	margin:0 0px 0 0px;
	font-size: 16px;
	text-transform:uppercase;
	font-weight: bold;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;

}

#header #nav li.divider{
	margin: 0 10px 0 10px;
}

#header #nav li a{
	color: #fff;
}

#header #nav li a:hover{
	color: #f9ae03;
}


#header #nav li.current_page_item a{
	color: #f9ae03;
}

/* =========== HOME ==========*/
#home-featured{
	position: relative;
	height: 470px;
	border-bottom: 1px solid #808080;
	margin-right: 140px;
	width: 880px;
	padding-bottom:60px
}

#home-featured #glasses{
	position: Absolute;
	top: 410px;
	left: 385px;
	z-index: 100;
}
 
#slidesHome{
	width: 880px;
	height: 524px;
	text-align: left;
	overflow: hidden;
}

#slidesHome.page{
	height: 490px;
}

.go-gallery {
	width: 880px;
	height: 470px;
}


.inner .image, .inner .image img{
	width: 880px;
	height: auto;
}

#home-featured .home-image{
	text-align:center;	
}


#home-news h2 {
	margin: 0 0 -10px 0;
}

#home-news h2 a{
	color: #827a7a;
}

#home-news h3{
	margin-bottom: 20px;
}

.homePost .date{
	float: right;
	font-size: 12px;
	color: #666;
}

#home-bar{
	float:left;
	width: 225px;
	padding-top: 25px;
	font-size: 11px;
}

.home-block{
	width: 260px;
	float: left;
	margin: 20px 50px 0 0;
}
.home-block h2{
	color: #f9ae03;
	font-weight: bold;
}

.home-block .more{
	text-align:right;
	font-family: Georgia, serif;
	font-weight: bold;
	font-style:italic;
	color: #f9ae03;
	font-size: 10px;
}

#home-bar #home-widget.text-3{
	background-color: #1a1a1a;
	padding: 15px;
}

#home-bar #home-widget{
	padding: 0px 15px;
}

#home-bar #home-widget h3.widgettitle{
	color: #fff;
}

#home-bar #home-widget.text-3 h3{
	color: #f9ae03;
	margin-top: 0;
}

#home-bar #home-widget.text-3 p{
	margin-bottom: 0;
}

#mc_signup_form {
	border: 0;
}

#mc_signup_form fieldset{
	background-color:#000;
	border: 0;
	padding: 0;
	margin: 25px 0 0 0;
	color: #fff;
	width:195px;

}

#mc_signup_form fieldset legend{
	margin: 0px 0 0 0;
	padding: 0;
	background-color: #000;
	border: 0;
	text-align: left;
	font-size:14px;
	color: #fff;
	font-weight: bold;
	padding-bottom: 10px;
}

#mc_signup_form input{
	border: 0;
	background-color: #000;
	border: 1px solid #827a7a;
	padding: 3px;
	margin: 5px 0;
}

#mc_signup_form input#mc_signup_submit{
	background-color: #f9ae03;
	color: #fff;
	padding: 5px;
	font-size: 11px;
}

#mc_signup_form div.mc_signup_submit {
	text-align: right;
	padding:0 0 0 72px;
	width: 125px;
}

input#mc_mv_EMAIL{
	width:190px;
	color: #fff;
}

label.mc_var_label{
	color: #666;
}

/* ============ WORK ============= */
#content.work{
	width:930px;
}



hr{
	width: 880px;
	border: 0;
	height: 1px;
	background:#808080;
	margin: 0;
	padding: 0;
	clear:left;
}

.workRow{
	border-top: 1px solid #808080;
	padding: 15px 0 0 0;
}
.workPiece{
	width: 260px;
	float: left;
	margin: 20px 50px 20px 0;
}

.workPiece h4{
	margin: 10px 0 0 0;
}

.workPiece p{
	margin: 0 0 0px;
	padding: 0;
}

#content.workSingle{
	width: 880px;
}

#slide-wrapper{
	position: relative;
	width: 880px;
	height: 470px;

}

#slide-wrapper #slides{
	margin: 0 0 20px 0;

}

.workSingle #slides .slide img{
	width: 880px;
	height: auto;
}

.workSingle #slide-wrapper #slideNav{

}

.prev{
	position: absolute;
	top: 175px;
	left: -60px;
	z-index: 100;
	cursor: pointer;
}

.next{
	position: absolute;
	top: 175px;
	right: -60px;
	z-index: 101;
	cursor: pointer;
}

#workLeft{
	float:left;
	width: 590px;
}

#workLeft p{

}
#workRight{
	float: left;
	text-align:right;
	margin: 12px 0 0 0;
	width: 290px;
}

#workRight h4{
	margin: 0 0 30px 0;
	color: #fff;
	font-size: 16px;
}

#workRight h4 span{
	font-weight: normal;
}

.back{
	color: #fff;
	background-color: #f9ae03;
	font-weight: bold;
	text-transform:uppercase;
	padding: 5px 15px;
}

/* =========== PAGE ======== */
.postPage .post{
	border: 0;
}

#portfolio-bar{
	float:left;
	width: 225px;
	padding-left: 15px;
	margin: 68px 0 20px 0;
}

#portfolio-bar ul{
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #1a1a1a;
}

#portfolio-bar ul li{
	border-bottom: 1px solid #4d4d4d;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;;
}

#portfolio-bar ul li.page-item-21{
	border-bottom: 0;;
}

/* =========== ABOUT ======== */
#craftsmen {
	margin: 30px 0 0 0;
}

#craftsmen .pic{
	width: 275px;
	padding: 0 0 50px 0;
}

#craftsmen .bio{
	vertical-align: top;
	width: 400px;
}

#craftsmen .bio p{
	margin: 0 0 0 0;
	padding: 0;
}

#craftsmen h4{
	margin:0 0 10px 0;
	font-style: italic;
}

/* =========== BLOG ======== */
#sidebar{
	float:left;
	width: 225px;
	padding-left: 15px;
	margin: 0px 0 20px 0;
}

#sidebar ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar h2{
	margin-top: 0;
}

#sidebar .widget{
	padding: 15px;
	background-color: #1a1a1a;
}

.postmetadata{
	font-size: 11px;
	color: #666;
}

.postmetadata a{
	color: #666;
}

.postmetadata a:hover{
	color: #f9ae03;
}

ol.commentlist{
	list-style: none;
	margin: 0;
	padding: 0;;
}

ol.commentlist li{
	border-bottom: 1px solid #333;
}

.avatar{
	display: none;
}

.post{
	/*border-bottom: 1px solid #333;*/
	padding:0 0 20px 0;
	border-bottom: 1px solid #808080;
	margin: 0 0 20px 0;
}

.post img{
	/*width: 560px;
	height: auto;*/
}

.navigation{
	padding: 0 0 10px 0;
	height: 10px;
}

.navigation a{
	color: #f9ae03;
}

.navigation .alignright{
	float: right;
}

.navigation .alignleft{
	float: left;
}

#respond h3{
	font-size: 14px;
	margin:0 0 10px 0;
}

#commentform{

}

#respond{
	background-color: #000;
	padding: 10px;
}

#respond p{
	margin: 0 0 10px 0;	
}

#respond input, #respond textarea{
	border: 1px solid #222;
	background-color: #111;
	padding: 10px;
	color: #fff;
	width: 300px;
}

#respond textarea{
	height: 100px;
}

label small{
	margin-left: 10px;
	font-size: 12px;
}

input#submit{
	width: 70px;
	background-color: #f9ae03;
	color: #fff;
	border: 0;
	padding: 10px;
}

.leaveComment label{
	float: right;
	width: 210px;
	margin-top: 12px;
}

/* =========== FOOTER ==========*/
#connect{
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
	padding: 0px 0 0px 0px;
	margin:40px 140px 0 0;
	text-align:right;
	height: 50px;
	clear: left;
}

#connect h2{
	text-transform:uppercase;
	font-style: italic;
	font-size: 18px;
}

#toggle{
	cursor:pointer;
	
}

.close{
	padding: 17px 0 0px 0;
}

h2 .white{
	color: #fff;	
}

 #connect .copy{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0 0 0;
	color: #a7a7a7;
}
#footer{
	color: #fff;
	padding: 5px 0 5px 0px;
	clear: left;
	border-bottom:1px solid #808080;
	border-left: 0;
	border-right: 0;
	text-transform:uppercase;
	width: 880px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
}

#footer a{
	color: #fff;
}

#footer h3{
	font-size: 16px;
	border: 0;
	padding: 0;
}

#footer #social{
	float: left;
	width: 195px;
	height: 120px;
	margin: 15px 0;
}

#footer #office{
	margin: 15px 0;
	float: left;
}

#footer #form{
	float: right;
	margin: 15px 0;
	color: #f9ae03;
}

#form input, #form textarea{
	border: 0;
	background-color: #e1e1e1;
	width: 285px;
	padding: 3px;
}

#form table td{
	padding: 7px 5px;
	text-transform: uppercase;
}

#respond table td.message, #form table td.message{
	vertical-align: top;
	padding:  12px 5px 0 0;	
}

input#submit{
	width: 39px;
	height: 15px;
	background-color: #000;
	padding: 0;
	text-transform:uppercase;
	font-weight:bold;
	color: #f9ae03;
	font-size: 14px;
	
}

input#submit img{

.clearLeft{
	clear: left;
}