/*
Theme Name: The Claw Studio
Theme URI: http://www.theclawstudio.com
Description: Official Website for The Claw Studio
Version: 1.0
Author: Jeff Guilkey
Author URI: http://www.theclawstudio.com
*/

/*- BROWSER RESET -*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,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;}

/*- PAGE: CORE CONFIGURATION -*/
body {background:url(images/bg.jpg) #000 no-repeat center top;font-family:Arial, Helvetica, sans-serif;font-size:.8em;color:#999;}
p {margin-bottom:10px;line-height:1.4em;}
em {font-style:italic;}
strong {font-weight:bold;}
a.handtechstudio, a.handtechstudio:visited{color:#09F;text-decoration:underline;}
a, a:visited {text-decoration:underline;}

.space {width:100%;height:20px;float:left;}

#wrapper {width:1000px;margin:0px auto;}

/*- HEADING -*/
h1 {font-size:3em;}
h2 {font-size:2em;}
h3 {font-size:1.5em;color:#FC0;}
h4 {}

/*- HEADER -*/
#header {padding:10px;width:940px;float:left;}
#header .logo {float:left;}
#header .menu {float:right;}

/*- FOOTER -*/
#footer {float:left;width:940px;background:#000;border-bottom:5px solid #FC0;padding:10px}
#footer .menu {float:left;}
#footer .menu ul li, #footer .copyright ul li {display:inline-block;line-height:20px;padding:5px;}
#footer .handtechstudio {}
#footer .copyright {float:right;}
#footer a, #footer a:visited {color:#666;}
#footer a.handtechstudio, #footer a.handtechstudio a:visited {color:#09F;}

/*- PAGE: HOME -*/
#top {width:960px;float:left;background:#000;}
#featured {margin:10px;position:relative;width:940px;float:left;background:#000;}
#tabsSlider {height: 400px;width: 940px;}
#tabsSlides {overflow: hidden;width: 940px;}
#tabsSlides ul {list-style: none;width: 4700px;}
#tabsSlides li {float: left;height: 400px;margin: 0;width: 940px;}
#tabsSlides li img.background {left: 0;position: absolute;top: 0;z-index: 1;}
#tabsSlides li .tabContent {padding: 30px 40px;position: relative;z-index: 2;}
#tabsSlides li .tabContent img.previewImage {float: left;margin: 0 15px 15px -10px;}
#tabsSlides li .tabContent img.previewImage.right {float: right;margin: 0 -20px 15px 20px;}
#tabsSlides li .tabContent h2 {color: #fff;font-size: 36px;line-height: 1.2;margin: 15px 0 0 0;text-shadow: 0 1px 0 #666;}
#tabsSlides li .tabContent h6 {color: #fff;text-shadow: none;}
#tabsSlides li .tabContent p {color: #7e8d9a;margin-bottom: 15px;text-shadow: none;}
#tabsSlides li .tabContent a.buttonLink {background: #ebebeb;background:#333;border-left: 1px solid #fff;border-top: 1px solid #fff;color: #637482;height: 16px;font-weight: bold;margin-right: 15px;padding: 4px 12px;text-shadow: 0 1px 0 #eee;text-transform: uppercase;}
#tabsSlides li .tabContent a.buttonLink:hover {background: #e2e2e2;text-decoration: none;}
#tabsNav {bottom: 8px;height: 60px;left: 0;list-style: none;line-height: 60px;overflow: hidden;position: absolute;width: 940px;z-index: 99;}
#tabsNav li {background: url(images/sprite-vert.png) repeat-x 0 -870px;border-left: 1px solid #f9f9f9;border-right: 1px solid #333;float:left;height:60px;line-height:60px;margin:0;}
#tabsNav li:first-child {border-left: none;}
#tabsNav li:last-child { border-right: none; }
#tabsNav li:hover { background: url(images/sprite-vert.png) repeat-x 0 -940px; }
#tabsNav li.activeSlide:hover {	background: none; }
#tabsNav li a {color:#FC0;font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;font-size: 16px;display: block;padding: 0 40px;}
#tabsNav li a:hover {color: #808080;text-decoration:none;}
.js #tabsNav li.activeSlide {background: none;}
.js #tabsNav li.activeSlide a {color: #fff;}
#tabsNav span.fill {background: url(images/sprite-vert.png) repeat-x 0 -940px;position: absolute;bottom: 0;right: 0;}

#home {width:940px;padding:10px;float:left;background:#000;}
#home_wrap {float:left;width:940px;}

#home_content {margin-right: 260px;float:left;width:680px;}
#home_intro {width:410px;float:left;padding:10px 0 0 0;}
#home_blog {width:250px;float:left;margin-left:20px;padding:10px 0 0 0;}
#home_blog h3 {border-bottom:1px #666 solid;float:left;width:250px;padding-bottom:5px;margin-bottom:10px;}
#home_blog li {width:250px;border-bottom:#FC0 1px dashed;padding:10px 0;}
#home_blog li a, #home_blog a:visited {color:#999;text-decoration:none;}
#home_blog li a:hover {color:#FC0;}
#home_blog a span.date, #home_blog a:visited span.date {font-weight:bold;float:left;color:#FC0;min-height:25px;padding-right:5px;}

#home_ads {float:left;width:680px;padding:10px 0;height:90px;background:#121212;margin-top:20px;}

#home_works {width:680px;float:left;padding:20px 0px 10px 0px;}
#home_works ul {float:left;padding-left:5px;}
#home_works ul.work li {display:inline-block;width:215px;min-height:55px;padding:5px;float:left;}
#home_works span.view a, #home_works span.view a:visited {float:right;color:#FC0;font-weight:bold;text-decoration:none;}
#home_works span.view a:hover {color:#FFF;text-decoration:underline;}
#home_works h2 {float:left;}
#home_works img {float:left;width:215px;}
#home_works a, #home_works a:visited {color:#FC0;}
#home_works a:hover {color:#FFF;}

#home_sidebar, #blog .sidebar {float:left;width:250px;margin-left:-250px;}
#home_sidebar a, #home_sidebar a:visited, #blog .sidebar a, #blog .sidebar a:visited {color:#CC0;text-decoration:none;}
#home_sidebar .padding, #blog .sidebar .padding {padding:10px;}
#home_sidebar h3, #blog .sidebar h3 {border-bottom:1px #666 solid;float:left;width:230px;padding-bottom:5px;}
#home_sidebar ul.social,ul.social li, #blog .sidebar ul.social, #blog .sidebar ul.social li {margin: 0;padding: 0;}
#home_sidebar ul.social li {display: inline-block;width: 55px;min-height: 55px;}
#home_sidebar ul.twitter li, #blog .sidebar ul.twitter.li {padding:10px 0;border-bottom:#FC0 1px dashed;float:left;width:230px;}
#home_sidebar span.follow, #blog .sidebar span.follow {float:right;padding:10px 0;text-align:right;}

/*- PAGE: BLOG -*/
#blog {float:left;padding:10px;width:940px;background:#000;}
#blog .wrap {float:left;width:940px;}
#blog .blog {width:680px;float:left;margin-right:260px;}
#blog .blog .prevnext {}

#blog_head {border-bottom:5px solid #FC0;width:680px;float:left;}
#blog_head span.date {float:right;border-left:5px solid #FC0;padding-left:10px;color:#FC0;}
#blog_head span.date span.day {float:left;}
#blog_head span.date span.year {font-size:1.25em;float:right;text-align:right;}
#blog_head span.date span.year span.month {font-size:1.2em;}
#blog_head h2 {color:#FC0;font-size:3.25em;}
#blog_head div.sub {float:left;width:660px;padding-bottom:5px;margin-top:-5px;}

#blog_context {border-bottom:0;}

#blog .sidebar {}

/*- PAGE: PORTFOLIO -*/
#portfolio {}

/*- PAGE: SERVICES -*/
#services {}

/*- PAGE: CONTACT -*/
#contact {}

/*- MODS: COMMENTS -*/
#comments{
	border-top:5px solid #323232;
	margin:20px; padding:20px 0 0 0;
}
#comments h3{ text-align:right; font-size:16px; }
#comments h3 span{ color:#CCC; font-size:50px; }

.comments_post{
	border:1px solid #323232; border-width:0 0 1px 0;
	margin:20px 0; padding:0 0 20px 0;
}
.comments_post .avatar{
	float:left;
	width:100px;
}
.comments_post .avatar img{
	border:1px solid #323232;
	padding:7px;
}
.comments_post .user_post{
	float:left;
	margin:0 0 0 10px;
	width:450px;
}
.comments_post .user_post p{
	border:1px solid #323232; border-width:1px 0 0 0;
	font-size:13px;
	padding:8px 0 0 0;
}
.comments_post .user_name{
	font-size:18px;
}

/*-----------------------------------------------------------------------------
REPLY FORM
-----------------------------------------------------------------------------*/
#reply-form{
	clear:both;
	margin:0 20px;
}
#reply-form p{
	clear:both;
	display:block;
	height:30px;
	padding:5px 10px;
}
#reply-form label{
	display:block;
	float:left;
	font-size:12px;
	padding:4px 6px;
	width:80px;
}
#reply-form .field,
#reply-form .textarea{
	border:1px solid #444;
}
#reply-form .field{
	background:#212121;
	color:#FFF;
	font-size:12px;
	display:block;
	float:left;
	padding:4px 6px;
	width:420px;
}
#reply-form .field:hover{
}
#reply-form .field:focus{
	background:#000;
}
#reply-form .textarea{
	background:#212121;
	color:#FFF;
	font-size:12px;
	display:block;
	float:left;
	padding:4px 6px;
	width:420px; height:150px;
}
#reply-form #check{
	width:60px;
	text-align:center;
}
#reply-form .textarea:hover{
}
#reply-form .textarea:focus{
	background:#000;
}

#reply-form .submitter{
}
#reply-form .submitter:hover{
}
#reply-form label.error {
	color:#C00;
	font-size:11px;
	padding:0 0 0 92px;
	width: 500px;
	}
#reply-form .messager{ height:170px;}

#reply-form .messager label.error {
	color:#C00;
	font-size:11px;
	padding:0 0 0 92px;
	width: 500px;
	}