/* GLOBAL */

html {font-family: 'Open Sans', sans-serif; font-size: 16px;}
body {margin: 0; padding: 0; background: url('../images/header/header-bg.png') repeat-x center 31px #393939; color: #fff;}
a {color: #243c59;}
a:hover {color: #8B0F0A;}
ul {}
ul li {}
ul.nostyle {margin: 0; padding: 0; list-style: none;}
.hidden {display: none !important;}

/* CENTER CONTENT */
header hgroup, header nav, section {margin: 0 auto; width: 1024px;}

/* HEADER */

header {background: url('../images/header/header-bg-blue.png') repeat-x center top transparent; height: 139px; width: 100%; position: relative; box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.2);}
header hgroup {height: 100px; padding: 0; position: relative; color: #FFF;}
header hgroup h1 {width: 50%; margin: 0; padding: 38px 0 0 170px; font-size: 2rem; font-weight: normal;}
header hgroup h1 a {color: #FFF; text-decoration: none;}
header hgroup h1 a:hover {color: #EEE; text-decoration: none;}
header hgroup h1 span {display: block; font-weight: lighter; font-size: 0.93rem; color: #cccccc; line-height: 10px; text-transform: uppercase;}

header #headerSocial {position: absolute; margin: 0; top: 0; right: 0; font-weight: lighter; background: url('../images/header/header-bg-social.png') repeat-x left top #182a3f; height: 92px; border-left: 1px solid #192a3f; border-right: 1px solid #192a3f; padding: 8px 0 0;}
header #headerSocial li {font-size: 14px; text-transform: uppercase;}

header #headerSocial li a {display: block; color: #FFF; text-decoration: none; padding: 4px 12px 4px 42px; background: url('../images/icons/header-initiatives.png') no-repeat 12px center transparent;}

	header #headerSocial li.initiatives a {background-image: url('../images/icons/header-initiatives.png');}
	header #headerSocial li.responsibilities a {background-image: url('../images/icons/header-responsibilities.png');}
	header #headerSocial li.latestnews a {background-image: url('../images/icons/header-latestnews.png');}

header #headerSocial li a:hover {background-color: #8B0F0A;}

.skipnav {display: none;}

header hgroup h2#stateSeal {
	background: url('../images/header/header-seal.png') no-repeat center top transparent;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 156px;
	height: 174px;

	/*background: url(../images/header/header-bg-seal-small.png) no-repeat center center transparent;
    height: 97px;
    width: 106px;*/
}

/* NAV */
header nav {}
	header nav ul {margin: 3px 0 0; padding: 0; list-style: none; overflow: hidden;}
	header nav ul li {float: left; width: 138px; text-align: center; display: block; overflow: hidden;}
	header nav ul li.navspace {width: 190px;}
	header nav ul li a {display: block; width: 100%; text-decoration: none; color: #2f2f2f; font-weight: lighter; padding: 5px 0;}

	/* NAV DROP DOWNS */
	header nav ul li ul.secondary {box-shadow: 0 6px 12px -6px #262626; display: none; height: auto; margin: 0; min-width: 230px; padding: 0; position: absolute; width: auto; z-index: 999; background-color: #e3e3e3;}
	header nav ul li ul.secondary li {float: none; text-align: left; width: auto;}
	header nav ul li ul.secondary li a {padding: 0.6rem 1rem; border-bottom: 1px solid #D9D9D9; transition: all 400ms ease 0s;}
	header nav ul li ul.secondary li a:hover {border-left: 7px solid #8B0F0A; border-bottom-width: 0;}
	header nav ul li:hover ul.secondary {display: block;}

	header nav ul li.contact ul.secondary {right: 0;}

/* HOME SECTIONS */

.container {background-color: #2f2f2f; margin-bottom: 20px; padding: 20px; width: 984px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) inset; overflow: hidden;}
.container h2 {background: #223853; font-size: 1.1rem; font-weight: lighter; color: #FFF; padding: 14px 20px; margin: 0;}


	/* Scenic */
	section#Scenic #ScenicBG {background-size: auto 100%; padding-top: 0; background-position: center top; background-repeat: no-repeat; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.3);}
	section#Scenic {padding-top: 0;}
	section#Scenic #LtProfile {background: url('../images/photoblock/ft-ltgovernor-profile.png') no-repeat 0 0 transparent; height: 275px; overflow: hidden; transition: all 200ms ease, background 1000ms ease;
	/*animation-duration: 3s;
	animation-name: peekaboo;
	animation-iteration-count: infinite;
	animation-direction: alternate;*/
}

	section#Scenic #LtProfile.fade {background-color: #1C3954;}

	/* Feature */
	section#Feature {}
	section#Feature > div {float: left;}

	#Connect {width: 364px; min-height: 392px; background-color: #F5F5F5; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.5);}
	#Connect article {overflow: hidden; padding: 14px;}
	#Connect article p {margin: 0; padding: 14px 14px 0; font-size: 0.8rem;}
	#Connect article div.date {font-size: 0.7rem; color: #BEBEBE; padding: 0 14px 14px;}
	#Connect a.connectbtn {display: block; margin: 0 0 14px; text-decoration: none; background: url('../images/buttons/float-lightblue.png') repeat-y left center #FFF; font-weight: lighter; padding: 16px 20px 16px 17px; transition: border 400ms ease; border-left: 0px solid #8B0F0A; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1);}
	#Connect a.connectbtn i {color: #FFF; width: 20px; font-size: 1.4rem; text-align: center; margin-right: 24px;}

	#Connect a.connectbtn:hover {background-color: #EEE; border-left: 7px solid #8B0F0A;}

	section#Feature #PhotoFeed {width: 620px; min-height: 392px;}
	section#Feature #PhotoFeed #flickr {list-style: none; margin: 0; padding: 0; height: 400px; overflow: hidden;}
	section#Feature #PhotoFeed #flickr li {width: 100%; height: 400px; background-color: #1F1F1F; overflow: hidden; position: relative;}
	section#Feature #PhotoFeed #flickr li a {display: block;}
	section#Feature #PhotoFeed #flickr li a span.title {display: block; position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.5); padding: 1em; color: #F5F5F5; text-align: center;}
	section#Feature #PhotoFeed #flickr li a img {max-width: 100%;}

	/* INSTAGRAMS */
	div#PhotoFeed {/*background-color: #F5F5F5;*/}
	div#PhotoFeed .instagram {list-style: none; margin: 0 0 0 18px; padding: 0; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
	div#PhotoFeed .instagram li {display: block; width: 192px; position: relative; height: 192px; margin: 0 0 8px 8px; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.5);}
	div#PhotoFeed .instagram li a.image {position: absolute; display: block; background-repeat: no-repeat; background-position: center center; background-size: 100%; top: 0; bottom: 0; right: 0; left: 0; transition: all 1500ms ease, border 400ms ease; border: 5px solid #fff;}
	div#PhotoFeed .instagram li a.image .caption {opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.7); color: #FFF; padding: 1em; font-size: 0.7em; font-weight: lighter; overflow: hidden; transition: all 400ms ease; z-index: 2;}
	div#PhotoFeed .instagram li a.image .caption i.fa {bottom: 0; color: rgba(255, 255, 255, 0.1); font-size: 16em; left: 0; position: absolute; right: 0; text-align: center; top: 0; z-index: 1;}
	div#PhotoFeed .instagram li a.image:hover {background-size: 120%; border-color: #505050;}
	div#PhotoFeed .instagram li a.image:hover .caption {opacity: 1;}

	/* NewsInfo */
	section#NewsInfo {}
	section#NewsInfo > div {float: left; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.5);}

	section #Initiatives {width: 620px;}
	section #Initiatives ul {list-style: none; margin: 0; padding: 20px; background-color: #F5F5F5; overflow: hidden; min-height: 320px;}
	section #Initiatives ul li {display: block; float: left; width: 280px; margin: 4px; background: url('../images/buttons/float-darkblue-wide.png') repeat-y left center #18395f; transition: background-color 400ms ease;}
	section #Initiatives ul li a {display: block; text-decoration: none; padding: 18px 0 18px 92px; font-size: 0.8rem; color: #FFF; background-position: bottom left; background-repeat: no-repeat; transition: background-position 200ms ease;}
	section #Initiatives ul li a em {display: block; font-size: 0.7rem; font-weight: lighter; color: #4f79a9; font-style: normal;}

		#Initiatives li.beready a {background-image: url('../images/icons/initiatives-beready.png');}
		#Initiatives li.voter a {background-image: url('../images/icons/initiatives-voter.png');}
		#Initiatives li.voterreg a {background-image: url('../images/icons/initiatives-voterreg.png');}
		#Initiatives li.userve a {background-image: url('../images/icons/initiatives-userve.png');}
		#Initiatives li.native a {background-image: url('../images/icons/initiatives-native.png');}
		#Initiatives li.civility a {background-image: url('../images/icons/initiatives-civility.png');}
		#Initiatives li.exploratory a {background-image: url('../images/icons/initiatives-exploratory.png');}
		#Initiatives li.multicultural a {background-image: url('../images/icons/initiatives-multicultural.png');}

	section #Initiatives ul li:hover {background-color: #DEDEDE;}
	section #Initiatives ul li a:hover {color: #8B0F0A; background-position: top left;}
	section #Initiatives ul li a:hover em {color: #8B0F0A;}


	section #WhatsNew {width: 344px; margin-left: 20px;}
	section #WhatsNew .whatsNew {min-height: 400px; background-color: #FFF;}
	section #WhatsNew article {border-bottom: 1px dashed #E3E3E3;}
	section #WhatsNew article h4 {margin: 0; padding: 14px 14px 0; font-size: 0.9rem; font-weight: normal;}
	section #WhatsNew article h4 a {text-decoration: none;}
	section #WhatsNew article p {margin: 0; padding: 14px; font-size: 0.8rem;}

	/* LinkBlock */
	section#LinkBlock {}
	section#LinkBlock > div {float: left; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.5);}

	section#LinkBlock #Responsibilities {width: 100%;}
	section#LinkBlock #Responsibilities ul {list-style: none; margin: 0; padding: 20px 20px 10px; background-color: #474747; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
	section#LinkBlock #Responsibilities ul li {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); display: block; -webkit-flex: 1 1 auto; flex: 1 1 auto; justify-content: space-around; margin: 0 4px 14px; text-align: center; width: 23%;}
	section#LinkBlock #Responsibilities ul li a {background-color: #FFF; background-position: center 64px; background-size: auto 30%; background-repeat: no-repeat; border: 5px solid #fff; display: block; font-size: 0.9rem; padding: 20px 0 0; text-decoration: none; transition: all 200ms ease;}
	section#LinkBlock #Responsibilities ul li a svg {
		display: block;
		margin: 16px auto;
		width: 64px;
		height: 64px;
		transition: all 400ms ease 0s;
	}
	section#LinkBlock #Responsibilities ul li a svg path,
	section#LinkBlock #Responsibilities ul li a svg ellipse {
		fill: #324863;
		transition: fill 400ms ease 0s;
	}
	section#LinkBlock #Responsibilities ul li a em {
		background-color: #e7e7e7;
		color: #5d5d5d;
		display: block;
		font-size: 0.8rem;
		font-style: normal;
		font-weight: lighter;
		margin: 0 0;
		padding: 20px 0;
		transition: all 600ms ease;
	}
	section#LinkBlock #Responsibilities ul li a:hover {background-color: #223853; color: #FFF; background-position: center 50px; background-size: auto 50%; border-color: transparent;}
	section#LinkBlock #Responsibilities ul li a:hover svg {
		margin: 6px auto;
		width: 84px;
		height: 84px;
	}
	section#LinkBlock #Responsibilities ul li a:hover svg path,
	section#LinkBlock #Responsibilities ul li a:hover svg ellipse {
		fill: #FFFFFF;
	}
	section#LinkBlock #Responsibilities ul li a:hover em {background-color: #8b0f0a; color: #FFF; margin-left: -5px; margin-right: -5px;}

	/*section#LinkBlock #Responsibilities li.discolosures a {background-image: url('../images/icons/resp-disclosure.svg');}
	section#LinkBlock #Responsibilities li.authentications a {background-image: url('../images/icons/resp-docauth.svg');}
	section#LinkBlock #Responsibilities li.picommittee a {background-image: url('../images/icons/resp-politicalissues.svg');}
	section#LinkBlock #Responsibilities li.elections a {background-image: url('../images/icons/resp-elections.svg');}
	section#LinkBlock #Responsibilities li.lobbyist a {background-image: url('../images/icons/resp-lobbyist.svg');}
	section#LinkBlock #Responsibilities li.notary a {background-image: url('../images/icons/resp-notary.svg');}
	section#LinkBlock #Responsibilities li.pacommittee a {background-image: url('../images/icons/resp-pacommittee.svg');}
	section#LinkBlock #Responsibilities li.seal a {background-image: url('../images/icons/resp-stateseal.svg');}*/

	section #Speaches {width: 620px;}
	section #Speaches ul {list-style: none; margin: 0; padding: 20px; background-color: #F5F5F5; overflow: hidden; min-height: 200px;}
	section #Speaches ul li a {display: block; padding: 6px 8px; text-decoration: none; font-size: 0.8rem;}
	section #Speaches ul li a:hover {background-color: #EEE; border-radius: 3px;}

	section #Video {width: 620px; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.5);}
	section div#Video ul {margin: 0; padding: 0; list-style: none; background-color: #F5F5F5; min-height: 240px; }
	section div#Video ul li {margin: 0; position: relative; display: block; height: 462px;}
	section div#Video ul li a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: center center; background-repeat: no-repeat; background-size: 100%; transition: all 1500ms ease;}
	section div#Video ul li a span {opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.5); color: #FFF; padding: 1em; font-size: 0.7em; font-weight: lighter; overflow: hidden; transition: all 400ms ease;}
	section div#Video ul li a span i.fa {color: rgba(255, 255, 255, 0.2); font-size: 15rem; left: 0; position: absolute; right: 0; text-align: center; top: 20%;}
	section div#Video ul li a:hover {background-size: 120%;}
	section div#Video ul li a:hover span {opacity: 1;}
	section div#Video ul li:hover {box-shadow: 0 3px 3px 0 rgba(0,0,0,0.5); transition: box-shadow 400ms linear;}

	section #Links {width: 344px; margin-left: 20px; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.5);}
	section #Links ul {list-style: none; margin: 0; padding: 20px; background-color: #F5F5F5; overflow: hidden; min-height: 320px;}
	section #Links ul li a {display: block; padding: 6px 8px; text-decoration: none; font-size: 0.8rem;}
	section #Links ul li a:hover {background-color: #EEE; border-radius: 3px;}

/* END HOME SECTIONS */

/* SECONDARY PAGES */

body.secondary #main {padding-top: 20px;}

section#Secondary {overflow: hidden; padding-top: 40px;}
section#Secondary > div, section#Secondary > aside  {float: left;}
section#Secondary #Content {width: 100%; background-color: #F5F5F5;}
section#Secondary #Content p, section#Secondary #Content ul, section#Secondary #Content ol, section#Secondary #Content h3, section#Secondary #Content h4, section#Secondary #Content h5, section#Secondary #Content h6, section#Secondary #Content > div
	{margin: 20px; color: #000;}
section#Secondary #Content .whatsnewArticle {margin: 0;}

section#Secondary #Content hr {display: block; clear: both; background-color: #cfcfcf; border: medium none; height: 1px; margin: 1rem 0;}

section#Secondary #Content > img {max-width: 100%;}
section#Secondary #Content img.full {width: 100%;}
section#Secondary #Content img.thumb {width: 230px;}
section#Secondary #Content img.left {float: left; margin-right: 10px; margin-bottom: 5px;}

section#Secondary #Content .readmore {margin: 0; padding: 0;}
/*section#Secondary #Content .btn {
	background: #223853 none repeat scroll 0% 0%;
	color: #FFF;
	font-size: 1.1rem;
	font-weight: lighter;
	margin: 20px;
	padding: 14px 20px;
	border: 1px solid #051B36;
	display: block;
	max-width: 100%;
	transition: all 400ms ease 0s;
	cursor: pointer;
	text-decoration: none;
}
section#Secondary #Content .btn:hover {
	border-width: 5px;
	border-color: #8B0F0A;
	background-color: #8B0F0A;
}*/

section#Secondary #Content #meta {position: relative; margin: 20px 20px 0}
section#Secondary #Content #meta .headline {margin: 0 0 0 68px; font-size: 14px;}
section#Secondary #Content #meta .date {margin: 0; position: absolute; left: 0; top: 0; width: 40px; border: 1px solid #E5E5E5; background-color: #EDEDED; box-shadow: inset 0 0 0 1px #FFF; text-align: center; font-size: 11px; font-weight: bold; padding: 8px;}
section#Secondary #Content p.synopsis {margin: 0 20px 0 88px; font-size: 11px; min-height: 24px;}

section#Secondary #Content .whatsnewArticle #meta {}
section#Secondary #Content .whatsnewArticle #meta .headline {margin: 0; font-size: 16px;}
section#Secondary #Content .whatsnewArticle #meta .date {position: relative; width: auto; border: none; box-shadow: none; background-color: transparent; text-align: left; padding: 0;}
section#Secondary #Content .whatsnewArticle .synopsis p {font-size: 13px;}

section#Secondary #StaffPhotos {overflow: hidden;}
section#Secondary #StaffPhotos li {float: left; width: 33.3%; text-align: center; height: 300px;}
section#Secondary #StaffPhotos li img {max-width: 96%; border: 1px solid #CCC; padding: 4px;}
section#Secondary #StaffPhotos li a {text-decoration: none;}
section#Secondary #StaffPhotos li span {display: block;}
section#Secondary #StaffPhotos li em {display: block; font-size: 11px;}

/* Contact Pages */

body.contact form {}
body.contact form fieldset {border: none; margin: 0; padding: 0;}
body.contact form fieldset legend {color: #8B0F0A; font-size: 1.1rem; font-weight: lighter; margin: 0; padding: 14px 20px;}
body.contact form fieldset p {width: auto;}

body.contact form label {display: block; font-size: 12px;}
body.contact form input[type="text"], body.contact form textarea {font-family: 'Open Sans', sans-serif; border: 1px solid #E1E1E1; color: #223853; font-size: 14px; padding: 8px 2%; width: 96%;}
body.contact form select {font-family: 'Open Sans', sans-serif; padding: 8px 0; width: 100%;}

body.contact form .yesNo, body.contact form .ampm {display: block;}
body.contact form .yesNo label, body.contact form .ampm label {display: inline-block;}

body.contact form button {background: #223853; color: #FFFFFF; font-size: 1.1rem; font-weight: lighter; margin: 0; padding: 14px 20px; border: 1px solid #051B36; display: block; width: 100%; transition: all 400ms ease; cursor: pointer;}
body.contact form button:hover {border-width: 10px; border-color: #8B0F0A; background-color: #8B0F0A;}

body.contact #recaptcha_widget_div {margin: 20px;}

body.contact iframe {max-width: 100%;}

/* Initiative Page */

ul.initiatives {list-style: none; margin: 0; padding: 20px; background-color: #F5F5F5; overflow: hidden;}
ul.initiatives li {display: block; width: auto; margin: 4px; background: url('../images/buttons/float-darkblue-wide.png') repeat-y left center #18395f; transition: background-color 400ms ease;}
ul.initiatives li a {display: block; text-decoration: none; padding: 18px 0 18px 92px; font-size: 0.8rem; color: #FFF; background-position: bottom left; background-repeat: no-repeat; transition: background-position 200ms ease;}
ul.initiatives li a em {display: block; font-size: 0.7rem; font-weight: lighter; color: #4f79a9; font-style: normal;}

	ul.initiatives li.beready a {background-image: url('../images/icons/initiatives-beready.png');}
	ul.initiatives li.voter a {background-image: url('../images/icons/initiatives-voter.png');}
	ul.initiatives li.voterreg a {background-image: url('../images/icons/initiatives-voterreg.png');}
	ul.initiatives li.userve a {background-image: url('../images/icons/initiatives-userve.png');}
	ul.initiatives li.native a {background-image: url('../images/icons/initiatives-native.png');}
	ul.initiatives li.civility a {background-image: url('../images/icons/initiatives-civility.png');}
	ul.initiatives li.exploratory a {background-image: url('../images/icons/initiatives-exploratory.png');}
	ul.initiatives li.multicultural a {background-image: url('../images/icons/initiatives-multicultural.png');}

ul.initiatives li:hover {background-color: #DEDEDE;}
ul.initiatives li a:hover {color: #8B0F0A; background-position: top left;}
ul.initiatives li a:hover em {color: #8B0F0A;}

/* BLOG STYLES */

body.blog section#Secondary #Content .post {margin: 0; border-bottom: 1px solid #DEDEDE;}
body.blog section#Secondary #Content .meta {font-size: 12px; margin: 20px;}
body.blog section#Secondary #Content .meta em {}
body.blog section#Secondary #Content img {max-width: 100%; height: auto;}

body.blog section#Secondary #Content img.alignleft {float: left; padding: 0 14px 0 0;}
body.blog section#Secondary #Content img.alignright {float: right; padding: 0 0 0 14px;}
body.blog section#Secondary #Content img.aligncenter {float: none; margin: 0 auto; display: block;}

body.blog section#Secondary #Content .wp-caption {background-color: #EEE; border: 1px solid #DEDEDE; padding: 8px; margin: 20px; max-width: 91%; height: auto;}
body.blog section#Secondary #Content .wp-caption-text {margin: 0; font-size: 0.8em;  padding: 8px 0 0 0; text-align: center;}
body.blog section#Secondary #Content .wp-caption img {float: none; margin: 0 auto; display: block; max-width: 100%; height: auto;}

body.blog section#Secondary #Content .wp-caption.alignleft {float: left;}
body.blog section#Secondary #Content .wp-caption.alignright {float: right;}
body.blog section#Secondary #Content .wp-caption.aligncenter {float: none; margin: 20px auto; display: block;}

body.blog section#Secondary #Content hr {height: 1px; border: none; background-color: #DEDEDE;}
body.blog section#Secondary #Content blockquote {font-style: italic; margin: 20px; font-size: 0.9em;}

body.blog section#Secondary #Content .post-edit-link {display:block; clear:both; margin: 20px; font-size: 12px; }





















































/* ASIDE */

section#Secondary aside {width: 344px; margin-left: 20px;}
/*section#Secondary aside p, section#Secondary aside ul, section#Secondary aside ol, section#Secondary aside h3, section#Secondary aside h4, section#Secondary aside h5, section#Secondary aside h6
	{margin: 20px;}*/

aside > div {margin-bottom: 20px; background-color: #F5F5F5;}

aside div.mininfo {padding-bottom: 8px;}
aside div.mininfo p {margin: 8px 20px;}
aside #Related {}
aside #NewsAside {}
aside #Connect {background-color: transparent; width: auto; min-height: auto;}
aside #Connect h2 {margin-bottom: 1rem;}

#NewsAside #NewsSearch {padding: 20px; position: relative;}
#NewsAside #NewsSearch input {display: block; width: 96%; font-size: 13px; padding: 6px; border: 1px solid #EEE;}
#NewsAside #NewsSearch button {background-color: #223853; color: #FFF; border: 0 none; height: 30px; position: absolute; right: 18px; top: 20px;}

aside ul.links {padding: 0;}
aside ul.links li {}
aside ul.links li a {display: block; padding: 8px 20px; border-bottom:1px solid #EEE;}
aside ul.links li a:hover {background-color: #8B0F0A; color: #FFF; text-decoration: none; border-bottom: 1px solid #7B0000;}






/* FOOTER */
footer {background: #1e1e1e; height: 180px; box-shadow: inset 0 4px 10px 0 #000; border-top: 1px solid #444444; color: #818181; font-size: 12px; padding: 20px 0;}
/*footer {background: #1e1e1e; min-height: 200px; box-shadow: inset 0 4px 10px 0 #000; border-top: 1px solid #444444; color: #F5F5F5;}*/
footer a {color: #818181; text-decoration: none;}
footer a:hover {color: #F5F5F5; text-decoration: none;}

footer section > ul, footer section > div {float: left; width: 25%;}

footer .sitenav li, footer .utahgov li {padding: 3px 0}

footer #footerstateseal {height: 170px; overflow: hidden; white-space: nowrap; text-indent: 100%; background: url('../images/footer/footer-seal.png') no-repeat center center transparent;}

footer .socialmedia {overflow: hidden;}
footer .socialmedia li {float: left;}
footer .socialmedia li a {display: block; font-size: 32px; padding: 4px 10px;}

footer a#backToTop {}


div.g-recaptcha {margin: 20px;}

div#preload {display: none;}




/* RESPONSIVE */

@media handheld, only screen and (max-width: 1030px) {
	header hgroup, header nav, section {width: 94%;}
}

/* ------ TABLET 768px -------- */
@media handheld, only screen and (max-width: 768px) {

	header hgroup, header nav, section {width: 100%;}
	header nav ul > li {width: 12.5%; font-size: 0.85em;}
	header nav ul li.home {width: 148px;}
	.container {padding: 20px 3%; width: 94%;}


	section#Scenic img {max-width: 100%;}
	section#Feature #Connect, section#NewsInfo #Initiatives, section#Feature #PhotoFeed, section#NewsInfo #WhatsNew, section#LinkBlock #Responsibilities, section#LinkBlock #Links
		{width: 100%; min-height: auto;}
	section#Feature #PhotoFeed, section#NewsInfo #WhatsNew, section#LinkBlock #Links {margin: 20px 0 0;}
	section#Feature #PhotoFeed img {width: 100%;}

	div#PhotoFeed .instagram {margin: 0;}
	div#PhotoFeed .instagram li {width: 230px; height: 230px;}

	section#NewsInfo #Initiatives ul {}
	section#NewsInfo #Initiatives ul li {float: none; width: 98%;}
	section#NewsInfo #Initiatives ul li a {font-size: 1em; padding: 16px 0 16px 92px;}

	section#LinkBlock #Responsibilities ul li {width: 48%;}
	section#LinkBlock #Responsibilities ul li a {font-size: 1.0em;}
	section#LinkBlock #Responsibilities ul li a em {font-size: 0.9em;}

	section#LinkBlock #Links ul li a {font-size: 1em;}

	/* SECONDARY */

	section#Secondary > div, section#Secondary > aside  {float: none;}
	section#Secondary #Content, section#Secondary aside {width: auto; margin: 0 0 20px; /*border-bottom: 1px solid transparent;*/}
}

/* ------ 600px & LOWER -------- */
@media handheld, only screen and (max-width: 600px) {
	header {height: auto;}
	header hgroup h2#stateSeal {background: url("../images/header/header-bg-seal-small.png") no-repeat center center transparent; height: 97px; width: 106px;}
	header hgroup h1 {margin: 0 0 0 110px; padding: 28px 0 0; width: 221px;}
	header nav {background: #222222; padding-bottom: 6px; border-bottom: 1px solid #303030; box-shadow: 0 7px 10px -10px #111111;}
	header nav ul {margin: 0;}
	header nav ul li {text-align: left; float: none; width: auto; padding: 0 0 1px 0; font-size: 18px;}
	header nav ul li.home {width: auto; display: none;}
	header nav ul li a {display: block; padding: 6px 3%; width: auto; background-color: #e2e2e2; border-left: 5px solid #343434;}

	div#PhotoFeed .instagram {margin: 0;}
	div#PhotoFeed .instagram li {width: 100%; height: 325px;}

	section#Scenic, section#Scenic * {display: none;}

	footer {height: auto;}
	footer section > ul, footer section > div {float: none; width: auto;}
	footer #footerstateseal {margin-bottom: 20px;}
	footer .sitenav li, footer .utahgov li {text-align: center;}
	footer .socialmedia {margin: 0 auto; overflow: hidden; width: 200px;}
	footer #backToTop {text-align: center; display: block;}

}
@media handheld, only screen and (max-width: 560px) {
	header #headerSocial {display: none;}

	section#LinkBlock #Responsibilities ul li {width: 98%;}

}

/* ------ 430px -------- */
@media handheld, only screen and (max-width: 430px) {


}

/* ------ 380px -------- */
@media handheld, only screen and (max-width: 380px) {
	/*header hgroup h2#stateSeal {display: none;}*/
	header hgroup {position: relative;}
	header hgroup h1 {margin: 0; padding: 0; width: auto; position: absolute; left: 110px; top: 24px; font-size: 1.8rem;}
	header hgroup h1 span {font-size: 0.83rem;}
	header hgroup h1 a {display: block;}
	header nav ul {margin: 0;}
	header nav ul li {padding: 0 0 1px;}

	section#NewsInfo #Initiatives ul {padding: 2px;}
	section#NewsInfo #Initiatives ul li a {font-size: 0.8em;}

	section#Feature #PhotoFeed #flickr {height: 250px;}
	section#Feature #PhotoFeed #flickr li {height: 250px;}
	section#Feature #PhotoFeed #flickr li a span.title {font-size: 0.8em;}

	body.contact #recaptcha_widget_div {margin: 10px;}

}

/* ------ 320px -------- */
@media handheld, only screen and (max-width: 320px) {

	#Connect a.connectbtn {font-size: 0.9em;}
	section#Feature #PhotoFeed #flickr {height: 220px;}
	section#Feature #PhotoFeed #flickr li {height: 220px;}
}


@keyframes peekaboo {
	0% {background-position: 0px 250px;}
	100% {background-position: 0px 100px;}
}