/*
Theme Name: National Employee Wellness Month Theme
Theme URI: http://nationalemployeewellnessmonth.com
Description: The NEWN theme is a custom designed and built theme by John Torres and Joel Oliveira on behalf of Virgin Healthcare.
Version: 0.1
Author: Joel Oliveira
Author URI: http://joeloliveira.com
Tags: gray, grey, red, white, 2 column, virgin, healthcare, wellness

*/
/* =================================================== */
/* = reset.css courtesy of Eric Meyer - meyerweb.com = */
/* =================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -------------------------------------------------
     BASIC FORMATTING 
------------------------------------------------- */

body{ font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif; font-size:62.5%; line-height:2.2em; background:#474747; }

h1 {font-size: 2em;}
h2 {font-size: 1.4em; margin-top:10px;}
h3 {font-size: 1.2em; margin-top:10px;}
h4 {font-size: 1em;}
h2, h3, h4 { font-family:Helvetica, Verdana, Tahoma, Arial, sans-serif; }

a{ color:#666; text-decoration:none;}
a:visited, a:active{color:#999;}
a:hover{color:#333; text-decoration:none;}
a img{border:none;}
.upper { text-transform:uppercase; }

ul{margin:5px 0 5px 20px;}
ol{margin:5px 0 5px 20px;}

blockquote{
	color:#999999;
	font-size:0.9em;
	font-style:italic;
	margin:10px 0 10px 20px;
	padding:10px;
}

pre, code{
margin:10px;
font-family:"Courier New", Courier, monospace;}

div.hr { border-bottom:1px dotted #494949; height:1px; }

/* -------------------------------------------------
WRAP
------------------------------------------------- */
#pagewrap {
width: 953px;
margin:0 auto;
color:#666;}

/* -------------------------------------------------
HEADER
------------------------------------------------- */
#sponsors { clear:both; height:109px;  padding:0 0 0 91px; margin-top:0px; }
#sponsors * { display:block; float:left; height:83px; margin:0px; }
#sponsors h4 { background:transparent url(images/sprites_sponsors.gif) top left no-repeat; width:234px; text-indent:-9999px; }
#sponsors h3.virgin a { background:transparent url(images/sprites_sponsors.gif) -234px top no-repeat; margin:0px; width:244px; text-indent:-9999px; }
#sponsors h3.stop a { background:transparent url(images/sprites_sponsors.gif) -478px top no-repeat; margin:0px; width:216px; text-indent:-9999px; }
#sponsors h3.ihpm a { background:transparent url(images/sprites_sponsors.gif) -694px top no-repeat; margin:0px; width:160px; text-indent:-9999px; }
#header { padding:0px; overflow:auto; background:#fff url(images/bg_header.jpg) 304px top no-repeat; height:254px; margin:0 21px; position:relative;}
#header #pullquote img { position:absolute; top:29px; left:447px; }
#header h1 { float:left; padding:30px 0 0 52px; }
#header h1 a{ color:#fff; font-size:0px;  display:block; background:#fff url(images/bg_logo.jpg) top left no-repeat; width:199px; height:198px; }	
#header img {}
#header h2 {
	clear:left;
	float:left; 
	padding:5px 0 10px 5px;
	color:#666;
	text-transform: uppercase;
}

/* -------------------------------------------------
NAVIGATION
------------------------------------------------- */
#nav ul{
	background:transparent url(images/sprites_nav.gif) bottom left no-repeat;
	clear:both;
	height:69px;
	list-style:none;
	margin:0px 0 0 0;
	padding:0 21px 10px 21px;
}

#nav ul li{
	display:block; 
	float:left;
	font-size:1.3em;
	font-weight: bold;
	font-family:Helvetica, Verdana, Tahoma, Arial, sans-serif;
	height:69px; 
	margin:0;
	padding:0 0 0 0;
}
#nav ul li a { height:69px; display:block; text-indent:-9999px; background:transparent url(images/sprites_nav.gif) 0px 0px no-repeat; }
#nav ul li.page-item-2  a  { background-position:-21px  -69px; width:131px; }
#nav ul li.page-item-4  a  { background-position:-152px -69px; width:130px; }
#nav ul li.page-item-6  a  { background-position:-282px -69px; width:129px; }
#nav ul li.page-item-8  a  { background-position:-411px -69px; width:130px; }
#nav ul li.page-item-10 a  { background-position:-541px -69px; width:130px; }
#nav ul li.page-item-243 a { background-position:-671px -69px; width:130px; }
#nav ul li.page-item-12 a  { background-position:-801px -69px; width:131px; }

#nav ul li.page-item-2   a:hover { background-position:-21px   0px; }
#nav ul li.page-item-4   a:hover { background-position:-152px  0px; }
#nav ul li.page-item-6   a:hover { background-position:-282px  0px; }
#nav ul li.page-item-8   a:hover { background-position:-411px  0px; }
#nav ul li.page-item-10  a:hover { background-position:-541px  0px; }
#nav ul li.page-item-243 a:hover { background-position:-671px  0px; }
#nav ul li.page-item-12  a:hover { background-position:-801px  0px; }

body.page-id-2 #nav ul li.page-item-2    a { background-position:-21px   0px; }
body.page-id-4 #nav ul li.page-item-4    a { background-position:-152px  0px; }
body.page-id-6 #nav ul li.page-item-6    a { background-position:-282px  0px; }
body.page-id-8 #nav ul li.page-item-8    a { background-position:-411px  0px; }
body.page-id-10 #nav ul li.page-item-10  a { background-position:-541px  0px; }
body.page-id-243 #nav ul li.page-item-243 a { background-position:-671px  0px; }
body.page-id-12 #nav ul li.page-item-12  a { background-position:-801px  0px; }

/* -------------------------------------------------
MAIN CONTENT
------------------------------------------------- */
#contentwrap { width: 100%;  }
#contentwrap #inner { background-color:#fff; margin:0 21px; position:relative; width:911px; padding-bottom:90px;  }
#content{float:left;font-size:1.2em;min-height:500px;padding-left:30px;padding-top:30px;width:552px;}


/* archives page */
.archivetitle { font-size:1.2em; border-bottom: solid 1px #ddd; }
ul.archivelist { margin: 0; list-style: none; }
ul.archivelist li { padding:2px 0; }

.post { padding-bottom:40px; background:transparent url(images/bg_content_rule.gif) bottom left repeat-x; margin-bottom:50px; position:relative; font-size:1.2em;}
.post h2 { color:#004889; text-decoration:none; font-size:28px; font-weight: normal; line-height:36px; display:block; }
.post p { margin:1.2em 0; font-size:.9em; text-align:justify; }
.post a { text-decoration:underline; color:#1389ba; }
.post img { }
.post ul {list-style: square; padding:2px 0;}
.post li {padding:2px 0;}
.post small{font-size: .9em;}
.post a.more { color:#004889; font-weight:bold; text-transform:uppercase; text-decoration:none !important; }
.post p.read a {  position:absolute; top:100%; left:0; margin-top:-62px; }
.postmetadata { padding:0; text-align:right !important; margin:0px 0 0 0px !important; }
.postmetadata a {text-decoration: none; color:#004889; white-space:nowrap; }
.postmetadata a:hover {color:#004889; text-decoration:underline;}

/* single post nav for previous/next entries */
.navigation{padding:10px 0;font-size:.9em;float:left;width:98%;}

.alignleft {float:left;}
.alignright {float:right;}

/* styling for 'continued' page links */
p.continued{padding:5px; background:#f0f0f0;}
p.continued a{padding:5px; font-weight:bold;}

/* -------------------------------------------------
SIDEBAR
------------------------------------------------- */		
.sidebar { background:#e5e5e5 url(images/bg_sidebar.gif) bottom right no-repeat; padding:0 0 10px; position:absolute; top:15px; left:607px; width:325px; font-size:1.2em;}
#sidebar_default .first,
#sidebar_default .first img { margin:10px 0; }
#sidebar_default .first p { text-align:center;  }
#sidebar_default .first .button_bg { margin:0px auto; }
.sidebar div.hr { margin:40px 0; }


/* #sidebar_right { width: 200px; float:right; } */
.sidebar h2 { margin-top:20px; letter-spacing:4px; }
.sidebar h3 { clear:both; display:block; margin-bottom:5px; font-size:1em; font-weight:normal; text-transform:uppercase; }
.sidebar h3 strong,
.sidebar h3 span { display:block; text-align:center; letter-spacing:1px;}
.sidebar h3 strong { color:#004889; text-transform:uppercase; margin-bottom:7px;}
.sidebar h3 span { color:#797979; text-transform:uppercase; font-style:italic;}

.sidebar p { overflow:auto; color:#494949; line-height:1.3em; margin-bottom:1.3em; }
.sidebar p.dotted { border-bottom:dotted 1px #bebebe; padding-bottom:8px; }
.sidebar form p { overflow: hidden; }
.sidebar p em { color:#a2a2a2; }
.sidebar a {color:#666;}
.sidebar a:hover {color:#999;}
	.sidebar ul { margin:0;padding:30px 20px 20px;list-style:none; }
.sidebar ul li { padding:20px 0px; background:transparent url(images/bg_sidebar_rule.gif) top left repeat-x;}
.sidebar ul li h2 { margin:15px 0 20px; color:#004889; text-align:center; text-transform:uppercase; padding:0px 0 0px 0; font-size:1.2em; }
.sidebar ul li a{display:block; border-bottom: solid 1px #ececec; }
.sidebar ul ul {}
.sidebar ul ul li { padding:0; }

/* -------------------------------------------------
SEARCH
------------------------------------------------- */
#searchform {margin:10px 0;}
#searchform input {border: solid 1px #ddd;}
#searchform #s {width:200px; padding:2px;}
#searchsubmit{font-weight: bold; color:#666; pointer; padding: 1px;}

/* -------------------------------------------------
FEATURE LINKS
------------------------------------------------- */
.rss {
font-size: 1.2em;
font-weight: bold;
line-height: 1.4em;
background: #f0f0f0;
padding-left: 5px !important;
margin-top:10px;}

.rss a{
padding-left:25px;
background: transparent  url(images/feed-icon-16x16.png) left no-repeat;}

.archive a{
padding-left:25px;
background: transparent  url(images/square.png) left no-repeat;}

/* -------------------------------------------------
COMMENTS
------------------------------------------------- */
#comments { margin:0px 10px 10px 0; padding:0px 10px 10px 0; }
#comments h3 { margin:0 0 10px; }
ol.commentlist { margin:0; padding:0; overflow: hidden;}
ol.commentlist li { background:#ececec;margin:0px 0 10px; padding:10px;}
ol.commentlist li.alt {}
ol.commentlist a {}
cite {font-style: normal; font-weight: bold;}
small.commentmetadata {}

/* -------------------------------------------------
COMMENT FORM
------------------------------------------------- */
#submit { cursor:pointer; height:20px; }
.post textarea { width:400px }

/* -------------------------------------------------
FOOTER
------------------------------------------------- */
#footer { clear:both; margin:0 21px; background-color:#e5e5e5; border-top:solid 4px #cccccc; overflow:auto; padding:10px 0; font-size:1.2em; }
* html #footer { height:245px; }
#footer h4 { color:#004889; text-transform:uppercase; font-size:1.2em; margin-bottom:1em; letter-spacing:4px; font-weight:bold; }
#footer div { float:left; }
#footer div.sponsors { width:25%; padding:10px 3%; }
* html #footer div.sponsors { width:24%; }
#footer div.sponsor { background-color:#fff; height:180px; width:19%; padding:10px 2%; }
#footer div.sponsor a { color:#004889; font-weight:bold;}
#footer div.sponsor img { margin-bottom:20px; }

#footer p { padding:0 0 1.6em; line-height:1.6em;}
#legal { color:#BDBDBD;font-size:1em;font-style:italic;margin:0 auto;padding:15px 30px 60px;text-transform:uppercase;width:880px;}
#legal a { color:#bdbdbd; }

/* ----------------------------------------------------------------------------------------------------
BUTTON RELATED CLASSES (button_bg sets it up ... .for_* will apply the right background positions)
------------------------------------------------------------------------------------------------------- */
.button_bg { background:#9ab92e url(images/sprites_buttons.gif) center top no-repeat; border:none; display:block; text-indent:-99999px;}
.for_more { background-position:center -12px; width:100px; line-height:18px; }
.for_submit { background-position:center 0px; width:60px; line-height:20px; display:inline; margin-left:5px; height:16px; padding:0px;}
.for_go { background-position:center -25px; width:40px; line-height:20px; }
a.button { 
	background:none repeat scroll 0 0 #9AB92E;
	clear:both;
	color:#FFFFFF !important;
	display:inline-block !important;
	padding:8px 14px;
	letter-spacing: 0px;
	text-transform:uppercase;
	white-space:nowrap;
	font-size:10px;
letter-spacing:1px;
}
.sidebar ul li a.button { 
	margin-top:6px;
}

/* -------------------------------------------------
INDIVIDUAL PAGES
------------------------------------------------- */
body.page .post h1 { color:#004889; text-decoration:none; font-size:28px; font-weight: normal; line-height:36px; display:block; margin-bottom:35px; }
body.page .post { background:none; margin-bottom:0; padding-bottom:0;}
body.page p { display:none; }
body.page .post p,
body.page #footer p,
body.page .sidebar p,
body.page #legal p { display:block; }

body.page-id-12 #content { width:816px;}
body.page-id-12 .column { float:left; width:33%;}
body.page-id-12 .column p { padding:0 20px 10px 20px; text-align:justify; }
body.page-id-12 .column div { font-size:.9em; padding:0 5px; }

/*
WORKPLACE WELLNESS STORIES
*/
body.page-id-243 .sidebar h3 { 
	border-bottom:1px dotted #A1A1A1;
	font-weight:bold;
	letter-spacing:1px;
	margin-top:30px;
	padding-bottom:5px;
}
body.page-id-243 .sidebar h3.top { 
	border:none;
	font-weight:normal;
	letter-spacing:0px;
	margin-top:20px;
	padding-bottom:0px;
}
body.page-id-243 .sidebar ul ul {}

body.page-id-243 .sidebar ul ul { padding:10px 0 10px 14px; list-style-type:disc; }
body.page-id-243 .sidebar ul ul ul { margin:8px 14px; padding:0; }
body.page-id-243 .sidebar ul ul li { color:#32afee; background:none; font-size:13px; padding-left:5px; margin-bottom:10px; }
body.page-id-243 .sidebar ul ul li li { color:#b9b9b9; }
body.page-id-243 .sidebar ul ul span { color:#787878; }
body.page-id-243 .sidebar ul ul li a { display:inline; border:none; color:#004889; }

body.page-id-243 #content .post h2 { margin-bottom:30px;}
body.page-id-243 #content .post { min-height:1100px; }
body.page-id-243 #content .post p { margin-bottom:30px; text-align:left;}
body.page-id-243 #content .post p em { font-size:14px; font-style:italic; }
body.page-id-243 #content .post p strong { font-size:11px; letter-spacing:1px; text-transform:uppercase; }
body.page-id-243 #content .post p.with_image { padding-left:160px; position:relative; margin-bottom:40px; }
body.page-id-243 #content .post p.with_image img { position:absolute; top:0px; left:0px; }


/*
SUPPORTERS
*/
body.page-id-10 #content { width:880px; }
table#companies{border-width:1px;border-spacing:;border-style:dotted;border-color:gray;border-collapse:collapse;background-color:white;}
table#companies th  {border-width:1px;padding:1px;border-style:dotted;border-color:gray;background-color:white;}
table#companies td { border-width:1px;padding:1px;border-style:dotted;border-color:gray;background-color:white;  }
table#companies td a { display:block; padding:18px; width:132px; height:108px; }
table#companies td a img { width:132px; height:108px; }
table#companies td a span { display:none; text-align:center; font-size:17px; color:#fff; font-weight:bold; margin:-80px auto 0 auto; line-height:18px;  width:100px;}
table#companies td:hover { background-color:#1389ba; cursor:pointer;}
table#companies td:hover a span { display:block; }
table#companies td:hover a img { visibility:hidden; }

#sidebar_employee_stories h3 { font-weight:bold; color:#494949; border:none; }
#sidebar_employee_stories p { color:#606060; font-style:italic; clear:both; }
#sidebar_employee_stories div.hr { margin:40px 0; }
#sidebar_employee_stories .textwidget  { background:transparent url(images/bg_sidebar_rule.gif) repeat-x scroll left bottom; padding-bottom:40px;  }

#sidebar_get_more_info a { display:inline; border:none; color:#1389ba; }
#sidebar_get_more_info .textwidget  { background:transparent url(images/bg_sidebar_rule.gif) repeat-x scroll left bottom; padding-bottom:40px;  }

body.page-id-6 .post h3 { display:block; font-size:1em; margin:50px 0 10px; text-align:left; }
body.page-id-6 .post ol { list-style-type:decimal; font-size:.9em; }
body.page-id-6 .post h2.flird { margin-top:50px; text-align:center; text-transform:uppercase; display:block; }
body.page-id-6 .post h2.flird span { font-weight:normal; color:#004889; letter-spacing:4px; }
body.page-id-6 .post h2.flird strong { color:#004889; letter-spacing:4px; font-size:.7em; display:block; white-space:nowrap; }
body.page-id-6 .post h2.flird em { display:block; font-size:.5em; font-weight:normal; line-height:1.4em; margin-top:8px; color:#797979; }
body.page-id-6 .post h3.as_an { border-bottom:1px dotted #A1A1A1;font-size:0.9em;padding:5px 0;text-transform:uppercase;}
body.page-id-6 .sidebar p {  }

body.page-id-4 h2.flird { margin-top:50px; text-align:center; text-transform:uppercase; color:#004889; font-size:1.2em; letter-spacing:4px; }
body.page-id-4 .post ul { padding:30px 0; border:dotted 1px #a1a1a1; border-left:none; border-right:none; list-style:none; }
body.page-id-4 #content { height:800px; }
.bullet_bg li span { display:block; float:left; background:transparent url('images/big_blue_bullet.gif') no-repeat top left; width:24px; height:24px; line-height:24px; color:#fff; font-weight:bold; text-align:center; margin-right:10px; }
.bullet_bg li { padding:5px 0;}
body.page-id-4 .sidebar blockquote { font-size:1em; border-top:dotted 1px #a1a1a1; margin:40px 0 0; padding:40px 15px; color:#606060;}

body.page-id-2 #award { left:687px; position:absolute; top:10px; }
body.page-id-2 .sidebar { top:220px; }
body.page-id-2 h2.flird { text-transform:uppercase; color:#004889; font-size:1.2em; display:block; letter-spacing:4px; clear:both; height:13px; }
body.page-id-2 h2.flird span { white-space:nowrap; display:block; float:left; width:275px; }
body.page-id-2 h2.flird strong { display:block; float:left; }
body.page-id-2 .post blockquote { 	background:transparent url() top left no-repeat;	color:#787878; }
body.page-id-2 .post blockquote cite { display:block; clear:both; text-align:right; color:#b5b5b5; font-style:italic; font-weight:normal; }
.captioned { display:block; font-size:0.8em; width:260px; }
.captioned img { clear:both;  }

body.page-id-8 .post p { font-size:.8em; }
body.page-id-8 .post ul li { font-size:.8em; }

body.blog .sidebar h2.widgettitle,
body.single  .sidebar h2.widgettitle { display:none; }

body.blog #contentwrap #inner,
body.single #contentwrap #inner { min-height:975px; }


/*
CONTACT FORM
*/
#contactUs { display:none; }
#contact_form h1 { font-size:13px; color:#004889;  letter-spacing:1px; margin-bottom:1.5em; }
#contact_form { display:block; padding:10px 0px; }
#contact_form label { float:left; display:block; height:22px; width:220px; margin-bottom:6px; }
#contact_form input { width:261px; height:22px; margin-bottom:6px; }
#contact_form select { width:261px; height:22px; margin-bottom:10px; }
#contact_form textarea { width:261px; height:60px; margin-bottom:6px; }
#contact_form #submit{cursor:pointer; margin-left:222px; width:auto; padding:2px; }

/* -------------------------------------------------
CLEARS (if needed with further customizations)
------------------------------------------------- */
.clear{clear:both;}
.clearfix{display:inline-block;}
.noborder{border:none !important; vertical-align:middle;}
.left { display:block; float:left; border:none !important; margin:5px;}
.right{ display:block; float:right; border:none !important; margin:5px;}
