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

   Stewdio Style System
   © 2009 Stewdio
   All Rights Reserved

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




body, h1, h2, h3, h4, h5, h6, p, input
{
	margin:   0;
	padding:  0;
	font-family: "Lucida Grande", Helvetica, sans-serif;
	/* font-family: Geneva, Helvetica, sans-serif; */
	/* font-family: monospace; */
	font-size:    9pt;
	line-height: 13pt;
	font-weight: normal;
}
body
{
	background-color: #FFF;
	/* background-image: url( "/med/global.grid.png" ); */
	padding: 8px 0 0 8px;
	color: #111;
}




    /***************/
   /*             */
  /*   Anchors   */
 /*             */
/***************/


a:link, a:visited, a:hover, a:active, a:focus
{
	border: none;
	background-color: transparent;
	color: #00E;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
a img, img 
{
	border: none;
}
a.ext:link, a.ext:visited, a.ext:hover, a.ext:active
{
	background-color: transparent;
	color: #06E;
	text-decoration: none;
}
a.ext:hover
{
	color: #06E;
	text-decoration: underline;
}




    /****************/
   /*              */
  /*  Hierarchy   */
 /*              */
/****************/

h1
{
	font-size:   13pt;
	line-height: 18pt;
	font-weight: bold;
	color: #000;
}
h2
{
	padding-bottom: 8px;
	font-weight: bold;
}
h4
{
	color: #111;
	font-weight: bold;
}
h5
{
	margin-bottom: 2px;
}
h6
{
	color: #BBB;
}
address
{
	font-style: normal;
}
.disabled
{
	color: #333;
	text-decoration: line-through;
}
form, input
{
	margin:  0;
	padding: 0;
}
strong
{
	color: #000;
}





    /*************/
   /*           */
  /*   Lists   */
 /*           */
/*************/


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




    /********************/
   /*                  */
  /*   Stewdio Pods   */
 /*                  */
/********************/


.pod
{
	position: relative;
	float:    left;
	margin: 0 8px 8px 0;
	overflow: auto;
}
a.podLink:hover
{
	text-decoration: none;
}
.podTitle, .podSurprise, .podPoster
{
	position: relative;
}
.podTitle, .podSurprise
{
	display: none;
}
.podSurprise
{
	overflow: hidden;
}
.podSurprise img
{
	position: relative;
	top:  0;
	left: 0;
}
.podTitle p
{
	border-top: 1px solid #CCC;
	padding: 8px;
	padding-top: 7px;
	font-size: 9pt;
	/* font-weight: bold; */
	color: #00E;
}




    /********************/
   /*                  */
  /*   Stewdio Grid   */
 /*                  */
/********************/


.w1    { width:   99px;    }
.h1    { height:  64px;    }
.w2    { width:  206px;    }
.h2    { height: 136px;    }
.w3    { width:  313px;    }
.h3    { height: 208px;    }
.w4    { width:  420px;    }
.h4    { height: 280px;    }
.w5    { width:  527px;    }
.h5    { height: 352px;    }
.w6    { width:  634px;    }
.h6    { height: 424px;    }
.pad   { padding:  8px;    }
.clear { clear:   both;    }
.crop  { overflow: hidden; }




    /******************/
   /*                */
  /*   Navigation   */
 /*                */
/******************/

.nav
{
	overflow: hidden;
	font-size: 9pt;
}
.nav a:link, .nav a:visited, .nav a:hover, .nav a:active, .nav a:focus
{
	display: block;
	background-color: transparent;
	height: 100%;
	padding: 8px;
	color: #00E;
	text-decoration: none;
}
.nav a:hover
{
	border-top: 1px solid #CCC;
	color: #00E;
}
.nav a:active
{
	/* border-top: 2px solid #777; */
	margin-top: 2px;
}
.nav a.active
{
	font-weight: bold;
}
.nav a.selected, .nav a.selected:hover
{
	/* border-top: 1px solid #555; */
	border: none;
	color: #000;
	font-weight: bold;
}




    /**************/
   /*            */
  /*   Footer   */
 /*            */
/**************/


#footer
{
	margin-top: 72px;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active, #footer a:focus
{
	padding: 0;
}




    /*********************/
   /*                   */
  /*   Miscellaneous   */
 /*                   */
/*********************/


.read
{
	padding-right: 30px;
}
.sub
{
	color: #BCF;
}
#tags
{
	width: 100%;
	border: none;
	background-color: transparent;
}
.input
{
	/* border: 1px solid #CCC; */
	border: none;
}
.input:hover
{
	background-color: #CDE;
}
input#tags
{
	color: #00E;
}
li img.icon
{
	margin-right: 6px;
}




textarea
{
	border: none;
	background-color: #EEE;
}


.right
{
	text-align: right;
}


.draggable
{
	background-color: #FE0;
	overflow: auto;
	cursor: move;
}

#infoContainer
{
	position: absolute;
	top:  40px;
	left: 60px;
}
#info
{
	background-color: #FF9;
}


#lispContainer
{
	position: absolute;
	top:   40px;
	left: 380px;

	top:   20px;
	left: 120px;

	background-color: #0F0;
}
#lisp, #console
{
	width:  100%;
	font-family: "Andale Mono", "Courier New", monospace;
	font-size:   12pt;
	line-height: 15pt;
}
#lisp
{
	background-color: #9F9;
	color: #030;
}

#consoleContainer
{
	position: absolute;
	top:  400px;
	left:  60px;
	background-color: #F00;
	color: #FFF;
}
#console
{
	background-color: #F99;
	color: #C00;
}



a.button, a.button:link, a.button:visited, a.button:hover, a.button:active, a.button:focus
{
	border: 1px solid #00E;
	background-color: #EEF;
	padding: 2px 6px 2px 6px;
}
a.button:hover
{
	background-color: #00E;
	color: #FFF;
	text-decoration: none;
}