/*  
Theme Name: Shepherd Interactive 2.0
Theme URI: http://www.shepherd-interactive.com/
Description: Initial attempt at porting new Shepherd site to WordPress.
Version: 1.0
Author: Weston Ruter
Author URI: http://weston.ruter.net/

*/

/*** CSS Reset by Erik Meyer: v1.0 | 20080212 ************************/

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;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	/*content: 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;
}

/* Additions ***/

address {
	display:inline;
	font-style:normal;
}

header,
footer,
article,
nav,
section {
	display:block;
}

/* End CSS Reset ****************************************************/

html,body {
	background-color:#9fb1bd;
	font-family:Arial,Helvetica,Sans-serif;
}
html.loading,
html.loading * {
	cursor:progress !important;
}
body {
	/*padding-left:10px;
	padding-right:10px;*/
	padding-top:8px;
	max-width:960px;
	min-width:720px;
	/*max-width:720px;*/
	margin-left:auto;
	margin-right:auto;
}
hr {
	border:0;
	margin-bottom:1.5em;
	background-color:transparent;
	height:0px;
	border-bottom:dotted 1px white;
}
#shadowbox_body {
	background-color:white !important;
}

/********** Site Header *****************************************************/


#site-header {
	background-color:#E0E5E9;
	height:48px;
}
#site-header h1 {
	padding-top:6px;
	height:39px;
	float:right;
}
#site-header h1 svg,
#site-header h1 div.html5-svg {
	margin-right:4px;
}
#site-header h1 a.fallback { /*fallback content*/
	white-space:nowrap;
	display:block;
	float:right;
	width:221px;
	height:39px;
	text-indent:-100000px;
	display:block;background-image:url(/wp-content/themes/si-2.0/images/shepherd-interactive-logo.svg.gif); width:221px; height:38px;
	
	/*background-image:url(./images/header_logo2.gif);*/
	
	
	/*text-align:right;
	height:38px;
	margin-top:9px;
	margin-right:2px;
	
	width:221px;
	display:block;
	float:right;
	background-repeat:no-repeat;
	background-position:0 8px;
	cursor:pointer;*/
}
/* Needed for Firefox 1.0 so that title does not show up */
#site-header h1 svg title {
	position:absolute;
	left:-1000px;
}

#jumplink { /*Hide web accessibility elements */
	display:none;
}



/**** Breadcrumbs **********************************************************************************************/
html.is-flash-navigation ul#navigation,
html.is-flash-navigation #portfolio-previews,
html.is-flash-navigation #portfolio-project-link,
html.is-flash-navigation #breadcrumbs
{
	display:none !important;
}

body.portfolio #breadcrumbs { /*body.portfolio\:\:projects #breadcrumbs*/
	display:none !important;
	visibility:hidden;
}
#breadcrumbs .separator,
#breadcrumbs .label,
#breadcrumbs a.home{
	display:none;
}
#breadcrumbs {
	position:absolute;
	top:200px;
	left:440px;
	padding-left:20px;
	font-family:"SI Uniform Condensed Regular", Arial Narrow;
	font-weight:normal;
}
#breadcrumbs a {
	display:block;
	text-decoration:none;
}
#breadcrumbs .level-2 {
	text-transform:uppercase;
	font-size:2em;
	text-indent:-20px;
}

#breadcrumbs .level-4 {
	display:none;
}

body.home #breadcrumbs {
	display:none;
}
body #intro {
	display:none;
}
body.home #intro {
	display:block;
	position:absolute;
	top:90px;
	left:525px;
	font-size:1.5em;
	text-transform:uppercase;
	font-family:"SI Uniform Condensed Regular", Arial Narrow !important;
	font-weight:normal;
}
body.home #intro .we-deliver {
	color:#2D4757;
}
body.home #intro .solutions {
	color:#F15F22;
}

body.home #content p.newsletter-signup {
	text-align:right;
	font-weight:bold;
	margin-bottom:0;
	margin-top:-30px;
	position:relative;
}

/**** NAVIGATION **********************************************************************************************/

#navigation-container {
	background-color:white;
	/*background-image:url(images/photo_home.jpg);*/
	background-position:right 0px;
	background-repeat:repeat-x;
	/*min-height:283px;
	min-height:400px;*/
	height:350px;
	width:100%;
	position:relative;
}
#navigation-container object,
#navigation-container embed {
	display:block;
}

html.not-landed #navigation-container{
	visibility:hidden;
}
html.not-landed #portfolio-previews {
	display:none;
}

ul#navigation ul.level-2 {
	width:170px;
}
ul#navigation li ul {
	display:none;
}
ul#navigation li.current_page_item ul,
ul#navigation li.current_page_parent ul,
ul#navigation li.current_page_ancestor ul{
	display:block;
}
ul#navigation li {
	display:block;
}
ul#navigation li.level-1 { /* MSIE */
	float:left;
}
ul#navigation a,
ul#navigation span.title{
	display:block;
	text-decoration:none;
}
ul#navigation a {
	cursor:pointer;
}

ul#navigation .button {
	display:inline;
}

/** First (Root) Level -----------------*/

ul#navigation a.level-1 {
	color:white;
	opacity:.8;
}
ul#navigation a.level-1 {
	background-image:url(images/navigation-buttons.png);
	background-color:#8B9FAA;
	background-repeat:no-repeat;
	display:block;
	width:29px;
	height:349px;
	text-indent:-10000px;
	white-space:nowrap;
	text-transform:uppercase;
	
	padding:0px;
	font-weight:bold;
	border-left:solid 1px white;
	border-top:solid 1px white;
	
}


ul#navigation a.level-1 * {
	cursor:pointer;
}
ul#navigation li.current_page_ancestor a.level-1,
ul#navigation li.current_page_item a.level-1 {
	opacity:.98;
	background-color:#617B8B;
}
ul#navigation li a:hover {
	background-color:#395161;
	opacity:.98;
}

#navigation a.level-1 {
	float:left;
}

h2.page-title {
	font-family:Verdana, Arial, Helvetica, sans-serif; /*Ultra Condensed Regular??*/
	font-size:16pt;
	font-weight:bold;
	text-transform:uppercase;
}


/* For Safari 2 */
ul#navigation a.level-1 svg *
{
	height:0;
	text-indent:-1000px;
}
ul#navigation a.level-1 svg image {
	display:inline;
}
ul#navigation a.level-1 * {
	width:29px; height:283px; display:block;
}


/** Second (Leaf) Level ----------------------------*/

ul#navigation ul.level-2 {
	background-color:#677985;
	border-left:solid 1px white;
	border-top:solid 1px white;
	height:349px;
	float:left;
	overflow:auto;
}
ul#navigation span.level-2,
ul#navigation a.level-2 {
	padding-left:1.5em;
	padding-top:4px;
	padding-bottom:4px;
	font-size:10pt;
	color:white;
	opacity:1;
	text-transform:lowercase;
}
ul#navigation li.page-item-242 a.level-2 { /* Case Studies */
	padding-left:1.5em !important;
	text-transform:lowercase !important;
}
ul#navigation a.level-2:hover,
ul#navigation a.level-2:active,
ul#navigation a.level-2:focus {
	background-color:#84929B;
}

ul#navigation li.level-1 ul.level-2 li.current_page_item span.level-2,
ul#navigation li.level-1 ul.level-2 li.current_page_item a.level-2,
ul#navigation li.level-1 ul.level-2 li.current-cat a.level-2,
ul#navigation li.level-1 ul.level-2 li.current-cat span.level-2{
	background-color:#CE653A;
}
ul#navigation ul.level-2 li.current_page_ancestor a.level-2 {
	text-transform:uppercase !important;
}
ul#navigation ul.level-2 li.current_page_ancestor a.level-3 {
	padding-left:30px;
}

/** Second (Parent) Level ----------------------------------*/

ul#navigation li.level-1 li.current_page_parent a.page_parent,
ul#navigation li.level-1 li.current_page_parent span.level-2
/*#site-header ul#navigation li.page-item-6 ul.level-2 a.level-2 */
{
	background-color:#F15F22;
}

ul#navigation li.level-1 ul.level-2 a.page_parent,
ul#navigation li.level-1 ul.level-2 span.level-2
/*#site-header ul#navigation li.page-item-6 ul.level-2 a.level-2 */
{
	text-transform:uppercase;
	padding-left:.75em;
}


/** Third (Leaf) Level --------------------------*/

ul#navigation a.level-3 {
	padding-left:1.5em;
	padding-top:4px;
	padding-bottom:4px;
	font-size:10pt;
	color:white;
	opacity:1;
}
ul#navigation a.level-3:hover,
ul#navigation a.level-3:active,
ul#navigation a.level-3:focus {
	background-color:#84929B;
}

ul#navigation ul.level-3 li.current-cat a.level-3,
ul#navigation ul.level-3 li.current_page_item a.level-3 {
	background-color:#CE653A;
}

ul#navigation ul.level-2 li ul.level-3 {
	display:none;
}
ul#navigation ul.level-2 li.current_page_parent ul.level-3 {
	display:block;
	margin-bottom:5px;
}












/**** Main Page Content ******************************/

#content h2 {
	font-size:18px;
	margin-bottom:1em;
}
#content h3 {
	margin-top:1em;
	margin-bottom:1em;
	font-size:17px;
}

#content h4 {
	margin-top:1em;
	margin-bottom:1em;
	font-size:14px;
	text-transform:uppercase;
}

#content h5 {
	margin-top:1em;
	margin-bottom:1em;
	font-size:14px;
}




/*body #site-header ul#navigation ul li a:active  {
	font-style:italic;
}*/

#content {
	background-color:#597485;
	padding:16px;
	color:white;
	font-size:10.5pt;
	line-height:1.2em;
	position:relative;
}
#content a {
	color:white;
}
#content a:hover {
	color:#F15F22;
}
#content p,
#content ul,
#content ol {
	margin-top:1em;
	margin-bottom:1em;
}
#content ul ul,
#content ul ol,
#content ol ul,
#content ol ol {
	margin-top:0;
	margin-bottom:0.2em;
}
#content li {
	margin-top:0.3em;
	margin-bottom:0.3em;
}

#content pre {
	margin-left:10px;
	border-left:solid 1px #9FB1BD;
	padding-left:10px;
}
#content blockquote {
	border-left:1px solid #9FB1BD;
	margin-left:10px;
	padding-left:10px;
}

/*#content h2 + p,*/
/*#content h3 + p,*/
/*#content h4 + p,*/
/*#content h5 + p {*/
/*	margin-top:-0.5em;*/
/*}*/


#content ul li {
	margin-left:30px;
	list-style-type:disc;
}
#content ul li li {
	list-style-type:circle;
}
#content ul li li li {
	list-style-type:square;
}
#content ol li {
	margin-left:30px;
	list-style-type:decimal;
}
#content ol li li {
	list-style-type:upper-alpha;
}
#content ol li li li {
	list-style-type:lower-roman;
}



#content img.alignright {
	float:right;
	margin:8px;
	margin-right:0;
	clear:right;
}
#content img.alignleft {
	float:right;
	margin:8px;
	margin-left:0;
	clear:left;
}




/*-- Blog index ------------*/
.hfeed .hentry {
	margin-top:1em;
	border-top:dotted 1px white;
}

.hentry .html5-footer,
.hentry h2 + footer,
.hentry h3 + footer,
.hentry h4 + footer{
	margin-top:-0.9em;
	font-size:12px;
}


/**** Newsletters ***********************/
#content ul.newsletters abbr {
	font-size:12px;
	color:#9FB1BD;
}
#content ul.newsletters a img {
	float:right;
	clear:both;
	margin-left:15px;
}
#content ul.newsletters li:first-child {
	font-weight:bold;
}
form#newsletter-signup {
	float:right;
	margin-left:10px;
	padding-left:10px;
	margin-bottom:10px;
	border-left:dotted 1px #9FB1BD;
	text-align:right;
}
form#newsletter-signup legend {
	text-align:left;
	font-weight:bold;
	/*margin-bottom:5px;*/
	line-height:2em;
}
form#newsletter-signup input {
	width:20ex;
	padding:1px 0;
}


/********** Next/previous links **************************/

.hfeed nav,
.hfeed div.html5-nav,
.hentry nav,
.hentry div.html5-nav {
	height:1em;
	margin-top:1.5em;
	padding-top:1em;
	border-top:dotted 1px white;
	padding-bottom:1em;
}
.hfeed nav:first-child {
	border-top:0;
	padding-top:0;
}

.hfeed nav a.next,
.hfeed div.html5-nav a.next,
.hentry nav a.next,
.hentry div.html5-nav a.next{
	float:right;
}
.hfeed nav a.previous,
.hfeed div.html5-nav a.previous,
.hentry nav a.previous,
.hentry div.html5-nav a.previous{
	float:left;
}
.hfeed nav,
.hentry nav {
	text-align:center;
}
nav .sep {
	padding-left:10px;
	padding-right:10px;
	color:#9FB1BD;
}
/*
nav > a:first-child .sep,
nav > .sep {
	display:none;
}
nav > a + .sep {
	display:inline;
}
*/
nav > .sep:first-child,
nav > .sep:last-child{
	display:none;
}



/****** Portfolio page ******************************/
#portfolio-previews ul,
#portfolio-previews li {
	display:inline;
}

#portfolio-previews {
	position:absolute;
	top:-350px;
	left:322px;
	right:0;
	height:350px;
}

#portfolio-previews .preview {
	position:absolute;
	/*-webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, 0.8);*/
}
#portfolio-previews .preview-1 {
	bottom:2px;
	right:2%;
	z-index:10;
}
#portfolio-previews .preview-2 {
	bottom:18px;
	left:25%;
	z-index:9;
}
#portfolio-previews .preview-3 {
	bottom:36px;
	left:3%;
	z-index:8;
}
#portfolio-previews :hover {
	z-index:19;
}
#portfolio-previews object,
#portfolio-previews embed {
	width:302px;
	height:262px;
}

#portfolio-previews a {
	position:absolute;
	margin:0;
	bottom:3px;
	left:5px;
	z-index:20;
	
	color:black;
	text-transform:lowercase;
	text-decoration:none;
	font-weight:bold;
}


/******* Blog Comments *************************/
#comments {
	margin-top:30px;
}

#comments .hfeed .hentry  {
	border-top:0;
	padding:0;
	margin:0;
	padding:5px;
}
#comments .hentry img {
	float:left;
	margin-right:5px;
	border:solid 1px #9FB1BD;
}
#comments .hentry .fn {
	font-size:15px;
	font-weight:bold;
}

#comments li.even {
	background-color:#7692A4;
}

#comments h3 {
	margin-top:1em;
	margin-bottom:1em;
	clear:both;
}

#comments .hfeed footer,
#comments .hfeed .html5-footer{
	font-size:11px;
	display:inline;
}
#comments .hfeed footer a,
#comments .hfeed .html5-footer a {
	text-decoration:none;
}

#comment-list li {
	list-style:none !important;
}

#comments label {
	float:left;
	padding-right:5px;
	width:100px;
	text-align:right;
}
#comments textarea {
	width:605px;
	height:7em;
}
#comments .tip {
	color:#9FB1BD;
	font-size:11px;
}
#comments button {
	margin-left:105px;
}



/**** Author *********************************/
body.author #content.vcard h2 .photo {
	position:absolute;
	left:14px;
	top:16px;
}
body.author #content.vcard h2 {
	/*display:none;*/
	color:#597485;
}
body.author #content.vcard {
	padding-left:180px;
}

body.author #content.vcard h2 .fn {
	color:white;
}
body.author #content.vcard h2 .title {
	display:block;
	text-transform:none;
	font-size:12pt;
	color:white;
}

/****** Case Studies *********************/
#content .sub-navigation {
	float:right;
	margin-bottom:20px;
	/*width:400px;*/
	color:#9FB1BD;
	position:relative;
}
#content .sub-navigation h3 {
	display:inline;
	color:#9FB1BD;
}
#content .sub-navigation a.current_page_item {
	color:#9FB1BD;
}
#content .sub-navigation + h3 {
	margin-top:0;
}
/*#content .sub-navigation a:link,*/
/*#content .sub-navigation a:visited {*/
/*	color:white;*/
/*}*/
/*#content .sub-navigation a:hover {*/
/*	color:#F15F22;*/
/*}*/

/****** Our People Page *********************/

body.about-us #content ol.people {
	margin-top:20px;
	padding-top:20px;
	border-top:dotted 1px white;
}

body.about-us #content ol.people li {
	padding-left:110px;
	margin:0;
	margin-bottom:1.5em;
}
body.about-us #content ol.people li img.photo {
	position:absolute;
	left:-100px;
	top:0;
}
body.about-us #content ol.people li p {
	font-size:9pt;
}

body.about-us #content ol.people li h3 {
	position:relative;
	margin:0;
}

body.about-us #content ol.people li h3 + p {
	margin-top:.5em;
}
body.about-us #content ol.people h3 a {
	text-decoration:none;
}
body.about-us #content ol.people h3 a .separator {
	display:none;
}
body.about-us #content ol.people h3 a .fn {
	
}
body.about-us #content ol.people h3 a .title {
	display:block;
	font-size:9pt;
}



/** Footer ******************************************/
#footer {
	padding-bottom:8px;
}

#socialMedia {
	display:none;
	background-color:#798f9d;
	border-bottom:solid 1px #93a6b2;
	color:white;
	font-size:10px;
	line-height:47px;
	text-align:right;
	height:47px;
	padding-right:13px;
}
body.home #socialMedia {
	display:block;
}
#socialMedia img {
	vertical-align:middle;
	margin-left:10px;
}
#footer hr {
	display:none;
}
#footer address {
	text-align:left;
	padding-top:8px;
	color:#597485;
	font-style:normal;
	font-size:8pt;
	float:left;
}
#footer address a {
	color:#597485;
}
#footer address a.url {
	text-decoration:none;
	color:#597485 !important;
	cursor:default;
}
#footer address a:hover {
	color:#CE653A;
}
#footer address .note {
	display:none;
}

#footer #siteOptions {
	/*display:none;*/
	/*position:fixed;
	left:0;
	bottom:0;*/
	font-size:8pt;
	text-align:center;
	/*background-color:#9FB1BD;*/
	/*border-right:solid 1px #597485;
	border-top:solid 1px #597485;*/
	padding:8px 10px;
	color:#758e9f;
	
	
	-moz-border-radius-topright:15px;
	-webkit-border-top-right-radius:15px;
	border-top-right-radius:15px;
	
	/*opacity:0.4;
	filter:alpha(opacity='20');*/
	float:right;
}
#footer #siteOptions a {
	color:#597485;
}
#footer #siteOptions:hover a.on {
	color:lime;
}
#footer #siteOptions:hover a.off {
	color:red;
}
#footer #flashNavOption {
	padding-right:10px;
	border-right:solid 1px #597485;
	margin-right:10px;
}
#footer #siteOptions:hover {
	/*opacity:1.0;
	filter:alpha(opacity='100');*/
}
#footer #siteOptions div {
	display:inline;
	line-height:1.4em;
}

#footer #siteOptions button {
	font-size:10px;
}

#webkitBug18953Fix {
	font-family:'SI Uniform Condensed Regular';
}

/* Note: this goes here and not at top because of IE8 CSS parsing bug? */
/*@font-face {*/
/*    font-family: "SI Uniform Condensed Regular";*/
/*    src: url("/wp-content/themes/si-2.0/fonts/uniform_condensed_regular.font");*/
/*    src: local("Uniform Condensed Regular"), url("/wp-content/themes/si-2.0/fonts/uniform_condensed_regular.font");*/
/*}*/