/* State Look and Feel standard CSS
This document is a draft Cascading Style Sheet for the State of Alaska. 
It is intended to provide styling to meet state standards and 
responsive design using HTML 5 and CSS 3 techniques.
*/
/* Table of Contents

	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	(AS OF 10/13/2015 THESE ELEMENTS HAVE NOT BEEN SET STATEWIDE)	
	- Defaults
		- Typographical Elements (Body is set)
		- Headings
		- Objects
		- Gallery
		- Forms
		- Tables
	- Structure and Layout
		- Site Containers
		- Column Widths and Positions
		- Column Classes
	- Common Classes
		- WordPress
		- Genesis
		- Titles
	- Widgets
		- Featured Content
	- Plugins
		- Genesis eNews Extended
		- Genesis Latest Tweets
		- Genesis Responsive Slider
		- Jetpack
	- Site Header
		- Title Area
		- Widget Area
	- Site Navigation
		- Header Navigation
		- Primary Navigation
		- Secondary Navigation
		- Responsive Menu
	- Content Area
		- Home Page
		- Portfolio
		- Entries
		- After Entry
		- Pagination
		- Comments
	- Sidebars
	- Footer Widgets
	- Site Footer
	- Theme Colors
		- Alaska Governor Brown
		- Alaska Governor Green
		- Alaska Governor Orange
		- Alaska Governor Purple
		- Alaska Governor Red
		- Alaska Governor Teal
	- Media Queries
		- Retina Display
		- max-width: 1200px
		- max-width: 1023px
		- max-width: 767px
		- max-width: 500px
		- max-width: 270px
		
*/

/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Reset (normalize.css 2.1.2)
	normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden] {
display:none
}
html {
	font-size: 1em;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
a:focus {
	outline: thin dotted
}
a:active, a:hover {
	outline: 0
}
h1 {
	margin: .67em 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
dfn {
	font-style: italic
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
mark {
	background: #ff0;
	color: #000
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em
}
pre {
	white-space: pre-wrap
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}
button, input {
	line-height: normal
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
/* Box Sizing
--------------------------------------------- */

*, input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Float Clearing
--------------------------------------------- */
.clearfix:before, .entry-content:before, .entry:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .widget:before, .wrap:before {
	content: " ";
	display: table;
}

.clearfix:after, .entry-content:after, .entry:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .widget:after, .wrap:after {
	clear: both;
	content: " ";
	display: table;
}
/*


/* Typographical Elements
--------------------------------------------- */
body {
	background-color: #102d55;
	color: #222;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.6;
}
#container {
	max-width: 60em;
	width: 100%;
	margin: 0 auto;
}
/* Global Header 
--------------------------------------------- */
.global-nav-menu > ul {
	border-top: 1px solid #fea903;
	border-bottom: 1px solid #c17b00;
	background: #fef792; /* Old browsers */
	background: -moz-linear-gradient(top, #fef792 0%, #f7ae12 95%, #eddf4e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fef792), color-stop(95%, #f7ae12), color-stop(100%, #eddf4e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fef792 0%, #f7ae12 95%, #eddf4e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fef792 0%, #f7ae12 95%, #eddf4e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fef792 0%, #f7ae12 95%, #eddf4e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fef792 0%, #f7ae12 95%, #eddf4e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef792', endColorstr='#eddf4e', GradientType=0 ); /* IE6-9 */
	padding: 0.15em .5em;
	margin: 0;
	text-align: right;
}
.global-nav-menu a {
	color: #00006F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .63em;
}
.global-nav-menu > ul> li, #SOAmainLink {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.global-nav-menu a:hover {
	text-decoration: underline;
}
#SOAmainLink {
	font-style: italic;
	text-shadow: .5em .25em .5em #ffe037, -.5em -.25em .5em #ffe037;
}
#SOAmainLink > span {
	display: none;
}
.global-nav-menu > ul > li {
	display: inline;
	overflow: hidden;
	padding: 0 2px;
}
.global-nav-menu > ul> li:first-child {
	display: block;
 *display: inline;  /* IE7 and below */
	margin: 0;
	text-align: left;
	padding: 0;
	position: absolute;
 *position: static; /* IE7 and below */
	width: 10.75em;
}
.global-nav-menu > ul> li:first-child a {
	/* Edited.. */	
	background: url("/img/alaska_small.gif") no-repeat scroll 0.5em 0.85em / 25% auto rgba(0, 0, 0, 0);
	display: inline;
	font-size: 0.8em;
	line-height: 2.2em;
	min-height: 1.6em;
	padding: 1.3em 0 5px 3.5em;
	width: 9em;
	font-style: italic;
}
.global-nav-menu > ul> li:last-child {
	display: none;
}
/* Header */
header.template {
	background-image: url("/img/bg.jpg");
	background-position: 20% 6%;
	padding: .5em 1em;
}
h2#agencyTitle {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #333333;
	float: left;
	text-align: center;
	text-transform: uppercase;
}
h2#agencyTitle a {
	color: #333333;
}
header #agencyLogo img {
	width: 70%;
	height: auto;
}
.headerPre, .headerPrimary, .headerPost {
	display: block;
	font-weight: normal;
	text-align: left;
	padding: .15em 0;
}
header .headerPre {
	text-indent: -99999em;
	position: absolute;
}
.headerPrimary {
	font-size: 1.6em;
	padding: .09375em 0;
}
/* Main Search Form */
#searchMain input {
	padding: 0.5em;
}
#searchMain input#searchTextField {
	width: 65%;
}
button#searchButton {
	border: 1px solid #7F7F7F;
	width: 25%;
	padding: 5px 5px 6px;
	font-size: 100%;
	margin: 10px 0;
}
button#searchButton:hover {
	background-color: #CCC4BB;
	cursor: pointer;
}
footer#soa-footer {
	background: none;
}
#soa-footer {
	margin: 0 .5em;
}
.soa-links, .soa-links ul, .soa-links a {
	color: #ffffff;
}
.soa-links a {
	text-decoration: none;
}
.soa-links a:hover {
	text-decoration: underline;
}
 @media screen and (max-width: 8em) {
#search input {
	line-height: .813em;
}
#SOAmainLink {
	padding: 0;
	background: none;
	text-align: center;
}
}
@media screen and (min-width: 12em) {
.global-nav-menu > ul {
	margin: 0 auto 0;
	padding: 0;
	text-align: right;
	max-width: 960px;
}
.global-nav-menu > ul > li {
	display: none;
	overflow: hidden;
}
.global-nav-menu > ul> li:last-child {
	display: inline-block;
}
#SOAmainLink > span {
	display: inline;
}
.skipToStatewideLinks {
	height: 2em;
	padding: 0.3em;
	display: block;
}
}
@media screen and (min-width: 12.4em) {
}
@media screen and (min-width: 17.2em) {
}
@media screen and (min-width: 22.8em) {
}
@media only screen and (min-width: 36em) {
.global-nav-menu > ul {
	text-align: right;
	padding: 4px 5px;
}
.global-nav-menu > ul> li {
	display: inline;
	overflow: hidden;
}
.global-nav-menu > ul> li:first-child {
	display: block;
	position: absolute;
	width: 10.75em;
	text-align: left;
	vertical-align: baseline;
}
.global-nav-menu > ul> li:last-child {
	display: none;
}
h2#agencyTitle {
	text-align: inherit;
}
header #agencyLogo img {
	width: inherit;
}
form#searchMain {
	float: right;
	width: 18em;
	position: relative;
}
#searchMain input#searchTextField {
	padding: .5em;
	width: 70%;
}
.searchFormExpanded {
	clear: left;
}
#deptlabel, #statelabel {
	font-size: 80%;
	padding: 5px 0 0;
	font-weight: bold;
	text-align: right;
}
}
@media screen and (min-width: 48em) {
}
@media screen and (min-width: 54em) {
}
@media print {
/* Global CSS */
body {
	text-align: left;
	background: #ffffff;
	color: #000000;
}
p, form, div, object, ul, ol, li, img, h1, h2, h3, h4, h5, h6, blockquote, table, tr, td, tbody, small {
	padding: 0;
}
#soaBranding {
	display: none;
}
#main-navigation {
	display: none;
}
#title img.screen {
	display: none;
}
#title img.print {
	display: block;
	padding: 0;
	width: auto;
}
#search {
	display: none;
}
#state_footer {
	display: none;
}
}