/* Eric Meyer's Reset Reloaded, pared down by Beth Budwig for scream.com */
	/*   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; }
      em { font-style: italic; }
      strong { font-weight: bold; }

   /* Start scream-specific styles*/
      body { 
         background: #fff; 
         font-family: Arial, Helvetica, sans-serif;
         color: #42526e;
         font-size: 13px;
         text-align: center;
      }	
      #header { margin: 1.2em auto .8em; }
      #nav, #footer { line-height: 2em; }
      #box {
         background: url(images/box-ends.png) no-repeat top;
         margin: -8px auto -27px;
         width: 440px;
         padding: 8px 0 27px;
      }
      #box-bottom{
         height: 27px;
         width: 440px;
         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 !important;
         width: 440px;
         padding-bottom: 1em;
      }
      
      #layout-800 #box, #layout-800 #box-bottom {
         width: 800px;
         background-image: url(images/box-ends-800.png);
      }
      
      #layout-800 #content {
         width: 800px;
         background: url(images/box-mid-800.png) repeat !important;
      }
      
      p, form, ul, ol, dl {
         text-align: left;
         line-height: 1.5em;
         padding: 1px 36px 1em 38px;
      } 
      a { color: #c21b6f; font-weight: bold; }   
      #content a { color: #10649b; font-weight: normal; }
      #flickr a { color: #c21b6f; }        
      a:hover { color: #439f00 !important; text-decoration: none !important; }
      #content a:visited { color: #62326e; font-weight: normal; }
      h2 { margin-bottom: .35em; padding: 0;} 
      h3 { padding: .5em 36px; text-align: left; font-size: 22px; font-family: Arial, Helvetica, sans-serif; letter-spacing: .02em; font-weight: normal;}
      h4 { text-align: center; margin: .6em auto .15em; }
      h5 { padding: 1em 0 1.75em; }
      h6, h2, h3, h4 { font-weight: normal; }
      #footer { color: #96a0a9; font-size: 11px; margin-top: 1em; }
      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; }
      .postscript { font-size: 11px; font-style: italic; color: #69768e; }
      ul.locations {list-style: none outside; padding-left: 0; margin-left: .75em; }
      dl { padding: .5em 5em;}
      dt, ul.locations { font-size: 20px; font-family: Arial, Helvetica, sans-serif; color: #20548b;}
      dd, ul.locations ul { margin: 0 0 1em 3px; font-style: italic; color: #482;}
      ul.locations ul, ul.locations ul ul { list-style: none outside; font-size: medium; padding:0; margin: .5em .25em;}
      ul.locations ul ul { margin: .25em 0;}
      ul.locations ul ul li { margin: 0;}
      .locations ul a {font-style:normal; font-size: small;}
      
      #about { 
         margin: .55em 0 !important; 
         padding: 0; 
       }
      
     /* #about p {
         color:#482;   
      }   
         
      #about h3 { color: #43960e; }*/

/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {width: 300px; float: right !important; text-align:center;}
#flickr_badge_wrapper {width: 300px; text-align:left; margin: auto !important;}
#flickr_badge_source {vertical-align:top; text-align: left; padding: 0px 5px 14px !important; margin: 0 25px !important; }
#flickr_www { display:none !important;}
#flickr_badge_wrapper {}
#flickr_badge_uber_wrapper img { margin: 10px 20px; border: solid 1px #999;  vertical-align: top; }