/*
Theme Name: SAGE
Author: Obbie King
Author URI: http://blog.purplearth.net/
Version: 0.01
*/



/**
 * Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #f1f1f1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

fieldset {
	min-width: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

img {
	max-width: 100%;
	height: auto;
}

strong {
	font-weight: bold;
}

/* scroll bar fix for MacOS Chrome */
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;	
}

em {
	font-style: italic;
}

/* ---------------
	FONTS
   --------------- */
@font-face {
	font-family: 'Copperplate';
	src: url('fonts/Copperplate-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Copperplate';
	src: url('fonts/Copperplate-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Copperplate';
	src: url('fonts/Copperplate.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'RoughDraft';
	src:url("fonts/ROUGD___.eot") format("eot"),
		url("fonts/ROUGD___.woff") format("woff"),
		url("fonts/ROUGD___.ttf") format("truetype"),
		url("fonts/ROUGD___.svg#RoughDraft") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family: 'HelveticaNeue';
	src: url('fonts/HelveticaNeue.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeue';
	src: url('fonts/HelveticaNeue-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeue';
	src: url('fonts/HelveticaNeue-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'HelveticaNeue';
	src: url('fonts/HelveticaNeue-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face{
	font-family:'FontAwesome';
	/*src:url('fonts/fontawesome-webfont.eot?v=3.2.1');*/
	src:url('fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),
		url('fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'),
	    url('fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'),
	    url('fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype');
	font-weight:normal;
	font-style:normal;
}


/* ----------------------------------------------------
   DOCUMENT
   ---------------------------------------------------- */

body, td, th, p, li {

	font-family: 'HelveticaNeue',helvetica, arial, sans-serif;
	font-size: 16px;
	color: #000;
	margin-bottom: 0.7em;
}

body {

	margin: 0px;
	padding: 0px;
	background-color: transparent;
	background-color: #DBBC84;
}

body, html {

	height: 100%;
	text-align: center; 
}

/* ----------------------------------------------------
   BODY TEXT BASICS
   ---------------------------------------------------- */

.sdnw-content {
	text-align: right;
	line-height: 24px;
}

.projectHeader {
	font-weight: bold;
	font-size: 20px;
}

.sloganText {
	color: #C82;
	font-size: 10pt;
}

.projectList {
	font-size: 24px;
	font-weight: bold;
}

/*** archives and stuff ***/
#sdnw-featured-video {
	padding-top: 25px;
}
.sdnw-project-thumb {
	width: 80%;
}


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

	/* BASIC LINKS */
	
a {
	/*font-weight: bold;*/
}

a:link, a:visited { 
	color: inherit; 
	text-decoration: none;
}

a:hover {
	color: #CD6F34; 
}

a:active {
	color: #000; 
	text-decoration: underline;
}


/* NAVIGATION */

#navigationDiv {
	width: 61.6%;
    z-index: 2;
    height: 230px;
    float: right;
    margin-bottom: 1%;
}

#navigationDiv .main-nav {
    padding: 15px;
    text-align: right;
}	
#navigationDiv .main-nav li {
	font-family: 'RoughDraft';
	font-size: 20px;
	margin-bottom: 0.3em;
	position: relative;
}
/*#navigationDiv .main-nav li a:link, 
#navigationDiv .main-nav li a:visited { 
	color: inherit; 
	text-decoration: none;
}

#navigationDiv .main-nav li a:hover {
	color: #CD6F34; 
	text-decoration: none;
}*/
#navigationDiv .main-nav li ul.sub-menu {
	display: none;
    position: absolute;
    background-color: #c9f;
    right: 76%;
    width: 100%;
    min-width: 200px;
    top: 0;
    padding: 0.3em;
    border: 1px solid #000;
    border-radius:5px;
    z-index: 1;
}
#navigationDiv .main-nav li ul.sub-menu li {
	margin-bottom: 0;
	padding-bottom: 0.15em;
	border-bottom:1px solid #aaa;
	padding-top:0.15em;
}
#navigationDiv .main-nav li ul.sub-menu li:last-child {
	border-bottom: none;
}
#navigationDiv .main-nav li ul.sub-menu li ul.sub-menu {
	z-index: 2;
}
#navigationDiv .main-nav li:hover > ul.sub-menu,
#navigationDiv .main-nav li > ul.sub-menu:hover,
#navigationDiv .main-nav li > ul.sub-menu li:hover > ul.sub-menu,
#navigationDiv .main-nav li > ul.sub-menu li > ul.sub-menu:hover {
	display: block;
}

	/* PROJECT LIST LINKS */
	
a.projectList {

	font-size: 14pt;
	font-weight: bold;
	color: #000; 
}

a.projectList:link, a.projectList:visited { 

	color: #000; 
	text-decoration: none;
}

a.projectList:hover {

	color: #000; 
	text-decoration: underline;
}

a.projectList:active {

	color: #CD6F34; 
	text-decoration: underline;
}

/* ----------------------------------------------------
   MODIFIERS
   ---------------------------------------------------- */

.small {

	font-size: 9pt;
}

.big {

	font-size: 16pt;
}

.orange {

	color: #CD6F34; 
}

.veryTightProjectText {

	line-height: 14px;
}

.tightProjectText {

	line-height: 16px;
}

.mediumTightProjectText {

	line-height: 20px;
}

.alignLeft {

	text-align: left;
}

.alignCenter {

	text-align: center;
}


/* temporary border for dev */
/*div { border:1px dotted #777777;}*/


/* ----------------------------------------------------
   WRAPPER DIVs
   ---------------------------------------------------- */

	 #outerDiv {
	 	top: 0;
		left: 0px;
		width: 100%;
		text-align: center;
	 }
	 
	 /* end IE 5 hack */ 
		  
	#middleDiv {
		background:  url('images/nav/bglogo.gif') no-repeat;
		margin: 0 auto;
		width:100%;
		max-width: 1125px;
		height: 905px;
		background-size: contain;
	}	
		
	#innerDiv {
		width: 87.9%;
		height: 690px;
		background-color: transparent;
		z-index: 1;
		margin-left:0.3%;
		padding-top:7%;
		position: relative;
	}
	#colophon {
		width: 87.8%;
		margin-left:0.5%;
		padding-top: 0.4%;
	}

/* ----------------------------------------------------
   CONTENT DIVs
   ---------------------------------------------------- */
	#sdnw-site-title {
	    position: absolute;
	    top: 2.5%;
	    left: 1%;
	    font-family: RoughDraft;
	    font-size: 50px;
	    color: #482408;
	}
	#sdnw-site-title a {
	    color: inherit;
	    text-decoration: none;
	    font-weight: inherit;
	}
	#sdnw-site-title a:hover {
	   	color: #cd6f34;
	}
	#sdnw-site-title #sdnw-logo {
		display: none;
	}

	#mainContentDiv {
		width: 61.8%;
		height:522px;
		z-index: 2;
		float: left;
		overflow-y: auto;
		padding:0 5.5% 0 5%;
		margin:3.5% auto 3%;
	}
	#mainContentDiv div.sdnw-content {
		z-index: 100;
	}

	#mainContentDiv,
	#sidebar-column {
		padding-top:0.25%;
	}

	#sidebar-column {
	    width: 37.9%;
	    float: right;
	    height: 100%;
	}

	#sdnw-extras {
		width: 100%;
	    height: 294px;
	    z-index: 2;
	    clear: both;
	    padding: 0 5%;
	    margin:10% auto 5%;
	    overflow-y: auto;
	}
	#mainContentDiv div.sdnw-content .gallery figure.gallery-item,
	#sdnw-extras .gallery figure.gallery-item {
		margin:0;
		margin-bottom:15px;
	}

	#logoDiv {
		width: 36.9%;
	    height: 141px;
	    z-index: 2;
	    float: left;

	    font-family: Copperplate;
	    text-align: left;
	    font-size: 24px;
	    padding-top: 1%;
	    padding-left: 3%;
	    color:#CD6F34;
	}
	#logoDiv .sdnw-altcolor {
		font-weight: bold;
		color:#000;
	}
	#logoDiv img.logo-image {
		float: right;
	}

	#announcementDiv {
	    clear: both;
	    text-align: left;
	    padding-left: 5px;
	    padding-top: 35px;
	}
	
	#feetDiv {
		width: 22.7%;
	    height: 89px;
	    z-index: 2;
	    float: left;
	    padding-top: 1.1%;
	}
	#feetDiv img {
		width:62.1%;
		margin-top: 7%;
	}
	
	#mugDiv {
	    width: 13.4%;
	    height: 54px;
	    z-index: 2;
	    float: left;
	    margin-left: 0.9%;
	    padding-top: 0.8%;
	    overflow: hidden;
	}
	
	#centerDiv {
		width: 13.5%;
	    height: 35px;
	    z-index: 2;
	    float: left;
	    padding-top: 1.1%;
	    margin-left: 0.8%;
	    overflow: hidden;
	}
	#centerDiv img,
	#mugDiv img {
		width:99%;
	}
	
	#badgeDiv {
		z-index: 2;
	    padding-top: 15px;
	    padding-right: 16%;
	    float: right;
	}
	
	#phoneDiv {
	
		position: absolute; 
		top: 74px; 
		left: 816px; 
		width: 26px;
		height: 196px;
		z-index: 2;
	}
	
	#eMailDiv {
	
		position: absolute; 
		top: 269px; 
		left: 816px; 
		width: 26px;
		height: 314px;
		z-index: 2;
	}

	#sdnw-contact-info {
	    text-align: center;
	    border-top: 4px solid #000;
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    line-height: 1.5em;
	    font-size: 14px;
	}
	#sdnw-contact-info #sdnw-email-link {
		width: 61.8%;
		float: left;
	    background-color: #482408;
	}
	#sdnw-contact-info #sdnw-phone {
		background-color: #613810;
	    width: 37.9%;
	    float: right;
	    margin-right: 0%;
	}
	#sdnw-contact-info a {
		font-weight: normal;
	    color: white;
	    letter-spacing: 0.5em;
	}
	#sdnw-contact-info a:hover {
		color:#CD6F34;
		text-decoration: none;
	}

/*--------------------------
 *	CONTENT
 *--------------------------*/
.sdnw-content .page-header {
	margin-bottom: 1em;
}
.sdnw-content .page-header h1.page-title,
.single .sdnw-content h1.entry-title {
	font-family: RoughDraft;
	font-size: 30px;
    margin-bottom: 0.15em;
}
.single .sdnw-content .entry-header .sdnw-status {
    width: 15%;
    float: left;
}
.sdnw-content .page-header .taxonomy-description p {
	font-size: 1.2em;
}

.archive .sdnw-content article {
	padding-bottom:0.5em;
    margin-bottom: 1em;
	border-bottom: 1px solid #777;
}
.archive .sdnw-content article:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
.sdnw-content h2.entry-title {
	font-family: HelveticaNeue;
    font-size: 20px;
    padding-bottom: 0.25em;
    font-weight: bold;
}
.sdnw-content .archive-thumb {
    width: 50%;
    margin-right: 1.5%;
    float: left;
}
.sdnw-content .archive-thumb img {
	display: block;
}
.archive .sdnw-content .archive-thumb figure.gallery-item {
	margin:0;
	padding:0;
}
.category-projects .sdnw-content .archive-teaser {
    width: 48.5%;
    float: right;	
}
.category-projects .sdnw-content .archive-teaser .entry-header h2.entry-title {
	display: block;
    width: 79%;
}
.category-projects .sdnw-content .archive-teaser .entry-header .sdnw-status {
    float: right;
    width: 19%;
    margin-left: 2%;
}

/* single-post navigation links */
.sdnw-single-nav-links {
	display: block;
}
.sdnw-single-nav-links a.sdnw-prevnav {
	float: left;
}
.sdnw-single-nav-links a.sdnw-nextnav {
	float:right;
}

a.sdnw-alert {
	color:red;
	font-weight: bold;
}
a.sdnw-alert:hover {
	color:#008800;
}

/*--------------------------
 *	EXTRA-CONTENT (SIDEBAR)
 *--------------------------*/
#sdnw-extras aside.widget {
	margin-bottom: 1em;
}
#sdnw-extras aside.widget_search {
    width: 100%;
    padding: 0.25em 2.5%;
    background: #fff;
    border: 2px solid #000;
    border-radius: 10px;
}
#sdnw-extras aside.widget form.search-form {
	
}
#sdnw-extras aside.widget form.search-form .screen-reader-text {
	display: none;
}
#sdnw-extras aside.widget form.search-form input.search-input {
	color: #000000;
    font-size: 20px;
    width: 84%;
    display: block;	
    margin:auto;
    background-color: transparent;
    border: none;
    display: inline-block;
}
#sdnw-extras aside.widget form.search-form input.search-submit {
    width: 14%;
    background-color: transparent;
    box-sizing: border-box;
    padding: 0;
    border: none;
    font-family: FontAwesome;
    font-size: 20px;
    color: #000;
    cursor: pointer;
    display: inline-block;
}
/*#sdnw-extras aside.widget .widget-title { */
#sdnw-extras h2 {
	font-family: RoughDraft;
	font-size: 1.4em;
    margin-bottom: 0.15em;
}
/*#sdnw-extras aside.widget.widget_recent_entries_wteasers ul li {*/
#sdnw-extras ul li {	
	text-align: left;
}
#sdnw-extras ul li h3 {
	font-family: RoughDraft;
}
#sdnw-extras li p {
	font-size: 0.8em;
}
#sdnw-extras li div.widget-thumb {
	width:20%;
	float:left;
	margin-right: 1%;
}
#sdnw-extras li div.widget-teaser {
	width:79%;
	float:left;
	font-size: 0.8em;
}

/*--------------------------
 *	FOOTER
 *--------------------------*/
#colophon p#breadcrumbs {
	text-align: left;
    margin: 15px 0 10px 7.5%;
    float:left;
}

/* Hide mobile menu on non-mobile screens */
#sdnw-mobile-nav {
	display: none;
}
#sdnw-mobile-nav p {
	font-family: RoughDraft;
    background-color: #000;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 0;
    text-align: center;
}
#sdnw-mobile-nav .mobile-nav {
	display: none;
}

@media only screen and (max-width: 959px) {
	#middleDiv {
	     background-size: 113% auto; 
	}
	#innerDiv {
	    width: 99.2%;
	    padding-top: 7.8%;
	}
	#colophon {
		width:100%;
	}
}

@media only screen and (max-width: 870px) {
	#sdnw-site-title {
		font-size: 36px;
	}
	#logoDiv {
		line-height: 20px;
	}
}

@media only screen and (max-width: 767px) {
	#navigationDiv .main-nav li {
		font-size: 17px;
	}
}

@media only screen and (max-width: 725px) {
	#logoDiv {
		line-height: 17px;
		font-size: 20px;
	}
}

@media only screen and (max-width: 640px) {
	body {
		min-width: 560px;
	}
	body, td, th, p, li {
		font-size:12px;
	}
	#navigationDiv .main-nav li {
	    font-size: 14px;
	}
	#sdnw-site-title {
	    font-size: 30px;
	}
	#logoDiv {
	    line-height: 14px;
	    font-size: 16px;
	}
	.sdnw-content .page-header h1.page-title, 
	.single .sdnw-content h1.entry-title {
		font-size: 24px;
	}
	.sdnw-content h2.entry-title {
		font-size: 16px;
	}
	#sdnw-contact-info {
		font-size: 12px;
	}
}

@media only screen and (max-width: 560px) {
	#badgeDiv {
		padding-right: 5%;
		padding-top:5px;
	}
	#colophon p#breadcrumbs {
		margin: 10px 0 5px 5%;
	}
}

@media only screen and (max-width: 560px) and (orientation: portrait) {
	body {
		min-width: auto;
	}
	#middleDiv {
		background-image: none;
		height: auto;
	}
	#innerDiv {
	    padding-top: 0;
	    width: 100%;
	    height: auto;
	}
	#sdnw-site-title {
		position: static;
		padding-bottom: 10px;
	}
	#sdnw-site-title #sdnw-title-text {
	    max-width: 65%;
	    float: left;
	}
	#sdnw-site-title #sdnw-logo {
		display: block;
		max-width: 100px;
		float: right;
	}
	#mainContentDiv {
		width: 100%;
		float: none;
	}
	#sdnw-contact-info {
		position: fixed;
	}
	#sdnw-contact-info #sdnw-email-link,
	#sdnw-contact-info #sdnw-phone {
	    width: 100%;
	    float: none;
	}
	#sidebar-column {
		display: none;
	}

	#sdnw-mobile-nav {
		display: block;
	}
	#sdnw-mobile-nav p:hover {
		cursor: pointer;
	}
	#sdnw-mobile-nav .mobile-nav {
		position: absolute;
		width: 100%;
		background-color: #ccc;
		max-height: 25em;
		overflow: scroll;
	}
	#sdnw-mobile-nav .mobile-nav.showme {
		display: block;
		z-index: 2;
	}
	#sdnw-mobile-nav .mobile-nav li {
	    border-top: 1px #777 dotted;
	    margin-bottom: 0;
	}
	#sdnw-mobile-nav .mobile-nav li a {
		display:block;
		font-family: RoughDraft;
	    font-size: 14px;
	    line-height: 20px;
	    margin-bottom: 0;
	    padding: 5px 0 5px 5%;
	    text-align: left;	
	}
	#sdnw-mobile-nav .mobile-nav li a:hover {
		background-color: #000;
		color:#fff;
	}

	#sdnw-mobile-nav .mobile-nav li ul.sub-menu li a {
		padding-left:10%;
	}
	#sdnw-mobile-nav .mobile-nav li ul.sub-menu li ul.sub-menu li a {
		padding-left:20%;
	}
	#sdnw-mobile-nav .mobile-nav li ul.sub-menu li a:hover {

	}
}