/*
Theme Name: 	Starkers
Theme URI: 		http://viewportindustries.com/products/starkers
Description: 	The totally nude Wordpress theme!
Version: 		4.0
Author: 		Elliot Jay Stocks & Keir Whitaker
Author URI: 	http://viewportindustries.com
Tags: 			starkers, naked, clean, basic
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ font-family: "open-sans", Helvetica, Arial, sans-serif; /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

/*-----------------------------------------------------
              >> Blueprint Default CSS <<
              
This is the default Blueprint stylesheet. You're free
to modify it however you wish, or replace it entirely.              
              
-----------------------------------------------------*/

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, sub, sup, tt, var,
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-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {
  font-family: "open-sans", Helvetica, arial, sans-serif;
}

a img {
  border: none;
}

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

a:hover, a:active {
  color:#bfbb6d;
}

p a {
  text-decoration:underline;
}

p.more {
  text-align:right;  
}

p.more a {

  font-weight:bold;
  text-decoration:none;
}

/*-----------------------------------------------------
                     >> Layout <<
-----------------------------------------------------*/
.container {
  width:100%;
/*  position:relative;*/
  margin:0 auto;
  background:#fff;
}

header {border-bottom:1px solid #e3e3e3; position: relative; overflow: visible; z-index: 100000; }

header .inner {width:1100px; margin:0 auto; overflow: visible; position: relative; height:175px;}

.content {
  float:left;
  width:480px;
  margin-bottom:30px;
  font-size:13px;
  line-height:140%;
  color:#333;
  height: auto !important; /* for modern browsers */
  height: 350px; /* for IE5.x and IE6 */
  min-height: 350px; /* for modern browsers */  
  z-index:1000;
}
.home_content {
  margin:50px auto;
  width:363px;
  text-align:left;
  height: auto !important; /* for modern browsers */
  height: 350px; /* for IE5.x and IE6 */
  min-height: 350px; /* for modern browsers */  
}
.wide {
  width:540px;
}

.sidebar {
  padding:20px 0 40px 50px;
  list-style:none;
  float:left;
  width:230px;  
  z-index: 1000;
}

.footer {
  padding:50px 0 20px 0;
  clear:both;
/*  position:absolute;*/
  width:100%;
  bottom:0;
  left:0;
  background-color: #002d55;
}
/*-----------------------------------------------------
                  >> Navigation <<
-----------------------------------------------------*/

/*-----------------------------------------------------
                  >> Basic Typography <<
-----------------------------------------------------*/

#mainbody {width:1100px; margin:40px auto; overflow: visible; z-index: 1; position: relative;}
#mainbody h1 {font-size: 40px; color:#dc7d00;}
h1.homequote {font-size:40px!important; text-align: center; width:90%; margin:0 auto; color:#dc7d00;}
#mainbody a {color:#dc7d00;}

.siteTitle {
  background:url('/images/logo.png') center center no-repeat;
  font-size:0px;
  color:#003153;
  overflow:visible;
  width:254px;
  height:72px;
  float:left;
  padding:80px 0 0 0; 
}

#homecontent {margin:30px 0 30px 0; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; width:100%; padding:10px 0;
}

.homefooter {width:100%; background: #f4f4f4; padding:20px;}

.homefooter_inner {width:1100px; margin:0 auto; overflow: hidden;}

.homecolumn {width:30%; margin-right:4%; float:left;}
.homecolumn.last {margin-right:0;}
.homecolumn h3 {color:#002d55; font-size: 22px; margin-bottom:20px;}
.homecolumn p {font-size: 13px;}

.searchbox {position:relative; width:70px; text-align:right; float:right; padding:20px 0 0 0!important;}
.searchbox p {padding:30px 40px 0 0; }

#nav {clear:right; float:right; position: absolute; right:0; bottom:0; padding:0; margin:0; overflow: visible;}

#nav ul {padding:0; margin:0;}
#nav li {display: inline-block; margin-left:30px;}
#nav li a {font-weight: bold; text-transform: uppercase; color:#002d55; display: block; height:45px;}
#nav li a:hover {background: url('/images/menu_arrow.png') no-repeat bottom center;}

#nav li.current_page_item a, #nav li.current_page_ancestor a {background: url('/images/menu_arrow.png') no-repeat bottom center; color:#dc7d00;}





#nav ul {
	list-style: none;
	margin:0;
	padding:5px;
}
#nav li {
	padding:10px;
	display:block;
	list-style: none;
	float:left;
	margin-right:15px;
	height:25px;
	text-transform: uppercase;
	z-index:100000;
overflow: visible;
}
#nav li a {
	text-decoration: none;
}
#nav li:hover {
}

#nav ul ul {
 display: none;
}


#nav ul li:hover ul {
 display: block;
 position: absolute;
 padding-left: 0;
}

#nav li li {
	background: none;
	width:94%;
	color:#333;
	padding:0px;
	margin-left:10px;
}
#nav li li a {
	color:#666;
	padding:5px;
	width:100%;
}
#nav li li:hover {

}

.sub-menu {
left:0px;
top:55px;
	width:200px;
	background:#e3e3e3;
	position: relative;
	z-index:1000;
}
.sub-menu li {
	background:none;
	color:#000;
}
.sub-menu li a {
	background:none;
	text-transform: uppercase;
	letter-spacing: 0;
	background: none!important;
	
}
.sub-menu li a:hover {
		background: none!important;
}






em, i {
  font-style:italic;
}

h1, h2, h3 {font-family: "HelveticaNeueLT-Medium";}

h1 {
  font-size:16px;
  margin-top:2px;
  margin-bottom:15px;
  color:#474739;
}

h2 {
  font-size:13px;
  font-weight:bold;
  margin-bottom:10px;
  color:#474739;
}

h4 {
  margin-top:20px;
  margin-bottom:6px;
}

p,li, li p {
  font-size:14px;
  line-height:180%;
  margin-bottom:17px;
  color:#333;
}

.home p {
  line-height:150%;
}

ul, ol {
  margin:0;
  padding:0;
  padding-left: 40px;
  margin:18px 0 21px 0;
}

li {
  line-height:140%;
  margin:0 0 9px 0;
/*  width:90%;*/
  font-size:14px;
  list-style: disc;
}

li li {
  font-size:12px;
  line-height:130%;
  list-style: disc;
}

ol ol {
  list-style-type: lower-alpha;
}

blockquote {
  padding:0;
  margin:20px 30px;
}

.person p.big, p.big {
  font-size:120%;
  margin:20px 30px;
}

blockquote p, .person blockquote p {
  padding:0;
  margin:0;
  font-style:italic;
  width:100% ! important;
}

blockquote cite {
  font-style:italic;
  font-size:90%;
}

.footer p {
  font-size:11px;  
  color:#fff;
  text-align:center;
  margin-bottom:0;
  width:100%;
}

.footer a {
  color:#fff;
  text-decoration: none;
  border-bottom:1px solid #fff;
}


/*-----------------------------------------------------
                  >> Sidebar <<
-----------------------------------------------------*/

.sidebar p {
  font-size:12px;
  width:85%;
  line-height:140%;  
}

.sidebar h2 {
  font-size:13px;
  color:#474739;  
  font-weight:bold;  
  margin:0 20px 9px 32px;
}

.sidebar h3.noIndent {
  margin-left:0;
}

.announcement {
  margin-bottom:25px;
}

.announcement p {
  font-size:13px;
  margin-bottom:8px;
}

a.downloadLink {
  overflow:hidden;
  display:block;
  width:100%;
  margin-bottom:10px;
}

.pdfIcon {
  float:left;
  margin-right: 7px;
}
.pdfLabel {
  float:left;
  display:block;
  padding-top:3px;
  font-size:11px;
  width:120px;
}
/*-----------------------------------------------------
            >> Standard Image Handling <<
-----------------------------------------------------*/

img.small {
  float:left;
  margin:0 14px 14px 0;
  border:1px solid #eee;
  padding:4px;
  background:#fff;
}
img.alignleft {
  float:left;
  margin:0 14px 14px 0;
  border:1px solid #eee;
  padding:4px;  
}
img.alignright {
  float:right;
  margin:0 0 14px 14px;
  border:1px solid #eee;
  padding:4px;
}
img.large {
  width:100%;
  margin:0 0 18px 0;
  border:1px solid #eee;
  padding:4px;
  background:#fff;  
}

/*-----------------------------------------------------
                  >> People <<
-----------------------------------------------------*/

.person {
  overflow:hidden;
  width:100%;
  margin-bottom:30px;
}
.person p {
  font-size:12px;
  line-height:150%;
}

.person h2 span {
  font-style:italic;
  font-weight:normal;
}

.person img, img.head {
  float:left;
  width:100px;
  margin: 0 12px 10px 0;
}


/*-----------------------------------------------------
                     >> Blog & News <<
-----------------------------------------------------*/

.post {
  margin-bottom:50px;
}

.date {
  font-size:11px;
  color:#000;
  font-weight:normal;
  padding-left:4px;
}

p.numberComments {

  font-size:12px;
  text-align:right;
  margin-top:25px;
  color:#003153;
}

.pagination {
  margin-top:15px;
  width:90%;
  text-align:right;
  font-size:11px;
}

.pagination ul {
  margin-top:4px;
  float:right;
  list-style:none;
  font-size:11px;
}

.pagination ul li {
  border-right:1px solid #444;
  padding:0 4px;
  float:left;
}

p.bio img {
  float:left;
  margin:0 9px 6px 0;
  border:1px solid #eee;
}

/*-----------------------------------------------------
                     >> Events <<
-----------------------------------------------------*/

.event {
  margin-bottom:50px;
}


/*-----------------------------------------------------
            >> Documents By Year <<
-----------------------------------------------------*/

table {
  font-size:11px;
  width:100%;
  margin: 0 0 50px 0;
  border-collapse:collapse;
}

tr td {
  border-top:1px solid #ddd;
  padding: 8px 0 5px 0;
}

tr th.date {
  width: 80px;
  padding-right:6px;
}

tr th.title {
  width:100px;
  padding-right:6px;  
}

tr th.desc {
  width:220px;
}

tr th.link {
  text-align:right;
  font-weight:bold;
}


/*-----------------------------------------------------
                  >> Contact Form <<
-----------------------------------------------------*/

form {
  width:90%;
  padding:0;
  margin-top:20px;
}

fieldset {
  padding:0;
}

label {
  display:block;
  color:#474739;
  font-size:12px;
/*  text-transform:uppercase;*/
}

fieldset input {
  width:85%;
  font-size:15px;
  margin-bottom:10px;

}

fieldset textarea {
  width:100%;
  font-size:15px;
  line-height:130%;
  font-family: inherit;
}

p.submit {
  text-align:center;
  margin-top:10px;
  width:100%;
  overflow:hidden;
}

.submit input {
  font-size:14px;
}


/*-----------------------------------------------------
                     >> Search <<
-----------------------------------------------------*/

div.siteTitle form {
  position:relative;
  float:right;
  width:280px;
  margin-top:-4px;
}

/*-----------------------------------------------------
                     >> Links <<
-----------------------------------------------------*/

dl.links dt {
  font-weight:normal;
}

.links dt img {
  float:left;
}

dl.links dd {
  margin-bottom:20px;
}

dl.links dd p {

  font-size:13px;
  margin:0;
}


footer .menu {text-align: center;}
footer .menu li {display: inline-block; margin:0 10px;}
footer .menu li a {text-decoration: none;}

#bodyleft {float:left; width:25%;}
#bodyright {float:right; width:72%; margin-bottom: 100px;}


#bodyleft h3, #bodyleft h2 {text-transform: uppercase; color:#002d55;}
#bodyleft li {list-style: none;}
#bodyleft ul {padding:0;}
#bodyleft li a {font-size: 18px; line-height: 34px;}
#bodyleft li.current-menu-item a {border-bottom: 1px solid #ccc; font-weight: bold;}


#homeslider {margin-top:60px;}

#bodyright h1 {margin-bottom:40px;}
#bodyright .blogpost {clear:both; margin:0 0 40px 0; overflow: hidden;}
#bodyright .blogpost h3 {font-size: 18px;}
#bodyright h2.blogtitle {font-size: 28px; color:#cc6437;}

#bodyright .blogdate {font-size: 11px; text-transform: uppercase; color:#999;}

#bodyright .post-categories {padding-left:0;}
#bodyright .post-categories li {list-style:none; font-size: 11px; text-transform: uppercase; color:#999; margin:0; padding:0;}
#bodyright .post-categories a {color:#999;}

#bodyright .case_meta {margin:20px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 20px; overflow: hidden; background: #f4f4f4;}
#bodyright .case_meta p {float:left; width:48%; margin-right:2%; font-size: 12px;}
#bodyright .case_meta p span {display: block; float:left; width:40%; font-weight: bold; height:30px;}
#bodyright .case_meta h4 {color:#cc6437; font-size: 16px; margin-bottom:20px; margin-top:5px;}

#bodyright h2 {color:#002d55; font-size: 18px; border-bottom: 1px solid #ccc; margin-bottom:20px;}

#bodyright .blogthumb {width:230px; float:left; margin-right:30px;}

#bodyright a.readmore_link {display: inline-block; padding:5px 15px; color:#fff; text-transform: uppercase; font-weight: bold; background: #cc6437; font-size: 12px; text-decoration: none;}
#bodyright a.readmore_link:hover {background: #002d55;}
.slide-caption {position: absolute; bottom:40px; left:0; display: inline-block; background: #fff; opacity: 0.7; padding:10px; font-size: 30px!important; font-family: "HelveticaNeueLT-Medium", Helvetica, Arial; color:#002d55;}
.slide-caption p {font-size: 30px!important; color:#002d55; margin:0; padding:10px;}
.slide-caption a {color:#002d55; text-decoration: none; border-bottom: 1px solid #002d55;}


.ui-accordion {font-size: 11px; text-transform: uppercase; color:#999; font-family: "Open Sans", "open-sans", sans-serif;}
h3.ui-accordion-header {font-size: 14px; font-weight: bold; text-transform: none; background-color:#fff; border:none; border-bottom: 1px solid #ececec; margin:20px 0 10px 0; background: url('/images/expand.png') no-repeat right center; padding-right:180px!important;}
h3.ui-accordion-header-active {background:url('/images/collapse.png') no-repeat right center;}
.ui-accordion-content {text-transform: none; border:none; font-size: 14px; line-height: 160%; margin: 0 0 20px 0;}
.accordion-item {background: none; border:none;}
h2.accordion-h2 {font-size: 11px; text-transform: uppercase; color:#999;}


.past-grant {width:30%; float:left; margin-right:1%; margin-bottom: 1%;}
.past-grant a {display: block; width:100%; height:120px; background: #4783b5;}
.past-grant a span {display: block; position: absolute; bottom:10px; left:15px; width:90%; color:#fff; font-size: 12px;}

.front_blog a {text-decoration: none;}

.widget_recent_entries li a {line-height: 24px!important;}

.flex-pauseplay {display: none;}

.wp-caption-text {width:100%; margin:10px 0 20px 0; border-top:1px solid #cecece; padding-top:10px;font-size: 12px; color:#999; font-style: italic;}

.alignleft {float:left; margin:0 15px 15px 0;}
.alignright {float:right; margin:0 15px 15px 0;}
/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (max-width:600px) {

		#mainbody {width:98%;}
		header {margin-top:0px; z-index:1000; padding-top:20px;}
		header .inner {width:98%;}
		.siteTitle {display: block; float:none; margin:0 auto;}
		#nav {clear:both;}
		.searchbox {display: none;}
		#responsive-menu {z-index:100000000000;}
		#bodyleft {width:100%; text-align:center; border-bottom: 1px solid #ececec; margin-bottom: 40px;}
		#bodyleft li {width:96%; margin:0 2%;}
		#bodyleft li li {display: inline-block; margin:0 2%;}
		h2.widgettitle {width:100%;}
		#bodyright {width:96%; padding:2%;}
		#bodyright img {max-width:100%; height:auto;}
		.responsive-menu .sub-menu {top:0;}
		.past-grant {width:98%;}
		.homefooter {padding:0;}
		.homefooter_inner {width:100%;padding:0;}
		.homecolumn, .homecolumn.last {width:90%; float:none; margin:0 auto; padding:0;}
		#bodyright .case_meta p {width:98%; margin:0 auto; float:none; height:40px;}
		
}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color:#c0c0c0;}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {color:#fff!important; background-color:#dc7d00;}

.variations_form {padding:5px; background:#f0f0f0;}
.variations label, .variations select, .variations input, .nyp label, .nyp input {font-size:140%!important; width:99%!important;}
.nyp label, .nyp input {font-size:120%!important;}
.product_meta, .woocommerce-tabs {display: none!important;}