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

   Stewdio Style System
   © 2009 Stewdio
   All Rights Reserved

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




body, h1, h2, h3, h4, h5, h6, p, input
{
	margin:   0;
	padding:  0;
	color: #111;
	font-family: "Lucida Grande", Helvetica, sans-serif;
	/* font-family: "AkzidenzGroteskBQ-Reg", "AkzidenzGrotesk-Roman", "Lucida Grande", Helvetica, sans-serif; */
	/* font-family: Geneva, Helvetica, sans-serif; */	
	/* font-family: monospace; */
	font-size:  8.5pt;
	line-height: 12pt;
	font-weight: normal;
}
body
{
	background-color: #FFF;
	/* background-image: url( "/med/global.grid.png" ); */
	padding: 8px 0 0 8px;
	filter: alpha(opacity=100);
	opacity: 1.0;
}




    /***************/
   /*             */
  /*   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, #tags
{
	font-size:   17pt;
	line-height: 22pt;
	font-weight: bold;
	letter-spacing: -1px;
	color: #000;
}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active
{
	border: none;
	background-color: transparent;
	color: #000;
}
h4
{
	color: #111;
	font-weight: bold;
}
h5
{
	margin-bottom: 2px;
}
h6
{
	color: #BBB;
}
h6 a:link, h6 a:visited, h6 a:hover, h6 a:active, h6 a.ext:link, h6 a.ext:visited, h6 a.ext:hover, h6 a.ext:active
{
	border: none;
	background-color: transparent;
	color: #C0D9FF;
	text-decoration: none;
}
h6 a:hover, h6 a.ext:hover
{
	background-color: #C0D9FF;
	color: #FFF;
}
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;
}
a.podLink:active, a.podLink:active p
{
	border-top: 4px solid #33E;
}
.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 #99F;
	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%;
	border-top: 1px solid #FFF;
	padding: 8px;
	padding-top: 7px;
	color: #00E;
	text-decoration: none;
}
.nav a:hover
{
	border-top: 1px solid #99F;
	/* background-color: #EEF; */
	color: #00E;
}
.nav a:active
{
	border-top: 4px solid #33E;
	/* margin-top: 2px; */
}
.nav a.active
{
	font-weight: bold;
}
.nav a.selected, .nav a.selected:hover
{
	/* border-top: 1px solid #555; */
	/* border: none; */
	border-top: 1px solid #FFF;
	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 #99F;
	/* background-color: #CCF; */
}
.input:hover /*, #search_button:hover */
{
	background-color: #DDF;
}
#search_button
{
	/* background-color: #CCF; */
}
input#tags
{
	color: #00E;
}
li img.icon
{
	margin-right: 6px;
}





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

   FUTURE LABORS :

   Audio feedback (clicks) for nav via JavaScript + QuickTime
   Nav on-click should set anchor's class to "active" or "selected"
   Experiment with "focus" anchor selector

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