@charset "utf-8";

/***************************notes**************************
1. twitter feed colors must be updated via javascript code
**************************end notes***********************/

*
{font-family:verdana,helvetica,arial,sans-serif;
font-size:12px;
margin:0;
padding:0;
}

a,.linx
{color:#00b8e3;
}

a.navLink
{color:#4f4f4f;
}

a,a:link,a:visited
{padding:0 0 2px 0;
text-decoration:none;
}

a:hover
{border-bottom:1px solid #dcdcdc;
color:#dcdcdc;
}

a img
{border:none;
}

body
{background:#ffffff url('http://files.ilictronix.com/staff/colour/DeuxFaux/images/background.png') repeat 0 0 fixed;
}

footer
{bottom:15px;
position:relative;
}

footer p
{float:left;
font-size:.8em;
margin:0px 0 0 35px !important;
width:268px;
}

header,#headWrap,#wrapper
{margin:0 auto;
padding:0;
width:1000px;
}

h1
{font-size:2.25em;
}

h2
{font-size:1.75em;
}

credit
{font-size:.5em;
}

iframe
{border:none;
margin:0;
padding:0;
}

p.linx
{clear:left;
font-size:2em;
margin:15px 0 60px 35px;
}

ul li
{list-style-type:none;
}

ul li a,#nav ul li span.linx
{font-family:whitney,verdana,sans-serif;
font-size:2em;
margin:0;
padding:0;
text-decoration:none;
text-transform:uppercase;
}

#clients p,#jobs p
{margin:0 0 20px 35px;
width:685px !important;
}

#clients span,#jobs span,#studioMission img
{margin:0 0 0 35px;
}

#headWrap,#wrapper
{background:url('http://files.ilictronix.com/staff/colour/DeuxFaux/images/sidebar.png') repeat-y top left scroll;
}

#home #main,#code #main
{height:100%;
}

#main,#studioDef,#studioInfo
{float:left;
padding:0;
width:755px;
}

#main,#rSide
{padding:0;
}

#nav
{height:inherit;
}

#nav,#rSide
{float:right;
width:245px;
}


#nav ul
{line-height:2.65em;
margin:0px auto 60px auto;
width:100%;
}

#nav ul li
{height:47px;
padding:0 35px;
width:175px;
}

#nav ul li:hover
{background:#ffffff;
}

#nav ul li a
{color:transparent;
height:47px;
padding:0 35px 23.5px 35px;
}

#nav ul li a:hover 
{border:none;
}

#nav ul li#HOME a
{background:url('../DeuxFaux/images/HOME_DEFAULT.png') scroll no-repeat 0 0;
}

#nav ul li#HOME a:hover
{background:url('../DeuxFaux/images/HOME_HIGHLIGHT.png') scroll no-repeat 0 0;
}

#nav ul li#GAME a
{background:url('../DeuxFaux/images/GAME_DEFAULT.png') scroll no-repeat 0 0;
}

#nav ul li#GAME a:hover
{background:url('../DeuxFaux/images/GAME_HIGHLIGHT.png') scroll no-repeat 0 0;
}

#nav ul li#MUSIC a
{background:url('../DeuxFaux/images/MUSIC_DEFAULT.png') scroll no-repeat 0 0;
}

#nav ul li#MUSIC a:hover
{background:url('../DeuxFaux/images/MUSIC_HIGHLIGHT.png') scroll no-repeat 0 0;
}

#nav ul li#CODE a
{background:url('../DeuxFaux/images/CODE_DEFAULT.png') scroll no-repeat 0 0;
}

#nav ul li#CODE a:hover
{background:url('../DeuxFaux/images/CODE_HIGHLIGHT.png') scroll no-repeat 0 0;
}

#nav ul li#ALL a
{background:url('../DeuxFaux/images/ALL_DEFAULT.png') scroll no-repeat 0 0;
}

#nav ul li#ALL a:hover
{background:url('../DeuxFaux/images/ALL_HIGHLIGHT.png') scroll no-repeat 0 0;
}

#rSide
{height:100% !important;
position:relative;
top:20;
}

/*hacking twitter css*/
#rSide *
{margin:0 auto !important;
width:100% !important;
}

#rSide img,#rSide .twtr-hd,#rSide .twtr-join-conv
{display:none;
}

#rSide p em a.twtr-timestamp,#rSide p em a.twtr-reply
{color:#000000 !important;
}

#rSide .twtr-tweet
{border:none !important;
}

#rSide .twtr-tweet-text
{margin:0 !important;
}

#rSide .twtr-tweet-text p
{font-size:.8em;
margin:0 auto 20px auto !important;
position:relative;
top:0;
width:175px !important;
}

#rSide .twtr-tweet-text p a
{font-size:.95em;
margin:0 0 2px 0;
}

#rSide .twtr-tweet-text p a:hover
{border:none;
text-decoration:none;
}

#rSide .twtr-tweet-wrap
{padding:0 !important;
}

#rSide .twtr-widget i,#rSide .twtr-widget .twtr-new-results
{margin:10px 0 0 0 !important;
}
/*end hacking twitter css*/

#studioDef > img.section:last-child
{padding:0 0 20px 0;
}

#studioMission
{height:300;
overflow:hidden;
width:685px;
}

#studioMission > p:first-child
{font-size:1.5em;
margin:20px 0 0 35px;
}

#studioMission p > span:first-child
{font-size:1.5em;
text-transform:uppercase;
}

#title
{height:100px;
margin:30px 0 30px 30px;
overflow:hidden;
width:181px;
}

#title img
{clear:right;
}

#wrapper
{height:300px;
margin:0 auto;
}

.clear
{clear:both;
height:0;
margin:0;
padding:0;
}

.post
{margin:35px 0 0 0;
width:720px;
}

.post:first-child
{margin:0;
}

.post ul.tabs
{float:right;
margin:-1px -8px 0 0;
padding:0;
width:60px;
}

.post ul.tabs li
{display:inline;
margin:0;
padding:0;
}

.post ul.tabs li a
{font-size:.85em;
padding:3px 10.9px;
}

.postInfo,.teamInfo
{margin:0 0 60px 35px;
width:685px;
}

.postInfo h2
{margin:35px 0 20px 0;
}

.postInfo h2 span
{font-size:inherit;
height:23px;
overflow:hidden;
}

.postInfo p
{margin:0px 0 15px 0;
}

.postInfo ul.tags
{font-size:.85em;
margin:0;
text-transform:uppercase;
}

.postInfo ul.tags li a,.postInfo ul.tags li span
{color:#bbbbbb;
}

.section
{margin:0 0 0 -18px;
}

.sectionMedia
{margin:0 0 0 -18px;
margin-top:-50px;
}

.sectionNav
{margin:0 0 0 -18px;
margin-top:47px;
}

/*page specific styles*/

#code header .post
{margin-top:20px;
}

/*this will have to be adjusted if the reel or team member images become slideshows*/
#code #main .nivo-prevNav,#code #main .nivo-nextNav
{display:none;
}

#code #nav ul li#CODE a
{background:url('../DeuxFaux/images/CODE_HIGHLIGHT.png') scroll no-repeat 0 0 !important;
}

#game #map,#home .vid
{height:405px;
}

#code #rSide
{margin:-351px 0 0 0;
}

#game footer p
{float:left;
margin:60px 0 15px 35px;
}

#game #main .post
{margin:20px 0 0 0;
}

#game #main .post .addInfo
{float:left;
margin:0 0 0 35px;
width:205px;
}

#game #main .post .addInfo
{margin: 0 0 60px 35px;
}

#game #main .post #east.addInfo,#game #main .post #west.addInfo,#game #main .post #mWest.addInfo
{margin: 0 0 35px 35px !important;
}

#game #main .post .addInfo p span,#clients span,#jobs span,.post .addInfo span
{font-size:1.25em;
text-transform:uppercase;
}

#game #map.post
{margin:20px 35px 35px 0 !important;
}

#game #nav ul li#GAME a
{background:url('../DeuxFaux/images/GAME_HIGHLIGHT.png') scroll no-repeat 0 0 !important;
}

#game #rSide
{margin:-391px 0 0 0;
}

#game .post p span
{font-size:1em !important;
margin:0 !important;
text-transform:none;
}

#home #nav #ALL,#CODE #nav #GAME,#game #nav #MUSIC #nav #HOME
{background:#ffffff;
}

#all #nav ul li#ALL a
{background:url('../DeuxFaux/images/ALL_HIGHLIGHT.png') scroll no-repeat 0 0 !important;
}

#home #nav ul li#HOME a
{background:url('../DeuxFaux/images/HOME_HIGHLIGHT.png') scroll no-repeat 0 0 !important;
}

#code #reel.post .ss,#home .post .ss
{height:405px;
overflow:hidden;
}

#home .postInfo
{margin-bottom:85px;
}

#home .postInfo h2
{margin:20px 0 !important;
}
/*end page specific styles*/


