/*********************************************************************************
		TIMELINE OVERRIDES and LINK STYLES
**********************************************************************************/
.timeline-event-bubble-title a{
color:#f60;
}
.timeline-event-bubble-time{
display:none;
}
#maincontent a:link,#maincontent a:visited{
color:#f60;
}
#maincontent a:hover,#maincontent a:active{
color:#666;
}

/*********************************************************************************
		GLOBAL STYLES
**********************************************************************************/
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: verdana, helvetica,trebuchet, arial, sans-serif;
font-size:11px;
color:#444;
}
#content {
width: 900px; 
padding: 0px;
margin-top:30px;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto; 	
width: 900px; 
voice-family: "\"}\"";
voice-family:inherit;
width: 900px;
z-index:100;
}
html>body #content {
width: 900px; 
}
#maincontent {
float:left;
width:600px;
margin-bottom:20px;
margin-left:30px;
}

/*********************************************************************************
		something else STYLES
**********************************************************************************/
#maincontent h3 span img{
padding-left:10px;
}
p.title7{
font-size:11px;
color:#f60;
margin:0px;
text-decoration:none;
}
p.description7{
padding:0px;
margin-top:2px;
margin-left:1px;
font-size:9px;
color:#666;
text-decoration:none;

}
#maincontent a.thumbnail{
text-decoration:none;
}
#thickboxcustomcopy{
margin-top:3px;
color:#999;
text-align:right;
font-size:10px;
}
#maincontent h2 {
font-size:15px;
color:#666;
}
#maincontent h3{
font-size:14px;
color:#555;
margin-bottom:4px;
margin-top:10px;
}
#maincontent h3 a{
text-decoration:none;
}
#maincontent h4.projectsubtitle{
margin-bottom:0px;
font-size:12px;
* padding-top:10px;
margin-top:10px;
padding-bottom:4px;
}

#maincontent ul p.title a:link, #maincontent ul p.title a:visited{	
color:#ff6600;
text-decoration:underline;
}
#maincontent ul p.title a:hover, #maincontent ul p.title a:active{
text-decoration:underline;
color:#aaa;
}
#maincontent ul{
margin-left:0px;
padding:0px;
}
#maincontent ul li {
list-style:none;

}
#maincontent ul li p.title{
font-weight:bold;
color:#f60;
margin:0px;
}
#maincontent ul li p.mediatitle{

color:#f60;
margin:0px;
}
#maincontent ul li p.mediatitle span{
color:#666;
margin:0px;
}

#maincontent ul li p.description{
padding:0px;
margin-top:0px;
margin-left:3px;
font-size:9px;
color:#666;	
margin-bottom:3px;
}
#maincontent ul li img{
margin:5px;
}
img.cv{
padding-left:20px;
}

/*********************************************************************************
		PROJECT LIST STYLES
**********************************************************************************/
table tr td {
padding:0px;
margin:0px;
vertical-align: top;
}
table tr td.pub{
padding-left:20px;
}
p.title{
font-size:11px;
color:#f60;
margin:0px;
}

p.title span{
color:#999;
}
p.description{
padding:0px;
margin-top:2px;
margin-left:1px;
font-size:9px;
color:#666;
text-align:justify;
width:320px;
}
p.description5{
padding:0px;
margin-top:2px;
margin-left:1px;
font-size:9px;
color:#666;
}
p.subheading{
padding:0px;
margin-top:2px;
margin-left:10px;
font-size:9px;
color:#666;
}
h3.pageheading{
margin-bottom:2px;
}
.imagebox{
width:100px;
overflow:hidden;
padding-right:6px;
margin-top:0px;
}
.imagebox img{
margin-top:-20px;
}

/*********************************************************************************
		CONTACT PAGE STYLES
**********************************************************************************/
form {
margin-top:20px;
}
/**** for the forms ****/
label,input.forms,textarea {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
color:#666;
padding:0px;
}
input,textarea{
background:#fff;
border:1px solid #666;
}
input.btn {
width:75px;
}
input.hide {
display:none;
border:0px;
color:#fff;
}
label {
text-align: right;
width: 50px;
padding-right: 20px;
margin-top:4px;
}
form br {
clear: left;
}
.contactinfo{
width:280px;
float:left;
}
.contactinfo p{
margin:0px;
margin-bottom:5px;
}
.contactinfo img{
margin-top:20px;
margin-left:20px;
}
.sitecredits p{
margin:0px;
margin-bottom:5px;
}
#jobform{
width:310px;
float:left;
}
p.red{
font-size:10px;
color:#f00;
margin:0px;
}
#maincontent ol li{
margin-bottom:5px;
margin-top:20px;
}
#maincontent ol li img {
border:1px solid #ccc;
}
#maincontent p.title2{
font-size:12px;
color:#f60;
font-weight:bold;
padding-top:8px;
* margin-bottom:5px;
}
span.title2{
font-size:12px;
color:#f60;
font-weight:bold;
}
#maincontent p.description2{

}
#maincontent p.code {
margin:0px;
margin-top:20px;
margin-bottom:20px;
color:#f60;
font-size:11px;
font-family:"Courier New", Courier, monospace;
}
#map{
margin:0px;
padding:0px;
}
.projimg{
width:50px;
height:50px;
float:left;
padding:1px;
overflow:hidden;
border:1px solid #fff;
}
#tutorial{
margin-left:25px;
}
.hidelist{
display:none;
}
.showlist{
display:block;
overflow:auto;
}
/*********************************************************************************
 		PUBLICATIONS/AWARDS LIST STYLES
**********************************************************************************/
.listitem{
margin-left:25px;
margin-right:25px;
}
.listitempub{
margin-left:25px;
margin-right:25px;
width:400px;
background:#fafafa;
padding-bottom:1px;
margin-bottom:2px;
}
.listitemconf{
margin-left:25px;
margin-right:25px;
width:400px;
background:#fff7f2;
}
.listitemjury{
margin-left:25px;
margin-right:25px;
width:400px;
background:#ebebeb;
}
.titlepub{
background:#fafafa;
}
.titleconf{
background:#fff7f2;
}
.titlejury{
background:#ebebeb;
}
.listitemaward{
margin-left:25px;
margin-right:25px;
width:400px;
background:#fff7f2;
}
.listitemcomp{
margin-left:25px;
margin-right:25px;
width:400px;
background:#fafafa;
}
.titleaward{
background:#fff7f2;
}
.titlecomp{
background:#fafafa;
}
.tiny{
font-size:9px;
color:#666;
font-style:normal;
font-weight:normal;
}
#maincontent h4.listyear{
font-size:11px;
margin:2px;
* margin:0px;
font-weight:normal;
}
#maincontent h4.listyear a{
color:#333;
text-decoration:none;
}

/*********************************************************************************
 		TEAM PAGE STYLES
**********************************************************************************/
#maincontent p.collabcurrent{
font-weight:normal;
margin:0px;
font-size:11px;
}
p.collabcurrent span {
font-weight:normal;
color:#999;
font-size:11px;
}
#maincontent p.collabpast{
margin:2px;
color:#ccc;
font-size:11px;
}
p.collabpast span {
font-weight:normal;
color:#ccc;
font-size:11px;
}


/*********************************************************************************
		PROJECT PAGE STYLES
**********************************************************************************/

a.details:link, a.details:active, a.details:visited{
color:#ff6600;
text-decoration:none;}
a.details:hover{
color:#aaa;
}
a.otherlinks:link,  
a.otherlinks:active, a.otherlinks:visited{
color:#ff6600;
text-decoration:none;
}
a.otherlinks:hover{
color:#aaa;
}
#maincontent p.otherlinks{
margin:0px;
padding:0px;
margin-top:2px;
padding-top:2px;
}
a.projectlink:link, a.projectlink:active, a.projectlink:visited{
color:#ff6600;
text-decoration:none;
font-weight:bold;}
a.projectlink:hover{
color:#aaa;
font-weight:bold;
}
a.dlink:link, a.dlink:active, a.dlink:visited{
color:#ff6600;
text-decoration:none;}
a.dlink:hover{
background:#fafafa;
text-decoration:underline;
}
h1.projectname{
color:#888;
font-size:22px;
letter-spacing:-1px;
font-family:Verdana, Arial, sans;
margin-bottom:0px;
margin-top:5px;
}
.projectdetails{
margin:0px;
font-size:10px;
color:#888;
width:400px;
}
.projectdescription{
color:#666;
margin:0px;
font-size:10px;
width:400px;
}

/*********************************************************************************
		CV PAGE STYLES
**********************************************************************************/

p.cvinfo{
color:#666;
margin-left:20px;
}
ol{
margin:0px;
padding:0px;
}

h3 span.legend{
font-size:10px;
margin:0px;
padding:0px;
font-weight:normal;

}
.controls {
margin: 1em 0;
padding: 0.5em;
}
.orange{
color:#f60;
}
button{
border:1px solid #666;
background:none;
font-size:11px;
height:18px;
padding:3px;
padding-top:1px;
}
/*********************************************************************************
	STUDIO PAGE STYLES
**********************************************************************************/

#maincontent h3.studioheader{
margin-bottom:6px;
padding-bottom:0px;
float:left;
font-size:14px;
color:#777;
}
#maincontent img.studiopage{
margin:0px;
padding:0px;
padding-top:6px;
*padding-top:0px;
float:right;
}
#maincontent ul.studiolist{
clear:both;
margin:0px;
padding:0px;
margin-bottom:20px;
margin-top:8px;
}
#maincontent div.le{
width:400px;
}
.imagebox2{
width:100px;
overflow:hidden;
margin-top:0px;
float:left;
}
.imagebox2 img{
margin-top:-20px;
}
#tutorial li {
margin:0px;
margin-left:40px;
}
.studiodivleft{
float:left;
width:280px;
}
.studiodivright{
float:left;
width:300px;
}
#maincontent ul li p.titlestudio{
color:#f60;
font-weight:bold;
margin:0px;
}
/*********************************************************************************
		PHILOSOPHY PAGE STYLES
**********************************************************************************/
#maincontent h6{
margin:0px;
padding:0px;
font-size:9px;
font-weight:normal;
color:#ff6600;
letter-spacing:3px;
}
#maincontent div.philosophy p{
margin-top:0px;
text-align:justify;
}



/*********************************************************************************
		NEWS STYLES
**********************************************************************************/
#maincontent h3.newsfeedtitle{
margin-top:45px;
* margin-top:80px;
margin-bottom:0px;
padding-bottom:0px;
font-size:12px;
}
#maincontent p.newsfeed{
text-align:justify;
margin-top:4px;
margin-bottom:6px;
}
#maincontent blockquote.newsfeed{
margin-top:0px;
margin-bottom:0px;
}
div.newsheaderimage{
display:block;
width:600px;
height:50px;
margin:0px;
padding:0px;
padding-top:2px;
margin-bottom:10px;
margin-top:10px;
}
.newsdate{
margin:0px;
padding:0px;
color:#666;
font-size:9px;
}
a.newslink:link,a.newslink:visited{
color:#f60;
}
a.newslink:hover,a.newslink:active{
color:#999;
}
div.newsitem{
padding:10px;
color:#666;
line-height:1.7em;
border:1px solid #eee;
border-top:none;
margin:0px;
}
div #newslist p{
margin-top:0px;
margin-bottom:0px;
}
#newslist li{
margin-top:20px;
}
div.newsitem img {
padding:0px;margin:0px;
}
div.newsitem2{
color:#666;
line-height:1.7em;
margin:0px;
}
div.newsitem2 img {
padding-bottom:0px;
margin:0px;
}
p.newsdate2{
text-decoration:none;
text-align:right;
float:right;/* i hate internet explorer */
* margin-top:10px;;/* i hate internet explorer */
color:#aaa;
}
#maincontent p.newsdate3{
text-decoration:none;
text-align:right;
margin-bottom:0px;
float:right;/* i hate internet explorer */
* margin-top:13px;;/* i hate internet explorer */

color:#aaa;
}
p.newsfooter{
margin-top:15px;
width:100%;
text-align:center;
padding-top:6px;
padding-bottom:6px;
}
#maincontent ul li img.newsimg{
margin:0px;
}
p.newstitle2{
font-weight:bold;
margin:0px;
padding:0px;
* margin-top:10px;;/* i hate internet explorer */
float:left;
text-align:left;
text-decoration:none;
}
#maincontent h3.newstitle{
font-size:14px;
margin-bottom:0px;
padding:0px;
* margin-top:10px;;/* i hate internet explorer */
float:left;
text-align:left;
text-decoration:none;
}
/*********************************************************************************
		FOOTER STYLES
**********************************************************************************/

#footer{
width:100%;
clear:both;
padding:0px;
padding-top:15px;
margin-top:45px;
color:#aaa;
text-align:center;
}