h1,h2,h3,h4,h5,h6{
font-weight:normal;
letter-spacing:-0.03em;
line-height:110%;
font-family: Georgia, Times, Geneva, serif;
color:#CC3399; color:#fff
}

h1{font-size: 144%;
padding:1em 0 0.4em 0;
}
h2{font-size: 122%;}
h3{font-size: 122%;font-weight:normal;}

/**-------------- General ----------------- **/
a {color:#0099ff;color:#1EC2F3;
text-decoration:none;}
a:hover {color:#FD4082;
text-decoration:none;
border-bottom:1px solid #555}

.semiTrans{
filter:alpha(opacity=50);
-moz-opacity:0.5;;
}

 


h1.pageMegaTitle{
color:#99cc00;
padding-bottom:3px;
}

 
#history{
font-size:85%;
margin:0 24px 0  14px;
padding-top:10px;
clear:both;
}
#currentPrj{float:left;}
#prevPrj a, #nextPrj a{
float:right;
padding:0px 10px;
font-size:200%;
line-height:10px;
}
#prevPrj a:hover, #nextPrj a:hover{
text-decoration:none; !important;
border:0px solid;}


.bigLoader{
width:100%;
height:200px;
background: url(/wrap/i/loading.gif) 50% 50% no-repeat;
text-align:center;
 
}



.wrapper{margin-left:2em; margin-top:2em}
.anImage{margin-top:2em}


#appScreenHead{
font-size:92%;
float:left;
}

#appScreenHead h1{width:60%;float:left;}
#appScreenHead .appPrimaryActions{width:39%;float:right;text-align:right;}

 
#appScreen h2{font-size:180%;margin-bottom:0.5em}

#thePage{
padding:6em 0 8em;

width:100%;float:left;
}

/** -------------- /END General ----------------- **/




li#logo{
font-family:Georgia, Times, serif;
font-size:100%;
font-weight:bold;
}
 
li#logo a, li#logo a:hover{
padding:0;margin:0; border:0px solid ;
background:transparent}





#front{border:0px solid red;
width:420px;float:left;
margin-left:50px;
padding-top:40px;
}

#megaTitle{color:#92E8FD;
letter-spacing:-0.03em;
text-align:right;
font-size:250%;

width:430px;float:left; 

}

#megaTitle B, #megaTitle strong{
font-size:100%;
font-weight:bold;
font-style:italic;
line-height:90% !important;
}

#microTitle{letter-spacing:-0.02em;
padding-top:10px;
font-family:Georgia, Times, serif;
color:#aaa;
font-size:120%;}
 


#front  h2{
font-size:150%;
}
#ann {font-size:150%;color:#888; 
font-family: Georgia, Times, Geneva, serif;

letter-spacing:0-.01em;text-align:center}
 

.page #yui-main p{
 color:#ddd;padding:0.5em 2em 1em 2em ;
}

.page #yui-main h1{
padding:0.5em 2em 0em 1.5em ;
}
.side{
font-size:92%;padding:0em 2em 1em 2em ;
}







/* ************ port pages  ********/
#tagger{
float:left; width:100%;
border:1px solid  #4f4f4f
}
#tagNavi{display:none;}

#tagNavi ul{
width:100%;float:left;
padding:0px 20px 0 20px;

}

#tagNavi span, #tagNavi li{
float:left;

}

#tagNavi li a, #tagNavi li span{
display:block;float:left;
padding:10px;
}


a.tagSwitcher.current{
color:#eee;
}
ul.tagNavList li {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin:0 0 5px 15px;
color:#444}

/*///////////////////////////////////////////////////*/
#aside P.rel{
clear:both;
font-size:85%;
margin-top:20px;
padding-top:10px;border-top:1px solid #555;
color:#888;
}

ul#relProjects{
font-size:85%;color:#777;
}

ul#relProjects li{
list-style-position:outside;
list-style-type:disc;
margin : 5px 0;
margin-left:15px;
}







.terminator{
width:100%;height:1px;
}

#tagBody {

}
#tagBody ul{
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  list-style: none;background:#333;

  }
#tagBody li {
  float: left;
width:400px; 
 margin: 0;
  padding: 0 20px;
  font-size: 92%;
  }
#tagBody li a{
display: block;
  padding: 2px 8px;
  text-decoration: none;
  border-bottom: none;
}

 

#tagger a:hover{
text-decoration:none;
border:0;
}




#exhibitLink{
float:left;width:100%;
margin:5px 0 10px;
}
a.iLink{float:left;
width:20px; height:20px;
text-align:center; 
font-weight:bold;
font-size:110%;font-family: Times, serif;
margin:4px;
border:1px solid #444;
}
a.iLink.clicked{border:1px solid #888;color:#ddd;}
a.iLink:hover{border:1px solid #888;}


/*  port pages*/
/** onSITE Portfolio sect ----------------------------- **/
p.p{

margin:0em 1em 1em 0em;
color:#ccc
}
p.pPeople{
font-size:96%;
color:#999;
font-family:Times serif;
}
.pTitle{
margin:0em 0.5em 0em 0em;
}

ul.iList{

}

.iList li{margin:5px 0;}



/** END onSITE Portfolio sect ----------------------------- **/





























.block{
border:0px solid red;
padding:1em 1.6em;
background:#efefef;
}
p.preface{font-size:82%;margin:5px 0;}

/** -------------- Interface stuff  -------------- **/
a.buttonPrimary{
color:#DF0D9F;
text-decoration:none;
border-bottom:1px dotted;}

.hovered{cursor:pointer;background:#B3E0FF}
.areaHover A{color:#00aaff !important}

.loadingBlock{border:1px solid #ddd;text-align:center;margin:5px 0;padding:1em;}

#status{clear:both;
color:#aaa;font-size:85%;
padding-top:0.5em;
padding-bottom:-1em;
}
#status div{

}

#status div.err{color:red}
#status div.stat{color:#999;
background: url(/iface/i/loadingSmall.gif) 0 50% no-repeat;padding-left:20px}
#status div.warn{color:#ff5a00}
#status div.ok{color:green}

.terminator{
border:0px solid red;
height:1px;
clear:left;}

#copy{padding:3em 0em 1em 1em;}
#copy em{font-weight:normal; color:#ccc}