@import 'normalize.css';
@import 'grid.min.css';
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css");

@font-face {
    font-family: Rockwell;
    src: url(fonts/rockwell.ttf);
    font-weight:400;
}

body {
	margin:0;
	padding:0;
	font-size:100%;
	line-height:1.25em;
	font-family:Calibri;
	color:#005596;
}

* {
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.well {
	background:#ecf0f1;
	padding:0% 2%;
	margin:0 auto;
	border:1px solid #eee;
	border-radius:2px;
	box-shadow:1px 1px 2px #bdc3c7;
}

#iframe_container {
width: 100%;
padding:2% 2%;
}

.alert {
	background:#ffed9d;
	padding:1% 2%;
	margin:0 -0.5% 0% -0.5%;
	border:1px solid #eee;
	border-radius:0px;
	box-shadow:1px 1px 2px #005596;
}

.jobfair {
color: #cc9900;
}

.it {
	background:#fff;
	color: #005596;
	list-style: none;
	padding:0%;
	width:100%;
	margin:0 auto;
	border:0px solid #bdc3c7;
	border-radius:2px;
	box-shadow:0px 0px 0px #bdc3c7;
}


.it a:link {
text-decoration:none; 
color: #005596;
}

.it a:visited {
text-decoration:none; 
color: #005596;
}

.it a:active { 
text-decoration: none; 
color: #005596;
}
.it a:hover {
text-decoration: underline; 
color: #ffd100;
}

.yellow {
	display:block;
	background:#ffd100;
	color: #005596;
	padding:2%;
	margin:0 auto;
	text-align:left;
	border:1px solid #bdc3c7;
	border-radius:2px;
	box-shadow:1px 1px 2px #bdc3c7;
}

.bluebox {
  display:block;
	background-color:#005596;
	color: #fff;
	padding:2%;
	text-align:left;
	box-shadow:1px 1px 2px #bdc3c7;
}

.box {
  display:block;
	background:#005596;
	color: #fff;
	list-style: none;
	padding:2%;
	text-align:justify;
	width:86%;
	margin:0 auto;
	border:1px solid #bdc3c7;
	border-radius:2px;
	box-shadow:1px 1px 2px #bdc3c7;
}
.box:after {
	content:'';
	display:inline-block;
	width:100%;
}
.box li {
	display:inline-block;
	width:23%;
	text-align:left;
	border-right:1px solid #e2e2e2;
	padding:1% 2%;
	vertical-align: top;
	margin:0;
}
.box li:last-child {
	border-right:1px solid transparent;
}

.box a:link {
text-decoration:underline; 
color: #fff;
}

.box a:visited {
text-decoration:underline; 
color: #fff;
}

.box a:active { 
text-decoration: underline; 
color: #fff;
}
.box a:hover {
text-decoration: underline; 
color: #ffd100;
}
	
#feedContainer {
	height:455px;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	padding:1%;
}

.feed {
	height:85%;
	overflow-y:scroll;
}
#feedContainer .title {
	border-bottom:0px solid #444;
	color:#005596;
}

.feed > div > div {
	margin: 1%;
}

.fill {
	width:100%;
}

.caption {
color:#ffd100;
}

header.home {
	background:url('http://statehousemarket.com/wp-content/themes/statehousemarket_site/img/statehouse-gear-new.jpg') no-repeat center left;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	color:#fff;
	height:350px;
	padding:5%;
	border-bottom:5px solid #34495e;
	clear:both;
}
	
header.love {
	background:url('../img/loveheader.jpg') no-repeat center left;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	color:#fff;
	height:350px;
	padding:5%;
	border-bottom:5px solid #34495e;
	clear:both;
}

header.benefits {
	background:url('../img/benefitsheader-tri.jpg') no-repeat center left;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	color:#fff;
	height:350px;
	padding:5%;
	border-bottom:5px solid #34495e;
	clear:both;
}

header.dcs {
	background:url('../img/DCS-FCM-April-2016-page.png') no-repeat center left;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	color:#fff;
	height:350px;
	padding:5%;
	border-bottom:5px solid #34495e;
	clear:both;
}

nav {
	margin:0;
	background:#005596;
	padding:1% 5%;
	line-height:0;
}

nav * {
	margin:0;
}


nav h2 {
	color:#fff;
	line-height:75px;
}

nav .logo {
  	display:inline-block;
		width:100%;
		vertical-align: middle;
	  padding-right:5%;
	}

img.back {
	padding:2%;
	border:1px solid #e5e5e5;
	background:#f2f2f2;
	box-shadow:1px 1px 2px #bdc3c7;
}

nav a {
	color:#fff;
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	padding:0 2%;
}

nav a:hover {
	color:#ffd100;
}

header img, header h1 {
	margin:0;
	display:inline-block;
	vertical-align:bottom;
	line-height:30px;
}

section {
	width:100%;
	margin-bottom:3.125em;
	padding:15px;
}

footer {
	border:1px solid #ecf0f1;
	background:#e2e2e2;
	width:100%;
	min-height:200px;
	padding:1% 5%;
}

blue a {
	color:#005596;
	text-decoration:none;
}

footer a {
	color:#005596;
	text-decoration:none;
}

footer a:hover {
	color:#2685BB;
}

.container.full {
	width:100%;
}

h1, h2, h3, h4, h5 {
	line-height:1.8rem;
	font-family:Rockwell;
}

h1 {
	font-size:1.9rem;
}

h2 {
	font-size:1.5rem;
}

h3 {
	font-size:1.3125rem;
}

h4 {
	font-size:1.125rem;
}

h5 {
	font-size:1rem;
}

ul {

}

ul li {
	margin-left:15px;
}

hr {
	border:none;
	border-top:1px solid #eee;
	height:2px;
	clear:both;
}

.container {
	width:90%;
}

/*****MODULES*****/

.btn {
	display:inline-block;
	background:#ffd100;
	color:#000;
	padding:.5em 1em;
	//padding:.5rem 1rem;
	text-decoration:none;
	text-shadow: 2px 2px #B7B6B6;
	border-radius:2px;
	box-shadow:1px 1px 2px #bdc3c7;
	margin:1% 0;
	margin-right:5px;
	border:none;
	color:#fff;
	font-weight:700;
}

.btn-small {
	font-size:.85rem;
	display:inline-block;
	background:#ffd100;
	color:#ffffff;
	padding:.25em .5em;
	//padding:.5rem 1rem;
	text-decoration:none;
	text-shadow: 1px 1px #b7b6b6;
	border-radius:2px;
	box-shadow:1px 1px 2px #bdc3c7;
	margin:1% 0;
	margin-right:5px;
	border:none;
	font-weight:700;
}

.btn-hdr {
	display:inline-block;
	background:#ffd100;
	color:#000;
	padding:.5em 1em;
	//padding:.5rem 1rem;
	text-decoration:none;
	border-radius:2px;
	box-shadow:1px 1px 2px #bdc3c7;
	margin:1% 0;
	margin-right:5px;
	border:none;
	color:#fff;
	font-weight:700;
}

.hdr {
line-height:0rem;
}

input[type='text'] {
	background:#fff;
	border:1px solid #c5c5c5;
	border-radius:2px;
	padding:5px;
	display:inline-block;
}

input {
	display:inline-block;
}

.btn-grey {
	background:#95a5a6;
}

.btn-grey-small {
	font-size:.85rem;
	display:inline-block;
	background:#95a5a6;
	color:#ffffff;
	padding:.25em .5em;
	//padding:.5rem 1rem;
	text-decoration:none;
	text-shadow: 1px 1px #b7b6b6;
	border-radius:2px;
	box-shadow:1px 1px 2px #bdc3c7;
	margin:1% 0;
	margin-right:5px;
	border:none;
	font-weight:700;
}

.center {
	width:50%;
	margin:0 auto;
}

.right {
	position:absolute;
	right:14%;
	top:45px;
}

.left {
	float:left;
}

/* begin styles for RSS Feed */

.rss-box {
	 margin: 1em;
	 width: 98%;
	 background-color: #fff;
	 border: 0px solid silver;
	 
}
.rss-items {
	margin-top:5px;
	padding:0.5em; 0.5em;
	margin-left:0px;
	color:#000000;
}
p.rss-title {padding:0.5em;}
.rss-title {
	font-size: 12pt;
	background-color: silver;
	color: gray;
	font-weight:bold;
	text-align: left;
	display: none;
}

.rss-item  {
  font-size: 12pt;
  list-style:bullet;
  padding-bottom:1em;
	
}

.rss-item a {
	font-size: 12pt;
	font-weight:bold;
	}
	
.rss-item a:visited {
	color: #005596;
}

.rss-item a:hover {
	color: #ffd100;
}

.rss-date {
	font-size: 11pt;
	color: #aaa;
	}
 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }

	 
#tabs {
height: 100%;
   }
 
#tabs h2 {
color: #005596;
line-height:0rem;
margin-left: 10px;
text-decoration: underline;
} 

/*****MOBILE*****/

@media screen and (max-width:740px) {
	.hl {
		width:95%;
	font-size:1.7rem;
	}
	
	.hl li {
		display:inline-block;
		width:100%;
		height:auto;
		border:none;
		border-top:1px solid #e2e2e2;
	}
	.hl li:first-child {
		border-top:1px solid transparent;
	}
	
	/* === NAV === */
	
nav {
		text-align:center;
	}
	
nav a {
		display: block;
		width:100%;
		height:auto;
		line-height:40px;
	}

nav .logo {
		display:block; 
		width:90%;
		margin:0 auto;
		padding: 20px;
		height:auto;
	}

nav .right {
	display: block;
	text-align:center;
	right: 0%;
	top:0px;
	position: relative;
}	

img.banner {
	display: none;
}

.banner {
	display: none;
}

.btn {
		width:70%;
		height:25px;
		text-align:center;
		margin:1% auto;
		font-size:.85rem;
	display:inline-block;
	background:#ffd100;
	color:#ffffff;
	padding:.25em .5em;
	//padding:.5rem 1rem;
	text-decoration:none;
	text-shadow: 1px 1px #b7b6b6;
	border-radius:2px;
	box-shadow:1px 1px 2px #bdc3c7;
	margin-right:5px;
	border:none;
	font-weight:700;
	}
	
	.btn-small {
	font-size:.85rem;
	display:inline-block;
	background:#ffd100;
	color:#ffffff;
	padding:.25em .5em;
	//padding:.5rem 1rem;
	text-decoration:none;
	text-shadow: 1px 1px #b7b6b6;
	border-radius:2px;
	box-shadow:1px 1px 2px #bdc3c7;
	margin:1% 0;
	margin-right:5px;
	border:none;
	font-weight:700;
}
	.btn-grey {
	font-size:.85rem;
	display:inline-block;
	background:#95a5a6;
	color:#ffffff;
	padding:.25em .5em;
	//padding:.5rem 1rem;
	text-decoration:none;
	text-shadow: 1px 1px #b7b6b6;
	border-radius:2px;
	box-shadow:1px 1px 2px #bdc3c7;
	margin:1% 0;
	margin-right:5px;
	border:none;
	font-weight:700;
}

.box {
	display: block;
	background:#ffffff;
	color: #005596;
	
}

.box:after {
	content:'';
	display:block;
	width:100%;
}
.box li {
	display:block;
	width:100%;
	text-align:center;
	border-right:0px solid #e2e2e2;
	padding:1% 2%;
	vertical-align: top;
	margin:0;
}
.box li:last-child {
	border-right:1px solid transparent;
}

.box a:link {
text-decoration:underline; 
color: #0033CC;
}

.box a:visited {
text-decoration:underline; 
color: #0033CC;
}

.box a:active { 
text-decoration: underline; 
color: #0033CC;
}
.box a:hover {
text-decoration: underline; 
color: #0033CC;
}

header.home {
	display: none;
}

header.benefits {
	display: none;
}

#iframe_container {
width: 100%;
}
}

/* iphone */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	img { max-width: 100%; }

.hl {
		width:90%;
	font-size:1.5rem;
	}	
	
.box {
	display: block;
	background:#ffffff;
	color: #005596;
	list-style: none;
	padding:2%;
	text-align:left;
	width:100%;
	margin:0 auto;
	border:0px solid;
	border-radius:2px;
	box-shadow:0px 0px 0px #bdc3c7;
}
.box:after {
	content:'';
	display:block;
	width:100%;
}
.box li {
	display:block;
	width:100%;
	text-align:center;
	border-right:0px solid #e2e2e2;
	padding:1% 2%;
	vertical-align: top;
	margin:0;
}
.box li:last-child {
	border-right:1px solid transparent;
}

header.home {
	display: none;
}

header.benefits {
	display: none;
}
}

/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	img { max-width: 100%; }
	
.box {
	background:#005596;
	color: #fff;
	list-style: none;
	padding:2%;
	text-align:justify;
	width:86%;
	margin:0 auto;
	border:1px solid #bdc3c7;
	border-radius:2px;
	box-shadow:1px 1px 2px #bdc3c7;
}
.box:after {
	content:'';
	display:inline-block;
	width:100%;
}
.box li {
	display:inline-block;
	width:23%;
	text-align:left;
	border-right:1px solid #e2e2e2;
	padding:1% 2%;
	vertical-align: top;
	margin:0;
}
}