/*
Theme Name: Splendid Things
Theme URI: http://splendid-things.co.uk/
Description: Simple Splash Screen for Splendid Things
Author: Matt Gibson
Author URI: http://gothick.org.uk
Version: 1.0
Tags: one-page, splash
*/

/* Eric Meyer's CSS Reset */
/* v1.0 | 20080212 */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
a, em, font, img, strong, sub, sup, 
b, u, i, center,
dl, dt, dd, ol, ul, li
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

/* Splendid Things CSS Starts */

html {
  height: 100%;
}

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background: #ddd url(images/backgradient.png) no-repeat 50% 170px;  
	height: 100%;
	color: #555;
}

#container {
  min-height: 100%;
  position: relative;
}

h1 {
	font-size: 72px;
	letter-spacing: -2px;
	text-shadow: white 1px 1px 1px;
	margin: 40px 0px 20px 0px;
	color: #663333;
}

ul#subsites {
	list-style: none;
	padding: 0;
	text-align: center;
}


ul#subsites li {
	/* float: left; */
}

div.subsite {
	width: 220px;
}

.subsite img {
	display: block;
	margin: 20px auto;
}

div#main {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 100px;
}

ul#subsites {
/*  width: 520px; */
  margin: 0 auto;
}

ul#subsites li {
  display: inline-block;
  margin: 0 20px;
}

div#main p {
  margin: 0px 50px;
  padding: 0 0 40px 0;
  text-align: center;
}
/*
#getrunning {
  float: left;
}

#sunscout {
  float: right;
}
*/
#subsites h2 a {
	font-weight: bold;
	text-shadow: white 1px 1px 1px;
	font-size: 24px;
	color: #444;
	text-decoration: none;
	border-bottom: solid #222 1px;
}

#subsites h3 {
  font-size: 12px;
  margin-top: 12px;
  font-weight: normal;
  
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  clear: both;
  background: black url(images/noise_tile_black.png) repeat 0 0;
  color: #ddd;
  height: 100px;
  padding-top: 20px;
  font-size: 12px;
  line-height: 1.3em;
  text-align: left;
  border-top: 1px solid black;
}

#footer a:link {
  color: #eee;
}

#footer a:visited {
  color: #ccc;
}

#footer .footer-block {
  margin: 0 auto;
  max-width: 520px;
  padding: 20px;
}