@charset "utf-8";	

/*
Theme Name:
Theme URL: 
Description: 
Version: 0
Author: 
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
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: #a0a0a0;}
.clear_link a:visited {text-decoration: none; color: #a0a0a0;}
.clear_link a:hover {text-decoration: none; color: #ffffff;}
.clear_link a:active {text-decoration: none; color: #ac58c1;}

.post_img {
	margin: 5px;
}


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

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

#logo img{
	border: none;
}

#steele45 {
	float: right;
	margin: -18px 88px 10px 0;
	padding: 0 0 0 0;
	border: 2px #3a3a3a;
	border-bottom-style: solid;
}

#steele45 img{
	border: none;
}



/*
---------------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('/wp-content/uploads/images/bg_tile.gif');
	/*background-image:url('http://www.steelehouse.com/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;
}

.thumbbox {
	width: 180px;
	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;
}

#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;
	font-size: .55em;
	width: 640px
	margin: 0 88px 0 0;
	float: right;
}

.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;
}


/*
--------------- 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 embed {
	border: 2px solid #ffffff;
}


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

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

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

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

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

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

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

/*
--------------- 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;
	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;
	margin: 18px 0 0 0;
	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;
}




/*
------------------------------------------------------------------------------------------
---------------SIDEBAR STYLES------------------------------------------------------------
------------------------------------------------------------------------------------------
*/




/*
---------------SIDEBAR-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;
}

/*
---------------SIDEBAR-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;
}

/*
---------------SIDEBAR-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;
}


/*
---------------SIDEBAR-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;
}

/*
---------------SIDEBAR-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;
}

/*
---------------SIDEBAR-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;
}

/*
---------------SIDEBAR-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;
	height:360px;
	overflow: auto;
	margin: -10px 88px 0 0;
	float: right;
}

.news-theme {
	font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	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;
}


/*
---------------SIDEBAR-SPACE------------------------------------------------------------
*/
.space-theme a:link {color:#d1bc08; text-decoration: none;}      /* unvisited link */
.space-theme a:visited {color:#d1bc08; text-decoration: none;}  /* visited link */
.space-theme a:hover {color:#fff; background:#d1bc08;}  /* mouse over link */
.space-theme a:active {color:#bebebe;}  /* selected link */

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

/*
---------------SIDEBAR-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;
}

/*
---------------SIDEBAR-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.5em;
	font-weight: bold;
	color: #387a92;
}

/*
---------------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: .55em;
	font-weight: normal;
	color: #a0a0a0;
}