/* Google Fonts - Sancreek */
@import url(http://fonts.googleapis.com/css?family=Sancreek);

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px Georgia, Times, "Times New Roman", serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #983965;}
a:hover {color: #e4b028;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #e4b028; color: #fff; text-shadow: none;}
::selection {background: #e4b028; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

body {
	background:url('../images/body-bg-tile.jpg');
}

header {
	background:url('../images/header-bg.png') no-repeat;
	height:215px;
	padding-top:30px;
}

.wrapper {
	margin:0 auto;
	width:960px;
}

#title {
	background:url('../images/hrrr-logo.png');
	display:block;
	margin-left:600px;
	height:151px;
	width:348px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#title a {
	display:block;
	height:151px;
	width:348px;
}

#navbox {
	background:url('../images/slider-bg-tile.png');
	height:390px;
	margin-top:-24px;
	z-index:10;
}

nav {
	float:left;
	padding-top:38px;
	text-align:center;
	width:230px;
}

nav ul li {
	background:url('../images/nav-divide.png') bottom no-repeat;
	color:#FFF;
	font-family:'Sancreek';
	font-size:1.8em;
	margin-bottom:7px;
	padding-bottom:7px;
	text-transform:uppercase;
}

nav ul li.last {
	background-image:none;
}

nav ul li a {
	color:#FFF;
	text-decoration:none;
}

#billboard {
	float:left;
	height:307px;
	width:660px;
	margin-top:40px;
}

#billboard-frame {
	background:url('../images/ropeframe.png') no-repeat top center;
	left:230px;
	height:307px;
	width:660px;
	position:relative;
	top:40px;
	z-index:10;
}

#billboard img {
	margin:14px 26px;
}

#main {
	background:#e5dabe url('../images/shadow-bg.png') top repeat-x;
	color:#553b13;
	margin:-12px 0 30px 230px;
	padding:25px 0 50px;
	width:660px;
	overflow:auto;
}

#main p {
	margin:0 0 15px;
}

.content {
	margin:0 30px 20px;
}

#main h1 {
	font-family:'Sancreek';
	font-size:2.2em;
	font-weight:normal;
	margin:0 0 5px;
	text-transform:uppercase;
}

#main h2 {
	font-size:1.3em;
	text-transform:uppercase;
}

#main h3 {
	font-style:italic;
	font-weight:normal;
	margin:0 0 5px;
}

#main h4.verse {
	margin-bottom:10px;
}

#main ul {
	list-style-type:disc;
	margin:0 0 5px 20px;
}

.horsewrap {
	clear:left;
	margin:0 0 20px;
	overflow:auto;
}

.boardwrap {
	float:left;
	margin:0 0 20px;
	padding-right:20px;
	overflow:auto;
	width:600px;
}

.filewrap {
	clear:left;
	margin:0 0 20px;
	overflow:auto;
}

.horsewrap img, .filewrap img, .boardwrap img {
	float:left;
	margin-right:15px;
}

.horsewrap img {
	width:200px;
}

.horsewrap p, .boardwrap p {
	width:auto;
}

#main .horsewrap h2, #main .horsewrap h3, #main .horsewrap p.horse {
	margin-left:215px;
	width:385px;
}

.boardwrap p {
	border-top:1px solid #553b13;
	padding-top:6px;
}

.filetype {
	font-size:.7em;
}

.center {
	text-align:center;
}

#mission {
	background:url('../images/mission-border.png') bottom no-repeat;
	font-family:'Sancreek';
	font-size:2.1em;
	line-height:1em;
	margin:0 0 20px;
	padding:0 0 35px;
	text-align:center;
	text-transform:uppercase;
}

#main #closing {
	background:url('../images/closing.gif') 0px 3px no-repeat;
	margin-left:380px;
	margin-top:30px;
	padding-left:30px;
}

footer {
	line-height:1.5em;
	padding:0 70px 10px 230px;
	text-align:center;
}

footer p.adr, footer p.tel {
	display:inline;
	font-weight:700;
}

footer p.eml {
	font-weight:700;
}

footer p.eml a {
	color:#553b13;
}

footer p.adr {
	margin-right:15px;
}



/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {


}