/* This file will hold styles for the mobile version of your website (mobile first).  */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */


@font-face {
font-family: 'VAG Light';
src: url('../font/vag/VAGRoundedStd-Light.eot?');
src: url('../font/vag/VAGRoundedStd-Light.eot?#iefix') format('embedded-opentype'), url('../font/vag/VAGRoundedStd-Light.woff') format('woff'), url('../font/vag/VAGRoundedStd-Light.ttf') format('truetype'), url('../font/vag/VAGRoundedStd-Light.svg#VAG-Light') format('svg');
}

@font-face {
  font-family: "VAG Bold";
  src: url( ../font/vag/VAGRoundedStd-Bold.otf ) format("truetype");
}

@font-face {
font-family: "VAG Black";
  src: url( ../font/vag/VAGRoundedStd-Black.otf ) format("truetype");
}

@font-face{
  font-family: "VAG Thin";
  src: url( ../font/vag/VAGRoundedStd-Thin.otf ) format("truetype");
}

@font-face{
  font-family: "VAG Thin";
  src: url( ../font/vag/VAGRoundedStd-Thin.otf ) format("truetype");
}

@font-face {
font-family: "Museo500 Regular";
  src: url( ../font/museo/Museo500-Regular.otf);
    src: url("../font/museo/Museo500-Regular.eot");
  src: local("?"),
  url("../font/museo/Museo500-Regular.woff") format("woff"),
  url("../font/museo/Museo500-Regular.ttf") format("truetype"),
  url("../font/museo/Museo500-Regular.svg#Museo500-Regular") format("svg");
  }
  

@font-face {
font-family: "Museo700 Regular";
  src: url( ../font/museo/Museo700-Regular.otf);
}

@font-face {
font-family: 'Museo100 Regular';
src: url('../font/museo/Museo100-Regular.eot');
src: url('../font/museo/Museo100-Regular.eot?#iefix') format('embedded-opentype'), url('../font/museo/Museo100-Regular.woff') format('woff'), url('../font/museo/Museo100-Regular.ttf') format('truetype'), url('../font/museo/Museo100-Regular.svg#Museo100-Regular') format('svg');
}

@font-face {
font-family: 'Museo300 Regular';
src: url('../font/museo/Museo300-Regular.eot');
src: url('../font/museo/Museo300-Regular.eot?#iefix') format('embedded-opentype'), url('../font/museo/Museo300-regular.woff') format('woff'), url('../font/museo/Museo300-regular.ttf') format('truetype'), url('../font/museo/Museo300-Regular.svg#Museo300-regular') format('svg');
}

@font-face {
font-family: 'Museo900 Regular';
src: url('../font/museo/Museo900-Regular.eot');
src: url('../font/museo/Museo900-Regular.eot?#iefix') format('embedded-opentype'), url('../font/museo/Museo900-Regular.woff') format('woff'), url('../font/museo/Museo900-Regular.ttf') format('truetype'), url('../font/museo/Museo900-Regular.svg#Museo900-Regular') format('svg');
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
	background: url("../images/vertBG.png") repeat fixed 0 0 #086DB9;
	color: #ffffff;
/*	color: #727272;
	font-family: 'VAG Light', Verdana, Helvetica, Arial, sans-serif !important;*/
	font-family: Verdana, Helvetica, Arial, sans-serif !important;
	font-size: 14px!important;
	line-height: 1.5em!important;
	margin: 0 auto;
	padding: 0 0;
}

a:link {
color: #0062A0;
text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}
	
a:visited {
	color: rgb(123, 0, 128);
	text-decoration: none;
}

a:focus , ul.menu li span span a:focus, input:focus{
	outline: thin dotted;
}

h1 {
	font-size: 2.0em;
	font-family: "Museo100 Regular", Helvetica, "Trebuchet MS", Verdana, sans-serif;
	font-weight: normal;
	margin:10px 0px;
	line-height: 1.2em
	}

h2 {
	font-size: 1.429em;
	font-family: "Museo100 Regular", Helvetica, "Trebuchet MS", Verdana, sans-serif;
	font-weight: 600;
	line-height: 1.2em
}

h3 {
	font-weight: bold;
	font: 1.143em  Verdana, Helvetica, Arial, sans-serif;
}

h4 {
	font-weight: bold;
	font: .8125em  Verdana, Helvetica, Arial, sans-serif;
}

hr {
background: url('../images/horizRule.png') no-repeat center bottom;
width: 100%;
height: 5px;
margin: 10px auto;
padding: 0;
}

img {
vertical-align: baseline;
/*max-width: 100%;*/
}

img.border {
	border: 1px solid #DFDFDF;
	padding: 1em;
 }
 
blockquote {
	margin: 0 2em;
} 
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearRight {clear: right;}
.clearLeft {clear: left;}
.clearBoth {clear: both;}

.captionBox .center {
	text-align: center;
	margin: 0 auto;
}

/*  ------ global classes -------- */
.cf:before, .cf:after {
	content: "";
	display: block;
}
.cf:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
}


/*********** BEGIN HEADER **********************/
#section-header {
	background-image:url(../images/mobile/mobile_menu_bckg.png);
	background-repeat: repeat-x;
	height: 40px;
}

.menu_wrapper ul.menu li.leaf, .menu_wrapper ul.menu li.expanded, .menu_wrapper ul.menu li.collapsed{
   list-style-image:none;
}

#zone-content p{
	/*font-size: 0.875em;
	font-size: 12px;*/
}
.blogView p{
margin-bottom: 5px;
}

.zone{
   text-align: left;
   background-color:transparent;
}

#zone-content{
  background-color:transparent;
    /*	background: url('../images/pattern.png') repeat #086db9;*/
	width: 90%;
	margin: 0 auto;
	padding-top: 25px;
}
#zone-branding-wrapper {
	left: 40px;
}
#zone-branding{
   background-color:transparent;
}
/*********** Mobile Menu ********/

#mobile-menu-button {
	background: transparent url('../images/mobile/mobile_menu.png') no-repeat center 0px;
	color: #232323;
	display: block;
	width: 40px;
	/*padding-top:6px;*/
	height:40px;
	text-align: center;
	text-transform: uppercase;
	line-height: 7.0em;
	font-weight: bold;
	font-size: 0.8em;
	cursor: pointer;
	float: left;
	text-indent: -9999px;
}

#zone-menu-wrapper{
	width: 60%;
}

#mega {}
#zone-menu  {
	position: relative; 	
	/*top: 40px;	*/
	z-index: 10;
	display: block;
	background-color: #414141;
	background-image: url('../images/mobile/menuGradient.png');
	background-position: right;
	background-repeat: repeat-y;
}

#gsearch {
	padding: .3em;
	}
	
#gsearch label {
	display: none;
	}
#gsearch form {
	margin: 0 auto;
	width: 100%;
	margin-right: -10px;
	}
	
#gsearch input[type="text"] {
    background: no-repeat 10px 6px #c9c9c9;
    border: 0 none;
    /*font: bold 12px Arial,Helvetica,Sans-serif;*/
    color: #414141;
    width:90%;
	margin: 0 auto;
    padding: 6px 15px 6px 5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /*text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;*/
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#gsearch input[type="text"]:focus {
    background: no-repeat 10px 6px #c9c9c9;
    color: #6a6f75;
    /*width: 200px;*/
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
   /* text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);*/
    }
#gsearch input[type="image"]	{
	margin-left: -30px;
}
	
 #mega-menu, #region-menu {
width: 100%;
overflow: hidden;
}

.region-menu-inner .navigation ul.menu li.leaf{
    list-style-type: none;
	margin: 0 auto;
	height: 40px;
	width: 100%;
	background: url('../images/mobile/menuHorizRule.png') no-repeat center bottom;
	padding: 0;
}

ul.menu li.leaf {}

ul.menu li span {
width: 100%;
vertical-align: middle;
}

ul.menu li span span a {
	color: #ffffff;
	vertical-align: middle;
	font-size: .9em;
/*	padding: .25em 0px .25em 50px;
	padding-left: 50px;*/
}
ul.menu li a {
	padding: 10px 5px 10px 50px;
	white-space: nowrap;
}

/* use itemid instead since mlid could be different from server to server */
ul.menu li.itemid_1 a  {
	background: transparent url('../images/mobile/navIcons.png') no-repeat 0px 10px;
}
ul.menu li.itemid_2 a  {
	background: transparent url('../images/mobile/navIcons.png') no-repeat 0px -29px;
}
 ul.menu li.itemid_3  a {
	background: transparent url('../images/mobile/navIcons.png') no-repeat 0px -75px;
}
 ul.menu li.itemid_4 a {
	background: transparent url('../images/mobile/navIcons.png') no-repeat 0px -115px;
}
 ul.menu li.itemid_5 a {
	background: transparent url('../images/mobile/navIcons.png') no-repeat 0px -158px;
}
 ul.menu li.itemid_6 a {
	background: transparent url('../images/mobile/navIcons.png') no-repeat 0px -198px;
}



#mobile-menu-button:active {
	/*background: #000000 url('../images/mobile/icon_menu.gif') no-repeat center -63px;*/
	color: #ffffff;
}

.menu-name-main-menu{
   display:none;
}
/******************* End Mobile Menu **********************************/

/* HOME PAGE BRANDING */


img#logo{
   width:250px;
}

/* END HOME PAGE BRANDING */
/*********** Home Page Post List ***********/

#home_banner img {
	width: 15em;
}

body.front .views-row{
   background-color: white;
   margin: 1em 0 2em 0;
   position:relative;
   color:#555555;
   padding: 1em;
   -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
   behavior: url('/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/css/PIE.htc');
}

body.front .view-nodequeue-1 .view-content{
	padding-top: 1px;
}

div.block-inner {
	width: 100%;
}



.views-row h2.home_date, .views-field-field-section-tag, .pane-generic-featured-nodequeue  h2.pane-title {
   position:absolute;
   margin-top:-28px;
   left:30px;
   display:block;
   background-color:#f1cf58;
   padding: 0px 10px;
   font-size: 100%;
   font-weight: bold;
   padding: 5px 15px;
   -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
   behavior: url('/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/css/PIE.htc');
   color:#054b96;
}
/*.pane-feature-1-main-feature h2.pane-title, .pane-nodequeue-2 h2.pane-title, .pane-nodequeue-6 h2.pane-title, .pane-generic-featured-nodequeue h2.pane-title*/

/*.pane-feature-1-main-feature h2.pane-title, .pane-nodequeue-2 h2.pane-title, .pane-nodequeue-6 h2.pane-title .pane-generic-featured-nodequeue h2.pane-title*/
.pane-generic-featured-nodequeue  h2.pane-title {
background: #f1cf58 url('../images/blueStarIcon.png') no-repeat .7em .3em;
color: #000000;
margin: -30px 0 0 0px;
padding: .5em 1.3em .5em 2.4em;
width: 60px;
position: relative;
left: 0px;
display: block;
float: left;
}

.views-field-field-byline, .field-name-field-byline {
	font-style: italic;
	font-size: 1.0em;
	/*padding-bottom: 15px;*/
}
.field-type-datetime {
	padding-bottom: 15px;
}
.pane-article-views H2.pane-title {
background: transparent url('../images/moreArticlesIcon.png') no-repeat left bottom;
padding-left: 30px;
}

.pane-blogs H2.pane-title{
background: transparent url('../images/blogPostsIcon.png') no-repeat left bottom;
padding-left: 50px
}

body.front .views-row h2.ls_title{
	color:#555555;
	margin-top:20px;
	font-weight: 600;
	font-size: 1.8em;
}

div.section-tag{
	background: transparent url('../images/postIcons.png') no-repeat 0px -143px;
	padding-left: 25px;
}
div.section-tag.People-First{
	background-position: 0px -23px;
}
div.section-tag.Mobile{
	background-position: 0px -56px;
}
div.section-tag.Open-Data{
	background-position: 0px -82px;
}
div.section-tag.Working-Better{
	background-position: 0px -112px;
}
div.section-tag.Blog{
	background-position: 0px -141px;
}
/*********** End Home Page Post List ***********/

#zone-content tr.colorhead {
   background-color: #316184;
   color:white;
   font-weight:bold;
}

#zone-content tr.color1{
   background-color:#EBEBEB;
}

#zone-content tr.color2{
   background-color:#CCC;
}

h1#page-title{
 /*display: none;*/
}
.field-item p {
	/*font-size: .85em;
	color: black;*/
	font-weight: 500;
}
#region-content{
   background-color:#F9F9F9;
   color:#555555;
}
#region-content .region-inner{
  /* margin: 10px 20px;*/
}
.front #region-content{
   background-color: transparent;
}

#region-content ul,ol{
	padding-left:0px;
	margin-left: 25px;	
	font-size: 1.0em;
}
/* END HOME PAGE ROWS **/
/* BLOG LANDING PAGE */

.view-Blogs div.view-header {
/*	padding-bottom: 25px;*/
}

div.blogSubscribe, .field-name-field-site-tags {
background: #EDEDED;
padding: 15px 23px 15px 27px;
margin: 0 -2.2em 1em -2.2em;
/*color: #9D9D9D;*/
color: #555555;
font-size: .8em;
clear: both;
vertical-align: middle;
width: 100%;
display: block;
line-height: 1.2em!important;
}

div.blogSubscribe a:link {
	/*color: #9d9d9d;*/
	color: #555555;
	font-weight: 600;
}
div.blogSubscribe img {
	vertical-align: middle;
	padding: 0 10px 5px 0;
}

.field-name-field-site-tags .field-label {
	/*color: #555555;*/
}

h1#digitalkBlogTitle {
	width: 100%;
	display: block;
	float: left;
	color: #555555;
	font-size: 2.6em;
	font-weight: 600;
	/*letter-spacing: 0.1em;
	margin: 40px 0;*/
	margin: 10px 0;
}
h1#digitalkBlogTitle  span{
	color: #356de8;
}
h1#digitalkBlogTitle  img.digiTalkBlog {
	margin-bottom: -0.05em;
}

.pane-article-views, .pane-blogs {
/*	border-top: 2px dotted #d6d6d6;*/
}

ul.blogView-block, ul.articleView-block {
list-style: none;
margin-left: 0px!important;
}
.panels-flexible-row.panels-flexible-row-first {
	width: 100%!important;
}
.panel-flexible .panel-separator {
	margin: 0;
}

.panels-flexible-row { /*.panels-flexible-row-5-4, .panels-flexible-row-5-5 */
float: left;
width: 100%;
}

.panels-flexible-row.feature-area {
	padding: 15px 23px 15px 27px;
	margin: 0 -2.2em 1em -1.8em;
	width: 100%!important;
	border-top: 2px solid #e7debc;
	border-bottom: 2px solid #e7debc;
	background-color: #fdfaed;
	min-height: 200px;
}
.panels-flexible-row.articles, .panels-flexible-row.blogs {
	margin-top: 20px;
}

.panels-flexible-row.blogs {
	border-top: 2px dotted #d6d6d6;
	padding-top: 20px;
}

li.blogView-item, li.articleView-item {
float: left;
width: 100%;
padding-bottom: 1.5em
}

h2.field-content{
	margin-bottom: 5px;
}
li.blogView-item .blog_page_ldate, li.articleView-item .article_page_ldate, p.blog_page_ldate, span.date-display-single {
color: #555555;
margin-bottom: 0px;
font-size: 0.75em;
font-weight: 600;
} 

h2.featured-view  {
font-weight: normal;
padding: .8em 0 0 0;
margin: 0;

}

.pane-generic-featured-nodequeue div.view-generic-featured-nodequeue div.view-content{
	float: left;
	clear: left;
/*	width: 49.9%;*/
}

.pane-generic-featured-nodequeue div.view-generic-featured-nodequeue div.attachment-after {
	float: right;
/*	width: 45%;*/
}

div.blogThumb {
    display: inline;
    float: left;
    height: 140px;
    overflow: hidden;
    width: 250px;
}

h2.ls_title {
width: 90%;
padding: 0;
margin: 0;
}
.more-link {
	text-align: left;
}

.view-article-views div.more-link, .view-id-Blogs div.more-link {
	clear: both;
	border-top: 1px solid #d5d5d5;
	padding-top: 14px;
}

 .view-article-views div.more-link a, .view-id-Blogs div.more-link a {
	background: transparent url('../images/arrowRightBlue.png') no-repeat center right;
	width: 100%;
	text-align: right;
	clear: both;
	padding-right: 15px;
	/*margin-right: 15px;*/
}

body.context-blog .views-row, body.context-articles .views-row {
	padding: 0 0 1.5em 0;
	clear: both;
}

.field-name-field-site-tags {
	text-align: right;
}

/* BEGIN MOBILE APPS VIEW STYLES */
ul.appList {
	margin: 0!important;
	padding: 0!important;
}

li.appListItem {
	padding: 1.5em 0!important;
	margin: 0!important;
}

.appIcon {
	padding: 0 1em 0 0;
}

.appTitle {

}
ul.appListDescriptionList {
	padding: 0;
	margin: 0 0 0 1.5em;
}
ul.appListDescriptionList li {
	list-style-type: disc;
}

div.views-field-field-offsite-link img {
	padding-left: 0.35em;
}

/* BEGIN PAGINATION STYLES */

.pager {
	background: transparent;
	border: none;
	border-color: transparent;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

ul.pager {
	margin-left: 0!important;
	width: auto;
	float: right;
}
.pager li {
border-right: none;
border-color: transparent;
color: #595959;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
/*padding: 10px!important;*/
}
.item-list .pager li, .item-list .pager ul li {
margin: 3px;
padding: 0;
float: left;
}
.pager li a {
background: #d0d0d0!important;
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.pager li.first, .pager li.first a, .pager li.first a:hover {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.pager li.pager-ellipsis, .pager li.pager-current, .pager li a {
color: #595959;
/*text-shadow: 0px 1px 1px #a2a2a2;*/
text-shadow: 0px 1px 1px #ffffff;
padding: 10px!important;

}

.pager li.pager-last, .pager li.pager-next.last, .pager li.pager-next {
position: relative;
top: 0;
right: 0;
border-right: 0;
}
.pager li.pager-next {
border-left: none;
border-color: transparent;
}

.pager li.pager-last, .pager li.pager-current, .pager li.pager-last a, .pager li.pager-last a:hover {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

#ie7  ul.pager li.pager-current, #ie8  ul.pager li.pager-current, #ie9  ul.pager li.pager-current, .pager LI.pager-current {
	background:url('../images/paginationBg.png') repeat-x 0 0 #3567da;	
	color: #ffffff;
	text-shadow: 0px 1px 1px #a2a2a2;
}

ul.pager .pager-previous{
	white-space:nowrap;
	padding-left: 0;
}

.pager li.pager-first a, .pager li.pager-previous a, .pager li.pager-next a, .pager li.pager-last a {
width: auto;
text-align: center;
padding: 0;
}
/* SIDEBAR - RIGHT */ 

#region-sidebar-second section, #region-sidebar-second div.block-without-title {
padding: 0 0 35px 0;
background: url('../images/side-divider.png') no-repeat center bottom transparent;
}

#region-sidebar-second a:link, #region-sidebar-second a:active, #region-sidebar-second a:hover, #region-sidebar-second a:visited, .sidebarLink a {
	color: #F0CC52;
}
.region-sidebar-second-inner  h2.block-title{
display: block;
font-size:1.429em;
margin-top: 0px;
padding: 5px 0 10px 0;
}

.region-sidebar-second-inner div.view-blog-category, .region-sidebar-second-inner div.view-blog-archives, .region-sidebar-second-inner div.panel-1col div.panel-1col, .region-sidebar-second-inner  section.block-tagclouds div.content, .region-sidebar-second-inner div#node-94, .region-sidebar-second-inner div#node-93, .region-sidebar-second-inner div#node-92, .region-sidebar-second-inner div#node-109, .region-sidebar-second-inner div#node-110, .region-sidebar-second-inner div#node-111, .region-sidebar-second-inner div#node-136, .region-sidebar-second-inner div#node-121 {
	background: url('../images/side-divider.png') no-repeat center -5px transparent;
	padding-top: 25px;
}

div.panel-separator, .region-sidebar-second-inner div.block-without-title div.content, body.front .region-sidebar-second-inner div#node-92,  div.pane-content div.content, body.front .region-sidebar-second-inner div#node-93, body.front .region-sidebar-second-inner div#node-109, body.front .region-sidebar-second-inner div#node-110, body.front .region-sidebar-second-inner div#node-136, body.front .region-sidebar-second-inner div#node-121  {
	background-image:none!important;
	padding: 0;
}

div.sidebarInfo {
	padding: 1em 0;
}
.sidebarInfo span {
	font-size: 100px;
	line-height: 80px;
	font-weight: 300;
	font-family: "Museo100 Regular", Helvetica, "Trebuchet MS", Verdana, sans-serif;
	color: #F1CF58;
	display: block;
	clear: both;
}

.sidebarInfo p {
margin: 0;
padding: 0;
color: #ffffff;
line-height: 1em;
}

/* SIDEBAR SECTION ICONS */

.region-sidebar-second-inner .block-nodeblock-92  h2.block-title, .region-sidebar-second-inner .block-nodeblock-94  h2.block-title, .region-sidebar-second-inner .block-nodeblock-93  h2.block-title, .region-sidebar-second-inner section.block-by-the-numbers-all  h2.block-title, .region-sidebar-second-inner .block-nodeblock-109  h2.block-title, .region-sidebar-second-inner .block-nodeblock-110  h2.block-title, .region-sidebar-second-inner .block-nodeblock-111  h2.block-title,  .region-sidebar-second-inner .block-nodeblock-136  h2.block-title,  .region-sidebar-second-inner .block-nodeblock-121  h2.block-title{
	background: url('../images/info.png') no-repeat right center transparent;
}
.region-sidebar-second-inner  section.block-tagclouds h2.block-title{
	background: url('../images/popularTopics.png') no-repeat right center transparent;
}
.region-sidebar-second-inner  section.block-blog-category-block h2.block-title{
	background: url('../images/blogCategories.png') no-repeat right center transparent;
}
.region-sidebar-second-inner  section.block-blog-archives-block-1 h2.block-title{
	background: url('../images/blogDate.png') no-repeat right center transparent;
}
/* END SIDEBAR SECTION ICONS */


#region-sidebar-second ul li {
    margin: 0;
    padding: 0;
}

h3.home_digital {
	font-size: 1em;
}


/************* By the numbers Zone - Mobile styles *************/

#zone-content ul.numbersection {
    list-style: none;
	padding: 1em 0 0 0;
    width: 90%;
    vertical-align: middle;
}
#zone-content ul.numbersection:first-child {
}
#zone-content ul.numbersection li.numbers, span.byTheNumbersNumber {
       color: #F1CF58;
       font-family: "Museo100 Regular", Helvetica, "Trebuchet MS", Verdana, sans-serif;
       font-size: 7.15em;
       font-weight: 300;
       margin: 0;
       padding: 0;
	   overflow: visible;
}
#zone-content ul.numbersection li.subnumbers, span.byTheNumbersText  {
       color: #FFFFFF;
       margin: 0 0 0 0;
       padding: 1em 0 0 0;
       float: left;
	   clear: both;
	   
}
#zone-content .numberssmall {
       display: block;
       font-size: 0.385em;
       letter-spacing: 0;
       height: 60px;
       margin: auto 0;
       vertical-align: middle;
}
.mobileWebsiteNumber {
	float: left;
	padding: 20px 0;
	
}

span.subnumbers {
	color: white;
	font-size: .2em!important;
	font-weight: 300;
	margin: 0 0 0 0;
	float: none;
	width: 100%;
	padding: 0;
}
#zone-content hr.home {
       background-image: url("../images/home_hr_bckg.png");
       background-repeat: no-repeat;
       height: 2px;
       margin: 0 0 10% 0;
}
#zone-content .home_arrow {
       background-image: url("../images/arrow.png");
       background-repeat: no-repeat;
       background-position:92% 12%;
       /*width: 240px;*/
       height: 10px;
       padding: 0 1.4% 0 0;
       display: block;
  color:#fff !important;
}
#region-sidebar-second a:link, #region-sidebar-second a:active, #region-sidebar-second a:hover, #region-sidebar-second a:visited, .sidebarLink a {
}

div#sidebarMilestones {
}

/************* end the numbers Zone *************/

/* Logged in Workbench  */
body.logged-in div.block-workbench {
display: block;
clear: both;
z-index: 400;
position: relative;
}
body.logged-in ul.tabs {
clear: both;
margin: 0!important;
z-index: 400;
position: relative;
display: block;
}
body.logged-in ul.tabs li{
display: inline-block;
float: left;
clear: right;
position: relative;
display: block;
}
body.logged-in ul.tabs li a{
padding: .5em;
margin: 0;
}
/************ Page & Column Width ***************/

body.front #hasRightSidebar #region-content{

}
#region-content{
}

#region-content{

}

#hasLeftSidebar #region-content{
}


#hasLeftSidebar #hasRightSidebar #region-content{
   width: 70%;
}

#region-sidebar-second{
   color: #ffffff;
  
}


#page .container-12 .grid-12 {
   width:100%;
}

#edit-subject{
   width:100%;
}
.not-front #zone-content  .region-content{
   margin-top: 0.5em;
   -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
   behavior: url('/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/css/PIE.htc');
}
body.not-front #region-content {
margin: 0 0 25px 0;
padding: 0 1.8em 15px 1.8em;
width: 80%
}

#zone-content > .region-content .region-content-inner{
 /*  padding-top: 5em;*/
}

#zone-content p.subtitle {
	font-size: 1.3em;
}
body.node-type-page h2 {
	font-size: 1.3em;
}

.not-front h1{
 /*  padding-top:1.87em;   
   font-size:2.15em;   
   margin-bottom: .625em;
   width: 100%;*/
   display: block;
   position: relative;

}

.not-front #block-system-main{
   margin-top:1.25em;
}

.context-blog h1.title {

}
.node-type-article h1#page-title{
	display: block;
	clear: both;
	background: none;
	text-indent: 0px;
	width: 100%;
	font-family:"Museo100 Regular", Helvetica, "Trebuchet MS", Verdana, sans-serif;
	/*white-space: normal;*/
	line-height: 1.1em;
	top: 0px!important;
	padding-left: 0px!important;
}
.field-name-field-section {
	display: inline-block;
	line-height: 2em;
	margin-bottom: 0;
	clear: both;
	top: -50px;
	padding: 0 60px 0px 0;
	position: relative;
	font-size: 2.0em;
	font-family: "Museo100 Regular", Helvetica, "Trebuchet MS", Verdana, sans-serif;
	font-weight: normal;
}

body.node-type-page #page-title, h1#page-title {
padding: 10px 0 0 55px;
width: 85%; /* originally 95% changed temp ~ Clayton */
/*float: left;*/
min-height: 50px;
display: block;
clear: both;
}
body.node-type-article #page-title, h1#page-title, body.context-404html h1#page-title {
padding: 10px 0 0 55px;
/*min-height: auto;*/
display: block;
clear: both;
}

body.context-tags #page-title, body.page-user #page-title {
padding: 10px 0 0 0px;
}

body.page-blog-archive #page-title {
	display: none;
}

body.node-type-article .page-node #page-title {

} 

body.context-mobile H1.title, body.page-articles-mobile  H1.title, body.page-blog-mobile H1.title {
	background: url("../images/MobileIcon.png") no-repeat scroll left 0px transparent;
	clear: both;
	min-height: 50px;
}

body.context-open-data H1.title, body.page-articles-open-data  H1.title, body.page-blog-open-data H1.title {
	background: url("../images/Open-DataIcon.png") no-repeat scroll left 0px transparent;
}
body.context-people-first H1.title, body.page-articles-people-first  H1.title, body.page-blog-people-first H1.title {
	background: url("../images/People-FirstIcon.png") no-repeat scroll left -0px transparent;
}

body.context-working-better  H1.title, body.page-articles-working-better  H1.title, body.page-blog-working-better H1.title {
	background: url("../images/Working-BetterIcon.png") no-repeat scroll left -0px transparent;
}

body.page-taxonomy-term  H1.title, body.page-tagclouds H1.title, body.context-tag H1.title, body.context-tags H1.title {
	background: url("../images/header_icons.png") no-repeat scroll left -335px transparent;
}

body.context-tag H2, body.context-tags H2 {
	margin-bottom: 0px;
}

body.context-tag li.views-row {
	border-top: 2px dotted #d6d6d6;
	padding: 25px 0 15px 65px;
	margin: 0;
	}

ul.tag-view-list {
	margin: 0 5px!important;
}

ul.tag-view-list li.section-id-49.page, ul.tag-view-list li.section-id-40.page {
	background: url("../images/People-FirstIcon.png") no-repeat scroll left 30px transparent;
}
ul.tag-view-list li.section-id-50.page, ul.tag-view-list li.section-id-42.page {
	background: url("../images/MobileIcon.png") no-repeat scroll left 30px transparent;
}
ul.tag-view-list li.section-id-51.page, ul.tag-view-list li.section-id-45.page {
	background: url("../images/Open-DataIcon.png") no-repeat scroll left 30px transparent;
}
ul.tag-view-list li.section-id-52.page, ul.tag-view-list li.section-id-47.page {
	background: url("../images/Working-BetterIcon.png") no-repeat scroll left 30px transparent;
}
ul.tag-view-list li.article, ul.tag-view-list li.article {
	background: url("../images/BlogIcon.png") no-repeat scroll left 20px transparent;
}
p.peopleFirstDescription {
	margin-bottom: 2em; 
	margin-left: 80px;
}
.peopleFirstDescription img.webThumb  {
	margin-left: -80px;
	float: left;
}

.captionBox {
	padding: 0 .5em;
}

.captionBox img {
	padding: 5px;
}
.imgCaption {
	text-align: center;
}

section.block-tagclouds span.tagclouds-term a.level1 {
	font-size: 1em;
}
section.block-tagclouds span.tagclouds-term a.level2 {
	font-size: 1.2em;
}
section.block-tagclouds span.tagclouds-term a.level3 {
	font-size: 1.4em;
}
section.block-tagclouds span.tagclouds-term a.level4 {
	font-size: 1.6em;
}
section.block-tagclouds span.tagclouds-term a.level5 {
	font-size: 1.8em;
}
section.block-tagclouds span.tagclouds-term a.level6 {
	font-size: 2em;
}
section.block-tagclouds span.tagclouds-term a.level7 {
	font-size: 2.2em;
}
section.block-tagclouds span.tagclouds-term a.level8 {
	font-size: 2.4em;
}
section.block-tagclouds span.tagclouds-term a.level9 {
	font-size: 2.6em;
}
section.block-tagclouds span.tagclouds-term a.level10 {
	font-size: 2.8em;
}

div.field-name-field-cta-question, div.field-name-field-article-cta-question {
background-image: url(/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/images/cta_header.png);
background-repeat: no-repeat;
margin: 0 0 0 -2.5em;
padding: 5em 0 0 2.5em;
color: #727272;
}

#callToActionHeader {
	margin: 0 0 0 -1.9em;
}

#zone-content #region-content{
   margin-bottom:25px;
   /*overflow: hidden;*/
}

#add_this_container  div.toolbox ul li.print{
display: none;
}
	
/************ End Inner Pages *********************/
/************ End Page & Column Width ***************/
/******************* Christele's Mobile CSS code ***********************************/

#bkground_left {
	display: none;
	-webkit-backface-visibility: hidden;
}
#pagebg {
}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
	display: inline;
	float: left;
	/*margin-left: 2%;
	margin-right: 2%;*/
	margin-left: 0;
	margin-right: 0;
	position: relative;
}
.region-inner region-branding-inner {
}

.logo-img {
	float: left;
	margin: 0px;
	background: url('../images/mobile/vertSeparator.png') no-repeat center left;
	/*height: 40px;
	width: 100px;*/
	padding-left: 25px;
}

.logo-img:before {
content: "";
display: block;
height: 0.5em;
margin-left: -0.5em;
left: 50%;
position: absolute;
margin-top: -1px;
top: 0;
width: 1em;
}


img#logo {
    width: 14em;
}
#headtool {
 display: none;
 -webkit-backface-visibility: hidden;
}

#block-nodeblock-21  {
	display: none;
	-webkit-backface-visibility: hidden;
}

div#voc_tool_container iframe{
width: 100%;
}

body.context-people-first div#voc_tool_container iframe {
	height: 18em;
}
body.context-working-better div#voc_tool_container iframe {
	height: 12em;
}
body.context-working-better .page-node-5 div#voc_tool_container iframe {
	height: 16em;
}
body.context-open-data div#voc_tool_container iframe {
	height: 20em;
}
body.page-node-51 div#voc_tool_container iframe /*this is for mobile-sites page*/ {
	height: 16em;
}
body.context-mobile .page-node-28 div#voc_tool_container p iframe {
	height: 22em;
}

body.context-mobile iframe.voc {
width: 90%;
height: 22em;
}

/************* comments ****************/
footer.comment-submitted {
	font-style: italic;
}
article.comment h3 {
	font-size: 1.2em;
	margin-bottom: 0px;
}

#comments{
	font-size: 1.0em;	
}
h2.comment-form{
	margin-top: 1em;
}
#comment-form label{
	font-weight: normal;
}

ul li.comment-reply a:active, ul li.comment-reply a:focus {
	-moz-box-shadow:    0 0 7px #0066FF;
	-webkit-box-shadow: 0 0 7px #0066FF;
	box-shadow:         0 0 7px #0066FF;
	outline: thin dotted;
}
/*************** Footer Section ***************/
#section-footer{
	width: 100%;
   background-color:#0b5a9d;
   font-size: 70%;
   font-weight:normal;
   z-index:201;
   color: #ffffff;
}
#section-footer .region-footer-first-inner{
   margin-top: 0.6em;
}

#region-footer-first{
   padding-bottom:1.25em;
   margin-bottom:1.25em;
}

#section-footer .region-footer-first-inner .footerline{
   margin-top: 0.625em;
   margin-bottom:0.938em;
}
#section-footer p{
   margin: 1.25em 0px;
   padding: 0px 0px;
}

#section-footer a, #section-footer a:visited, #section-footer a:link, #section-footer a:hover{
   color:#ffffff;
   text-decoration:none;
}

#zone-footer{
   background: url('../images/footerbg.png') repeat-x top left;
}

#region-footer-first{
   width: 100%;
   padding: 0;
   text-align:center;
   padding-top: 0.625em;
   background: url('../images/footer_mainbg.png') no-repeat top left;
}

#region-footer-first ul{
   list-style-type:none;
   margin: 0px 0px;
}

#region-footer-first ul li{
   display:inline;
   list-style-type:none;
   margin-left: 0.75em;
}

#region-footer-first p {
	padding: 0;
	font-size: 1.3em;
}

/*************** End Footer Section ****************/
