/* Master layout */

/************************************************************
Embedded fonts */

@font-face{
	font-family:Rockwell;
	src:url('../fonts/rockwell.eot'); /* For IE */
	src:local('XXX'), url('../fonts/rockwell.ttf') format('opentype');
}


/************************************************************
Global styles */
html {
	background:#000;
}
body {
	font:9.5pt/1.3 Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
	color:#2e423b;
	background:#303a31;
}

/* Links */
a:link,
a:visited,
a:hover,
a:active {
	color:#303a31;
}
a img {
	border:none;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	font:11pt/1 'Times New Roman',Times,serif;
	margin:0.5em 0 0.2em;
}
h1 {
	font-size:22pt;
}
h2 {
	font-size:18pt;
}
h2 small {
	font-size:13.5pt;
	display:block;
}
h3 {
	font-size:13.5pt;
}

/* Block-level */
p {
	margin:1em 0;
}



/************************************************************
Layout: Header */

#header {
	background:#000 url('../images/site/header.jpg') no-repeat center top;
	padding:5em;
	position:relative;
}
#header h1 {
	position:absolute;
	left:50%;
	top:0;
	margin:0.3em 0 0 -410px;
}
#header h1 a {
	display:block;
	text-align:left;
	text-indent:-9999px;
	background:transparent url('../images/site/logo.png') no-repeat center center;
	width:200px;
	height:110px;
}
#header h2 {
	position:absolute;
	left:50%;
	margin:0 0 0 -80px;
	width:540px;
	border:1px solid rgba(255,255,255,0.55);
	background:rgba(0,0,0,0.55);
	text-align:center;
	font:13.5pt/2 Rockwell,'Times New Roman',Times,serif;
	color:#fff;
}


/************************************************************
Layout: Navigation */

#main-nav {
	border-top:1px solid #282927;
	border-bottom:1px solid #363c35;
	background:#1d221d;
}
#main-nav ul {
	list-style:none;
	width:890px;
	border:1px solid #c6c1b7;
	margin:-1px auto -2px;
	padding:0.2em 19px;
	background:#263431;
}
#main-nav li {
	display:inline;
	line-height:2;
	border-left:1px solid #565f54;
	padding:0 1em 0 1.2em;
}
#main-nav li:first-child {
	border-left:none;
}
#main-nav a {
	color:#fffbcd;
	text-decoration:none;
}


/************************************************************
Layout: Content */

#content {
	position:relative;
	font:10.5pt/1.3 'Times New Roman',Times,serif;
	/*border-top:1px solid #3e423b;*/
	background:#f3f4e0;
	width:850px;
	padding:25px 31px 9px;
	margin:8px auto;
	position:relative;
	border:1px solid #bfbcb1;
	border-bottom-color:#d9d8c8;
	outline:8px solid #f3f4e0;
	
}

/* Banner */
.banner {
	margin:1em 0 2em;

	-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}

/* Columns */
#content>.leftCol {
	position:relative;
	width:60%;
	padding-right:2%;
	margin-right:2%;
	min-height:20em;
	padding-bottom:22px;
	clear:both;
}
#content>.rightCol {
	width:30%;
	border-left:1px dashed #bfbcb1;
	padding-left:2%;
	margin-bottom:40px;
	margin-left:2%;

}

#content>.leftCol h3 {
	font-style:italic;
	color:#6e4f3c;
	font-weight:bold;
}
#content>.leftCol h2 {
	border-bottom:1px solid #6F6C6C;
}
#content>.rightCol h2 {
	font-weight:bold;
}
#content>.rightCol h3 {
	font-weight:bold;
}

/* Links in the content */
#content a {
	font-weight:bold;
}
#content a.alt {
	color:#4f2627;
	font-size:115%;
}


/* Watermark - b/c of outline above, have to put it on an element OTHER than content (outline surrounds EVERYTHING) */
.watermark #foot-nav:after {
	content:' ';
	position:absolute;
	left:50%;
	top:-345px;
	width:333px;
	height:345px;
	margin:0 0 0 132px;
	background:transparent url('../images/site/watermark.jpg') no-repeat right bottom;
}


/************************************************************
Layout: Footer */

/* Footer navigation */
#foot-nav {
	position:relative;
	background:#1d221d;
	text-align:center;
	list-style:none;
	margin:0;
	padding:0.7em 0;
}
#foot-nav li {
	display:inline-block;
	position:relative;
	padding:0 0.4em 0 1em;
}
#foot-nav li:before {
	content:'\2022';
	color:#877b68;
	position:absolute;
	left:0;
}
#foot-nav li:first-child:before {
	content:'';
}
#foot-nav a {
	color:#cdca99;
}


/* Footer area */
#footer {
	border-top:2px solid #2d2d2a;
	background:#000 url('../images/site/redflint-logo.png') no-repeat center 1.5em;
	text-align:center;
	padding:5.5em 0 2em;
	color:#878782;
}
#footer a {
	color:#878782;
}


/************************************************************
Columns */

.col,
.leftCol,
.rightCol {
	display:inline-block;
	vertical-align:top;
	margin:10px 0 0 0;
}


/************************************************************
Buttons */

.button,
input[type="submit"] {
	display:inline-block;
	vertical-align:middle;
	padding:0.3em 0.55em;
	font:10pt/1.25 'Times New Roman',Times,serif !important;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	color:#fff !important;
	background:#303a31;
	border:1px solid #fff;
	border-left-color:#818782;
	border-right-color:#818782;
	outline:1px solid #303a31;
}

/************************************************************
Form fields */

input[type="text"],
input[type="password"] {
	background:#fbfbfb;
	color:#65574a;
	border:none;
	outline:none;
	font:9pt/1.2 Arial,Helvetica,sans-serif;
	padding:0.6em 0.8em;

	-moz-border-radius:0.2em;
	-webkit-border-radius:0.2em;
	border-radius:0.2em;

	-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);
	box-shadow:0 0 2px rgba(0,0,0,0.5);
}

/************************************************************
Modal window */

#modal {
	display:none;
	background:#fff;
	color:#2E2D2D;
	padding:1px 15px 1em 15px;
	/*width:600px;*/
	min-width:600px;
	margin:auto;
	overflow:hidden;

	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	border-radius:0.3em;
}
#modal h2 {
	margin:-1px -15px 0.5em -15px;
	font-size:12pt;
	padding:0.4em 0.6em;
	background:#EFF0F0;

	-moz-border-radius-topleft:0.2em;
	-moz-border-radius-topright:0.2em;
	-webkit-border-top-left-radius:0.2em;
	-webkit-border-top-right-radius:0.2em;
	border-top-left-radius:0.2em;
	border-top-right-radius:0.2em;
}
#modal .simplemodal-close {
	cursor:pointer;
	float:right;
	font-size:11pt;
	margin-top:0.2em;
}

/************************************************************
Miscellaneous */

/* Text alignment */
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

/* Font sizes */
small { font-size:90%; }
big { font-size:115%; }

/* Floating/clearing */
.clear { clear:both; }

/* Padding */
.pad { padding:1em; }
.topPad { padding-top:1em; }
.bottomPad { padding-bottom:1em; }
.leftPad { padding-left:1em; }
.rightPad { padding-right:1em; }


/* Fix extra button padding in Firefox */
input[type="submit"]::-moz-focus-inner {
    border:none;
    padding:0;
    line-height:1;
}

.dialog{
	display:none;
}

/* Loading Icon */
.loading-indicator {
	height: 80px;
	width: 80px;
	background: url('../images/site/loading.gif');
	background-repeat: no-repeat;
	background-position: center center;
}

.loading-indicator-overlay {
	background-color: #FFFFFF;
	opacity: 0.3;
	filter: alpha(opacity = 60);
}