/*
THEME NAME: S-External
DESCRIPTION: S Design External Stylesheet
AUTHOR: s design inc. - jack bewley
AUTHOR URI: http://www.sdesigninc.com
*/

/*  Reset Reloaded - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/  */
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, 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;}
/* remember to define focus styles! */
:focus {outline: 0;}
html, body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* colors */
a {	color:#e71829;}
a:hover { color:#4795D5;}
body { color:#595959; /*65%*/}
#wrapper { background:#ffffff; }
h2 {color: #4795d5;}
h3 {color: #595959;}


/* needs to update with each new subcategory added to project work to allow red coloring of current section
 * - get item#, which is the same as category #, from source code of that categories page */

.s-category-identity .subcat-identity a, 
.s-category-interactive .subcat-interactive a,
.s-category-events .subcat-events a,
.s-category-publications .subcat-publications a,
.s-category-collateral .subcat-collateral a,
.s-category-ephemera .subcat-ephemera a,
.ddop .currentPost a, 
.s-category-identity .cat-item-7 a, 
.s-category-interactive .cat-item-8 a,
.s-category-print .cat-item-13 a,
.s-category-annual-reports .cat-item-16 a, .current-cat, .current-cat a {color:#4795d5;/* red color: #e71829; */}

body.category-work #nav #nav_work a, 
body.s-category-identity #nav_work a,
body.s-category-interactive #nav_work a,
body.home #nav_recent a,
body.home .cat-item-recent a
 {color:#4795d5;color: #e71829;color:#4795d5;}


body {
	font-size: 15px; 
	line-height:1.5; 
	letter-spacing:.07em !important; 
	word-spacing: -.05em;
	text-transform:lowercase;
/*
	font-family: Arial, sans-serif;
	font-family: "MyriadPro-Regular", "Myriad Pro Regular", MyriadPro, "Myriad Pro", Helvetica, Arial, sans-serif;
*/
	font-family: Helvetica, Arial, sans-serif;
	}
	
p { margin:5px 0 15px 0; text-transform:none;}
h2 {font-size: 1.75em; }
h3 {font-size: 1.25em; }
em {font-style:italic;}
.clearer { clear:both;}
a {text-decoration:none;}
.wp-caption-text {font-size:.8em;}

#wrapper { 
width:954px;
margin: 0 auto;
position:relative;
font-size: .8em;
overflow:hidden;
}


/* width is based on 9 106px columns grid */

#header, #container{margin: 0 auto; width:742px;}
#header { width: 742px; margin: 40px auto 0; overflow:hidden;} 
	#header h1 { width:106px; float:left;}
	#header h1 a {
		display:block; 
		background: url(images/sdesign_logo.gif) top left no-repeat; 
		text-indent: -9999em; 
		height: 26px;
		width:26px;
	}
	#header #nav {line-height: 1.45em; }
	#header #nav ul { width:106px; float:left;}

	


ul#img-grid li {display:inline;float:left;width:191px;}
.grid-num-1, .grid-num-4, .grid-num-7, .grid-num-10, .grid-num-13, .grid-num-16, .grid-num-19, .grid-num-22 {margin:0 21px;}
ul#img-grid a {display:block;}
ul#img-grid img {border: 0px solid #ccc;}
ul#img-grid a {margin: 20px 0 0 0;} /* was 25px */
ul#img-grid a.link_cat {margin:10px 0;}

#content, #footer { width: 742px; margin: 0 106px 0 106px;}
#content { margin-top:40px; }
#content p {width:530px;}

#col1, #col2, #col3 {width:191px;float:left;}
#col2 {padding: 0 21px;}
#col2 a {text-transform:lowercase;}
#content #col1 p, #content #col2 p, #content #col3 p {width:191px;}

#content-wide {position:relative;width:954px;text-align:right;margin: 30px 0 20px -106px;}

#footer { bottom:0; margin-top:30px; padding-left:106px;padding-bottom: 30px; clear:both;font-size: .90em;}
	#footer ul {margin-top:3px;}
	#footer ul li {display:inline;}

.client, .client_work_other {font-size:.85em;}
.client_work_other {display:block;}

#nav_subcat li {display:inline;margin-right:25px;}

#project_nav {font-size:.9em;}
#project_nav span {margin-right: 20px;}
	

#nav-below {display:none;padding:25px 0;}
#nav-below div {float:left; width:33%;}

.ddop {margin: 0px 10px 5px 10px;}
.ddop ul li a {margin:0;padding:0;}
.ddop ul li {float:none;}

#project_list {
 display:none;
 top:10px;
 left:96px;
 margin:0;padding:3px 0;
 position:absolute;
 text-align:left;
 margin-left: 0px;
 float:left;
 background:#fff;
 height:440px;
 background:  url(/images/1x1trans.png) repeat; 
}

body.blog, body.home {background: url(images/bckgrnd_pattern.gif);}

.blog .post, .home .post {margin-top:25px;}
.blog .entry-meta, .home .entry-meta {font-size:.9em;text-transform:lowercase;}
.blog .entry-meta span, .home .entry-meta span {padding-right:20px;}
.blog .entry-date, .home .entry-date {display:inline;}
.blog .entry-content, .home .entry-content {}
/*.home .entry-content {margin-left:0px;}
.blog .entry-content h1, .blog .entry-content h2, .blog .entry-content h3, .blog .entry-content h4, .blog .entry-content .blog .entry-content h5, .blog .entry-content h6, .blog .entry-content h7, .blog .entry-content blockquote, .blog .entry-content ul {text-align:left;padding: 0 106px;width:530px;margin-left:0px;}
.blog .entry-content img.alignnone, .home .entry-content img.alignnone {margin-left:-106px;}
.blog .entry-content img.alignleft, .home .entry-content img.alignleft {margin: 0 0 0 -106px;float:left;}
.blog .entry-content img.alignright, .home .entry-content img.alignright {margin: 0 -106px 0 0;float:right;}
.blog .entry-meta .edit-link, .home .entry-meta .edit-link {float:right;margin-right:106px;}
*/
.home .entry-content p {}
.blog .post .entry-title, .home .post .entry-title {font-size:1.5em;}
.blog .entry-content img, .home .entry-content img {margin-bottom:10px;}


.blog .post, .home .post {clear:both;}

.blog #nav-below, .home #nav-below {display:block;}

#img-rotate {margin: 15px 0 20px -106px;}
#txt-home p {font-size:1.75em;width:636px;margin:25px 0;text-transform:lowercase;}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0px 0 0 0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:848px;
		height:450px;
		overflow:hidden; 
		}
	.s-category-interactive.single #wrapper {width:967px;}
	.s-category-interactive.single #container {width:967px;margin-left:109px;}
	.s-category-interactive.single #content {margin:40px 90px 0 110px;overflow:visible;}
	.s-category-interactive.single #content-wide {margin:20px 0 10px -113px;}
	.s-category-interactive.single #slider ul {margin-top:2px;}
	.s-category-interactive.single ol#controls {top:-15px;right:94px;}
	.s-category-interactive.single #slider li {width:862px;height:470px;margin-top:0;}
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:0em 0;
		padding:0;
		height:12px;
		position:absolute;
		top:-25px;
		right:101px;
		float:left;	
		}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:12px;
		line-height:12px;
		}
	ol#controls li a{
		float:left;
		height:12px;
		line-height:12px;
		border:1px solid #aaaaaa;
		background:#fff;
		padding:0 6px;
		text-decoration:none;
		color:#fff;
		font-size:.1em;
		text-indent:-9999em;
		}
	ol#controls li.current a{
		border:1px solid #E71829;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/* newsletter form */
#e2ma_signup_form {display:block;margin:0px 0 50px 0px;width:530px;}
#e2ma_signup_message,
#e2ma_signup .e2ma_signup_form_required_footnote,
#e2ma_signup .e2ma_signup_form_group_label,
#e2ma_signup #e2ma_signup_reset_button {display:none;}
#e2ma_signup .e2ma_signup_form_row, #e2ma_signup .e2ma_signup_form_groups {border:none;}

#e2ma_signup .e2ma_signup_form_row {margin:0;}
#e2ma_signup .e2ma_signup_form_label {width:100px;padding-top:0;font-family:inherit;color:inherit;}
#e2ma_signup .e2ma_signup_form_groups, 
.e2ma_signup_form_group_list {font-family:inherit;color:inherit;}
#e2ma_signup .e2ma_signup_form_groups,
#e2ma_signup .e2ma_signup_form_element {margin-left:106px;}
#e2ma_signup .e2ma_signup_form_button_row {margin-left:106px;}
/* // newsletter form */

/* used? */
.more-link {font-size:.85em;}

/* for new interactive section */