/*
Theme Name: silver-stage
Theme URI: http://ricmarry.com
Description: Base Site for WP theme Development
Version: 2.9.1
Author: Ric Marry
Author URI: http://ricmarry.com
Tags: clean, basic, semantic
*/

@import "_css/reset.css";
@import "_css/960.css";
@import "_css/navigation.css";


 ------------------------------------------------------------------------------------------------------ 


/* EXTRACTED FROM EJ STOCKS LAYOUT CSS */
/* Styles for the WordPress generated presentational classes. See: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right; margin-left: 40px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* Useful */
/* div, ul, li { position:relative } Allows you to absolutely position elements inside them*/ 
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */

.left{ text-align: left; }
.right{ text-align: right; }


/* ------------------------------------------------------------------------------------------------------ */


/*  SET THE FONT SIZE TO 100%, PROVIDES A CONSISTENT BROWSER BASE SIZE EQUAL TO 16px  */

html{
font-size: 100%;
}

/* ------------------------------------------------------------------------------------------------------ */


/* TYPOGRAPHY */

body{
background: #000;
font-family: "Lucida Grande", Trebuchet, "Lucida Sans", Arial, sans-serif;
font-size: 0.81em; /* 16 x 0.81em = 13px */
line-height: 1.33em
}

p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset {
margin-bottom: 20px;
}

p{

}

p.datePosted{
background: #444;
color: #eee;
font-size: 0.7em;
font-weight: bold;
padding-left: 5px;
text-transform: uppercase;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6{
font-family: Arial, sans-serif;
font-weight: bold;
line-height: 1em
}

h1{
font-size: 4.5em;
letter-spacing: -0.06em;
margin-bottom: 20px;
	}
	h1.HomeHeader{
	margin-bottom: 4px;
	}
	h1.postlink{
	font-size: 3em;
	margin-bottom: 6px;
	}
	h1.posttitle{
	border-bottom: 1px solid #999;
	font-size: 3em;
	margin-bottom: 20px;
	padding-bottom: 20px;
	}

h2{
color: #333;
font-size:  1.95em;
/* font-weight: normal; */
letter-spacing: -0.04em;
margin-bottom: 20px;
}

h3{
font-size: 1.31em; /* 21px */
	}
	h3.recentNews{
	margin-bottom: 16px;
	}
	div.post h3{
	margin-bottom: 20px;
	}

h4{
color: #555;
font-size: 1.60em; /* 19px */
margin-bottom:15px;
}

h5{
font-size: 1.06em;
}
h5.moreNews{
color: #666;
display: inline;
font-size: 1.20em;
margin-right: 5px;
}

h6{
font-size: 0.94em; /* 15px */
}

a{
color: #0066cc;
border: 0;
outline: none;
text-decoration: none;
}
	
ul.contractRequirements,{
margin: 0;
padding: 20px 0;
}

	
#bottomNavOuter ul{
margin-bottom: 0;
}

#bottomNavOuter a{
color: #3cf;
	}
	#bottomNavOuter a:hover{
	color: #cff;
	}

#bottomNavWrap{
font-size: 0.9em;
}

#bottomNavWrap li.current_page_item a{
color: #fff;
}

#bottomNavWrap li:first-child,
#bottomNavWrap li:first-child a{
color: #ddd;
font-size: 1.1em;
font-weight: bold;
}

#bottomNavWrap li:first-child{
margin-bottom: 6px;
}

#footer{
color: #bbb;
font-size: 0.8em;
}

#footer a{
color: #fff;
}

#footer a:hover{
text-decoration: underline;
}	

hr{
background: #006699;
border: 0;
color: #006699;
height: 1px;
}

.protected{
color: #777;
font-size: 0.6em;
line-height: 1em;
}

.page-id-264 input#pwbox-264{
margin: 10px 0;
padding: 4px;
width: 200px;
}

/* ------------------------------------------------------------------------------------------------------ */


/* GENERAL STRUCTURE */

#headerSectionOuter{
background: url(_images/headerSectionOuterBGTile.jpg) repeat-x 0 0;
	}
	#headerIllustration{
	background: transparent url(_images/staticHeader.jpg) no-repeat center 0;
		}
		#headerWrap{
		height: 284px;
		overflow: visible !important;
			}
			#header{
			
			}


#pageBackground{
background: #fff /*url(_images/pageBGTile.jpg) repeat-x 0 0*/;
}

#contentAreaOuter{
background: url(_images/backgroundDiagram.png) no-repeat -170px 40px;
padding: 40px 0;
	}
	#contentWrap{

	}
	#contentArea{
	
	}

#mainContent{

}

#sidebar{
	}
	#sidebar .sidebarImageSpace{
	margin-top: 2px;
	}

#preFooterImages{

	}
	img.small-image,
	img.quote-image{
	margin-top: 20px;
	}

#bottomNavOuter{
background: url(_images/bottomNavOuterBGTile.jpg) repeat-x 0 0;
display: none;
padding: 20px 0;
	}
	#bottomNavWrap{
		
		}
		
div#siteMapBtn{
/*height: 0;*/
margin: 0 auto;
overflow: visible;
text-align: left;
width: 128px;
}


#footerWrapOuter{
background: url(_images/footerWrapOuterBGTile.jpg) repeat-x 0 0;
height: 250px;
	}
	#footerWrap{
	background: url(_images/footerShadow.png) no-repeat center 0;
		}
		#footer{
		
		}
		div#footerIcons{

		}
		div#footerIcons div{
		/*display: inline;*/
		}
	
#overlay, #overlay-2, #overlay-3, #overlay-4 {
display: none;
}



/* ------------------------------------------------------------------------------------------------------ */


/* PAGE SPECIFIC */

/*HOME PAGE*/

#promoBox{
background: transparent url(_images/homeFlashSurroundDark.png) no-repeat 0 0;
height: 340px;
margin-bottom: 30px;
padding-top: 20px;
}

#recentNewsBlockBG{
background: url(_images/latestNewsBG2.png) no-repeat 0 0;
*height:auto !important;
height:160px;
min-height:160px;
overflow: visible;
}

#recentNewsBlock{
margin-top: 20px;
padding: 16px 20px 4px 20px;
}

#previousClients{
/*background: transparent url(_images/previousClients.jpg) no-repeat 0 0;*/
height: 79px;
margin-top: 30px;
}



/*NEWS*/

div.postFooterNewsLink{
border-top: 1px solid #999;
display: block;
margin-top: 20px;
padding-top: 20px;
}

#newsletterSignup{
background: transparent url(_images/transBlackBlock.png) repeat-y 0 0;
color: #eee;
margin-bottom: 20px;
}

#newsletterSignup .inside{
margin: 0;
padding: 20px 20px 10px 20px;
}

#newsletterSignup h3{
border-bottom: 1px solid #fff;
font-size: 1.9em;
padding-bottom: 10px;
}

#newsletterSignup p{
font-size:0.85em;
margin: 10px 0;
}

#newsletterSignup p.small{
color: #ccc;
font-size: 0.8em;
line-height: 1.15em;
margin: 10px 0;
}

#newsletterSignup ul{
margin-bottom: 0;
}

#newsletterSignup input{
padding: 5px;
width: 96%;
}

#newsletterSignup p.submit input{
width: 60px;
}

.wpcf7-not-valid-tip{
color: #333 !important;
}

#staffOpportunity{
background: url(_images/latestNewsBG2.png) no-repeat 0 0;
*height:auto !important;
height:160px;
min-height:160px;
overflow: visible;
padding: 20px;
}

#staffOpportunity h3{
color: #555;
border-bottom: 1px solid #999;
font-size: 1.9em;
padding-bottom: 10px;
}

#staffOpportunity p{
font-size: 0.85em;
margin: 10px 0;
}



/*TESTIMONIALS*/

div.fullTestimonial{
margin-bottom: 20px;
}

h3.testimonial-header{
margin: 0 0 30px 0;
}

p.testimonial-body{
margin: 0;
padding: 0;
}

div.cite{

}

div.cite div{
float: left;
margin: 0;
}

div.testimonial-image{
/*background: yellow;*/
}
div.testi-txt .inside{
/* padding-left: 20px; */
}

div.testimonial-image{
margin-right: 22px;
}


/*CONFIGURATIONS AND SUBPAGES*/


ul.structureBtns li:first-child{
margin-bottom: 4px;
}

div#configAnimatedContent hr{
margin: 10px 0;
}

div#configAnimatedContent hr.configTopHR{
margin: 30px 0;
}

ul.configIcons{
}

ul.configIcons li{
display:inline;
margin-right: 6px;
}

div.specifications{
background: transparent url(_images/transBlackBlock.png) repeat 0 0;
color: #eee;
}

div.specifications .inside,
div.iconThumbs .inside{
padding: 2px 10px;
}

div.specifications h3{
background: #000;
display: block;
margin-bottom: 10px;
padding: 10px 10px 10px 25px;
}

div.iconThumbs .inside{
padding-left: 32px;
text-align: center;
}

div.specifications ul li{
list-style-type: disc;
margin: 0 0 0 30px;
}

div.iconThumbs h3{
margin-bottom: 20px;
}



/*PANORAMAS*/

.panoImage, .panoText{
margin-bottom: 20px;
}

.panoImage{

}

.panoImage img{
border: 1px solid #333;
}

#panoContent p.small{
color: #bbb;
font-size: 0.8em;
}





/*CONTACT*/

.page-id-89 form.wpcf7-form{
background: transparent url(_images/transBlackBlock.png) repeat-y 0 0;
padding: 20px;
}

.page-id-89 form.wpcf7-form p{
color: #fff;
margin: 6px;
}

.page-id-89 form.wpcf7-form input{
width: 50%;
}

.page-id-89 form.wpcf7-form textarea{
width: 96%;
}

form.wpcf7-form input,
form.wpcf7-form textarea {
background: #eee;
border: 1px solid #aaa;
font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size: 0.9em;
letter-spacing: 0.03em;
padding: 6px;
}

p.submit input{
width: 60px;
}

#sideContact{
line-height: 1.6em;
padding-top: 20px;
}

#sideContact p{
color: #555;
font-size: 1.1em;
}

#sideContact p span{
color: #999;
font-size: 0.7em;
}

div.wpcf7-response-output{
background: /* red */ #006699;
border: /* red */ #333 !important;
color: #eee;
font-weight: bold;
}




div.gallerySurround{
background: transparent url(_images/transBlackBlock.png) repeat 0 0;
margin: 10px 0 30px 0;
padding: 20px 20px 35px 20px;
}



/* !!!!!!! quick and dirty - to be replaced */

.page-id-266 p a.externalLinks{
font-size: 0.8em;
position: relative;
top: 6px;
}

.page-id-266 div.singleColumn img{
border: 1px solid #ccc;
}

#clientFeedbackContainer img{
/* margin: 0 20px; */
}

#clientFeedbackContainer p.citation{
color: #999;
font-size: 0.85em;
}

div.clientquote{
margin-bottom: 30px;
}


div#postwidthfix{
width: 960px;
}

.postinside{
padding-right: 40px;
}


 ------------------------------------------------------------------------------------------------------ 


/* CREDITS 

silver-stage is based on Starkers by Elliot Jay Stocks
For more info visit - http://elliotjaystocks.com/starkers/

Starkers is based on Kubrick by Michael Heilemann
For more info visit - http://binarybonsai.com/kubrick/

*/


/* ------------------------------------------------------------------------------------------------------ */


/* FONT STACKS

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "Lucida Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/

/* ------------------------------------------------------------------------------------------------------ */