/*-----------------------------------------------------------------------------
[LineBox Studios Inc.] Screen Stylesheet

version:   1.0
author:    [Matt Seccafien]
email:     [Matt Seccafien at catalystworkshop dot com]

website:   [catalystworkshop]


 Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
* {
border:0;
margin:0;
padding:0;
}

/* Styles for layout
-----------------------------------------------------------------------------*/
.clear {
clear:both;
}

.right {
float:right;
}

.left {
float:left;
}

hr {
visibility:hidden;
clear:both;
}

.entry-content hr {
height:13px;
}

.work,.work:hover {
color:#ef7f01;
border-color:#ef7f01;
}

.process,.process:hover {
color:#e7435b;
border-color:#e7435b;
}

.firm,.firm:hover {
color:#019ee1;
border-color:#019ee1;
}

.blog,.blog:hover {
color:#009d7e;
border-color:#009d7e;
}

.gray {
color:#999;
}

a:hover {
color:#ef7f01;
border-bottom-color:#ef7f01;
}

.pageid-2 a:hover,.s-category-work a:hover,.page-template-project-php a:hover {
color:#ef7f01;
border-color:#ef7f01;
}

.pageid-13 a:hover {
color:#e7435b;
border-color:#e7435b;
}

.pageid-16 a:hover, .parent-pageid-16 a:hover {
color:#019ee1;
border-color:#019ee1;
}

.pageid-18 a:hover,.s-category-blog a:hover,.category a:hover,.pageid-394 a:hover {
color:#009d7e;
border-color:#009d7e;
}

/* Set up the document
-----------------------------------------------------------------------------*/
body {
font:75%/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
color:#333;
text-align:center;
}

#wrapper {
width:868px;
text-align:left;
background-color:#FFF;
margin:0 auto;
}

/* General Typography
-----------------------------------------------------------------------------*/
h1 {
font-size:2.2em;
}

h2 {
font-size:3em;
font-weight:400;
line-height:0.9em;
float:left;
}

.page-title {
border-bottom:1px solid #999;
width:868px;
float:left;
height:32px;
}

h3 {
color:#999;
font-size:1em;
font-weight:400;
}

h4 {
text-transform:uppercase;
width:200px;
font-weight:400;
float:left;
text-align:right;
}

h4 a , h5 a {
border:none;
}

h5 {
text-transform:uppercase;
font-weight:400;
text-align:left;
font-size: 1em;
}

p,q,cite {
font-size:1em;
}

ul,ol,dl {
list-style:none;
font-size:1em;
}

/* Template Specific Typography
-----------------------------------------------------------------------------*/
.entry-content p,.entry-content ul {
width:510px;
display:inline;
float:right;
margin:0 130px 13px 0;
}

.entry-content ul {
margin-bottom:0;
}

.entry-content blockquote p {
width:710px;
color:#666;
font-size:2.4em;
font-weight:100;
line-height:1.2em;
margin-bottom:20px;
}

.blog-post .entry-content blockquote p {
width:510px;
}

.entry-content h4 {
clear:both;
float:left;
font-weight:400;
line-height:1.5em;
text-align:right;
text-transform:uppercase;
width:175px;
margin:0 0 10px;
}

.entry-content ul li {
display:block;
padding-left:15px;
background:url(images/arrow-small.gif) left 5px no-repeat;
margin:0 0 10px;
}

a {
color:#747577;
text-decoration:none;
border-bottom:1px solid #999;
}

.entry-meta a {
color:#3f4042;
border:none;
}

.entry-date,.entry-author,h4 .edit-link {
display:block;
text-transform:none;
color:#999;
font-size:0.8em;
margin:0;
}

.entry-meta {
display:block;
font-size:0.9em;
float:right;
border-bottom:1px solid #999;
width:668px;
font-weight:700;
padding-bottom:0;
margin-bottom:20px;
height:32px;
}

.comments-link {
margin-left:335px;
padding:6px 0 0 28px;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
padding:0 0 180px;
}

#logo {
border-top:10px solid #ef7f01;
width:200px;
height:83px;
display:block;
float:left;
}

#logo a {
background:url("images/linebox-logo.gif") no-repeat scroll left top transparent;
border:medium none;
display:block;
height:53px;
margin-top:32px;
text-indent:-9999px;
width:144px;
}

/* Navigation
-----------------------------------------------------------------------------*/
#navigation {
display:block;
width:638px;
float:left;
border-top:10px solid #ef7f01;
margin-left:1px;
position:relative;
}

#navigation li ul {
width:120px;
line-height:1.2em;
float:left;
margin:30px 0 0;
}

#navigation li a {
display:block;
padding-left:15px;
border:none;
}

#navigation li ul li a {
display:block;
margin-left:-15px;
padding:0 0 0 13px;
}

#navigation li ul li.current_page_item a {
background:url(images/arrow-small.gif) left 3px no-repeat;
}

.s-category-work #navigation li ul li.page-item-2 a,.page-template-project-php #navigation li ul li.page-item-2 a {
background:url(images/arrow-small.gif) left 3px no-repeat;
color:#ef7f01;
}

.level-2 ul {
border-left:1px solid #ef7f01;
padding-left:6px;
color:#666;
}

.pageid-18 #navigation li.level-2 ul,.s-category-blog #navigation li.level-2 ul,.category #navigation li.level-2 ul,.pageid-394 #navigation li.level-2 ul {
width:290px;
border-color:#009d7e;
}

.level-2 ul li {
margin-left:15px;
}

.level-3 ul {
position:absolute;
top:0;
left:240px;
}

#navigation li ul li ul {
position:absolute;
top:0;
left:240px;
width:420px;
min-height:43px;
}

#navigation li ul li ul li {
width:120px;
display:block;
float:left;
}

.parent-pageid-288 .residential-item a,.parent-pageid-322 .commercial-item a,.parent-pageid-324 .furniture-item a {
color:#ef7f01;
background:url(images/arrow-small.gif) left 3px no-repeat;
}

.parent-pageid-288 .residential-item li a,.parent-pageid-322 .commercial-item li a,.parent-pageid-324 .furniture-item li a {
color:#747577;
background:none;
}

.residential-item a:hover,.commercial-item a:hover,.furniture-item a:hover {
color:#ef7f01;
cursor:pointer;
}

/* WORK Hover Nav
-----------------------------------------------------------------------------*/
.hidden {
display:none;
opacity:0;
filter:alpha(opacity = 0);
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
clear:both;
padding-top:0;
color:#999;
}

.pageid-2 #footer {
margin-top:500px;
}

#footer ul {
border-top:1px solid #C60;
display:block;
float:left;
font-size:0.9em;
width:208px;
height:120px;
margin:80px 0 0;
padding:40px 0 0;
}

#footer ul li span {
font-size:0.9em;
}

#footer ul li {
color:#666;
}

#footer p {
display:block;
float:left;
border-top:1px solid #C60;
font-size:0.9em;
width:217px;
margin:80px 0 60px;
padding:40px 0 0;
}

/* Home Page
-----------------------------------------------------------------------------*/
.home-block {
border-top:1px solid #999;
}

.quotation {
font-size:2.4em;
font-weight:100;
color:#666;
line-height:1.2em;
width:840px;
float:left;
font-style:normal;
padding:20px 0 0;
}

.quotation span {
color:#999;
font-size:0.5em;
font-weight:400;
}

.splash {
margin-top:50px;
padding-top:50px;
clear:both;
height:675px;
}

.splash li {
width:200px;
display:block;
float:left;
margin-right:8px;
overflow:hidden;
margin-top:25px;
border-top:1px solid;
}

.splash li a {
width:200px;
text-indent:-9999px;
display:block;
float:left;
background:orange;
height:560px;
}

.splash li a.splash-work-link {
background:url(images/splash-work.jpg);
}

.splash li a.splash-process-link {
background:url(images/splash-process.jpg);
}

.splash li a.splash-firm-link {
background:url(images/splash-firm.jpg);
}

.splash li a.splash-blog-link {
background:url(images/splash-blog.jpg);
}

/* Work Page
-----------------------------------------------------------------------------*/

.loading {
	background:url(images/loader.gif) top left no-repeat;
	margin-left:300px;
	height:352px;
	width:250px;
	text-indent:-9999px;
	}

.work-container a {
position:absolute;
display:none;
float:left;
opacity:0.0;
border:none;
}

img.home-portfolio-img {
width:240px;
height:auto;
}

.entry-content {
clear:both;
width:840px;
margin:0 0 50px;
padding:20px 0 0;
}

.work-container {
position:relative;
top:0;
left:0;
display:block;
float:left;
height:675px;
}

input.text,input.input {
border:1px solid #ccc;
width:280px;
padding:3px;
}

textarea {
border:1px solid #ccc;
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
width:500px;
font-size:12px;
padding:3px;
}

/* Tables 
-----------------------------------------------------------------------------*/
table {
border-spacing:0;
border-collapse:collapse;
}

td {
text-align:left;
font-weight:400;
}

/* Wordpress 
-----------------------------------------------------------------------------*/
.signup {
float:right;
margin-right:29px;
}

.rss-link {
background:url(images/rss.gif) no-repeat scroll 1px 7px;
border-bottom:1px solid #999;
display:block;
float:right;
height:32px;
text-indent:-9999px;
width:25px;
opacity:0.35;
filter:alpha(opacity = 35);
}

.home .rss-link {
margin-top:-33px;
}

.home .addthis_sep {
margin-top:-33px;
float:left;
}

.rss-link:hover,.arrow-link:hover {
opacity:1;
filter:alpha(opacity = 100);
border-color:#ef7f01;
}

.edit-link {
clear:both;
display:block;
float:right;
margin:0 130px 0 0;
}

.addthis_toolbox {
display:block;
float:right;
}

.more-link {
line-height:40px;
}

.arrow-link {
background:url(images/arrow.gif) no-repeat scroll center 8px;
border-bottom:1px solid #999;
display:none;
clear:both;
float:left;
height:32px;
text-indent:-9999px;
width:25px;
margin-left:171px;
opacity:1px;
filter:alpha(opacity = 1);
}

/* Add-this
-----------------------------------------------------------------------------*/
.addthis_toolbox a {
width:25px;
height:31px;
float:right;
display:block;
border-bottom:1px solid #999;
margin:0;
padding:0 0 1px;
}

.addthis_sep {
width:4px;
height:31px;
border-bottom:1px solid #fff;
float:right;
padding:0 0 1px;
}

.addthis_toolbox a:hover img {
opacity:1;
filter:alpha(opacity = 100);
}

.addthis_toolbox a img {
opacity:0.3;
filter:alpha(opacity = 50);
margin:8px 0 0;
}

/* Wordpress-comments
-----------------------------------------------------------------------------*/
#comments {
clear:both;
width:840px;
margin:20px 0 50px;
padding:25px 0 0;
}

#comments h3,#comments p,#comments li {
width:510px;
display:inline;
float:right;
margin:0 130px 12px 0;
}

#comments li p {
margin-right:0;
}

.form-label {
clear:both;
float:left;
font-weight:400;
line-height:1.02em;
text-align:right;
text-transform:uppercase;
width:180px;
font-size:0.9em;
margin:5px 20px 10px 0;
}

.form-input {
margin:0 0 15px;
}

.form-submit {
margin:20px 0 0 200px;
}

.button,#login-submit-tml-main,#lostpassword-submit-tml-main,#register-submit-tml-main {
background:none;
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
color:#333;
border-bottom:1px solid #009D7E;
border-top:1px solid #009D7E;
padding:4px 0;
}

.button:hover,#login-submit-tml-main:hover,#lostpassword-submit-tml-main:hover,#register-submit-tml-main:hover {
color:#009d7e;
cursor:pointer;
border-color:#009d7e;
}

input:focus,select:focus,textarea:focus {
border:1px solid #009d7e;
}

.comment-author img {
float:left;
margin-right:5px;
}

.comment-meta {
font-size:0.9em;
margin-bottom:15px;
}
/* Recognitions Page
-----------------------------------------------------------------------------*/
.type-recognitions {	
	display:block;
	float:left;
	width:190px;
	margin-right:26px;
		border-bottom:1px solid #ccc;
		margin-top: 20px;
		margin-bottom:22px;

	

}
.type-recognitions:nth-child(4n+1){
	clear:left;	
}
.type-recognitions:nth-child(4n){
	margin-right:0px
}
.type-recognitions:hover {
border-bottom:1px solid #019EE1;
}

.featuredimage {
		
		border:none;
}

.recognition-info {
	padding:7px 0px;	
}
.recognition-info .entry-date{
	padding-left: 20px;	
	background:url(images/arrow-small.gif) left center no-repeat;
}
.recognition-info h5 {
	padding-left: 20px;	
}
/* Portfolio 2 
-----------------------------------------------------------------------------*/
#portfolio {
margin-top:10px;
clear:both;
}

/*preload classes*/
.svw {
height:10px;
padding-left:0;
text-transform:capitalize;
font-weight:700;
}

.svw ul {
position:relative;
left:-999em;
}

/*core classes*/
.stripViewer {
overflow:hidden;
position:relative;
z-index:1;
}

.stripViewer ul {
position:relative;
left:0;
top:0;
width:1%;
list-style-type:none;
margin:0;
padding:0;
}

.stripViewer ul li {
float:left;
margin:0 1000px 0 0;
padding:0;
}

.stripViewer ul li img {
height:560px;
width:840px;
}

.stripTransmitter {
overflow:auto;
width:1%;
float:left;
display:block;
margin:0 0 20px;
padding:0;
}

.stripTransmitter ul {
list-style-type:none;
float:left;
position:relative;
height:35px;
width:840px;
border-bottom:1px solid #999;
padding:0;
}

.stripTransmitter ul li {
width:25px;
float:left;
margin:0 1px -1px 0;
padding:0;
}

.stripTransmitter a {
text-align:center;
text-decoration:none;
display:block;
height:34px;
line-height:34px;
width:25px;
border-bottom:1px solid #999;
padding:0 0 1px;
}

/*tooltips formatting*/
#tooltip {
background:#fff;
color:#000;
opacity:0.85;
border:5px solid #dedede;
}

#tooltip h3 {
font:normal 10px Verdana;
border:0;
margin:0;
padding:6px 2px;
}

*:focus,a:active {
outline:none;
}

#access,.pageid-13 #categories,.home #categories,.sub-category,.page-template-project-php .entry-content p img, .entry-content li img, .entry-content h4 img,.navigation,.loggedin .signup, .signuptrue, .s-category-words .svw {
display:none;
}

.ldrgif {
	clear:both;
	float:left;
	display:block;
	text-align:center;
	background:#fff;
	height:560px;
	width:840px;
	border-bottom:1px solid #999;
	}

.ldrgif img {
	margin:0 ;
	padding-top:200px;
	}
.loggedin .signuptrue {
 display:block;
 }

.pageid-2 #logo,.pageid-2 #navigation,.pageid-2 .level-2 ul,.pageid-2 #footer ul,.pageid-2 #footer p {
border-color:#ef7f01;
}

.pageid-13 #logo,.pageid-13 #navigation,.pageid-13 .level-2 ul,.pageid-13 #footer ul,.pageid-13 #footer p {
border-color:#e7435b;
}

.pageid-16 #logo,.pageid-16 #navigation,.pageid-16 .level-2 ul,.pageid-16 #footer ul,.pageid-16 #footer p,
.parent-pageid-16 #logo,.parent-pageid-16 #navigation,.parent-pageid-16 .level-2 ul,.parent-pageid-16 #footer ul,.parent-pageid-16 #footer p
{
	border-color:#019ee1;
}

.pageid-18 #logo, .s-category-blog #logo,.category #logo,.pageid-394 #logo,.pageid-18 #navigation,.s-category-blog #navigation,.category #navigation,.pageid-394 #navigation,.pageid-18 #footer ul,.pageid-18 #footer p,.s-category-blog #footer p,.s-category-blog #footer ul,.category #footer ul,.category #footer p,.pageid-394 #footer ul,.pageid-394 #footer p {
border-color:#009d7e;
}

.s-category-blog #navigation li ul li.page-item-18 a,.category #navigation li ul li.page-item-18 a,.current-cat a {
background:url(images/arrow-small.gif) left 3px no-repeat;
color:#009d7e;
}

#navigation:hover,.stripViewer ul li:hover {
cursor:pointer;
}

.s-category-work #navigation li ul li ul li a:hover,.pageid-2 #navigation li ul li ul li a:hover,.hovered,.page-template-project-php #navigation li ul li ul li a:hover,.page-template-project-php #navigation li ul li ul li.current_page_item a,#navigation li ul li.page-item-2 a:hover,.pageid-2 #navigation li ul li.page-item-2 a,.s-category-work #navigation li ul li.page-item-2 a,.stripTransmitter a:hover,.stripTransmitter a.current {
color:#ef7f01;
}

#navigation li ul li.page-item-13 a:hover,.pageid-13 #navigation li ul li.page-item-13 a {
color:#e7435b;
}

#navigation li ul li.page-item-16 a:hover,.pageid-16 #navigation li ul li.page-item-16 a, .parent-pageid-16 #navigation li ul li.current_page_ancestor a, .parent-pageid-16 #navigation li ul li.current_page_item a, .parent-pageid-16 #navigation li#categories ul li a:hover {
color:#019ee1;
}
.parent-pageid-16 #navigation li ul li.current_page_ancestor a {
	
background:url("images/arrow-small.gif") no-repeat scroll left 3px transparent
}
#navigation li ul li.page-item-18 a:hover,.pageid-18 #navigation li ul li.page-item-18 a,.unapproved {
color:#009d7e;
}

.p-label,.f-label {
color:#999;
margin-right:1px;
}

#comments li,#respond h3 {
border-top:1px solid #999;
padding-top:20px;
}

.pageid-16 .profileimg {
	float:right;
	}