@charset "UTF-8";
/* CSS for Indigenous Geographies Research Center
Site design by Chris Kennedy for ckladesign.com
*/

/* This stylesheet handles the typography and visual styles of the site */


/* Graphic Elements 
-----------------------------------------------------------*/
html {background: url(images/watermark.png) top center no-repeat; margin: 0; padding: 0;}
body {background: url(images/background.png) top repeat-x; margin: 0; padding: 0;}
.gohome {position: absolute; top: 0; left: 0;}
.gohome img, .gohome a {border: none;}
.header {margin-bottom: 30px;}
.header h1 {width: 300px; height: 150px; background:url(images/logo.png) top left no-repeat;}
.header h1 span {display: none;}
h2 {border-bottom: 1px solid #000;} /*This adds underlines to section headers */
h3.arch {color: #b50f16; font-weight: bold}
.mission-statement {text-align:center; padding: 0 20px 15px 20px; border: none; font-size: 24px !important; line-height: 30px !important;}
.callout {font-size: 18px; line-height: 28px; color: #777; padding: 0;}

.menu {font: normal 12px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;}
table.menu {margin: 50px 0 0 0;}

.img-left {display: inline; float: left; margin-right: 20px;}

.fade, .fade-border {width: 100%; display: table; padding-bottom: 50px; height:700px;}
.fade {background: url(../assets/images/fade.png) bottom repeat-x;border-bottom: 6px solid #FFCC00;}
.fade-border {background: url(../assets/images/fade-border.png) bottom repeat-x;margin-bottom:50px;
		}

#footer {width: 100%; clear: both; text-align:center; background-color: #9C0E26; border-top: 3px solid #000000; padding: 30px 0 30px 0;}
#footer * {color: #000; margin: 0 0 6px 0; padding: 0;}
#footer a:link, #footer a:visited {color: #8A8FA3; text-decoration: none;}
#footer a:hover, #footer a:active {color: #8A8FA3; text-decoration: underline;}


/* Typographic Elements 
-----------------------------------------------------------*/

/* Standard Text */
body {font: normal 14px/24px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #222;}

/* Block Baselines */
h1, h2, h3, h4, h5, h6, p, ul, ol, pre, blockquote, textarea, button {margin-bottom: 16px;}
img {display: block;}

/* Headers */
h1,h2,h3,h4,h5,h6 {text-rendering: optimizeLegibility; /* optional - helps kerning in some browsers */ font-family: Garamond, Georgia,serif; font-weight: normal; color: #000;}
h1, h1 a {font-size: 30px; line-height: 40px;}
h2 {font-size: 24px; line-height: 30px;}
h3 {font-size: 20px; margin-bottom: 0;}
h4 {font-size: 16px; font-weight: bold;}
h5, h6 {font-size: 14px; font-weight: bold; margin-bottom: 0;}

/* Paragraph Elements */
a:link, a:visited {color: #890C21; text-decoration: none;}
a:hover, a:active {color: #890C21; text-decoration: underline;}
sup, sub {font-size: 80%; line-height: 0;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
code {font-family: Consolas, "Courier New", Courier, mono;}

/* Block Elements */
ul, ol {list-style: none; margin-left: 0; padding-left: 0;}

li {margin-top: 9px;}
ul.margin , ol.margin {margin-left: 20px; list-style:disc;}
ol.number {margin-left: 20px; list-style:decimal;}
hr {border: none; border-top: 1px solid #dadada;}
blockquote {display: block; background: #eee; background: rgba(0,0,0,.05); border-left: 4px solid; border-left-color: #ccc; border-left-color:  rgba(0,0,0,.1); padding: 10px; font-style: italic;}
blockquote p:last-child {margin-bottom: 0;}
pre {font-family: Consolas, "Courier New", Courier, mono; background: black; background: rgba(0,0,0,.8); color: #eee; padding: 10px 20px;}

/* Forms */
form {}
form p {margin: 0;}
label {display: block; margin-bottom: 0;}
input, textarea, select {display: block; margin: 4px 0 24px 0;}
input[type=text], input[type=email], input[type=url], textarea {width: 400px; border: 1px solid; border-color: #ccc; border-color: rgba(0,0,0,.1); height: 30px; background: #fff; background: rgba(255,255,255,.8); font-size: 16px; line-height: 30px; padding: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
textarea {height: 150px; width: 450px; font-size: 14px; line-height: 16px;}
label.error {width: 400px; text-align: right; color: #aa0000;}
label.error:before {content: "▲ ";}
input.error, textarea.error {border-color: #aa0000;}