/*
Theme Name: Freeing The Grid
Theme URI: http://freeingthegrid.org/
Description: A theme for Freeing the Grid's new site built by Brainvise
Author: Brainvise
Author URI: http://brainvise.com
Version: 1.0
Tags: Red, White, Blue, Solar, Energy, Freeing the Grid, Net Metering, Interconnection, State Grades

License:
License URI:

General comments (optional).
*/

* {
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none;
}

body {
	font-family:'Avenir LT W01 65 Medium', 'Helvetica', 'Arial';
	background:#fa4242;
}

a {
	text-decoration:none;
	color:#fa4242;
}

#content a:hover {
	text-decoration:underline;
}

h1,h2,h3,h4 {

	font-family:'Avenir LT W01 65 Medium', 'Helvetica', 'Arial';
}

h1 {
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
}

h3,h4 {
	text-transform:uppercase;
	font-size:16px;
	font-weight:lighter;
}

h4 {
	font-size:12px;
}

.clearer {
	float:none;
	clear:both;
}

#branding {
	width:100%;
	background:#007596;
	padding:25px 0 0;
	position:relative;
	z-index:1;
	/*fix for flicker at end of all states animating in chrome*/
  -webkit-transform: translate3d(0, 0, 0);
}


.search {
	position:absolute;
	left:50%;
	padding-left:316px;
	top:20px;
	z-index:5;
}

.search #s {
	background:#004c61;
	border:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:2px 8px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	font-family:'Century Gothic', 'Futura', 'Helvetica', 'Arial', 'Liberation Sans', sans-serif;
	-webkit-box-shadow: inset 0 0 3px #000000;
	-moz-box-shadow: inset 0 0 3px #000000;
	box-shadow: inset 0 0 3px #000000;
	width:120px;
  -webkit-transform: translate3d(0, 0, 0);
  outline:none;
}

#searchsubmit {
	display:none;
}

#logo-text {
	position:absolute;
	top:-18px;
	left:102px;
	font-size:50px;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
	letter-spacing:3px;
}

#logo-text span,
#bottom-logo span{
	font-family:'Impact W01', 'Impact', 'Helvetica', 'Arial', 'sans-serif';
	left:0;
}

#logo-text .second,
#bottom-logo .second {
	letter-spacing:0;
	width:200px;
	display:block;
	position:absolute;
	top:53px;
}

#logo-text .third,
#bottom-logo .third {
	font-size:89px;
	letter-spacing:0;
	display:block;
	position:absolute;
	top:92px;
}


#logo {
	position:relative;
	margin:0 auto 25px;
	width:803px;
	height:181px;
	background:url(images/top-logo.png);
}

#access {
	padding:18px 0;
	background:#fff;
}

.menu {
	margin:auto;
	width:auto;
}

.menu ul {
	list-style:none;
	text-align:center;
}

.menu ul li {

	display:inline;
	margin-right:20px;
	position:relative;
}

.menu ul li a {
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	padding:5px 12px;
	color:#014c64;
	border:1px solid #ccc;
	background:#fff;
	cursor:pointer;
	text-transform:uppercase;
	font-size:14px;
	font-family:'Century Gothic', 'Futura', 'Helvetica', 'Arial', 'Liberation Sans', sans-serif;
	font-weight:bold;
	position:relative;
	height:22px;
}

.down-arrow {
	position:absolute;
	top:20px;
	left:50%;
	width:34px;
	height:23px;
	background:url(images/menu-down-arrow.png);
	margin-left:-17px;
}

.menu ul.secondary {
	position:absolute;
	width:100%;
	left:0;
	top:22px;
	display:none;
}

.ie7 .menu ul.secondary {
	top:30px;
}

.menu ul.secondary li {
	display:block;
	margin-right:0;
	width:100%;
}

.ie7 .menu ul.secondary li {
	width:141px;
}

.menu ul.secondary li a {
	background:#fff;
	width:100%;
	display:block;
	text-align:left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	height:auto;
	margin-bottom:-1px;
}


.menu ul li a:hover,
.menu ul li a.current {
	background:#014C64;
	color:#fff;
	border:1px solid #666;
}

#main {
	z-index:0;
	position:relative;
	background-image:url(images/stripes.png);
	background-repeat:repeat-y;
	background-position:50% 0px;
	min-height:700px;
	/*fix for flicker at end of all states animating in chrome*/
  -webkit-transform: translate3d(0, 0, 0);
}

#grades-grid {
	position: absolute;
	left: 50%;
	top: 20px;
	width: 590px;
	z-index: 1001;
	margin-left: -295px;
	display:none;
}

#grades-grid-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:700px;
	display:none;
	z-index:501;
}

#grades-grid .titles {
	position:absolute;
	top:0;
	left:150px;
	z-index:0;
}

#grades-grid .grid-section {
	display:none;
	position:absolute;
	width:590px;
	height:627px;
	top:23px;
	left:0;
	background:#007596;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);
	-moz-box-shadow:0 0 5px rgba(0,0,0,.5);
	box-shadow:0 0 5px rgba(0,0,0,.5);
}

#grades-grid .grid-grade-title {
	position:relative;
	background:#013141;
	padding:5px 12px 40px;
	color:#fff;
	text-transform:uppercase;
	font-size:13px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);
	-moz-box-shadow:0 0 5px rgba(0,0,0,.5);
	box-shadow:0 0 5px rgba(0,0,0,.5);
	float:left;
	cursor:pointer;
}

#grades-grid .grid-grade-title:hover {
	background:#007596;
}

#grades-grid .shadow-cover {
	width:300px;
	height:5px;
	position:absolute;
	top:18px;
	left:150px;
	background:#007596;
	z-index:10;
}

#grades-grid .close-but {
	position:absolute;
	z-index:100;
	width:31px;
	height:31px;
	top:12px;
	right:-12px;
	background:url(images/grade-grid-close.png);
	cursor:pointer;
}

#grades-grid .close-but:hover {
	background-position:0 -31px;
}

#grades-grid .grid-grade {
	display:block;
	background:#007596;
	width:117px;
	height:56px;
	float:left;
	text-align:center;
	border-right:1px solid #308faa;
	border-bottom:1px solid #308faa;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
}

#grades-grid .interconnection {
	z-index:2;
}

#grades-grid .net-metering {
	z-index:3;
}


#grades-grid .grid-grade.top-left {
	border-top-left-radius:15px;
	-moz-border-radius-topleft: 15px;
}

#grades-grid .grid-grade.top-right {
	border-top-right-radius:15px;
	-moz-border-radius-topright: 15px;
	border-right:none;
}

#grades-grid .grid-grade.bottom-left {
	border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom:none;
}

#grades-grid .grid-grade.bottom {
	border-bottom:none;
}

#grades-grid .grid-grade.right {
	border-right:none;
}

#grades-grid .grid-grade .grade {
	font-family:"Times New Roman",Georgia,Serif;
	font-size:30px;
}

#grades-grid .grid-grade .state {
	font-family:"Times New Roman",Georgia,Serif;
	margin:5px 0 -2px;
	line-height:1em;
}



#grades-key {
	position:absolute;
	left: 0;
	top: 121px;
	width:52px;
	height:238px;
	background:url(images/grades-key.png);
	z-index:501;
}

#grades-key.grades-4 {
	background:url(images/grades-key-4.png);
}

#grades-key.grades-3 {
	background:url(images/grades-key-3.png);
}

#grades-key .grade {
	position:absolute;
	left:5px;
	color:#fff;
	text-align:center;
	width:41px;
	text-shadow:0 0 2px #000;
}

#grades-key .grade p {
	font-size:18px;
	text-align:center;
}

#grades-key .grade0 {
	top:14px;
}

#grades-key .grade1 {
	top:50px;
}

#grades-key .grade2 {
	top:86px;
}

#grades-key .grade3 {
	top:122px;
}

#grades-key .grade4 {
	top:158px;
}

#grades-key .grade5 {
	top:194px;
}

#grades-key .rollover-tip2 {
	position:absolute;
	bottom: 30px;
	left: -77px;
	background:#000;
	background: -webkit-linear-gradient(top, rgba(77,77,77,.5) 0%, rgba(60,60,60,.9) 100%);
	background: -moz-linear-gradient(top, rgba(77,77,77,.5) 0%, rgba(60,60,60,.9) 100%);
	background: -o-linear-gradient(top, rgba(77,77,77,.5) 0%, rgba(60,60,60,.9) 100%);
	background: -ms-linear-gradient(top, rgba(77,77,77,.5) 0%, rgba(60,60,60,.9) 100%);
	background:linear-gradient(top, rgba(77,77,77,.5) 0%, rgba(60,60,60,.9) 100%);
	-webkit-box-shadow: 0 0 5px #666;
	-moz-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	border-left:2px solid rgba(255,255,255,.7);
	border-top:2px solid rgba(255,255,255,.7);
	border-right:2px solid rgba(255,255,255,.7);
	width:169px;
	display:none;
	padding:10px;
}

#grades-key .rollover-tip2 p {
	font-size:13px;
	text-align:left;
}

#grades-key .grade-overs {
	position:relative;
	z-index:1;
	margin:9px;
}

#grades-key .grade-over {
	width:35px;
	height:35px;
	cursor:pointer;
}

#grades-key .grade-tooltip-tick {
	position:absolute;
	background:url(images/grade-tooltip-bottom.png);
	width:207px;
	height:21px;
	bottom:-21px;
	left:-6px;
}



#map-holder {
	position:absolute;
	top:0px;
	left:50%;
	width:900px;
	margin-left:-450px;
	z-index:1
  -webkit-transform: translate3d(0, 0, 0);

}

#map-spacer {
	width:900px;
	margin:auto;
	height:700px;
}

#map-small-but {
	position: absolute;
	top: 5px;
	left: 50%;
	width: 146px;
	height: 93px;
	background: url(images/map-small-but.png);
	z-index: 2;
	margin-left: -447px;
	display:none;
	cursor:pointer;
}

#map-small-but:hover {
	background-position:0 -93px;
}


#state-map {
	margin:0 auto 0;
	width:900px;
	position:relative;
}

.blank-image {
	top:0;
	border:0;
	position:absolute;
	width:900px;
	height:550px;
	z-index:500;
}

.states-shadow {
	top:0;
	position:absolute;
	width:900px;
	height:550px;
	z-index:0;
}


#map-over {
	position:absolute;
	width:900px;
	height:550px;
	top:0;
	left:0;
	z-index:0;
	background:url(images/map-white.png);
}

#state-images {
	top:0;
	position:relative;
	width:900px;
	height:550px;
	z-index:1;
	/*fix for flicker at end of all states animating in chrome*/
  -webkit-transform: translate3d(0, 0, 0);
}

#state-images div {
	position:absolute;
	width:210px;
	height:210px;
	background-repeat:no-repeat;
}

.rollover-tip {
	display:none;
	text-align:center;
	padding:10px;
	background:url(images/state-grade-popup.png);
	width:180px;
	height:94px;
	position:absolute;
	color:#fff;
}

.rollover-tip h1 {
	font-size:54px;
}

.rollover-tip h3 {
	font-size:18px;
	font-weight:lighter;
	text-transform:uppercase;
}


#alabama {
	top: 289px;
	left: 519px;
	background-image:url(images/states/alabama.png);
}

#alaska {
	top: 370px;
	left: 58px;
	background-image:url(images/states/alaska.png);
}

#arizona {
	top: 246px;
	left: 129px;
	background-image:url(images/states/arizona.png);
}

#arkansas {
	top: 253px;
	left: 429px;
	background-image:url(images/states/arkansas.png);
}

#california {
	top: 163px;
	left: 36px;
	background-image:url(images/states/california.png);
}

#colorado {
	top: 167px;
	left: 234px;
	background-image:url(images/states/colorado.png);
}

#connecticut {
	top: 89px;
	left: 693px;
	background-image:url(images/states/connecticut.png);
}

#delaware {
	top: 141px;
	left: 666px;
	background-image:url(images/states/delaware.png);
}

#district-of-columbia {
	top: 150px;
	left: 644px;
	background-image:url(images/states/district-of-columbia.png);
}

#florida {
	top: 370px;
	left: 574px;
	background-image:url(images/states/florida.png);
}

#georgia {
	top: 279px;
	left: 570px;
	background-image:url(images/states/georgia.png);
}

#hawaii {
	top: 400px;
	left: 211px;
	background-image:url(images/states/hawaii.png);
}

#idaho {
	top: 31px;
	left: 129px;
	background-image:url(images/states/idaho.png);
}

#illinois {
top: 157px;
left: 465px;
	background-image:url(images/states/illinois.png);
}

#indiana {
	top: 153px;
	left: 511px;
	background-image:url(images/states/indiana.png);
}

#iowa {
	top: 118px;
	left: 408px;
	background-image:url(images/states/iowa.png);
}

#kansas {
	top: 183px;
	left: 337px;
	background-image:url(images/states/kansas.png);
}

#kentucky {
	top: 191px;
	left: 523px;
	background-image:url(images/states/kentucky.png);
}

#louisiana {
	top: 323px;
	left: 445px;
	background-image:url(images/states/louisiana.png);
}

#maine {
	top: 10px;
	left: 724px;
	background-image:url(images/states/maine.png);
}

#maryland {
	top: 149px;
	left: 641px;
	background-image:url(images/states/maryland.png);
}

#massachusetts {
	top: 71px;
	left: 706px;
	background-image:url(images/states/massachusettes.png);
}

#michigan {
	top: 58px;
	left: 501px;
	background-image:url(images/states/michigan.png);
}

#minnesota {
	top: 35px;
	left: 406px;
	background-image:url(images/states/minnesota.png);
}

#mississippi {
	top: 292px;
	left: 468px;
	background-image:url(images/states/mississippi.png);
}

#missouri {
	top: 186px;
	left: 425px;
	background-image:url(images/states/missouri.png);
}

#montana {
	top: 10px;
	left: 197px;
	background-image:url(images/states/montana.png);
}

#nebraska {
	top: 126px;
	left: 320px;
	background-image:url(images/states/nebraska.png);
}

#nevada {
	top: 150px;
	left: 77px;
	background-image:url(images/states/nevada.png);
}

#new-hampshire {
	top: 40px;
	left: 701px;
	background-image:url(images/states/new-hampshire.png);
}

#new-jersey {
	top: 121px;
	left: 673px;
	background-image:url(images/states/new-jersey.png);
}

#new-mexico {
	top: 253px;
	left: 217px;
	background-image:url(images/states/new-mexico.png);
}

#new-york {
	top: 68px;
	left: 650px;
	background-image:url(images/states/new-york.png);
}

#north-carolina {
top: 218px;
left: 615px;
	background-image:url(images/states/north-carolina.png);
}

#north-dakota {
	top: 15px;
	left: 316px;
	background-image:url(images/states/north-dakota.png);
}

#ohio {
	top: 137px;
	left: 558px;
	background-image:url(images/states/ohio.png);
}

#oklahoma {
	top: 242px;
	left: 331px;
	background-image:url(images/states/oklahoma.png);
}

#oregon {
	top: 37px;
	left: 46px;
	background-image:url(images/states/oregon.png);
}

#pennsylvania {
	top: 115px;
	left: 628px;
	background-image:url(images/states/pennsylvania.png);
}

#puerto-rico {
	top: 422px;
	left: 690px;
	background-image:url(images/states/puerto-rico.png);
}

#rhode-island {
	top: 82px;
	left: 709px;
	background-image:url(images/states/rhode-island.png);
}

#south-carolina {
	top: 259px;
	left: 602px;
	background-image:url(images/states/south-carolina.png);
}

#south-dakota {
	top: 75px;
	left: 315px;
	background-image:url(images/states/south-dakota.png);
}

#tennessee {
	top: 225px;
	left: 522px;
	background-image:url(images/states/tennessee.png);
}

#texas {
	top: 320px;
	left: 308px;
	background-image:url(images/states/texas.png);
}

#utah {
	top: 147px;
	left: 148px;
	background-image:url(images/states/utah.png);
}

#vermont {
	top: 44px;
	left: 682px;
	background-image:url(images/states/vermont.png);
}

#virginia {
	top: 176px;
	left: 616px;
	background-image:url(images/states/virginia.png);
}

#washington {
	top: -22px;
	left: 64px;
	background-image:url(images/states/washington.png);
}

#west-virginia {
	top: 160px;
	left: 600px;
	background-image:url(images/states/west-virginia.png);
}

#wisconsin {
	top: 65px;
	left: 452px;
	background-image:url(images/states/wisconsin.png);
}

#wyoming {
	top: 90px;
	left: 214px;
	background-image:url(images/states/wyoming.png);
}
/*END STATES*/

/*TIMELINE SLIDER*/
#map-timeline {
	position:relative;
	margin: -5px auto 20px;
	width:900px;
	z-index:4;
	height:50px;
}

.map-filters {
	width: 831px;
	margin: auto;
	position:relative;
	z-index:1000;
}

.map-filters select {
	margin:0 20px 0 0;
}

.grade-type-description {
	position: absolute;
	bottom: 33px;
	z-index: 100;
	width: 750px;
	margin: 20px auto;
	padding: 15px 20px;
	background:#007596;
	background:rgba(0,117,150,.9);
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-webkit-box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px #000;
	display:none;
}

.grade-type-description h2 {
	color: white;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom:5px;
}

.grade-description-tick {
	position:absolute;
	bottom:-25px;
	left:59px;
	width:46px;
	height:25px;
	background:url(images/grade-description-tick.png);
}

.grade-type-description p {
	color:#fff;
	font-size:13px;
	line-height:1.5em;
}


ul.years,
ul.year-grades {
	list-style:none;
	margin-left:39px;
}
ul.years li,
ul.year-grades li {
	float:left;
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	font-family:'Century Gothic', 'Futura', 'Helvetica', 'Arial', 'Liberation Sans', sans-serif;
}

#slide-cover,#slide-background {
	width:780px;
	height:7px;
	position:absolute;
	top:21px;
	left:40px;
}

#slide-container {
	height:100%;
	position:absolute;
	width:835px;
	top:21px;
	left:15px;
}

#slide-background {
	background:#fff;
	z-index:0;
}

#slide-cover {
	background:#004c61;
	z-index:1;
}

#sun-slider {
	position:absolute;
	background:url(images/sun-slider.png);
	width:55px;
	height:52px;
	z-index:2;
	top:0px;
	left:795px;
	cursor:pointer;
}

#sun-slider:hover {
	background-position:0 -52px;
}

#timeline-play {
	position:absolute;
	width:37px;
	height:37px;
	top: 6px;
	left: -5px;
	background:url(images/timeline-play.png);
	cursor:pointer;
	background-position:0 0;
	z-index:1;
}

#timeline-play:hover {
	background-position:0 -37px;
}

#timeline-play.playing {
	background-position:-37px 0;
}

#timeline-play.playing:hover {
	background-position:-37px -37px;
}


/* END MAP*/

#ajax-loader {
	position:absolute;
	left:50%;
	top:750px;
	width:115px;
	height:115px;
	margin-left:-57px;
	display:none;
}

#content {
	padding-top:30px;
	margin:0px auto 20px;
	width:830px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity:0;
}

.post ul {
	margin-left:19px;
	font-family:'Helvetica', 'Arial';
}

article {
	position:relative;
	background:#fff;
	background:rgba(255,255,255,.9);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.8);
	-moz-box-shadow:0 0 5px rgba(0,0,0,.8);
	box-shadow:0 0 5px rgba(0,0,0,.8);
	padding:40px;
	margin:0 0 150px;
	font-family:'Helvetica', 'Arial';
}


.article-tick {
	position: absolute;
	bottom: -68px;
	width: 85px;
	height: 68px;
	background: url(images/article-tick.png);
	left: 120px;
}

.article-tick.right {
	left:auto;
	right:120px;
}

.entry-header h1 {
	margin:10px 0;
}

.entry-header h3 {
	margin:20px 0 14px;
}

.entry-header h4 {
	margin:11px 0 18px;
	font-style:italic;
}

article .entry-content {
	font-size:14px;
	line-height:1.6em;
	color:#014C64;
}

article p {
	font-size:14px;
	line-height:1.6em;
	color:#014C64;
	margin-bottom:10px;
	font-family:'Helvetica', 'Arial' !important;
	font-weight:normal;
}

article h1 {
	line-height:1.6em;
	color:#014C64;

}




article .entry-content img {
	max-width:750px;
}


article .entry-content-double {
	font-size:14px;
	line-height:1.6em;
	color:#014C64;
	font-weight:lighter;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}


article .entry-content-w-image {
	font-size:14px;
	line-height:1.6em;
	color:#014C64;
	font-weight:lighter;
}

article .entry-content-w-image img {
	float:left;
	margin: 5px 20px 0 0;
}

article .entry-content-quote {
	padding:40px;
}

article blockquote p,
article blockquote {
	color:#014C64;
	font-style:italic;
	line-height:1.6em;
	font-family:"Times New Roman",Georgia,Serif !important;
	font-size:40px;

}

article blockquote.quote,
article blockquote.quote p {
	color:#014C64;
	font-style:italic;
	line-height:1.6em;
	font-family:"Times New Roman",Georgia,Serif;
	font-size:30px;

}

article blockquote{
	margin:10px 30px;

}

.entry-content-quote blockquote {
	margin:0;
}

.wp-caption {
	margin:10px 0;
}

.wp-caption-text {
	font-size:12px;
	font-weight:bold;
}

.alignnone,
.aligncenter,
.alignleft,
.alignright {
	margin:15px 0;
}

.aligncenter {
	margin:15px auto;
}

.alignleft {
	float:left;
	margin-right:15px;
}

.alignright {
	float:right;
	margin-left:15px;
}

article footer {
	margin-top:30px;
}

#nav-below {
	margin:50px 0 10px;
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
}

.nav-previous {
	float:left;
}

.nav-next {
	float:right;
}

#nav-below .previous-arrow {
	display:block;
	float:left;
	width:56px;
	height:59px;
	margin:-19px 0 0;
	background:url(images/arrow-previous-post.png);
}

#nav-below .next-arrow {
	display:block;
	float:right;
	width:56px;
	height:59px;
	margin:-19px 0 0;
	background:url(images/arrow-next-post.png);
}



a.read-article,
.download-pdf,
.dsire-detail-but {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 4px 15px;
	color: #014C64;
	border: 1px solid #CCC;
	cursor: pointer;
	text-transform: uppercase;
	background:transparent;
	font-size: 14px;
	font-family: 'Avenir LT W01 85 Heavy', 'Helvetica', 'Arial' !important;
	float:right;
}

.download-pdf {
	margin-left:19px;
	float:left;
	font-weight:bold;
	font-size:14px;
	padding: 4px 15px;
	font-family: 'Avenir LT W01 85 Heavy', 'Helvetica', 'Arial' !important;
}

a.read-article:hover,
.download-pdf:hover,
.dsire-detail-but:hover {
	background:#014C64;
	color:#fff;
	text-decoration:none !important;
}

/*STATE PAGES*/


.state-page .entry-content {
	width:750px;
	margin:auto;
}

.state-page h3 {
	font-weight:bold;
	font-size:14px;
}

.state-page p {
	color:#5f6060;
	font-weight:500;
	margin-bottom:50px;
	font-family:'Helvetica', 'Arial';
}

.state-page .recommend-list {
	margin:0 16px 50px;
	color:#5F6060;
}


.state-page .horiz-line {
	border-top:1px solid #014C64;
	height:50px;
}

.state-title {
	text-align:center;
	font-size:50px;
	color:#014c64;
	font-family:'Avenir LT W01 85 Heavy', 'Helvetica', 'Arial';
}

.state-page .main-grades {
	margin:auto;
	width:372px;

}

.state-page .grade-holder {
	width:185px;
	float:left;
}

.state-page .main-grades span.grade {
	text-align:center;
	width:190px;
	margin:0 -10px;
	display:block;
	font-size:96px;
	color:#fc8a8a;
	font-family:'Avenir LT W01 85 Heavy', 'Helvetica', 'Arial';
}

.state-page .main-grades span.current-grade {

	color:#fa4242;
}

.state-section-but {
	text-align:center;
	display:block;
	width:150px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 5px 12px 1px;
	color: #014C64 !important;
	border: 1px solid #CCC;
	background: white;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 14px !important;
	font-family: 'Century Gothic', 'Futura', 'Helvetica', 'Arial', 'Liberation Sans', sans-serif !important;
	font-weight: bold;
	position: relative;
	height: 22px !important;
	font-size: 14px;

}

.state-section-but:hover,
.state-section-but.current {
	background: #014C64;
	color: #fff !important;
	border: 1px solid #666;
}

.state-section-but .down-arrow {
	top:26px;
}


.state-timeline {
	margin: 30px 4px 60px;
	width:780px;
	position:relative;
}

.state-timeline ul.years,
.state-timeline ul.year-grades {
	margin-left:0;
}

.state-timeline ul.years li,
.state-timeline ul.year-grades li {
	color:#014C64;
}

.state-timeline ul.year-grades {
	padding-top:40px;
}


.state-timeline ul.year-grades li {
	font-size:30px;
}

.state-timeline ul.year-grades li span {
	font-family:'Avenir LT W01 85 Heavy', 'Helvetica', 'Arial';

}

.state-timeline ul.year-grades li span.current {
	color:#fa4242;
}

.state-timeline-background {
	background: #004C61;
	z-index: 1;
	width: 740px;
	height: 7px;
	position: absolute;
	top: 21px;
	left: 0px;
}

.state-slider {
	position: absolute;
	left: 720px;
	top: 18px;
	width: 17px;
	height: 28px;
	background: url(images/state-slider.png);
	z-index: 2;
	cursor:pointer;
}

.state-slider:hover {
	background-position:0 -28px;
}

.state-slide-container {
	width: 740px;
	height: 1px;
	position: absolute;
	top: 21px;
	left: 0px;
}

.interconnection-timeline {
	display:none;
}

.interconnection-content-2013,
.interconnection-content {
	display:none;
}

.net-metering-content {
	display:none;
}


article.dsire-article {
	line-height: 1.6em;
	color: #014C64;
	margin-top:-90px;
	padding:40px;
}

.dsire-article .incentive-title {
	margin-bottom:20px;
	padding-top:55px;
}

.dsire-article .incentive-content {
	margin-top:-10px;
	/*display:none;*/
}

.dsire-article .incentive-label {
	margin-top:10px;
	width:267px;
	float:left;
	text-align:right;
}

.dsire-article h1 {
	text-align: left;
	font-size:32px;
	margin:20px 0px -30px;
	font-family:'Avenir LT W01 85 Heavy', 'Helvetica', 'Arial' !important;
}

.dsire-article h2 {
	padding-top: 18px;
	margin-top: 22px;
	border-top:1px solid #014C64;
	text-transform:uppercase;
	font-size:22px;
	font-family:'Avenir LT W01 85 Heavy', 'Helvetica', 'Arial' !important;
}

.dsire-article h2.no-line {
	border-top:none !important;
}

.dsire-article .dsire-detail-but {
	float:right;
	font-weight:bold;
	font-size:14px;
	padding: 0px 15px;
	font-family: 'Avenir LT W01 85 Heavy', 'Helvetica', 'Arial' !important;
	display:none;
}

.dsire-article .read-more-but {
	position:relative;
	display:block;
	z-index:2;
}



.dsire-article h3,
.dsire-article h3 a {
	font-size:14px;
	line-height:1.6em;
	font-family: 'Avenir LT W01 85 Heavy', 'Helvetica', 'Arial';
}

.dsire-article .incentive-value {
	margin-top:10px;
	width:475px;
	float:right;
}

.dsire-article .tight-top {
	margin-top:0px !important;
}

.dsire-article .incentive-value h3 {
	font-weight:lighter !important;
	text-transform:none;
	font-family:'Avenir LT W01 65 Medium', 'Helvetica', 'Arial';
	color:#5F6060;
}

.dsire-summary-container {
	width:100%;
	height: 120px;
	overflow: hidden;
}

.dsire-summary-grad {
	width:100%;
	height:146px;
	background:url(images/dsire-summary-grad.png);
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
}

.dsire-summary {
	margin-bottom:40px;
}
.dsire-article .download-pdf {
	margin-left:0px;
}

.dsire-summary h3 {
	margin:20px 0 3px;
	font-size:18px;
	font-family:'Avenir LT W01 85 Heavy', 'Helvetica', 'Arial' !important;
}

.dsire-summary ul {
	list-style:none;
	margin-left:0;
	font-size:14px;
	font-family:'Avenir LT W01 65 Medium', 'Helvetica', 'Arial';
}

.dsire-summary p {
	color:#5F6060;
	margin-bottom:0px;
	font-family:'Helvetica', 'Arial';
}

.dsire-summary b,
.dsire-summary strong {
	text-transform:uppercase;
}

.dsire-summary u {
	text-transform:uppercase;
	text-decoration:none;
	font-family:'Avenir LT W01 85 Heavy', 'Helvetica', 'Arial' !important;
}

.dsire-summary i {
	font-family:'Avenir LT W01 65 Medium', 'Helvetica', 'Arial';
	font-style:italic;	

}
/* END DSIRE FEEDS */

/* VOTE SOLAR ACTION ALERTS */

.vs-action-alerts {
	position:relative;
	width: 680px;
	margin: -90px auto 150px;
	padding:40px;
}

.vs-action-alerts h2 {
	margin:15px 0;
	text-transform: uppercase;
	font-size: 16px;
	color: #014C64;
	float:left;
	width:540px;
	font-family: 'Avenir LT W01 85 Heavy', 'Helvetica', 'Arial' !important;
}

.vs-action-alerts .dsire-detail-but {
	margin-top:13px;
	float:right;
	font-weight:bold;
	font-size:14px;
	font-family: 'Avenir LT W01 85 Heavy', 'Helvetica', 'Arial' !important;
}

.vs-action-alerts .vs-item {
	border-top: 1px solid #014C64;
}

.vs-action-alerts h2 a {
	display:block;
}

.vs-action-alerts h1 {
	margin-top: -51px;
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
	left: 130px;
	font-size: 24px;
	color: #014C64;
	font-family: 'Avenir LT W01 85 Heavy', 'Helvetica', 'Arial' !important;
}

.vote-solar-logo {
	position:relative;
	top:0;
	left:0;
	width:103px;
	height:103px;
	background:url(images/vote-solar-logo.png);
}



/*END STATE PAGES*/



/*PAGINATION*/

.pagination {
	margin:-60px auto 100px;
	text-align:center;
	font-size:48px;
	color:#014C64;
	height:50px;
	width:100%;
}

.pagination a,
.pagination span {
	position:relative;
	margin:0 10px;
	display:inline-block;
	font-weight:bold;
	font-family:'Century Gothic', 'Futura', 'Helvetica', 'Arial', sans-serif !important;
	text-shadow:0 0 5px rgba(0,0,0,.75);
}

.pagination a {
	color:#fff;
}

.pagination a:hover {
	text-decoration:none !important;
	color:#014C64;
}

.pagination .next {
	width:44px;
	height:46px;
	background:url(images/page-arrow-right.png);
	text-indent:-9999px;
	position: relative;
	top: 6px;
}

.pagination .next:hover {
	background-position:0 -46px;
}

.pagination .previous {
	width:44px;
	height:46px;
	background:url(images/page-arrow-left.png);
	text-indent:-9999px;
	position: relative;
	top: 6px;
}

.pagination .previous:hover {
	background-position:0 -46px;
}

.pagination .first {
	margin-right:0;
	width:60px;
	height:46px;
	background:url(images/page-arrow-double-left.png);
	text-indent:-9999px;
	position: relative;
	top: 6px;
}

.pagination .first:hover {
	background-position:0 -46px;
}

.pagination .last {
	margin-left:0;
	width:60px;
	height:46px;
	background:url(images/page-arrow-double-right.png);
	text-indent:-9999px;
	position: relative;
	top: 6px;
}

.pagination .last:hover {
	background-position:0 -46px;
}

.pagination .search-pag {
	width:240px;
	background-repeat: no-repeat;
}

.pagination .next.search-pag {
	width:185px;
	background-position: right top;
}
.pagination .next.search-pag:hover {
	background-position: right -46px; 
}

.pagination .search-pag .prev-text,
.pagination .search-pag .next-text {

	display: block;
	text-indent: 0;
	text-transform: uppercase;
	font-size: 28px;
	margin: 4px;
	width: 210px;
}

/* END PAGINATION */

/* SHARING */

.sharing {
	position:fixed;
	right:20px;
	top:302px;
	text-align:center;
	z-index:1000;
	color:#fff;
	cursor:pointer;
}

.sharing .facebook:hover,
.sharing a.twit:hover {
	color:#014C64 !important;
}
.sharing a.twit {
	display: block;
	margin-top:30px;
	color:#fff;
}

.sharing .total-likes,
.sharing .total-tweets {
	text-shadow:0 0 5px #000;
	font-size:48px;
	font-family:'Century Gothic', 'Futura', 'Helvetica', 'Arial', 'Liberation Sans', sans-serif;
}

.sharing .likes-text,
.sharing .tweets-text {
	text-shadow:0 0 5px #000;
	font-size:24px;
	text-transform:uppercase;
	font-family:'Century Gothic', 'Futura', 'Helvetica', 'Arial', 'Liberation Sans', sans-serif;
}

.sharing .fb-like {
	display:none;
	position:absolute;
	right:15px;
	top:93px;
}

a.twit span {
	display:block;
}





#colophon {
	margin:0 auto;
	padding-bottom:30px;
}

#bottom-logo {
	width: 168px;
	height: 220px;
	margin:25px auto 0;
	font-size:50px;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
	letter-spacing:3px;
	position:relative;
}

#copyright {
	text-align:center;
	color:#fff;
	font-weight:bold;
}

#attribution {
	width:400px;
	height:30px;
	text-align: center;
	margin:20px auto 0px;
}

#bv-logo {
	display:block;
	background:url(images/bv-logo.png);
	width:30px;
	height:34px;
	margin:auto;
}

#bv-text {
	color:#fff;
	height:30px;
	display:none;
}

#bv-text-logo {
	background:url(images/bv-text-logo.png);
	width:176px;
	height:25px;
	display:inline-block;
	margin:0 0 -6px 5px;
}




/**
 * Default DropKick theme
 *
 * Feel free to edit the default theme
 * or even add your own.
 *
 * See the readme for themeing help
 *
 */

/***** Begin Theme, feel free to edit in here! ******/

/* One container to bind them... */
.dk_container {
  -webkit-border-radius:16px;
  -moz-border-radius:16px;
  border-radius:16px;
  font-family:'Century Gothic', 'Futura', 'Helvetica', 'Arial', 'Liberation Sans', sans-serif;
  -moz-box-shadow:0 0 10px #000;
  box-shadow:0 0 10px #000;
  text-transform:uppercase;
  color:#fff;
  font-size:13px;
  background-image:url(images/dd-arrows.png);
  background-position:100% 2px;
  background-repeat:no-repeat;
  background-color:#014c64;
  margin-right:20px;
  -webkit-transform: translate3d(0, 0, 0);
  
}
  .dk_container:focus {
    outline: 0;
  }
  .dk_container a {
    cursor: pointer;
    text-decoration: none;
    color:#fff;
  }

  .dk_label {

    max-height:20px;
  }

/* Opens the dropdown and holds the menu label */
.dk_toggle {
  /**
   * Help: Arrow image not appearing
   * Try updating this property to your correct dk_arrows.png path
   */
  padding: 7px 55px 6px 10px;
}
  .dk_toggle:hover {
    border-color: #8c8c8c;
  }
  /* Applied when the dropdown is focused */
  .dk_focus .dk_toggle {
    border-color: #40b5e2;
  }
  .dk_focus .dk_toggle {
    box-shadow: 0 0 5px #40b5e2;
    -moz-box-shadow: 0 0 5px #40b5e2;
    -webkit-box-shadow: 0 0 5px #40b5e2;
  }

/* Applied whenever the dropdown is open */
.dk_open {
  /**
   * Help: Dropdown menu is covered by something
   * Try setting this value higher
   */
  z-index: 10;
}
  .dk_open .dk_toggle {
    background-color: #014c64;
    border-color: #8c8c8c;
    color: #fff;
    border-radius: 0 0 16px 16px;
    -moz-border-radius: 0 0 16px 16px;
    -webkit-border-radius: 0 0 16px 16px;
  }

/* The outer container of the options */
.dk_options {
  -webkit-box-shadow:0 -2px 10px #000;
  -moz-box-shadow:0 -2px 10px #000;
  box-shadow:0 -2px 10px #000;
}
  .dk_options a {
    background-color: #014c64;
    border-bottom: 1px solid #999;
    padding: 5px 10px;
  }
  .dk_options li:last-child a {
    border-bottom: none;
  }
  .dk_options a:hover,
  .dk_option_current a {
    background-color: #00c3fa;
    border-bottom-color: #004c72;
    color: #fff;
    text-decoration: none;
  }

/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner {
  border-bottom-width: 2px;
  border-bottom-color: #999;
  color: #333;
  max-height: 250px;
}

/* Set a max-height on the options inner */
.dk_options_inner,
.dk_touch .dk_options {
  max-height: 250px;
}

/******  End Theme ******/

/***** Critical to the continued enjoyment of working dropdowns ******/

.dk_container {
  display: none;
  float: left;
  position: relative;
}
  .dk_container a {
    outline: 0;
  }

.dk_toggle {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  position: relative;
  zoom: 1;
}

.dk_open {
  position: relative;
}
  .dk_open .dk_options {
    display: block;
  }
  .dk_open .dk_label {
    color: inherit;
  }

.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%;
}
  .dk_options a,
  .dk_options a:link,
  .dk_options a:visited {
    display: block;
  }
  .dk_options_inner {
    overflow: auto;
    position: relative;
  }

.dk_touch .dk_options {
  overflow: hidden;
}

.dk_touch .dk_options_inner {
  max-height: none;
  overflow: visible;
}

.dk_fouc select {
  position: relative;
  top: -99999em;
  visibility: hidden;
}

/***** End Critical to the continued enjoyment of working dropdowns ******/