@charset "utf-8";	

/*
Theme Name: Redark
Theme URL: 
Description: Custom Theme for Steelehouse Productions
Version: 1.0
Author: Andrew Saliga, modified by your homies at <a href="http://justtheweb.com">Just the Web</a>.
Author URL: 
Tags: 
Social Media Icons: http://icondock.com/; Licensed under Creative Commons Attribution-Share Alike 3.0 Unported License.
*/


/*
---------------COLOR PALETTE------------------------------------------------------------
Home #387a92
Reels #a51515
Production #52b59a
Motion Design #b38700
Animation #a4b300
Steelehouse Digital #f77a1e
News #b24732
Space #d1bc08 
About #ac58c1
Contact #387a92
Body Text #a0
Role #b0
Credits #80
Contact Text #92
Graphic Lines #3a
----------------------------------------------------------------------------------------
/*


---------------RESETS------------------------------------------------------------
*/
ol, ul, li { list-style:none }

.clear_link a:link {
	text-decoration: none;
	color: #454d75;
}
.clear_link a:visited {
	text-decoration: none;
	color: #454d75;
}
.clear_link a:hover {
	text-decoration: none;
	color: #ffffff;
}
.clear_link a:active {
	text-decoration: none;
	color: #bebebe;
}

.post_img {
	margin: 5px;
}


/*
---------------HEADER------------------------------------------------------------
*/

#logo {
	margin: -17px 0 0 40px;
	float: left;
}

#logo img{
	border: none;
}

#steele45 {
	float: right;
	width: 640px
	height: 29px;
	margin: -18px 90px 10px 0;
	padding: 0 0 0 0;
	border: 2px #3a3a3a;
	border-bottom-style: solid;
}

#steele45 img{
	border: none;
	width: 320px
	height: 29px;
	padding: 0px;
	margin:  0 -2px 0;
}


/*
---------------FOOTER------------------------------------------------------------
*/

#footer p {	
	margin: 5px 0 0 0;
	font-size: .25em;	
}

#footer {
	width: 640px;
	float: right;
	margin: 5px 88px 10px 0;
	color: #464646;
}

.topborder {
	border: 2px #3a3a3a;
	border-top-style: solid;
}

#footer img {
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}

#footer a img {
	float: right;
	border: none;
	margin: 1px 3px 0 3px;
} 

#footer ul li a {
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	letter-spacing: .75px;
	padding: 0 20px 0 20px;
}

/*
---------------CONTENT------------------------------------------------------------
*/

#page_wrap {
	width: 960px;
	padding: 40px;
	margin: auto;
}

body {
	background-image:url('../../uploads/images/bg_tile.gif');
	/*background-image:url('../../../images/bg_tile_03.jpg');*/
	color: #a0a0a0;
}	

#content {
	width: 640px;
	margin: 0 88px 0 0;
	float: right;
}

#thumbnails {
	width: 640px;
	height: 420px;
	overflow: none;
	margin: auto;
}

#people_thumbnails {
	width: 640px;
	overflow: none;
	margin: auto;
}

.thumbbox {
	width: 180px;
	float: left;
	margin: 0 16px 15px 16px;
	color: #ffffff;
	font-size: .75em;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
}

.people_thumbbox {
	width: 180px;
	height: 140px;
	float: left;
	margin: 0 16px 15px 16px;
	color: #ffffff;
	font-size: .75em;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
}

.thumb_title{
	width: 180px;
	margin: 110px 0 0 0;
	color: #fff;
}

.thumb img{
	border: 2px solid #fff;
	height: 100px;
	width: 180px;
	float: left;
}

.thumb-s img{
	border: 2px solid #fff;
	height: 100px;
	width: 180px;
	margin: 0 0 19px 0;
	float: left;
}

.thumb img:hover{
	border: 2px solid #919191;
	height: 100px;
	width: 180px;
}

.thumb-s img:hover{
	border: 2px solid #919191;
	height: 100px;
	width: 180px;
}

.jobtitle{
	color: #a0a0a0;
}


/* Navigation - BEGIN -----------------------*/
.jtw-nav-about { 

	font-size: 10px;
	padding: 3px;
	width: 120px;
	margin-top: -4px;
	margin-left: -37px;
	margin-bottom: 0px;

}


.jtw-nav-production { 
	
	font-size: 10px;
	padding: 3px;
	width: 120px;
	margin-top: -4px;
	margin-left: -37px;
	margin-bottom: 0px;

}

.jtw-nav-production li {
	margin-top: -18px;
	font-weight: normal;
}

.jtw-nav-production li {
	margin-top: -10px;
}

.jtw-nav-about .pagenav {
	margin-top: -18px;
	font-weight: normal;
}

.jtw-nav-about li {
	margin-top: -10px;
}


/* Brands Thumbs - BEGIN -------------------- */

#thumbnails_brand {
	width: 660px;
	height: 321px;
	overflow: none;
	margin: 0 0 0 234px;
}

.thumb_brand img{
	border: 1px solid #e3e3e3;
	height: 90px;
	width: 157px;
	float: left;
}

.thumb_brand img:hover{
	border: 1px solid #000000;
	height: 90px;
	width: 157px;
}

/* Brands Thumbs - END -------------------- */


/*
---------------VERTICAL THUMBS - AUDITIONS ------------------------------------------------------------
*/


#note p {
	width: 635px;
	font-family: Futura, ‘Century Gothic’, AppleGothic, sans-serif;
	font-size: .8em;
	line-height: 1.25em;
	margin: 0 0 10px 5px;
	color: #929292;
}

#thumbnails2 {
	width: 640px;
	overflow: none;
	margin: auto;
}

.thumbbox2 {
	float: left;
	height: 200px;
	width: 124px;
	margin: 0 16px 35px 16px;
	color: #ffffff;
	font-size: .75em;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
}

.thumb_title2 {
	color: #fff;
}

.thumb2 img{
	border: 2px solid #fff;
	height: 200px;
	width: 124px;
	float: left;
}

.thumb-s2 img{
	border: 2px solid #fff;
	height: 180px;
	width: 124px;
	margin: 0 0 8px 0;
	float: left;
}

.thumb2 img:hover{
	border: 2px solid #919191;
	height: 180px;
	width: 124px;
}

.thumb-s2 img:hover{
	border: 2px solid #919191;
	height: 180px;
	width: 124px;
}

#content_text {
	font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
	font-size: .55em;
	width: 640px;
	margin: 0 88px 0 0;
	float: right;
}

#contact_text {
	font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-size: .75em;
	float: left;
	width: 640px;
	font-weight: normal;
	color: #a0a0a0;
}

#intern_text {
	font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-size: .85em;
	float: left;
	margin: 0 0 20px 234px;
	width: 640px;
	font-weight: normal;
	color: #a0a0a0;
}

.intern_highlight {
	color: #e7e8e8;
}

.name {
	color: #ddd;
	text-decoration: underline;
}

#video, #photo {
	width: 640px;
	overflow: none;
	margin: 0 88px 0 0;
	float: right;
}

#photo img {
	border: 2px solid #ffffff;
}

#brands {
	width: 636px;
	margin: 0 90px 0 0;
	float: right;
}

#brands img {
	border: 2px solid #ffffff;
}


/*
--------------- Back Button START ------------------------------------------------------------
*/

#back_button {
	float: right;
	margin: 13px 0 0 0;
}

#back_button img {
	border: none;
}

/*
--------------------------------------
*/

#back_button img:hover {
	background-color: #a0a0a0;
}

#back_button a {
	float: right;
	text-align: right;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .65em;
	text-decoration: none;
}

/*
--------------- Back Button END ------------------------------------------------------------
*/

.card {
	float: right;
	margin: 0 88px 10px 0;
	width: 636px;
	height: 356px;
	border: 2px solid #ffffff;
}

#video iframe {
	border: 2px solid #ffffff;
}


/*
--------------- Browse Thumbs Start ------------------------------------------------------------
*/

#time_shift {
	clear: both;
	float: right;
	margin: 10px 88px 17px 0;
	width: 640px;
	height: 2px;
}

#time_shift img {
	margin: 13px 0 0 0;
	border: none;
}

#previous {
	margin: 5px 0 5px 0;
	float: left;
	background: transparent url('../../../images/previous.png') top left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	width: 65px;
	height: 20px;
}

#previous a { 
	display: block;
	height: 25px;
}

#next {
	margin: 5px 0 5px 0;
	float: right;
	background: transparent url('../../../images/next.png') top left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	width: 40px;
	height: 20px;
}

#next a {
	display: block;
	height: 25px;
}

/*
--------------- Browse Thumbs End ------------------------------------------------------------
*/

#descript {
	float: right;
	margin: 10px 88px -5px 0;
	border: 2px #3a3a3a;
	border-top-style: solid;
}

#descript p {
	width: 635px;
	font-family: Futura, ‘Century Gothic’, AppleGothic, sans-serif;
	font-size: .8em;
	line-height: 1.25em;
	margin: 0 0 0 5px;
	color: #929292;
}

#info {
	float: right;
	width: 640px;
	font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-weight: light;
	letter-spacing: .75px;
	line-height: 1.5em;
	margin: 5px 88px 5px 0;
	padding: 5px 0 0 0;
	border: 2px #3a3a3a;
	border-top-style: solid;
	border-bottom-style: solid;
}

#info ul li {
	text-align: left;
	margin: 0 0 0 -40px;
}

.credits1 {
	color: #808080;
	width: 320px;
	float: left;
	
}

.credits2 {
	color: #808080;
	width: 320px;
	float: right;
}

.role {
	color: #b0b0b0;
}

#descript_text {
	float: right;
	width: 640px;
	margin: 0 88px 0 0;
	font-family: Helvetica, “Helvetica Neue”, Arial, sans-serif;
	font-size: .85em;
	color: #a0a0a0;
}

#card_text {
	font-family: Helvetica, Arial, sans-serif;
	background: #000000;
	width: 613px;
	font-size: 1.25em;
	font-weight: lighter;
	letter-spacing: .75px;
	margin: 20px -85px 0 233px;
	padding: 10px;
	border: solid 3px #ffffff;
}




/*
------------------------------------------------------------------------------------------
---------------PAGE STYLES------------------------------------------------------------
------------------------------------------------------------------------------------------
*/




/*
---------------HOME/DEFAULT------------------------------------------------------------
*/

.default-theme a:link {color:#387a92; text-decoration: none;}      /* unvisited link */
.default-theme a:visited {color:#387a92; text-decoration: none;}  /* visited link */
.default-theme a:hover {color:#fff; background:#387a92;}  /* mouse over link */
.default-theme a:active {color:#bebebe;}  /* selected link */

.default-theme {
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
	color: #387a92;
}

/*
---------------PRODUCTION------------------------------------------------------------
*/
.production-theme a:link {color:#52b59a; text-decoration: none;}      /* unvisited link */
.production-theme a:visited {color:#52b59a; text-decoration: none;}  /* visited link */
.production-theme a:hover {color:#fff; background:#52b59a;}  /* mouse over link */
.production-theme a:active {color:#bebebe;}  /* selected link */

.production-theme {
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
	color: #52b59a;
}

/*
---------------MOTION DESIGN------------------------------------------------------------
*/
.motiondesign-theme a:link {color:#b38700; text-decoration: none;}      /* unvisited link */
.motiondesign-theme a:visited {color:#b38700; text-decoration: none;}  /* visited link */
.motiondesign-theme a:hover {color:#fff; background:#b38700;}  /* mouse over link */
.motiondesign-theme a:active {color:#bebebe;}  /* selected link */

.motiondesign-theme {
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
	color: #b38700;
}


/*
---------------VISUAL EFFECTS------------------------------------------------------------
*/
.visualeffects-theme a:link {color:#b38700; text-decoration: none;}      /* unvisited link */
.visualeffects-theme a:visited {color:#b38700; text-decoration: none;}  /* visited link */
.visualeffects-theme a:hover {color:#fff; background:#b38700;}  /* mouse over link */
.visualeffects-theme a:active {color:#bebebe;}  /* selected link */

.visualeffects-theme {
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
	color: #b38700;
}

/*
---------------ANIMATION------------------------------------------------------------
*/
.animation-theme a:link {color:#a4b300; text-decoration: none;}      /* unvisited link */
.animation-theme a:visited {color:#a4b300; text-decoration: none;}  /* visited link */
.animation-theme a:hover {color:#fff; background:#a4b300;}  /* mouse over link */
.animation-theme a:active {color:#bebebe;}  /* selected link */

.animation-theme {
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
	color: #a4b300;
}

/*
---------------STEELEHOUSE DIGITAL------------------------------------------------------------
*/
.steelehousedigital-theme a:link {color:#f77a1e; text-decoration: none;}      /* unvisited link */
.steelehousedigital-theme a:visited {color:#f77a1e; text-decoration: none;}  /* visited link */
.steelehousedigital-theme a:hover {color:#fff; background:#f77a1e;}  /* mouse over link */
.steelehousedigital-theme a:active {color:#bebebe;}  /* selected link */

.steelehousedigital-theme {
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
	color: #f77a1e;
}

/*
---------------REELS------------------------------------------------------------
*/
.reels-theme a:link {color:#a51515; text-decoration: none;}      /* unvisited link */
.reels-theme a:visited {color:#a51515; text-decoration: none;}  /* visited link */
.reels-theme a:hover {color:#fff; background:#a51515;}  /* mouse over link */
.reels-theme a:active {color:#bebebe;}  /* selected link */

.reels-theme {
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
	color: #a51515;
}

/*
---------------NEWS------------------------------------------------------------
*/
.news-theme a:link {color:#b24732; text-decoration: none;}      /* unvisited link */
.news-theme a:visited {color:#b24732; text-decoration: none;}  /* visited link */
.news-theme a:hover {color:#fff; background:#b24732;}  /* mouse over link */
.news-theme a:active {color:#bebebe;}  /* selected link */

/*  article title ID does nothing */
#article_title {
	font-family: Helvetica, “Helvetica Neue”, Arial, sans-serif;
	margin: 10px 0 -10px 0;
	font-size: 14px;
	font-weight: bold;
	color: #b24732;
}

.news-theme h3 a span {
	font-family: Helvetica, “Helvetica Neue”, Arial, sans-serif;
	font-size: 10px;
	text-transform: none;
	letter-spacing: .65px;
	color: #808080;
}

.news-theme h3 a span:hover {
	color: #ffffff;
}

#news_title {
	color: #eeeeee;
}

#news_text {
	font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
	font-size: .85em;
	width: 640px;
	margin: -10px 88px 0 0;
	float: right;
}

#content_news {
	width: 640px;
	overflow: hidden;
	margin: -10px 88px 0 0;
	float: right;
}

.news-theme {
	font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #b24732;
}

.news-theme h3 {
	font-family: Helvetica, “Helvetica Neue”, Arial, sans-serif;
	font-size: .55em;
	font-weight: bold;
	color: #b24732;
}

.news-theme h3 span {
	color: #cccccc;
	margin: 0 5px 0 0;
}

.news-theme p {
	text-transform: none;
	font-size: .5em;
	font-weight: normal;
	color: #a0a0a0;
	margin: 0 10px 0 0;
}

/*
---------------BRANDS------------------------------------------------------------
*/





/*
---------------INTERN------------------------------------------------------------
*/

.intern-theme a:link {color:#387a92; text-decoration: none;}      /* unvisited link */
.intern-theme a:visited {color:#387a92; text-decoration: none;}  /* visited link */
.intern-theme a:hover {color:#fff; background:#387a92;}  /* mouse over link */
.intern-theme a:active {color:#bebebe;}  /* selected link */

.intern-theme {
	text-transform: uppercase;
	font-size: 1em;
	margin: 0 0 0 0;
	font-weight: bold;
	color: #e7e8e8;


}


/*
---------------ABOUT------------------------------------------------------------
*/
.about-theme a:link {color:#ac58c1; text-decoration: none;}      /* unvisited link */
.about-theme a:visited {color:#ac58c1; text-decoration: none;}  /* visited link */
.about-theme a:hover {color:#fff; background:#ac58c1;}  /* mouse over link */
.about-theme a:active {color:#bebebe;}  /* selected link */

.about-theme {
	font-family: Helvetica, “Helvetica Neue”, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
	color: #ac58c1;
	margin: 0 0 0 0;
}

.about-theme h3 {
	font-family: Helvetica, “Helvetica Neue”, Arial, sans-serif;
	font-size: .55em;
	font-weight: bold;
	color: #b24732;
}

#content_text p {
	text-transform: none;
	font-size: 1.45em;
	font-weight: normal;
	color: #a0a0a0;
	margin: -2px 0 10px 0;
}

#content_text ul {
	text-transform: none;
	font-size: 1.45em;
	font-weight: normal;
	color: #a0a0a0;
	margin: 5px 0 10px 0;
}



#content li {
	float: left;
	border: 1px solid #222;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
	margin-right: 10px;
	cursor: pointer;
	background-color: #222;
}

#content li a {
	font-family: Helvetica, “Helvetica Neue”, Arial, sans-serif;
	text-decoration: none;
	color: #e8e8e8;
	text-transform: uppercase;
}

#content li:hover a {
	background-color: #2a2a2a;
	color: #ac58c1;
}


/*
---------------CONTACT------------------------------------------------------------
*/

.contact-theme a:link {color:#387a92; text-decoration: none;}      /* unvisited link */
.contact-theme a:visited {color:#387a92; text-decoration: none;}  /* visited link */
.contact-theme a:hover {color:#fff; background:#387a92;}  /* mouse over link */
.contact-theme a:active {color:#bebebe;}  /* selected link */

.contact-theme {
	text-transform: uppercase;
	font-size: 1.10em;
	font-weight: bold;
	color: #387a92;
	margin: 25px 0 0 0;
}



/*
---------------FOOTER LINKS------------------------------------------------------------
*/
#footer a:link {color:#b0b0b0; text-decoration: none;}      /* unvisited link */
#footer a:visited {color:#b0b0b0; text-decoration: none;}  /* visited link */
#footer a:hover {color:#fff;}  /* mouse over link */
#footer a:active {color:#bebebe;}  /* selected link */


#twitter_feed {
	font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
	float: left;
	margin: 6px 0 0 0;
	width: 515px;
	height: 25px;
	font-size: .7em;
	padding: 2px 2px 5px 2px;
	border: 2px #3a3a3a;
	border-top-style: solid;
}

/*
.twitter_ts {
	color: #ff0000;
}


#twitter-link, #twitter-user {
	color: #ff0000;
}
*/

#nav-links {
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: .75px;
	font-size: 12px;
	line-height: 2em;
	float: left;
	width: 200px;
	padding: 0 0 0 0;
	margin: -10px 30px 0 0;
} 

.nav-categories {    
	margin: 0 0 25px 0;
	}

/*
--------------- ERROR DOCS ------------------------------------------------------------
*/

#error_text {
	float: right;
	text-transform: none;
	margin: 0 88px 10px 0;
	width: 636px;
	/*border: 2px solid #ffffff;*/
	font-size: .85em;
	font-weight: normal;
	color: #a0a0a0;
}
	

/*
--------------- CONTACT FORM 7 ------------------------------------------------------
By: Justin Shattuck, Just the Web, Tulsa, Oklahoma
Modified: Tuesday, June 21, 2011.
*/
#wpcf7-f1-p1875-o1 { width: 600px; display: block; }
#wpcf7-f1-p1875-o1 .cf7name { float: left; }
#wpcf7-f1-p1875-o1 .cf7email { float: left; margin-left: 10px; }
#wpcf7-f1-p1875-o1 .cf7address { float: left; }
#wpcf7-f1-p1875-o1 .cf7address p { margin-right: 10px; float: left; }
/* #wpcf7-f1-p1875-o1 .cf7address p.city { margin-left: 58px; } */
/* #wpcf7-f1-p1875-o1 .cf7address p.city, #wpcf7-f1-p1875-o1 .cf7address p.state, #wpcf7-f1-p1875-o1 .cf7address p.zip { margin-right: 15px; float: left; } */

#wpcf7-f1-p1875-o1 .cf7address p.city, #wpcf7-f1-p1875-o1 .cf7address p.state, #wpcf7-f1-p1875-o1 .cf7address p.zip { float: left; }
#wpcf7-f1-p1875-o1 .cf7address p.phone { }
#wpcf7-f1-p1875-o1 .cf7address p.cf7name input.wpcf7-text { margin-right: 10px; width: 200px; }
#wpcf7-f1-p1875-o1 input[type=text], #wpcf7-f1-p1875-o1 input.wpcf7-text, #wpcf7-f1-p1875-o1 input[type=text].wpcf7-text { }
#wpcf7-f1-p1875-o1 input.wpcf7-text { border: 4px solid #387a92; height: 20px; background: #fff; color: #000; padding: 3px; line-height: 16px; margin: 4px 0px; }
#wpcf7-f1-p1875-o1 input.wpcf7-text:active { border: 2px solid #000; background-color: #888; color: #fff; padding: 3px; line-height: 16px; }
/* #wpcf7-f1-p1875-o1 input.wpcf7-validates-as-required { border-right: 1px solid #a51515; } */
#wpcf7-f1-p1875-o1 input[type='submit'] { background: #387a92; height: 32px; padding: 6px; color: #000; border: none; }

#wpcf7-f1-p1875-o1 p.subject input[name='subject'] { width: 400px; }
#wpcf7-f1-p1875-o1 textarea { border: 4px solid #387a92; width: 520px; }
#wpcf7-f1-p1875-o1 .cf7email input.wpcf7-text, #wpcf7-f1-p1875-o1 .cf7name input.wpcf7-text, #wpcf7-f1-p1875-o1 .street input.wpcf7-text { width: 200px; }