/* Global Styles
 * Author: Alek Storm
/* ==================================================================================== */


/* ------------------------------------------------------------------------------------

	@group Includes
	Import theme-specific screen styling.

	----------------------------------------------------------------------------------- */

/* ATLAS Base Screen Styling */

@import url(/_includes/framework/code/styles/reset/boilerplate.css) all; /* sans-serif type treatment */
@import url(/_includes/framework/code/styles/type/atlas-sans-serif.css) all; /* sans-serif type ; /* sans-serif type treatment */
@import url(/_includes/framework/code/styles/layout/tables.css) all; /* sans-serif type treatment */
@import url(/_includes/framework/code/styles/layout/lists.css) screen; /* sans-serif type treatment */
@import url(/_includes/framework/code/styles/layout/messages.css) screen; /* sans-serif type treatment */
@import url(/_includes/framework/code/styles/layout/labels.css) screen; /* sans-serif type treatment */
@import url(/_includes/framework/code/styles/forms/formalize.css) screen; /* sans-serif type treatment */
@import url(/_includes/framework/code/styles/forms/buttons-github.css) screen; /* sans-serif type treatment */
@import url(/_includes/styles/screen.iconize.css) screen; /* search bar */

/* ATLAS Base Print Styling */

/*@import url(/_includes/framework/code/styles/print/atlas.css) print; /* print styles */

/* Custom Fonts */

/*@import url(/_includes/framework/fonts/glyphs/pictos/font-face.css&nocache=true) all; pictos glyphs */
@import url(/_includes/framework/code/styles/reset/helpers.css) all; /* Non-semantic helper classes */

/* Default Media Queries */

@import url(/_includes/framework/code/styles/layout/grid-atlas.css) only screen; /* base screen layout */
@import url(/_includes/framework/code/styles/layout/grid-atlas-portrait.css) only screen and (orientation:portrait); /* portrait mode */
@import url(/_includes/framework/code/styles/layout/grid-atlas-landscape.css) only screen and (orientation:landscape); /* landscape mode */
@import url(/_includes/framework/code/styles/layout/grid-atlas-widescreen.css) only screen and (min-width: 1176px); /* super-wide screens */
@import url(/_includes/framework/code/styles/layout/grid-atlas-tablets.css) only screen and (min-width: 768px) and (max-width: 991px); /* tablets */
@import url(/_includes/framework/code/styles/layout/grid-atlas-mobile.css) only screen and (max-width: 767px); /* mobile */
@import url(/_includes/framework/code/styles/layout/grid-atlas-mobile-widescreen.css) only screen and (min-width: 480px) and (max-width: 767px); /* widescreen mobile */ 

/* ------------------------------------------------------------------------------------

	@group Screen 
	Theme-specific screen styling.

	----------------------------------------------------------------------------------- */

@media screen {
html { overflow: hidden; height: 100%; }

body { overflow: auto; height: 100%; margin: 0; padding: 0; }

.bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

#page { position: relative; } /* reset values */

#page > * { margin: 0; padding: 0; width: auto; }

p, ul, ol, dl { line-height: 1; margin: 0; font-weight: normal; }

label { font-weight: normal; }

label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: default; }

input[type="text"] { display: inline; padding: 1px 0 1px 0; }

/* duplicated here for ie7, which can't read the @import directives with media types above */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.heading { line-height: 1; margin: 0; padding: 0; font-weight: bold; letter-spacing: normal; }

.shadow-ie { display: none; display: block\9; /* IE8 only */ background-color: black; filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='6', MakeShadow='true', ShadowOpacity='1.0'); width: 100%; height: 100%; margin-top: -6px; margin-left: -6px; position: absolute; z-index: -1; }

#nav { position: relative; }

#nav ul { list-style: none; }

#nav .nav-sitemap > ul { display: table; }

#nav .nav-sitemap > ul li { float: left; }

#content { min-height: 300px; position: relative; }

#content hr { margin-right: 75px; }

#content p, #content ul, #content ol, #content dl { margin-bottom: 10px; }

#content .right { float: right; }

#content .right > * { float: right; clear: both; }

#content .events { position: relative; }

#content .event-dates:before { content: 'Published Date: '; }

#content .slideshow { position: relative; }

#content .caption-bg { background-color: black; filter: alpha(opacity=63); opacity: 0.63; bottom: 0; position: absolute; width: 100%; }

#content .caption { bottom: 0; position: absolute; width: 100%; }

#content .gift-form { background-color: white; border: 1px solid grey; padding-left: 20px; padding-top: 20px; margin-bottom: 15px; }

#content .gift-form p { margin-right: 20px; }

#footer div { float: left; border-left: 1px solid black; }

#footer div:first-child { border-left: 0; }

}

/* ------------------------------------------------------------------------------------

	@group Print
	Theme-specific print styling.

	----------------------------------------------------------------------------------- */

@media print {

* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */

a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; }

abbr[title]:after { content: " (" attr(title) ")"; }

.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */

pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */

tr, img { page-break-inside: avoid; }

@page { margin: 0.5cm; }

p, h2, h3 { orphans: 3; widows: 3; }

h2, h3{ page-break-after: avoid; }
}

/* ------------------------------------------------------------------------------------

	@group Helpers
	Non-semantic helper classes that follow all other styles so they will

	successfully override.

	----------------------------------------------------------------------------------- */

@media all { }