/*--------------------------------------------------------------------------------------------------

Jeff Lutz Comedy Stylesheet
(c) Copyright 2007 Adam Schott, Schott Media Inc.

This is the default stylesheet site-wide.

--------------------------------------------------------------------------------------------------*/

body                  { background-color: #212121; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;	line-height: 20px; margin: 0px 0px 0px 0px; }


#center      					{ margin:0 auto; width:960px; background: transparent; }
#header               { margin:0 auto; background-color: orange; width: 960px; height: 205px; background:black url(http://www.jefflutzcomedy.com/img/header_bg.gif) no-repeat 0 0; }               


#nav                  { position:relative; float: left; background:transparent url(http://www.jefflutzcomedy.com/img/header_bg.gif) no-repeat 0 0; width: 450px; height: 50px; top: 150px; left: 230px;}
#nav a                { display:block; text-indent:-9999px; overflow:hidden;}
#nav ul, li           { list-style: none; }
#nav li a             { background:transparent url(http://www.jefflutzcomedy.com/img/nav_bg.gif) no-repeat top left;}

#nav .home a          { height:50px; width:75px; position:absolute; left:0px; top:0px;background-position:-0px 0px;}
#nav .home a:hover    { background-position:-0px -50px;}
#nav .home a:active   { background-position:-0px -100px;}

#nav .notes a         { height:50px; width:50px; position:absolute; left:75px; top:0px;background-position:-75px 0px;}
#nav .notes a:hover   { background-position:-75px -50px;}
#nav .notes a:active   { background-position:-75px -100px;}

#nav .videos a        { height:50px; width:75px; position:absolute; left:125px; top:0px;background-position:-125px 0px;}
#nav .videos a:hover  { background-position:-125px -50px;}
#nav .videos a:active  { background-position:-125px -100px;}

#nav .pictures a       { height:50px; width:75px; position:absolute; left:200px; top:0px;background-position:-200px 0px;}
#nav .pictures a:hover { background-position:-200px -50px;}
#nav .pictures a:active { background-position:-200px -100px;}

#nav .credits a       { height:50px; width:75px; position:absolute; left:275px; top:0px;background-position:-275px 0px;}
#nav .credits a:hover { background-position:-275px -50px;}
#nav .credits a:active { background-position:-275px -100px;}

#nav .contact a       { height:50px; width:125px; position:absolute; left:350px; top:0px;background-position:-350px 0px;}
#nav .contact a:hover { background-position:-350px -50px;}
#nav .contact a:active { background-position:-350px -100px;}

#nav .home_on a       { height:50px; width:75px; position:absolute; left:0px; top:0px;background-position:-0px -100px;}
#nav .notes_on a      { height:50px; width:50px; position:absolute; left:75px; top:0px;background-position:-75px -100px;}
#nav .videos_on a     { height:50px; width:75px; position:absolute; left:125px; top:0px;background-position:-125px -100px;}
#nav .pictures_on a   { height:50px; width:75px; position:absolute; left:200px; top:0px;background-position:-200px -100px;}
#nav .credits_on a    { height:50px; width:75px; position:absolute; left:275px; top:0px;background-position:-275px -100px;}
#nav .contact_on a    { height:50px; width:125px; position:absolute; left:350px; top:0px;background-position:-350px -100px;}




#wrap                 { width: 960px; background: wh; text-align: left; position: relative; background:transparent url(http://www.jefflutzcomedy.com/img/full_bg.gif); }


/**************************************************************************************************/
/* CONTENT */
/**************************************************************************************************/

#content              { color: #CECEC8;	background: url(http://www.jefflutzcomedy.com/images/body_bg.gif); float: left; position: relative; text-align: left; width: 740px; margin: 0; padding: 20px 0; }
#content a:link       { color: #ff9900; text-decoration: none; }
#content a:active     { color: #ff9900; text-decoration: none; }
#content a:visited    { color: #ff9900; text-decoration: none; }
#content a:hover      { color: #ffffff; text-decoration: underline; }  
       
#content .entry       { width: 740px; margin: 0; margin: 0 0 20px 0; clear: both; }
#content .date        { width: 200px; text-align: right; padding-right: 20px; float: left; clear: left; }
#content .post        { width: 450px; text-align: left; padding-left: 30px; float: left; }
#content .middle      { margin-left: 220px; width: 450px; text-align: left; padding-left: 30px; float: left; }

#content h1           {	color: #FFFFFF;	font-size: 24px;	line-height: 28px;	padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px;	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }
#content h1 a:link    {	color: #FFFFFF;	text-decoration: none; }
#content h1 a:active  {	color: #FFFFFF;	text-decoration: none; }
#content h1 a:visited {	color: #FFFFFF;	text-decoration: none; }
#content h1 a:hover   {	color: #ff9900;	text-decoration: none; }
#content h2           {	color: #ff9900;	font-size: 18px;	line-height: 24px;	padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px;	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }
#content h3           {	color: #ff9900;	font-size: 14px;	line-height: 24px;	padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px;	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }

/**************************************************************************************************/
/* SIDE */
/**************************************************************************************************/


#side                 { color: #181818;	float: right; position: relative; margin: 20px 0; text-align: right;  width: 180px; padding-right: 20px; }
#side ul     			    { margin:0; padding:0; list-style:none; position: relative; }
#side .entry          { position: relative; margin: 10px 0; }

#side a:link,
      a:active,
      a:visited,
      a:hover         { color: #000000; text-decoration: none; }
  

#side h1              {	color: #000000;	font-size: 24px;	line-height: 28px;	margin-top: 0px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }
#side h1 a:link, 
      h1 a:active, 
      h1 a:visited, 
      h1 a:hover      {	color: #000000;	text-decoration: none; }


#comments             { float: left; width: 200px; margin: 10px 0; position: relative; }
#comments ul     	    { margin:0; padding:0; list-style:none; position: relative;}
#comments ul li  	    { margin:0; padding:0; margin-right:.5em; display:inline; }
#comments textarea    { width: 300px; background: #474747; height: 200px; border: 1px #474747 solid; color: #ffffff; }
#comments input       { width: 300px; background: #474747; padding-left: 5px; color: #ffffff; border: 1px #474747 solid; font-size: 16px; font-family: Georgia; height: 25px; }
#comments .submit     { width: 60px; background: #474747; margin-top: 20px; color: #ffffff; font-size: 10px; }



/**************************************************************************************************/
/* FONTS */
/**************************************************************************************************/

hr                    { border: 1px #474747 solid; margin: 25px 0; }

/******************************************************************************/
/* INPUT */
/******************************************************************************/

select                { background-color: #474747; color: #000; border: 1px #505050 solid; font-size: 16px; font-family: Georgia; height: 25px; }
textarea              { background-color: #474747; padding-left: 5px; color: #000; border: 1px #505050 solid; font-size: 16px; font-family: Georgia; height: 25px; }

input.light           { background-color: #474747; padding-left: 5px; color: #000; border: 1px #505050 solid; font-size: 16px; font-family: Georgia; height: 25px; }
input.light-small     { background-color: #474747; padding: 2px; color: #990000; border: 1px #505050 solid; font-size: 12px; font-family: Georgia; }
input.dark            { background-color: #474747; border: 1px #505050 solid; font-weight:normal; font-size: 12px;	color: #FFFFFF; font-family: Georgia; height: 25px;	}

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