/* * * * * * * * * * * * *

   Stewdio Style System
   (C) 2008 Stewdio
   All Rights Reserved

* * * * * * * * * * * * */




body, h1, h2, h3, h4, h5, h6, p, table, tr, td, #url, #zip, #code
{
	margin:   0;
	padding:  0;;
	text-align: left;
	color: #444;
	font-family: "Courier New", Courier, monospace;
	font-size:   12px;
	line-height: 16px;
	font-weight: normal;
}
body
{
	background-color: #FFF;
	background-image: url( "../med/background.grid.gif" );
	padding: 8px;
	filter: alpha(opacity=100);
	opacity: 1.0;
}




/*  Global Anchors  */

a:link, a:visited, a:active, a:hover
{
	background-color: transparent;
	color: #00F;
	text-decoration: none;
}
a:hover
{
	background-color: #00F;
	color: #FFF;
}
.button
{
	width: 90px;
}
.button a:link, .button a:visited, .button a:active, .button a:hover 
{
	display: block;
	margin-top: 3px;
	border: 1px solid #00F;
	background-color: #FFF;
	padding: 4px 6px 3px 6px;
	text-decoration: none;
}
.button a:hover
{
	background-color: #00F;
}




/*  Stewdio Grid System  */

.box, .item
{
	position: relative;
	float: left;
	margin: 0 8px 8px 0;
	overflow: auto;
	background-image: url( "../med/background.stripes.gif" );
}
.box1w { width:   99px; }
.box1h { height:  64px; }
.box2w { width:  206px; }
.box2h { height: 136px; }
.box3w { width:  313px; }
.box3h { height: 208px; }
.box4w { width:  420px; }
.box4h { height: 280px; }
.box5w { width:  527px; }
.box5h { height: 352px; }
.box6w { width:  634px; }
.box6h { height: 424px; }
.pad   { padding:  8px; }
.clear { clear:   both; }
.crop  { overflow: hidden; }




/*  Global Lists  */

ol, ul, li
{
	margin:  0;
	padding: 0;
	list-style: none;
}
ul.horz li
{
	float: left;
	padding-right: 8px;
}
ul.vert
{
	/* margin: 8px 0 8px 0; */
	margin: 8px -8px 8px -8px;
}
ul.vert li.label
{
	padding-left: 8px;
}
ul.vert a
{
	display: block;
	padding: 1px 0 1px 8px;
}
ul.list li
{
	padding: 8px;
}
ul.list li.stripe
{
	background-color: #E0ECFF;
}




h1, h2
{
	color: #111;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size:   16px;
	line-height: 32px;
	font-weight: bold;
}
h1
{
	font-size:   32px;
	line-height: 32px;
	letter-spacing: -1px;
}




.instruction
{
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color: #333;
}
#input
{
	background-image: url( "../med/background.transparency.gif" );
	width: 180px;
	height: 30px;
	border: 1px solid #00F;
	color: #00F;
	font-weight: bold;
	font-size:   16px;
	line-height: 32px;
}
#display
{
	position: absolute;
	top:  85px;
	left: 30px;
	width:  256px;
	height: 100px;
	background-image: url( "../med/background.transparency.gif" );
	overflow: hidden;
}
#levels
{
	background-image: url( "../med/photoshop.levels.png" );
	background-repeat: no-repeat;
}
#downloadReady
{
	display: none;
}