body {
	font-family: Arial, Helvetica, sans-serif;
}

.child-prepend-append-1-1 * {
	padding-left:40px;
	padding-right:40px;
}

h1 {
	font-size: 5em;
	line-height:1.2em;
	margin-bottom:0.5em;
	_font-family: 'Square Dance 01';
}

h2 span,
h1 span {
	background-color: #FFF;
	color: #000;
}

h2 a:hover span,
h1 a:hover span {
	border-bottom: 5px solid #000;
}

h2 a:hover span {
	border-bottom: 3px solid #000;
}

.container {
	padding-top: 2em;
}

.title .text {
	margin-top: 4em;
}


#home .list h1 {
	font-size: 3em;
	margin-top: 1em;
}

#header {
	height: 2em;
	top: 0;
	width: 100%;
	position: fixed;
	color: #FFF;
	background-color: #000;
	opacity: 0.9;
	line-height: 2em;
}

#header .grid {
	width: 950px;
	position: relative;
	margin: 0 auto;
	height: 2em;
	background: transparent URL(gird.gif) no-repeat top left;
}

#header .content {
	position: absolute;
	top: 0;
	right: 0;
}

#header p a {
	text-decoration: none;
	color: #FFF;
}

#header p span {
	position: relative;
	margin-right: -20px;
	opacity: 0.6;
}

#header p a:hover span {
	margin-right: 0;
	opacity: 1;
}

#footer {
	background-color: #000;
	color: #FFF;
	height: 800px;
	text-align: center;
	text-transform: uppercase;
}

#footer a {
	color: #FFF;
}

#footer .grid {
	width: 950px;
	position: relative;
	margin: 0 auto;
	height: 2em;
	background: transparent URL(gird.gif) no-repeat top left;
}

.box {background:#FF0;}

.push {
	position: relative;
}

.new {
	background-color: #FF0;
	font-size: 0.8em;
}

#home .list .img-wrapper {
	position: relative;
}

#home .list .img-wrapper span.new {
	position: absolute;
	top: 48px;
	right: 10px;
	background-color: #FF0;
	font-size: 0.8em;
	display: block;
	padding: 2px 10px;
}

/* Indentation instead of line shifts for sibling paragraphs. */
   p + p { text-indent:2em; margin-top:-1.5em; }
   form p + p  { text-indent: 0; } /* Don't want this in forms. */
   

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt { 
  color: #666; 
  font-family: Georgia, serif; 
  font-style: italic;
  font-weight: normal;
}


/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.5em; } 


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
   Using this class, it reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 1.5em;
}


/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
   
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}