/*
Theme Name: WindowShades
Description: Theme consisting of layered screen-width "shades" with a semi-fixed navigation bar.
Author: Ross J Peters
Author URI: http://cnetsystem.com/services/web-development/
Version: 1.2
.
For use by CNet System LLC only.
.
*/

/*________Page Properties________*/
html,body{min-height:100%;zoom:100%;margin:0;padding:0;}
header,nav,section,article,aside,footer{display:block;}
body{width:100%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;color:#FFF;background:#000;}

/*________Fonts and Headings________*/
/* == Global == */
@font-face{font-family:font;src:url('fonts/font.woff');}
h1,h2 {margin:0;padding:0;color:#FA0C0C;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold;font-size:1.4em;text-transform:uppercase;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;clear:both;}
h1+h4{margin-top:-.66em;margin-left:.5em;}
h1+h2{margin-top:1em;}
h1+p{margin-top:1em}
h2{margin-top:.25em;padding-bottom:.125em;width:75%;border-bottom:#EEE 1px solid;text-transform:uppercase;}
h2+p{margin-top:.5em;}
h2+h3{margin-top:.25em;margin-left:1em;}
h2+h5{margin-top:.125em;}
h1+h4,h2+h4{margin-left:1em;}
h3,h4{margin-top:0;font-weight:bold;}
h3{font-size:1em;font-family:font,serif;color:#AAA;}
h3+h3{margin-top:-.25em;}
h3+p{margin-top:-1em;margin-left:.25em;}
h4{margin-bottom:.5em;font-size:.75em;}
h5{font-size:.6em;font-weight:bold;}
p{font-size:1em;line-height:1.4em;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
blockquote {display:inline-block;border-left:4px solid #AAA;margin:.5em;padding:0.5em;quotes:"\201C""\201D""\2018""\2019";}
blockquote:before {color:#AAA;content:open-quote;font-size:4em;line-height:0.1em;margin-right:0.25em;vertical-align:-0.4em;}
blockquote p {display:inline;font-size:.8em;}
/* == Banner == */
#banner p {position:absolute;width:1024px;bottom:6px;left:0;margin:0;padding:0;font-size:.9em;color:#FFF;text-align:center;}
/* == Content == */
#content h1{width:80%;padding:.1em 0 0 .33em;border-top:1px solid #EEE;font-size:1.75em;clear:both;}
.menu p{font-size:.8em;text-transform:lowercase;}
.menu h3{font-size:.9em;text-transform:capitalize;}
/* == Widgets == */
#widgets h2{font-size:1.1em;width:auto;border-bottom:2px solid #57834D;}
#widgets p{color:#DDD;}
/* == Footer == */
#footer p{font-size:.8em;}

/*________Links________*/
/* == Global == */
a{color:#FFF;font-style:normal;}
h1 a,h2 a{text-decoration:none;color:#FA0C0C;}
.anchor{display:block;height:32px;margin-top:-32px;visibility:hidden;}
/* == Widgets == */
#widgets a:hover{color:#FA0C0C;}
#wp-calendar td a{background:#FFF;color:#000;}

/*________Images________*/
/* == Global == */
img{border:none;}
img.border{border-top:8px solid #100;border-bottom:8px solid #100;border-left:4px solid #100;border-right:4px solid #000;margin:4px 0;}
/* == Gallery == */
[id*=gallery-] img {border:0 !important;}
dd.gallery-caption {margin:0 4px !important;line-height:2em;font-size:.75em;font-weight:bold;background:#79774E;color:#FFF;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;box-shadow:0 2px 2px 0 rgba(0,0,0,.33);}
/* == Captions == */
.wp-caption{position:relative;margin:6px;padding:24px 10px 12px;box-shadow:0 2px 2px 2px rgba(0,0,0,.33);background:#100;border:1px solid #555;}
.wp-caption img {border:1px solid #333;}
.wp-caption .wp-caption-text{position:absolute;top:0;margin:0;padding:2px;font-size:1.1em;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#FFF;border:none;text-shadow:1px 1px 0px #000;}
.wp-caption{z-index:0;display:inline-block;transition:all .2s cubic-bezier(0,1.12,0.39,0.98) 0s;transform:translateZ(0px);-webkit-transform:translateZ(0px);}
.wp-caption:hover{box-shadow:0 4px 4px 4px rgba(0,0,0,.33);}
.wp-caption:hover{transform:perspective(600px) translateZ(12px) rotateX(3deg) translateY(-4px);}
.wp-caption:hover{-webkit-transform:perspective(600px) translateZ(12px) rotateX(3deg) translateY(-4px);}

/*________Lists________*/
/* == Widgets == */
#widgets li{margin-bottom:.25em;color:#FFF;list-style:none;}
#widgets ul{margin:.25em 0;padding:0;}
#widgets>ul>li{width:100%;padding-bottom:1em;}
/* == Content == */
article p+ul,#content h3+ul,#content h4+ul{margin-top:-.25em;}
article ul{padding:4px 12px;-moz-column-count:2;-moz-column-gap:32px;-webkit-column-count:2;-webkit-column-gap:32px;column-count:2;column-gap:32px;}
article li{margin:.25em 1em;font-size:.9em;}
article li a{font-size:1em;}

/*________Tables and Input________*/
/* == Tables == */
table{border-collapse:collapse;}
td{padding:4px 8px;font-size:.9em;border:none;}
table.spreadsheet tr:nth-child(even) th{background:#EEE;}
/* == Input == */
textarea,select,input{width:98%;color:#999;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;}
input:focus,textarea:focus,select:focus{color:#222;}
.s{position:absolute;width:200px;margin:1px;padding:2px 16px;border:1px solid #333;outline:none;}
#searchbox .s{visibility:hidden;top:4px;right:-200px;transition:all .16s ease;}
/* == Contact Form == */
#submit{width:auto;margin:16px 0;padding:8px;color:#FFF;font-size:.9em;font-weight:bold;background:#264A74;border:none;border-radius:6px;}
#submit:hover{box-shadow:2px 4px 2px 0 rgba(0,0,0,0.5);}

/*________Articles________*/
/* == Posts == */
article[id*=post-]{padding:8px 0;}
article>header p,article>footer p{font-style:italic;}
article+nav{font-weight:bold;}
section.bg,article.bg{min-height:128px;margin:0 0 16px;padding:8px 16px;float:right;width:720px;}
section.bg:after,article.bg:after{content:"";display:table;clear:both;}
footer{clear:both;}
/* == Comments == */
article[id*=comment-]{margin:8px;padding:4px;}
article[id*=comment-] h4{margin:0;}
article .avatar{vertical-align:middle;}
.alt{background:#F7F5F1;background:rgba(255,255,255,.33);}

/*________Styles and Classies________*/
/* == Alignment == */
.clear{clear:both;}
img.alignright{margin:16px 8px 16px 24px;display:inline;clear:right;}
img.alignleft{margin:16px 24px 16px 8px;display:inline;clear:left;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.alignright{float:right;}
.alignleft{float:left;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
/* == Layout == */
.bg{padding:4px;background:#FFF;background:rgba(192,192,192,.1);}
.column{display:block;width:350px;}
/*-moz-column-count:2;-moz-column-gap:32px;-webkit-column-count:2;-webkit-column-gap:32px;column-count:2;column-gap:32px;*/
/*________Layout________*/
#banner{z-index:9;position:relative;width:100%;min-width:1024px;margin:32px 0 32px 0;}
	#banner>div{position:relative;width:1024px;height:144px;margin:0 auto;background:#222;background:rgba(0,0,0,.9);background: linear-gradient(to bottom, rgba(69,72,77,.8) 0%,rgba(0,0,0,.9) 100%);overflow:hidden;border-top-right-radius:8px;border-top-left-radius:8px;}
#content{z-index:5;}
	#content>div{min-height:512px;background:#222;background:rgba(0,0,0,.9);width:960px;padding:16px 32px;margin:0 auto;}
	#content>div:after{content:"";display:table;clear:both;}
	#widgets{float:left;width:192px;padding:4px;overflow:hidden;}
		#wp-calendar{font-size:.7em;text-align:center;}
#footer{z-index:0;position:relative;width:992px;margin:0 auto;padding:16px;color:#FFF;background:#222;background:rgba(0,0,0,.9);text-align:center;}
#wpadminbar{top:auto !important;bottom:0;background:#000 !important;}
	#wpadminbar .quicklinks>ul>li {position:relative;}
	#wpadminbar .ab-top-menu>.menupop>.ab-sub-wrapper {bottom:28px;}

/*________Navigation Menu CSS________*/
/* == Navigation Container Box == */
#nav{z-index:99;width:100%;min-width:1024px;transform:translateZ(999px);-webkit-transform:translateZ(999px);}
	#nav>div{position:relative;width:1024px;margin:auto;background:#222;background:rgba(0,0,0,.9)!important;}
		#logo{position:absolute;visibility:hidden;left:-64px;height:32px;opacity:0;transition:all .16s ease;}
		#searchbox {overflow:hidden;position:absolute;right:0;height:32px;width:300px;}
		#mobilenav{display:none;}
/* Menu List Box */
#pagenav ul{margin:0;padding:0 0 0 24px;z-index:1;transition:all .16s ease;}
#pagenav ul:after{content:"";display:table;clear:both;}
/* Menu List Items */
#pagenav ul li {position:relative;float:left;list-style:none;}
.menu-item-has-children {background:url(images/layout/nav-right.png) top right no-repeat;}
/* Links */
#pagenav ul a {display:block;height:32px;padding:0 16px;text-transform:lowercase;font-family:times,serif;font-style:italic;font-size:18px;line-height:32px;white-space:nowrap;text-decoration:none;text-align:center;color:#FFF;}
/* Links Hover */
#pagenav ul a:hover {color:#000;background:#999;}
/* Submenu List Box */
#pagenav ul li ul {z-index:-1;visibility:hidden;position:absolute;padding:0;top:0;left:0;opacity:0;background:#C54E0A;border-left:8px solid #6097FE;box-shadow:2px 2px 2px 2px rgba(0,0,0,0.5);transition:all .16s ease;}
/* Hover Over Submenu */
#pagenav ul li:hover > ul {top:100%;visibility:visible;opacity:1;}
/* Submenu Links */
#pagenav ul li ul li a {padding:2px 16px 2px 6px;width:auto;min-width:200px;border-bottom:1px solid #333;text-align:left;}
/* Hover Over Sub Submenu */
#pagenav ul li ul li:hover > ul {left:100%;top:0;}
/* Sub Submenu Links */
#pagenav ul li ul li ul li a {min-width:160px;}

/*________Fixed Nav Effects________*/
/*Set Default Position*/
#nav.init{position:absolute;top:176px;}
/*Position When Scrolled*/
#nav.shift{position:fixed;top:0;background:#111;background:rgba(0,0,0,.5);transition:background .33s ease;}
/*Shift Logo Over*/
#nav.subshift #logo{visibility:visible;opacity:1;left:24px;}
/*Shift Search Over*/
#nav.subshift #searchbox .s{visibility:visible;right:16px;}
/*Shift Nav Over*/
#nav.subshift ul:first-child {margin-left:64px !important;}
#return.init{visibility:hidden;opacity:0;position:fixed;bottom:0;right:-128px;width:78px;height:100px;background:rgba(0,0,0,.5);transition:all .33s ease;border-radius:32px;}
#return.shift{visibility:visible;opacity:.9;right:32px;}

/* Ross Peters ©2014 */
/* ross@cnetsystem.com */