body{
font-family: Sans-Serif;
font-size:.7em;
margin:15px 0 0 0;
text-align:center;
color: #666;
line-height:18px;
}

img{
border:none;}

#container{
text-align:left;
margin:0 auto;
width:970px;
}

a{
outline: none;}

a:focus{
-moz-outline-style: none;}

#intro_menu ul{
margin:55px 0 0 -45px;}

#intro_menu ul li.theartist{
margin:28px 0 0 1px;}

#intro_menu ul li.thework{
margin:28px 0 0 15px;}

#intro_menu ul li.about{
margin:28px 0 0 18px;}

#intro_menu ul li.press{
margin:28px 0 0 36px;}

#intro_menu ul li.news{
margin:28px 0 0 32px;}

#top{
height:145px;
border-bottom:1px solid #777;
}

#top img{
margin-left:10px;
}

#left, #mid, #right,#wide,#widenews,#wider, #rightcontact{
margin-top:23px;
float:left;
display:inline;
}

#left{
margin-top:20px;
width:253px;
}

ul{
margin:0 0 0 -40px;
list-style:none;
}

ul ul{
margin:5px 0 0 -28px;
list-style:none;
}

ul ul li{
margin:4px 0 0 0;
}

#left ul li a{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#left ul li a:hover img, #buttons a:hover img, .on, #scroll_up a:hover img, #scroll_down a:hover img,#intro_menu ul li a:hover img{
filter:alpha(opacity=50);
-moz-opacity:.5;
opacity:.5;
}

#left ul li.on{
color: #888;
}

.beyond #left ul li dl.worknav dd .beyond a,.duet #left dl.worknav dd .duet a, .youdidntcall #left dl.worknav dd .youdidntcall a, .scoop #container #left ul li dl.worknav dd .scoop a, .reader #left dl.worknav dd .reader a, .pretty #left dl.worknav dd .pretty a, .gotto #left dl.worknav dd .gotto a, .24cakes #left dl.worknav dd .24cakes a, .making #left dl.worknav dd .making a, .love #left dl.worknav dd .love a, .velociraptor #left dl.worknav dd .velociraptor a, .push #left dl.worknav dd .push a, .queen #left dl.worknav dd .queen a, .britney #left dl.worknav dd .britney a{
color: #888;
}
 
#mid{
position:relative;
margin-left:14px;
width:270px;
}

#wide{
margin-left:14px;
position:relative;
width:400px;
}

#wider{
width:550px;
}

#wider p, #news_div{
margin-top:30px;
}

#wider p a{
margin-top:10px;
}

#right{
width:350px;
margin-left:77px;
margin-top:27px;
}

#rightcontact{
width:150px;
margin-left:120px;
margin-top:27px;
}

#buttons{
margin-top:20px;}

.quote{
display:block;
padding-top:6px;
padding-bottom:23px;
}

.source a{
border:0px;
text-decoration:none;
font-weight:bold;
color:#333;}

.source a:hover{
color:#666;}

.source{
display:block;
color:#333333;
}

.clearfix{
clear:both;}

/* work nav */

.work-nav dt{
	margin-left:12px;
	margin-top:6px;
	cursor:pointer;
	color:#333;
	/*font-weight:bold;*/}

.work-nav dt:hover{
	color:#666;}

.work-nav dd {	
	height: 130px; overflow: hidden; margin-left:18px; padding:0;}
	
.work-nav dd span{
	display:block; margin-top:2px;}


/* News (and Press) */

.news_title{
font-weight:bold;
}

#widenews	{
	margin-left:0px;
   margin-top:0px;
	position:absolute; 
    overflow:hidden;
	width:450px; height:320px; z-index:100; 
	}
	
#news_wn,#press_wn,#about_wn,#edu_wn,#what_wn	{ 

	position:absolute; 
	margin-left:0px; margin-top:15px; 
	width:480px; height:272px; 
	clip:auto;
	overflow:hidden;	
	z-index:1; 	
	}
	
	#cv_wn{ 
	position:absolute; 
	margin-left:0px; margin-top:15px; 
	width:480px; height:272px; 
	clip:auto;
	overflow:hidden;	
	z-index:1; 	
	}
	
	
#news_div,#about_div{
margin:0; 
position:absolute;
overflow:hidden;
z-index:1; 
width:420px;
}

#about_div,#about_wn,#edu_wn	{
width:270px;
}
	
#scrollbar { 
border:1px solid #ccc;
left:0px; top:0px;
  position:absolute; left:480px; top:7px;
  width:9px; height:295px;
   z-index:2;   font-size:1px;}
  
#track {
 height:295px;
  position:absolute;
  width:9px;  z-index:1; 
 }
  
#dragBar {
  position:absolute;  
  width:7px; z-index:1;  
  background-color:#666;
  cursor:hand; cursor:pointer;  } 
  

#aboutscrollbar, #eduscrollbar { 
border:1px solid #ccc;
 background-color:#fff;
  position:absolute; left:320px; top:8px;
  width:9px; height:268px;
   z-index:2;  
  }
  
  #eduscrollbar { 
  left:295px;   
  }
  
#abouttrack { 
 height:268px;
  position:absolute; 
  width:7px;  z-index:10;
 
  }
  
#aboutdragBar {
  position:absolute; left:0px; top:9px;
  width:7px; z-index:10;
   height:268px;
  background-color:#666;
  cursor:hand; cursor:pointer;
  } 


/* Moving */

.movinglist{
margin-left:25px;}

/* Menu page */

li a{
background-color:#FFF;}

li.theartist a{
margin-left:9px;}

li.thework a{}

li.about a{
margin-left:5px;}

li.press a{
margin-left:-5px;}

li.news a{
margin-left:-1px;}

/* Navigation */

#theartist{
margin:6px 0 0 5px;}

#moving{
margin:10px 0 0 28px;}

#still{
margin:12px 0 0 6px;}

#what{
margin:12px 0 0 8px;}

#press{
margin:12px 0 0 10px;}

#news{
margin:10px 0 0 8px;}

/* links and fonts */

h1{
display:inline;
color:#444;
font-weight:bold;
font-size:1em;
margin-bottom:10px;}

a{
color: #333;
text-decoration:none;
}

a:hover{
color: #999;
}

.small_text{
font-size:0.9em;}

table{border:none;}

/* admin */

#a_left, #a_right{
margin-top:6px;
float:left;
display:inline;}

#a_right{
margin-left:50px;}

#delete{
margin-top:8px;}

input, select, textarea{
margin:4px 0 0 0;}

#title_input{
width:300px;}

.admin_nav{
margin:0 20px 0 0;
padding:0 0 15px 0;
float:left;
display:inline;
}

.admin_nav a{
color:#aaa;}

.admin_nav a:hover{
color:#666;}