/*
	Theme Name: Eddy Current Theme
	Author: Stratum
	Author URI: http://stratum.net/
*/

/** START HTML5 Boilerplate CSS **/

/* ==|== normalize ========================================================== */
@import url(//fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(css/normalize.css) all;
@import url(css/typography.css) all;
@import url(css/nav.css) all;

/* ==|== HTML5 display definitions ================================================= */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* ==|== Base ============================================================== */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;margin: 0;padding:0;height: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0;padding:0; font-size: 1em; line-height: 1.4; background: #b9c7d3 url(images/bg-main.png) repeat-x;height: 100%; }
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

/* ==|== Links ============================================================== */

a { color: #669; }
a:visited { color: #666; }
a:hover, a:visited:hover, a:focus { color: #66c; }
a:focus { outline: none; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

#wrap {
	width: 1000px;
	background: #fff;
	margin: 0 auto;
	padding-top: 28px;
	min-height: 100%;
	border-left: 1px solid #cac8c8;
	border-right: 1px solid #cac8c8;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .1);
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .1);
}
nav {
	width: 920px;
	background: #fff;
	margin: 10px 40px;
	height: 43px;
	background: url(images/navsprite.gif);
}
nav ul li { display: block; float: left; }
nav ul li a { background: url(images/navsprite.gif); display: block; height: 36px; }
nav ul li a strong { display: none; }
#menu-item-4 a:link, #menu-item-4 a:visited { width: 116px; background-position: 0px 0px; }
#menu-item-4 a:hover, #menu-item-4 a:visited:hover, #menu-item-4 a:active, #menu-item-4 a:hover { background-position: 0px 43px; }
#menu-item-5 a:link, #menu-item-5 a:visited { width: 222px; background-position: -116px 0px; }
#menu-item-5 a:hover, #menu-item-5 a:visited:hover, #menu-item-5 a:active, #menu-item-5 a:hover { background-position: -116px 43px; }
#menu-item-6 a:link, #menu-item-6 a:visited { width: 72px; background-position: -338px 0px; }
#menu-item-6 a:hover, #menu-item-6 a:visited:hover, #menu-item-6 a:active, #menu-item-6 a:hover { background-position: -338px 43px; }
#menu-item-7 a:link, #menu-item-7 a:visited { width: 104px; background-position: -410px 0px; }
#menu-item-7 a:hover, #menu-item-7 a:visited:hover, #menu-item-7 a:active, #menu-item-7 a:hover { background-position: -410px 43px; }
#menu-item-8 a:link, #menu-item-8 a:visited { width: 199px; background-position: -514px 0px; }
#menu-item-8 a:hover, #menu-item-8 a:visited:hover, #menu-item-8 a:active, #menu-item-8 a:hover { background-position: -514px 43px; }
#menu-item-16 a:link, #menu-item-16 a:visited { width: 76px; background-position: -713px 0px; }
#menu-item-16 a:hover, #menu-item-16 a:visited:hover, #menu-item-16 a:active, #menu-item-16 a:hover { background-position: -713px 43px; }
#menu-item-14 a:link, #menu-item-14 a:visited { width: 131px; background-position: -789px 0px; }
#menu-item-14 a:hover, #menu-item-14 a:visited:hover, #menu-item-14 a:active, #menu-item-14 a:hover { background-position: -789px 43px; }

#homephoto {display:none;}
body.home #homephoto {display:block;width:920px;height:293px;margin: 0 40px;background: url(images/photostrip-home.jpg);}

#content { width: 922px; background: #fff; margin: 20px 38px 0 40px;overflow:auto; padding-bottom: 70px; }
#maincontent { width: 600px; margin: -15px 24px 0 0; float: left; }
.home #maincontent { margin-top: -10px; }
.page-template-page-fullnotitle-php #maincontent, .page-template-page-fullwidth-php #maincontent {width:auto; margin: -15px 0 0 0; float: none; }

aside { width: 298px; margin: 0; float: left; }
aside .sidehead {background: url(images/side-hd-news.png) no-repeat;width:298px;height:40px;}
aside .sidebod {background: url(images/side-bg.png) repeat-y;width:298px;padding:10px 0 1px 0;}
aside .sidefoot {background: url(images/side-bottom.png) no-repeat;width:298px;height:40px;}

footer
{
	clear: both;
	position: relative;
	width: 920px;
	height: 70px;
	margin: -70px 40px 0 40px; /* top margin is negative value of footer height */
}
.home-promo {display:block;z-index:9999999;margin-bottom: 18px;}
.home-promo a {color: #5e7da8;display: block;padding:10px;font-size: 1.25em;background-color: #eef3f9;border: 2px solid #5e7da8;margin-top: 12px;clear: both;line-height: 1.65em;text-decoration: none;-webkit-border-radius: 8px;border-radius: 8px;-webkit-box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, .30);box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, .30)}
.home-promo a span {display: block;font-size: 1.25em;font-family: "Oswald",Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif;margin-bottom: 3px}
.home-promo a:hover,.home-promo a:visited:hover,.home-promo a:active,.home-promo a:focus {color: #e37a5a;background-color: #fff4f0;border: 2px solid #e37a5a;}


footer p { margin:20px 0 10px 0;padding:0; height:40px;font-size:10px; text-align:center;text-transform:none;color:#767f89;line-height: 22px;}
	
span.addrline {display:block;margin:0;font-size:1.2em; text-align:center;color:#000;line-height: 1.5em;}

.infotable td {padding: 2px 5px;}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}


/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

/* @media only screen and (max-width: 35em) {
  Style adjustments for viewports that meet the condition
} */



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/** END HTML5 Boilerplate CSS **/


/** START Starkers CSS **/

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and 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 */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
*/

/*override table style*/
.separate {border-collapse:separate !important; border:1;}

/** START WordPress-Defined CSS Classes **/
.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.sticky{}
/** END WordPress-Defined CSS Classes **/