/* 3ud-type-01.css                                                             */
/* Stylesheet for 3rd Uncle Design rev. 20040423-01                            */
/* Copyright (c) 1995-2004 IKORO Digital All Rights Reserved                   */
/* IKORO/Steven Wood <steven@ikoro.com> http://ikoro.com                       */
/* Text Styles                                                                 */

body {
	margin:0;
	padding:0;
	color:#f00;
        /* changed by Reena 20100204
	background-color:#bbb;
        */
	background-color:#fff;
}
	
p,ul,ol,li,dt,dd,h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#999;
	margin:0;
}
h1 { /* 3rd UNCLE design */
	font-size: 12px; 
	margin:8px 11px 0 10px;
	text-align:right;
	color: #F50;
}
h2 { /* general */
	font-size: 12px; 
	color: #F60;
}
h2.blurb { /* Welcome heading */
	margin:10px 0 0 10px;
}
h2.descfloat { /* Project Descriptions */
	font-family:"Trebuchet MS", "Verdana";
	margin:10px 28px 10px 10px;
	width:400px;
	font-size:30px;
	font-weight:bold;
	color:#000;
}
h3 { /* monikers */
	font-size: 10px;
	font-weight: bold;
	margin:0px 11px 0px 7px;
	text-align:right;
}
h3.menu {
	text-transform:lowercase;
}
h3.menutop { /* first moniker */
	text-transform:lowercase;
	margin-top: 10px;
}
h3.addr { /* main address */
	color:#888;
	margin-top:15px;
	font-size: 10px;
}
h3.bottomaddr { /* address at bottom of about page */
	color:#888;
	margin-top:58px;
	font-size: 10px;
}
h3.prjs { /* project lists */
	text-transform:uppercase;	
}
h3.prjstop { /* project lists */
	text-transform:uppercase;
	margin-top:10px;
}

h3.pubs { /* project lists */
/*	text-transform:uppercase; */
	margin-top: 5px;
}
h3.pubstop { /* project lists */
/*	text-transform:uppercase; */
	margin-top:10px;
}

h2.zone {
	font-size:14px;
	color:#999;
	text-transform:lowercase;
	margin:122px 20px 0 15px;
}
h4.prjname {
	font-size:11px;
	font-weight:bold;
	color:#F60;
	margin:8px 8px 8px 7px;
	text-align:right;
}
h4.inst { /* download instructions */
	font-size:11px;
	font-weight:bold;
	margin:10px 0px 10px 10px;
}
p.body {
	font-size: 11px;
	margin:10px 30px 0px 30px;
	color: #999;
}
p.blurb { /* Welcome body copy */
	font-size: 9px;
	margin:10px 28px 10px 30px;
	color: #999;
}
p.onsitelist {
	margin: 0;
	margin: 40px 8px 0px 7px;
	font-size: 10px;
	color: #777;
	text-align:right;
}
p.desctight {
	margin: 0;
	margin: 8px 8px 0px 7px;
	font-size: 10px;
	color: #999;
	text-align:right;
}
p.inst { /* Download instructions */
	font-size: 9px;
	margin:10px 28px 20px 30px;
	color: #999;
}
p.credit {
	margin:102px 11px 0px 7px;
	font-size:10px;
	font-weight:bold;
	color:#DDD;
	text-align:right;
}
p.desc {
	margin: 0;
	margin: 8px 8px 0px 7px;
	font-size: 10px;
	color: #777;
	text-align:right;
}
p.descbutton {
	margin: 0;
	font-size: 9px;
	color: #777;
	text-align:center;
}
p.descfloat {
	width:300px;
	margin:10px 28px 10px 10px;
	font-size:10px;
	font-weight:bold;
	color:#000;
	
}
img {
	border:0;
	background-color:#fff;
}

img.thumb { /* uncropped thumbs */
/*	margin:1px 0 0 0; was this a hack?*/
	margin:0px;
}
img.logo { /* logo is tightly cropped, this is the actual perceived margin */
	margin:37px 0 0 13px;
}

img.thumbnobord { /* matches thumbs but sans border */
	margin:8px 0 0 7px;
}
img.thumbann { /* announcement image on home page (accounts for border) */
	margin:0 0 0 5px;
}
img.cvrthm { /* publications cover thumbs */
	margin:1px 0 0 0;
}
img.pubthumb { /* uncropped publications thumbs */
	margin:30px 0 0 10px;
	border:1px solid #ccc;
}
img.photo {
	/* changed by Reena 20100204
        margin:8px 8px 20px 20px;
        */
	margin:8px 8px 8px 8px;
}
embed.movie {
	margin:8px 8px 20px 20px;
}
img.spreadL {
	margin:8px 0px 20px 10px;
	border:1px solid #ddd;
}
img.spreadR {
	margin:8px 0px 20px 0px;
	border:1px solid #ddd;
}

ul.inst {
	margin:10px 20px 10px 30px;
	color:#000;
}
ul.pubs {
	font-size: 10px;
	font-weight: bold;
	margin:5px 11px 0px 7px;
	list-style:none;
/*	list-style-image: url("img/li-diamond_black.gif");*/
	text-align:right;
}

li {}
li.lit {
}

/* Dynamic formatting */

a:link			{ border-bottom: 0px dotted; color:#06a; text-decoration: none;}
a:visited		{ border-bottom: 0px dotted; color:#06a; text-decoration: none;}
a:hover			{ border-bottom: 0px dotted; color:#f60; text-decoration: none;}
a:active		{ border-bottom: 0px dotted; color:#f60; text-decoration: none;}

a:link.selected		{ color:#f60; }
a:visited.selected	{ color:#f60; }
a:hover.selected	{ color:#f60; }
a:active.selected	{ color:#f60; }

a:link.credit		{ color:#ddd; border-bottom: 1px dotted; }
a:visited.credit	{ color:#ddd; border-bottom: 1px dotted; }
a:hover.credit		{ color:#999; border-bottom: 1px dotted; }
a:active.credit		{ color:#999; border-bottom: 1px dotted; }

/*
a:link.thumb		{ color:#f60; }
a:visited.thumb		{ color:#f60; }
a:hover.thumb		{ border: 2px dotted; }
a:active.thumb		{ border: 2px dotted; }
*/

a:link .moniker		{ visibility:hidden; }
a:visited .moniker	{ visibility:hidden; }
a:hover .moniker	{ visibility:visible; }
a:active .moniker	{ visibility:visible; }

a:link .monikeroff		{ visibility:visible; }
a:visited .monikeroff	{ visibility:visible; }
a:hover .monikeroff		{ visibility:hidden; }
a:active .monikeroff	{ visibility:hidden; }

/* CSS ROLLOVER BORDERS */
.hot {
	border-color:#fff;
	border-width:5px;
	border-style:solid;
}

:hover.hot {
	border-left-style:none;
	border-right-style:none;
	border-top-style:none;
	border-bottom-width:5px;
	border-bottom-color:#f60;
}
:active.hot {
	border-left-style:none;
	border-right-style:none;
	border-top-style:none;
	border-bottom-width:5px;
	border-bottom-color:#f60;
}