body {
	color: #3E3E40;
	background-color: #E2E2E4;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
}

/* COLORS ------------------------------------------------------- */

/* web versions of Pantone colors */
.HQ_blue { color: #008AD8; } /* like PMS 2995 */
.HQ_orange { color: #F15A24; } /* like PMS Cool Gray 10 */
.HQ_gray { color: #6D6E70; } /* like PMS Orange 021 */
/* .HQ_orange { color: #E67B1D; } */

.coolgray_1 { color: #efeff0; }
.coolgray_2 { color: #e2e2e4; }
.coolgray_3 { color: #cfcfd0; } 
.coolgray_4 { color: #bfbfc2; }
.coolgray_5 { color: #b0b1b4; }
.coolgray_6 { color: #adafb2; }
.coolgray_7 { color: #9ea0a3; }
.coolgray_8 { color: #8f8f93; } 
.coolgray_9 { color: #808084; }
.coolgray_10 { color: #6a696c; } 
.coolgray_11 { color: #5a595c; } 


/* LINKS ------------------------------------------------------- */

A { text-decoration: none; }
div.right_content A { text-decoration: underline; }

A:link { color: #3E3E40; background: none; }
A:visited { color: #4F4F51; background: none; }
A:hover { color: #F15A24; background: none;  text-decoration: underline; }
A:active { color: #008AD8; background: none; }

#sideTagsList A:link, #sideTagsList A:visited { color: #ADAFB2; background: none; }
#sideTagsList A:hover { color: #F15A24; background: none; }
#sideTagsList A:active { color: #008AD8; background: none; }

div.left_content A:link { color:#77767A; }
div.left_content A:visited { color:#808084; }
div.left_content a:hover { color:#F15A24; }
div.left_content a:active { color:#008AD8; }

div.right_content .post_link A { text-decoration: none; }

div.right_content .post_title A, div.right_content .commentmetadata A { text-decoration: none; }
.post_title A:link, .post_title A:visited, .commentmetadata A:link, .commentmetadata A:visited { color: #F15A24; background: none; }
.post_title A:hover, .commentmetadata A:hover { color: #008AD8; background: none; }
.post_title A:active, .commentmetadata A:active { color: #3E3E40; background: none; }

div.right_content .commentmetadata A.comment-edit-link { text-decoration: underline; }
.commentmetadata A.comment-edit-link:link, .commentmetadata A.comment-edit-link:visited { color: #3E3E40; background: none; }
.commentmetadata A.comment-edit-link:hover { color: #F15A24; background: none; }
.commentmetadata A.comment-edit-link:active { color: #008AD8; background: none; }


/*
div.right_content .post_taglist A { text-decoration: none; }
.post_taglist A:link { color: #008AD8; background: none; }
.post_taglist A:visited { color: #008AD8; background: none; }
.post_taglist A:hover { color: #F15A24; background: none; }
.post_taglist A:active { color: #3E3E40; background: none; }
*/

div.right_content .post_taglist A, div.right_content .post_catlist A { text-decoration: none; }
.post_taglist A:link, .post_taglist A:visited { color: #008AD8; background: none; }
.post_catlist A:link, .post_catlist A:visited { color: #36708C; background: none; }
.post_taglist A:hover, .post_catlist A:hover { color: #E38014; background: none; text-decoration: underline; }
.post_taglist A:active, .post_catlist A:active { color: #3E3E40; background: none; }


A.blog_current {
	color: #008AD8;
	text-decoration: none;
	cursor:default;
}

#footer A:link, #footer A:visited { color: #9EA0A3; background: none; }
#footer A:hover { color: #F15A24; background: none; }
#footer A:active { color: #008AD8; background: none; }



/* ---------------- PAGE STRUCTURE ------------- */

/* wrapper wraps everything */
#wrapper {
	width:100%;
	margin: 0;
	padding: 0;
	background: white url(/HQassets/site_img/design/skyline.png) repeat-x top left;
}

/* page wraps everything except the footer */
#page {
	width:1005px;
	margin:0 auto;
	padding-left:10px;
	padding-bottom:60px;
	background: white url(/HQassets/site_img/design/skyline.png) repeat-x top left;
}

/* masthead includes down to main nav */
#masthead {
	width:928px;
	padding:0 72px 0 5px;
	height:186px;
	background: transparent url(/HQassets/site_img/design/masthead_en.png) no-repeat 5px 0;
}

body.blog #masthead {
	background-image:url(/HQassets/site_img/design/masthead_hqblog.png);
}
/* #blog_body #masthead {
	background-image:url(/HQassets/site_img/design/masthead_blogcentral.png);
} */
#blog_directors_body #masthead {
	background-image:url(/HQassets/site_img/design/masthead_directorsblog.png);
}
#blog_HQnews_body #masthead {
	background-image:url(/HQassets/site_img/design/masthead_hqnews.png);
}

#masthead img { display:none; } /* for non-styled images */


/* HQlogo is the home link over the logo/logotype */
#HQlogo {
	margin:0;
	padding:0;
}
#HQlogo a {
	display:block;
	float:left;
	width:208px;
	height:110px;
	margin:10px 0 0 100px;
}
#HQlogo span, #HQlogo a span {display:none;}

#masthead h2, #masthead h3 {
	display:none;
}

/* tagcolumn is the left langnav, tags, etc. column  */
#tagcolumn {
	width:100px;
	float:left;
	color:#ADAFB2;
	text-align:right;
	font-size:80%;
	line-height:1.3em;
}

#sideTagsList {
	line-height:1.5em;
}

/* maincontent contains screen and everything below it (above footer)  */
#maincontent {
	width:820px;
	padding-right:72px;
	float:right;
}

div.layout2column {}
div.layout3column {}
div.layout4column {}


/* ********************** MAINCONTENT NEW *************************************************** */


div.left_content {
	float:left;
	color:#77767A;
}
div.layout3column div.left_content {
	text-align:justify;
}
div.right_content {
	float:right;
	text-align:justify;
}


/* ---------- 2 columns of 400px ---------- */

/* div.col2_left */
/* div.col2_right */
div.layout2column div.left_content, div.layout2column div.right_content {
	width:400px;
}

.col2nd, .col3rd, .col4th {
	float:left;
}
.col3rd, .col4th {
	font-size:10px;
	text-align:left;
}

/* ---------- 3 columns of 260px ---------- */

/* div.col3_left */
div.layout3column div.left_content {
	width:260px;
}
/* div.col3_right_wholesection */
div.layout3column div.right_content {
	width:540px;
}
/* div.col3_right_halfcolumn */
div.layout3column div.right_content div.col2nd {
	width:260px;
	margin:0 20px 0 0;
}
/* div.col3_right_thirdcolumn */
div.layout3column div.right_content div.col3rd {
	width:166px;
	margin:0 20px 0 0;
}

/* ---------- 4 columns of 190px ---------- */

/* div.col4_left */
div.layout4column div.left_content {
	width:190px;
	line-height:14px;
}
/* div.col4_right_wholesection */
div.layout4column div.right_content {
	width:610px;
}
/* div.col4_right_halfcolumn */
div.layout4column div.right_content div.col2nd {
	width:294px;
	margin:0 22px 0 0;
}
/* div.col4_right_thirdcolumn */
div.layout4column div.right_content div.col3rd {
	width:190px;
	margin:0 20px 0 0;
}
/* div.col4_right_quartercolumn */
div.layout4column div.right_content div.col4th {
	font-size:10px;
	width:136px;
	margin:0 22px 0 0;
	line-height:14px;
}

div.lastcolumn {
	margin-right:0 !important;
}

/* ---------------- FOOTER ------------- */

#footer {
	width:928px;
	height:80px;
	padding:0 72px 0 15px;
	margin:0 auto;
	color:#9EA0A3;
	font-size:90%;
	line-height:1.3em;
}
#footer1 {
	float:left;
	width:190px;
	margin-left:108px;
}
#footer2 {
	float:left;
	width:190px;
	margin-left:20px;
}
#footer3 {
	float:right;
	width:190px;
	text-align:right;
	font-size:90%;
}

/* --------------------------- NAVIGATION ---------------------------- */

a.morelink {
	display:inline-block;
	width:18px;
	height:10px;
	background: transparent url(/HQassets/site_img/design/morelink.png) no-repeat 2px -9px;
}
a.morelink:hover {
	background-position:2px 1px;
}
a.morelink span {
	display:none;
}

#navdiv {
	height: 24px;
	float:right;
	clear:both;
	margin: 42px 0 0 0;
}

#navlist {
	margin:0;
	padding:0;
	list-style-image: none;
	list-style-type: none;
}

#navlist li {
	float:left;
	margin:0;
	padding:0;
}

#navlist li a {
	display:block;
	height:24px;
	margin-right:40px;
}

#navlist li span {
	display:none;
}

#navlist li a:hover {
	background-position: 0 -24px;
}

.nav_current {
	background-position:0 -48px !important;
	cursor:default;
}
.stillactive {
	cursor: pointer;}
a.stillactive:hover {
	background-position:0 -24px !important;
}


/* LANGNAV ------------------------------------------------------- */

#langnavdiv {
	margin-bottom:60px;
}

#langnavlist {
	margin:0;
	padding:0;
	list-style-image: none;
	list-style-type: none;
}

#langnavlist li {
	margin:0;
	padding:0;
}

#langnavlist li a {
	display:block;
	height:20px;
}

#langnavlist li span {
	display:none;
}

#langnavlist li a:hover {
	background-position: 0 -20px;
}

.langnav_current
{
	background-position:0 -40px !important;
	cursor:default;
}

/*****  Individual buttons */

#langnav_en {
	background:url(/HQassets/site_img/nav/langnav/langnav_en.png) no-repeat;
}
#langnav_fi {
	background:url(/HQassets/site_img/nav/langnav/langnav_fi.png) no-repeat;
}
#langnav_fr {
	background:url(/HQassets/site_img/nav/langnav/langnav_fr.png) no-repeat;
}
#langnav_es {
	background:url(/HQassets/site_img/nav/langnav/langnav_es.png) no-repeat;
}
#langnav_it {
	background:url(/HQassets/site_img/nav/langnav/langnav_it.png) no-repeat;
}
#langnav_pt {
	background:url(/HQassets/site_img/nav/langnav/langnav_pt.png) no-repeat;
}
#langnav_de {
	background:url(/HQassets/site_img/nav/langnav/langnav_de.png) no-repeat;
}


/* --------------------------- SOCIAL MEDIA list ---------------------------- */

#socialmediadiv {
	width:100px;
	height:18px;
	clear:both;
	margin: 0 0 20px 0;
	padding: 0;
}

#socialmedialist {
	margin:0;
	padding:0;
	list-style-image: none;
	list-style-type: none;
}

#socialmedialist li {
	float:right;
	margin:0 0 0 12px;
	padding:0;
}

#socialmedialist li a img {
border: 1px solid transparent;
}
#socialmedialist li a:hover img {
border: 1px solid #F15A24;
}

/* --------------------------- special columns ---------------------------- */

/* ------ subnav ----- */

div.subnav {
	font-size:12.5px;
}
h3.graybar, div.subnav h3 {
	font-size:12.5px;
	font-weight:normal;
	margin-bottom:0;
	color:#77767A;
	background-color: #DDD;
	padding:2px 0 3px 0;
}
div.subnav p {
	font-weight:bold;
	margin-left:12px;
}
#subnavlist {
	padding-left:12px;
	list-style-type:none;
}
#subnavlist li {
	font-weight:bold;
	line-height:1.9em;
}

ul.pseudo_subnav {
	padding:0 0 3px 0;
	list-style-type:none;
}
ul.pseudo_subnav li {
	margin-bottom:.4em;
}


/* ------ feeds ----- */
/** Matthaus updated these to make Query Posts Plugin Hacking unnecessary (07-31-10) **/
.blogfeed {
	color:#77767A;
	font-size:10px;
	line-height:14px;
}

div.blogfeed h2.entry-title, div.blogfeed h2.entry-title a {
	font-size:10.5px;
	margin-top:12px;
	margin-bottom:3px;
	font-weight:bold;
	line-height:1em;
	padding:0;
}

div.entry-summary {
	margin-top:3px;
	margin-bottom:3px;
	padding:0;
	font-size:94%;
	line-height:1.2em;
}

div.blogfeed p.byline {
	font-size:80% !important;
	line-height:1;
	margin:0;
	color:#5595B3;
	padding:0;
}

div.blogfeed p.entry-meta {
	display: none;
}

#creditfooter { display: none; }

#twitterfeed_header {
	margin-bottom:0;
	padding:0;
	background-color: #DDD;
}
#twitterfeed_header a {
	display:block;
	width:100px;
	height:19px;
	background: transparent url(/HQassets/site_img/icons/twitter_link.png) no-repeat top left;
}
#twitterfeed_header a:hover {
	background-position:0 -19px;
}
#twitterfeed_header a span {
	display:none;
}

#twitterfeed_div ul {
	list-style-type:none;
	margin:0;
	padding:5px 0 0 0;
}

#twitterfeed_div ul li {
	padding:6px 0 0 0;
	font-size:94%;
	line-height:1.2em;
}

#twitterfeed_div ul li span.time-meta a span {
	font-size:94%;
	color:#5595B3;
}
#twitterfeed_div ul li span.from-meta {
/*	font-size:80%; */
	font-size:94%;
}


/* --------------------------- specific PAGES ---------------------------- */

#home_body.graycolumn {
	font-size:90%;
}

#home_special {
	font-size:11.5px;
	margin-bottom: 14px;
}

div.cloud p {
	text-align:justify;
	line-height:1.5em;
}

div.leftcloud p {
	text-align:left;
}

div.cloud ul li {
	padding:0;
	list-style-type:none;
}
div.cloud ul li {
	line-height:1.8em;
	float:left;
	padding-right:1em;
}

/* Archives Widget */

div.archives ul {
	padding-left:0;
}

div.archives ul li {
	list-style-type:none;
}
/* End Archives Widget */

/* Search Widget */
div.search label { display: none; }
div.search #searchsubmit { display: none; }
div.search #s { width:184px; }
/* End Search Widget */

div.blogpost {
	margin:30px 0;
	border-bottom: 6px solid #ccc;
}

.width610 p, .width610 blockquote {
	text-align:justify;
}
.width610 p,
.width610 h3,
.width610 h4,
.width610 h5,
.width610 h6
{
	width:440px;
}

.width610 blockquote, .width610 blockquote p,
.width610 ul,
.width610 ol
{
	width:360px;
}


/* --------------------------- BLOG SECTION ---------------------------- */

h3.graybar.bigtop
 {
	margin-top:0;
	padding:20px 0 8px 0;
}
h3.graybar.bloghead
 {
	margin-top:0;
	color:#636266;
	background-color: #c2c2c2;
/*	padding:20px 14px 8px 14px;
	text-align: right; */
}

#blogsubtitle {
	padding-left:0;
}

.blog_subtitle_dynamic {
	color: #008AD8;
}

#blog_searchform {
	margin:10px 0 20px 0;
}
#blogsearch {
	width:184px;
}


.post_title {
	color: #F15A24;
	margin-bottom:.4em;
}

.post_date {
	margin-top:0;
	color: #9ea0a3;
	margin-bottom:1.5em;
}

div.post_stats {
	clear:both;
	margin-top:2em;
	padding:10px 1em 8px 0;
	background-color:#F3F3F3;
}

p.posted_by {
	margin-top:0;
	line-height:1.2em;
	margin-bottom:2px;
}
.post_stats_label {
	font-weight:bold;
	color:#8f8f93;
}
.post_author {
	color:#F15A24;
}
.post_time {
	color:#F15A24;
}
p.post_tags {
/*	font-weight:bold; */
	line-height:1.2em;
	margin-top:2px;
	margin-bottom:0;
}
.post_taglist {
	font-weight:normal;
	color:#008AD8;	
}
.post_catlist {
	font-weight:normal;
	color:#36708C;
}

div.comments-popup {
	padding-top:1em;
	padding-left:30px;
	padding-right:30px;
}

.more-link {
	font-size:110%;
}

.cat_tag_description {
	padding-top:1em;
	text-align:justify;
}

/* --------------------------- GLOBAL ---------------------------- */

img { border: 0; margin: 0; padding: 0; }

.underline { text-decoration: underline; }

.noline { text-decoration: none !important; }

.HQname {
	letter-spacing: 0.1em;
}

h2.HQ_header {
	height:16px;
	background: white url(/HQassets/site_img/design/HQ_header.png) no-repeat top left;
}

.n1 span, .n2 {
	display:none;
}

.transparent {
	color:transparent !important;
	background-color:transparent !important;
}

.align_center {
	text-align:center;
}
.align_justify {
	text-align:justify;
}
.align_left {
	text-align:left;
}
.align_right {
	text-align:right;
}

.clearfloat {
	clear:both;
}
div.clearfloat {
	height:1px;
	line-height:1px;
	font-size:1px;
	background:transparent;
}
hr {
	border:none;
	height:1px;
	color:#808084;
	background:#808084;
}

hr.graybar {
	height:19px;
	border:none;
	color:#DDD;
	background-color: #DDD;
}

hr.thin {
	height:6px;
}

hr.bottomrow {
	height:6px;
	margin-top: 18px;
	background-color: #008AD8;
}


.graycolumn {
	background-color: #DDD;
}
.graycolumn p {
	padding-right:14px;
	padding-left:14px;
}
.normal {
	font-weight:normal !important;
	font-style:normal !important;
}

.black { color: black !important;}

.notopmargin { margin-top:0 !important;}
.littletopmargin { margin-top:4px !important;}
.sometopmargin { margin-top:14px !important;}
.moretopmargin { margin-top:24px !important;}
.muchtopmargin { margin-top:68px !important;}
.nobottommargin { margin-bottom:0 !important;}
.littlebottommargin { margin-bottom:4px !important;}
.somebottommargin { margin-bottom:14px !important;}
.morebottommargin { margin-bottom:24px !important;}
.muchbottommargin { margin-bottom:68px !important;}

.smallertext, .caption {
	font-size:90%;
}

p.caption {
	margin-top:0;
	margin-bottom:1.5em;
}

.floatleft {
	float:left;
	margin:0 20px 10px 0;
}
.clearleft {
	clear:left;
}
.floatright {
	float:right;
	margin:0 0 10px 20px;
}
.clearright {
	clear:right;
}

div.bottomrow {
	padding-bottom: 6px;
	border-bottom: 6px solid #008AD8;
}

div.specialbox {
	padding:4px 10px;
	background-color:#FFE0B0;
}

.english_caveat { color: #F15A24 !important; }

#blog_author_pic {
	float:left;
	margin:12px 6px 2px 0;
}
.leftcol_descriptor {
	font-size:90%;
}

.leftcol_descriptor .english_caveat { color: #3E3E40; }

sup { font-size:75%; vertical-align:top;}

/*--- Clearfix ---*/
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
* html .clearfix {height:1%;}

div.vertspacer10 { height:10px; }
div.vertspacer20 { height:20px; }
div.vertspacer30 { height:30px; }
div.vertspacer40 { height:40px; }
div.vertspacer60 { height:60px; }
div.vertspacer80 { height:80px; }


#maincontent h2 {
	font-size:17px;
}

#maincontent p {
/*	margin-top:0;
	padding-top:0;
*/}

#maincontent h3 {
	font-size:13px;
}

#footer p {
	margin-top:10px;
	padding-top:0;
}

p.ul_header { margin-bottom:0;}
ul.ul_header { margin-top:0;}