/* Eric Meyer's Reset Reloaded, pared down by Beth Budwig for FlipSide.fm */
	/*   Available at http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
      html, body, div, span, applet, object, iframe,
      h1, h2, h3, h4, h5, h6, p, blockquote, pre,
      a, abbr, acronym, address, big, cite, code,
      del, dfn, em, font, img, ins, kbd, q, s, samp,
      small, strike, strong, sub, sup, tt, var,
      dl, dt, dd, ol, ul, li,
      fieldset, form, label, legend,
      table, caption, tbody, tfoot, thead, tr, th, td {
      	margin: 0;
      	padding: 0;
      	border: 0;
      	outline: 0;
      	font-weight: inherit;
      	font-style: inherit;
      	font-size: 100%;
      	font-family: inherit;
      	vertical-align: baseline;
      }
      :focus {	outline: 0; }
      body {
      	line-height: 1;
      	color: black;
      	background: transparent;
      }
      ol, ul {	list-style: none; }
      table { border-collapse: separate; border-spacing: 0; }
      caption, th, td { text-align: left; font-weight: normal; }

   /* Start Flipside-specific styles*/
      body { 
         background: #31363a url(images/bg.png) repeat; 
         font-family: verdana, sans;
         color: #838383;
         font-size: 11px;
         text-align: center;
      }	
      #header { margin: 1.25em auto; }
      #nav, #footer { line-height: 2em; }
      #box {
         background: url(images/box-ends.png) no-repeat top;
         margin: -18px auto -27px;
         width: 700px;
         padding: 18px 0 27px;
      }
      #box-bottom{
         height: 27px;
         width: 700px;
         background: url(images/box-ends.png) no-repeat bottom;
      }
      #box div {
         vertical-align: top;
         padding: 0;
         margin: 0;  
      }
      #content {
         background: url(images/box-mid.png) repeat;
         color: #37545b;
         width: 700px;
         font-size: 13px;
         padding-bottom: 1em;
      }
      
      em { font-weight: bold; font-style: normal; }
      a { color: #b3b3b3; }   
      a:hover { color: #edbd29; text-decoration: none; }
      #content a { color: #17648b; font-weight: bold; }
        
      p, form, ul, ol, #faq h6 {
         text-align: left;
         width: 575px;
      }
      
      p, form, #faq h6 {
         line-height: 1.6em;
         padding: .5em 65px .8em;
      }      
      
      h2 { margin: 0; padding: 0 0 1px; } 
      h3, h4, h5 {
         color: #17648b;
         font: italic bold 2.5em/1.35em myriad, myriad pro, arial, helvetica, sans;
         width: 600px;
         margin: 0 auto;
      }	
      h4{
         font-style: normal;
         font-size: 1.75em;
         line-height: 1.25em;
         padding: .75em 1em 0;
         text-align: left;
      }
      h5 { color: #457289; font-size: 1.5em;}
      h4, h5, h6 { font-weight: normal; }
     

      ul, ol { padding: .5em 65px 1em; list-style: disc outside; }
      ol { list-style-type: decimal !important; margin-left: .7em; }   
      li { margin: 0 1.15em .75em; line-height: 1.25em; }

      .tip {
         font-size: .9em;
         color: #57748b;
         font-style: italic;
      }
      p.tip {
         padding-top: .75em;
         padding-bottom: 1em;
         text-indent: .5em;
      }
      .tip a { font-weight: normal !important; }
      .error { color: #c96600; font-weight: bold; }
      .status { color: #22a922; font-weight: bold; }
      .error em, .status em { color: #17648b; }
      
      .screen-caption { margin-top: .5em; }
      #faq div { display: none; }
      #faq h6 {
         color: #17648b;
         cursor: pointer;
         text-decoration: underline;
         font-weight: bold;
      }
      #demo, #demo-movie { 
         margin: .75em auto !important;
         text-align: center;
         width: 340px;
      }
      #demo-movie { width: 425px; }
      
      /* delete when movie is launched */
      #demo a span { display: none; }
      #demo a {
         text-align: center;
         display: block;
         height: 262px;
         width: 340px;
         padding: 0;
         overflow: none;
         background: url(images/demo-trans.png) 0 0 no-repeat;  
      }
      #demo a:hover { background-position: 0 -262px; }
      /* end demo png code */
      
      #contactform  {
         margin: 0 auto;
         text-align: center;
         padding: 0;
         width: 500px;
      }
      #contactform table{
         text-align: center;
         vertical-align: top;
         margin: 0 auto .5em;
         padding: .5em 1em 2em 0;
      }
      #contactform th {
         vertical-align: top;
         padding-right: .5em;
         text-align: right;
         font-weight: bold;
      }
      #contactform td * {
         margin-bottom: 1em;
         padding-bottom: 1px;
         width: 250px;
         text-align: left;
      }
      #contactform #submitform { text-align: center; font-weight: bold; }