/* CSS RESET  ---------------------------------------------------*/  
   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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
   body                   { line-height: 1; background-color:#E0D4C3;}
   ol, ul                 { list-style: none; }
   :focus                 { outline: 0; }
   ins                    { text-decoration: none; }
   del                    { text-decoration: line-through; }
   table                  { border-collapse: collapse; border-spacing: 0; }
   a					  { text-decoration: none; color: #04B2D9; }
   
/* HTML ELEMENTS  -----------------------------------------------*/ 
   body                   { color:#333; font-family:Tahoma, Geneva, sans-serif; font-style:normal;
                            font-size:12px; line-height: 21px; }                      
   h1, h2, h3, h4         { font-family: 'Satisfy', Georgia, serif;  }
                          
   h1, h2                 { font-size: 24px; font-weight: normal; color: #04B2D9; }
   h3                     { font-size:14px; line-height:24px; margin:0 0 20px 0; }
   h4                     { font-size:12px; line-height:24px; margin:0 0 10px 0; color:#1d2a32; font-weight:bold; }

/* GRID  ---------------------------------------------------------*/

.container {
	width: 978px;
	min-height: 550px;
	margin: 0 auto;
	background-color: #fff;
	-moz-box-shadow: -4px 5px 12px #aaa; /* FF3.5+ */
    -webkit-box-shadow: -4px 5px 12px #aaa; /* Saf3.0+, Chrome */
    box-shadow: -4px 5px 12px #aaa; /* Opera 10.5, IE9 */
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
	float: left;
	margin-left: 30px;
}
.grid1 {
	width: 54px;
}
.grid2 {
	width: 138px;
}
.grid3 {
	width: 222px;
}
.grid4 {
	width: 306px;
}
.grid5 {
	width: 390px;
}
.grid6 {
	width: 474px;
}
.grid7 {
	width: 558px;
}
.grid8 {
	width: 642px;
}
.grid9 {
	width: 726px;
}
.grid10 {
	width: 810px;
}
.grid11 {
	width: 894px;
}
.first {
	margin: 0;
	clear: left;
}
.clear { clear: both; }

/* PAGE ELEMENTS ------------------------------------------------*/

#header { font-family: 'Satisfy', Georgia, serif; font-size: 24px; height: 50px; margin: 0 10px; }

.title { font-size: 36px; padding-top: 20px;}

.title a { color: #333; text-decoration: none; }

#nav { float: right; padding-top: 20px;}

#nav ul{ list-style-type: none; padding: 0; margin: 0; }

#nav li{ float: left; padding-left: 20px; }

#nav a { text-decoration: none; color: #04B2D9; }

#nav a:hover { color: #333; }

#content { min-height: 470px; padding: 30px 0; }

#content p   { margin: 10px 0; }

#news, #handy { margin-left: 31px; margin-top: 30px; padding: 30px; background-color: #EFF7F2; height: 460px;  -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:20px; border-top-left-radius:20px; border-top-right-radius:20px; overflow: hidden; }

#news h1, #handy h1 { font-family: 'Satisfy', cursive; text-transform: none; font-size: 24px; }

.feedburnerFeedBlock {
	background-color: #EFF7F2;
	padding: 0 10px;
	margin: 0px;	
}

#news li, .feedburnerFeedBlock li, #handy li { padding-bottom: 20px; padding-top: 20px; border-bottom: 1px dotted #04B2D9; }

.headline {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}

.date {
	line-height: 30px;
	font-style: italic
}

.feedburnerFeedBlock img {
	margin-top: 20px;
	max-width: 300px;
	height: 100%
}

.wp-caption-text {
	font-family: 'Shadows Into Light', cursive;
	font-size: 14px;
	margin-bottom: 5px;
}

#bio { margin: 10px; width: 450px; float: left }

.caption { font-family: 'Over the Rainbow', cursive; }

.instructions{ font-size: 36px; font-family: 'Shadows Into Light', cursive; }

#copyright { width: 978px; margin: 10px auto; color: #999 }

#copyright a{ color: #999; }

#copyright a:hover { color: #04B2D9; }

/* ACCORDION  ---------------------------------------------------*/

#splash img {-moz-box-shadow:0 0 20px #000;-webkit-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000;position:absolute;z-index:5;}
#splash li {overflow:visible !important;}
#splash div.splash-bg {background:#fff;bottom:0px;left:0px;opacity:.65;padding:25px;position:absolute;width:330px;z-index:10;}
#splash div.splash-info {top:555px;left:15px;position:absolute;width:300px;z-index:15;}
#splash h2 {font-size:14px;margin-bottom:5px;}
#splash strong {font-size:18px;color:#000;text-shadow:none;}
#splash p {font-size:14px;line-height:14px;text-shadow:none;color:#000;}