/*
Theme Name: Interface Studio Wordpress
Theme URI: http://interfacestudio.com/
Description: Built by P'unkAve for Interface Studio in 2008. Don't change this theme. It will make your website look really funny if you do!
Version: 1.0
Author: P'unkAve
*/

@charset "utf-8";

/* RESET STYLES ======================================================== */

/* 
Eric Meyer's Reset CSS
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/* ===================================================================== */

h1,h2,h3,h4,h5,h6 {
	font-weight: normal !important;
	margin: 0;
	padding: 0	;
}
 
a {
color: #f7931e;
text-decoration: none;
}

a img {
border: none;
}

a:visited {
color: #f7931e;
}

a:hover {
color: #333;
}

acronym, abbr {
border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
font-size: 90%;
letter-spacing: .07em;
}

acronym, abbr {
cursor: help;
}

blockquote {
border-left: 5px solid #ccc;
margin-left: 1.5em;
padding-left: 5px;
}

body {
background: #fff;
color: #000;
font: 10px/1.4 Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
}

cite {
font-size: 90%;
font-style: normal;
}

h2 {
}

h3.date {
	font-size: 16px;
}

ol#comments li p {
font-size: 100%;
}

p, li, .feedback {
}

/* classes used by the_meta() */
ul.post-meta {
list-style: none;
}

ul.post-meta span.post-meta-key {
font-weight: bold;
}

.credit {
background: #90a090;
border-top: 3px double #aba;
color: #fff;
font-size: 11px;
margin: 10px 0 0 0;
padding: 3px;
text-align: center;
}

.credit a:link, .credit a:hover {
color: #fff;
}

.feedback {
color: #ccc;
text-align: right;
clear: both;
}

.meta {
font-size: .75em;
}

.meta li, ul.post-meta li {
display: inline;
}

.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

.meta, .meta a {
color: #808080;
font-weight: normal;
letter-spacing: 0;
}

.storytitle {
margin: 0;
}

.storytitle a {
text-decoration: none;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
background: #fff;
border: 1px solid #333;
padding: .2em;
}

#commentform textarea {
width: 100%;
}

#commentlist li ul {
border-left: 1px solid #ddd;
font-size: 110%;
list-style-type: none;
}

#commentlist li .avatar {
float: right;
margin-right: 25px;
border: 1px dotted #ccc;
padding: 2px;
}

#rap {
margin: 0 0 0 30px;
/*margin: 30px auto;*/
width:975px;
overflow: hidden;
position: relative;
top:0;
left:0;
float: left;
display: inline;
}

.home #rap {
	position: absolute;
	display: inline;
}

#content {
float: left;
margin-top: 60px;
width: 100%;
display: inline;
}

/* == HEADER ==================================== */

h1#header {
font-size: 60px;
text-transform: lowercase;
letter-spacing: -.01em;
width: 805px;
line-height: 1;
margin-top:30px;
}

h1#header a span {
color: #c4c4c4;
}

#header a:hover {
color: #ED4D1C;
}

#header a:hover span {
color: #444;
}

.home #header a span {
color: #444;
}

.home #header a:hover {
color: #777;
}

.home #header a:hover span {
color: #000;
}

/* == NAV ==================================== */
.nav_item ul,
.nav ul,
ul.subnav
{
	margin: 0;
	padding: 0;
}


.nav a {
font-size: 36px;
text-transform: lowercase;
line-height: 1;
overflow: visible;
}

.home .nav a:link,
.home .nav a:visited {
color: #444;
}

.nav a:link,
.nav a:visited {
color: #c4c4c4;
}

.home .nav a:hover,
.nav a:hover {
color: #f7931e;
}

.nav a span {
display: none;
}

.nav a:hover span {
/*display: inline;*/
color: #444;
}

.nav li {
clear: both;
}

.subnav {
	float: left;
	margin: 5px 0;
	width:975px;
}

.subnav li
{
	float: left;
	position: relative;
	display: inline;
}

.subnav .nav {
	font-size: 12px;
	float: left;
	position: relative;
	display: inline;
	color: #c4c4c4;
	line-height: 24px;
	margin: 2px 5px 2px 0;
}

.subnav .nav a {
font-size: 24px;
float: left;
margin-right: 14px;
line-height: 24px;
vertical-align: bottom;
position: relative;
top: 2px;
}

.subnav .nav .subtitle,
.subnav .nav .date {
	display: block;
	float: left;
	line-height: 29px;
	margin: 0;
	margin-left: -10px;
	margin-right: 24px;
	color: #aaa;
	position: relative;
	top: 3px;
}

.subnav .nav {
	white-space: nowrap;
}

/* == NAV: PAGE SPECIFIC ====================== */

.about .nav.about a,
.services .nav.services a,
.projects .nav.projects a,
.currently .nav.currently a,
.clients .nav.clients a {
color: #f7931e;
}

.about .nav.about a span,
.services .nav.services a span,
.projects .nav.projects a span,
.currently .nav.currently a span,
.clients .nav.clients a span,
#toggle_section .nav a span {
display: inline;
color: #333;
}

/* == NAV: SUBPAGES ====================== */



.current_page_ancestor a,
.current_page_item a {
color: #f7931e !important;
}

.subnav .nav .nav {
display: none;
}

.subsubnav {
margin: 0;
padding: 0;
display: block;
float: left;
clear: both;
width: 100%;
margin: 10px 0 0;
}

.subsubnav .nav {
font-size: 16px;
line-height: 36px;
}

.subsubnav .nav a {
font-size: 16px;
color: #333;
line-height:36px;
}

.subsubnav div {
	float: left;
	margin-right: 18px;
}

.subsubnav .nav.current_page_item a {
	color: #f7931e !important;
}

.subsubnav .nav a:hover {
color: #f7931e;
}

/* == PAGE CONTENT ============================ */

.page_container {
position: relative;
width: 975px;
float: left;
/*margin: 15px 0;*/
font-size: 12px;
}

.page_content {
width: 975px;
float: left;
margin-top: 20px;
display: inline;
overflow: visible;
position: relative;
}

.page_copy {
width: 375px;
float: left;
margin-right: 25px;
}

.page_copy p {
margin-bottom: 10px;
}

.page_copy h1 {
	font-weight: bold !important;
	display: block;
	width: 100%;
	height: 50px;
	overflow: hidden;
}

.page_copy strong {
font-weight: bold;
}

.page_copy iframe
{
	position: relative;
	display: inline;
	float: left;
	clear: both;
	margin: 10px 0;
}

.page_gallery {
width: 575px;
float: right;
overflow: hidden; /* Broke Magnifying Glass in IE -- Overrides in ie.css */
min-height: 700px;
position: relative;
}

/* == PAGE GALLERY ============================ */

.gallery-container {
position: absolute;
left: 0;
top: 0;
}

.gallery-item {
float: left;
width: 575px;
position: relative;
padding-bottom: 50px;
}

.gallery-icon {
float: left;
position: relative;
}

/*.gallery-caption {
position: absolute;
left: 0;
bottom: 0;
font-size: 24px;
line-height: 28px;
padding: 8px 0px 8px 10px; 
/*margin-right: 44px; /* 44px = width of gallery-zoom */
/*color:#fff;
background: transparent url(images/gallery-caption-bg.png) top left;
min-height: 28px; /* Check/Fix in IE6 Later */
/*z-index:999;
width:521px;
}
*/

.gallery-caption {
position:relative;
font-size: 11px;
line-height: 16px;
padding: 8px 0px; 
color:#333;
min-height: 28px; /* Check/Fix in IE6 Later */
padding-right: 110px;
z-index:999;
width:465px;
}

.gallery-controls {
position: absolute;
top: -28px;
right: 0;
width: 100%;
height: 100%;
z-index: 998;
float:left;
bottom:0;
}

.gallery-controls a {
position:relative;
display: block;
float: left;
width: 50%;
height: 100%;
padding: 0 10px;
text-indent: -9999px;
overflow: hidden;
z-index:998;
}

.gallery-controls a.next {
position: absolute;
right: 0;
}

.gallery-controls a.previous {
position: absolute;
left: 0;
}

.gallery-controls a.next:hover {
background: url(images/arrow_next.png) no-repeat right 40px;
}

.gallery-controls a.previous:hover {
background: url(images/arrow_prev.png) no-repeat left 40px;
}

.gallery-controls2 {
width: 100px;
height: 28px;
position: absolute;
right: 0;
top: 8px;
display: none; /* REMOVED AT RQUEST OF CLIENT 11/12/08 */
}

.gallery-controls2 a {
	position: absolute;
	top: 0;
	display: block;
	float: left;
	width: 28px;
	height: 28px;
	overflow:hidden;
	text-indent: -9999px;
}

.gallery-controls2 a.next {
	left: 28px;
	background: url(images/arrow_next_new.png) no-repeat top right;
}

.gallery-controls2 a.previous {
	left: 0px;
	background: url(images/arrow_prev_new.png) no-repeat top right;
}

.gallery-controls2 a:hover {
	background-position: bottom left;
}

.gallery-zoom {
position: absolute;
right: 0;
top: 8px;
display: block;
width: 28px;
height:28px;
text-indent: -9999px;
overflow: hidden;
/*background: transparent url(images/gallery-caption-bg.png) top left;*/
}
.gallery-zoom a.zoom {
display: block;
height: 100%;
width: 100%;
background: url(images/arrow_zoom_mag.png) no-repeat top center;
}

.gallery-zoom a.zoom:hover {
background-position: bottom center;
}

/* == MISC ==================================== */

#wp-calendar {
border: 1px solid #ddd;
empty-cells: show;
font-size: 14px;
margin: 0;
width: 90%;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
text-decoration: none;
}

#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}

#wp-calendar caption {
color: #999;
font-size: 16px;
text-align: left;
}

#wp-calendar td {
color: #ccc;
font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}

#wp-calendar td.pad:hover {
background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #bbb;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions & aligment */

#footer {
/*	border-top: 1px solid #ddd;*/
	float: left;
	display:block;
	padding: 0;
	margin: 0;
	margin-top: 100px;
	width: 975px;
}

#footer ul {
	float: left;
	margin: 0 !important;
}

#footer li {
	display: block;
	float: left;
	margin: 20px 16px 10px 0;
	padding: 10px 0 20px 0;
	font-size: 11px;
	color:#888;
}
.home #footer {
position: absolute;
bottom: 20px;
left: 0;
margin: 0;
padding: 0;
}

.home #footer li {
	color: #444;
	padding-bottom: 10px;
	margin-bottom: 0;
}


/* == Clear Fix ==================================================== slightly enhanced, universal clearfix hack */
.c:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.c {
display: inline-block;
}
/* start commented backslash hack \*/
* html .c {
height: 1%;
}
.c {
display: block;
}
/* close commented backslash hack */

br.c {
clear: both;
}

/* == FULL BG ======================================= */

#crop {
position: fixed;
z-index: -1;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
}

#fullbg {
position: relative;
height: 100%;
width: 100%;
visibility: hidden;
z-index: 0;
cursor: pointer;
}

/* == JQUERY LIGHTBOX STYLES ========================================= */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */

#jquery-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
/*	width: 100%;*/
	z-index: 1000;
/*	text-align: center;*/
	line-height: 0;
}
#jquery-lightbox a img {
border: none;
}
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
top: 0;
left: 0;
}

#lightbox-loading {
position: absolute;
top: 30px;
left: 30px;
height: 100px;
width: 100px;
line-height: 0;
}

#lightbox-loading a {
	display:block;
}

#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
display: none;
}
#lightbox-container-image-box > #lightbox-nav {
left: 0;
}
#lightbox-nav a {
outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
display: none;
visibility: hidden;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
display: none;
visibility: hidden;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
color:#000;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 10px 0 30px 0;
z-index:999;
/*display: none;
visibility: hidden;*/
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
/*display: none;*/
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption {
/*font-weight: bold;*/
font: 12px/1.4 Helvetica, Arial, Sans-serif;
}

#lightbox-image-details-caption h4 {
font-size: 16px;
margin: 10px 0;	
}

#lightbox-image-details-currentNumber {
display: none;
visibility: hidden;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}

#lightbox-image {
padding-bottom: 30px;
}


/* cforms overrides ====== */

.cform label {
	font: 11px/1.1 Arial !important;
}

.cform textarea, 
.cform input[type="text"],
.cform input.single {
	font: 11px/1.1 Arial !important;
width:250px !important;
background: none !important;
border: 1px solid #333;
}

.cform .cf-box-group
{
	float: left;
	display: inline;
	position: relative;
	clear: both;
	width: 100%;
}

.cform .cf_hidden
{
	display: none !important;
}

.cform .cf-box-title
{
	margin: 12px 0 4px;
	float: left;
	display: inline;
	position: relative;
	clear: both;
	width: 100%;
}

.cform .cf-box-group label
{
float: left;
width: 100%;
display: inline;
position: relative;
clear: both;
padding: 2px;
}

.cform .cf-ol
{
	margin: 10px 0;
	padding: 0;
}

.cform .cf-box-group label span
{

	margin-left: 5px;
}

.cform input.sendbutton {
	width: auto !important;
	float: left;
}

.linklove {
	display: none;
}

.cform {
	margin: 0 !important;
	width: 370px !important;
	overflow:hidden;
}

.cform .reqtxt,
.cform .emailreqtxt
{
	float: left;
	clear: both;
	width: 100%;
	margin: 2px 0 10px 0;
	color: #777;
}