@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: Chiller;
  src: url('http://www.surrealroad.com/resources/CHILLER.TTF');
}

@font-face {
  font-family: Stencil;
  src: url('http://www.surrealroad.com/resources/STENCIL.TTF');
}

* {
margin:0; /* zero out margin */
padding:0; /* zero out padding */
}

html, body {    
   height: 100%; 
}

img {
	border:0;
}

a img {
	border:0;
}

body {
	margin-top:0px;
	color:#000;
	background-color:#fff;
	font:13px helvetica,arial,clean,sans-serif;
}

a, a:link, a:visited, a:active {
	color: #922B2B;
	text-decoration:none;
}

p + p { 
	margin-top:0.75em; /* set paragraph breaks */
}


#srSlogan {
	text-align:center;
	font-style:italic;
	font-family:Chiller, "Blackadder ITC", "Handwriting - Dakota", "Marker Felt", pristina, "Savoye LET", cursive, sans-serif;
	font-weight:bold;
	font-size:3em;
	color: #888;
	padding-bottom:30px;
}

.menuLink {
	font-family:Chiller, "Blackadder ITC", "Handwriting - Dakota", "Marker Felt", pristina, "Savoye LET", cursive, sans-serif;
	font-size:2em;
	text-transform:uppercase;
}

.menuLink a, .menuLink a:visited, .menuLink a:active {
	color:#000;
}

.footerLink {
}

.footerLink a, .menuLink a:visited, .menuLink a:active {
	color:#000;
}

.bgscrawl {
	font-family:Chiller, "Blackadder ITC", "Handwriting - Dakota", "Marker Felt", pristina, "Savoye LET", cursive, sans-serif;
	font-weight:bold;
	font-size:3em;
	color: #aaa;
}


/* positioning */

#wrapper { /* see http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -54px; /* the bottom margin is the negative value of the footer's height */
	background-image: url(images/paper-bg.gif);
	background-repeat: repeat;
}

#mainContent {
	position: relative;
	z-index:1;
}

#mainLogo {
	width: 730px;
	margin: 0 auto;
	padding-top:100px;
	text-align:center;
	position:relative;
}

#srLogo {
	width: 295px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#linkBar li {
	margin-right:20px;
	display: inline;
	list-style-type: none;
}

#footerLinkBar li {
	margin-right:20px;
	display: inline;
	list-style-type: none;
}

#topBar {
	padding-left:15px;
	padding-top:5px;
}

#contactBar {
	width: 524px;
	margin: 0 auto;
	padding-top:100px;
	
}

#contactBar li {
	margin-right:20px;
	display: inline;
	list-style-type: none;
	padding:5px;
}

#postBox {
	padding:15px;
	font-size:1.2em;
}

#aboutBox {
	padding:15px;
	font-size:1.5em;
	width:550px;
	margin:0 auto;
}

#emailBox {
	padding:15px;
	font-size:1.5em;
}

#footerRegion, #push {
	height: 54px; /* .push must be the same height as .footerRegion, also change #wrapper */
	clear:both;
}

#footer { 
	height: 54px; /* 23px; */
	margin: 0;
	border: 0;
	text-align: right; /* this overrides the text-align: center on the body element. */
	padding-left:7px;
	padding-right:7px;
}
#footerLogo { 
	height: 54px; /* 23px; */
	margin: 0;
	border: 0;
	width: 152px;
	float:left;
	padding-right:7px;
}

.footerCopyright {
	margin:0;
	color:#555;
	text-align:right;
	font-size:10px;
	vertical-align:bottom;	
	padding-top:21px;
}

.footerCopyright a {
	color:#404040;
	text-decoration:none;
}

#footerLinks {
	color:#555;
	text-align:left;
	float:left;
	font-size:16px;
	vertical-align:bottom;
	margin-top:12px;
	padding-top:9px;
	font-family:Chiller, "Blackadder ITC", "Handwriting - Dakota", "Marker Felt", pristina, "Savoye LET", cursive, sans-serif;
	text-transform:uppercase;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}