/*
Theme Name: UnSectorated
Description: A custom child theme of Twenty Eleven
Template: twentyeleven
Author: Mark Root-Wiley
Author URI: http://mrwweb.com
*/

@import url("../twentyeleven/style.css"); /* Import Parent Styles */

@import url(//fonts.googleapis.com/css?family=Open+Sans); /* Import Google Font! */

/*
COLORS:
orange: E63D00
orange gradient: FF6124 -> F0470A
blue: 4F8CD6
light blue: 5EBCFF
blue gradient: 73B0FA -> 5996E0
green: 8CB01A
green gradient: B0D43E -> 96BA24
super light gray: #F9F9F9
gray gradient: 8A8A8A -> 707070

*/

/***************/
/*  STRUCTURE  */
/***************/
#page {
  -webkit-box-shadow: 0px 0px 5px #CCC;
     -moz-box-shadow: 0px 0px 5px #CCC;
          box-shadow: 0px 0px 5px #CCC;
  -webkit-border-radius: 2px
     -moz-border-radius: 2px;
          border-radius: 2px;
}

#footer {
	float: none;
    margin-right: 0;
    width: auto;
	clear:both;
}

#site-credits {float:right; color:#666; padding:10px 0 20px; font-size:10px;}
a#mrw-link {background:none; padding:0;}

/************/
/*  HEADER  */
/************/
#branding {border:0;}

#site-title {padding-top:25px;}

#site-title a {display:block; width:248px; height:74px; background:url(images/us-logo-final.png) no-repeat; text-indent:-9999px;}

#site-description {margin-bottom:30px;}

/* Search */

#branding #searchform {top:50px;}

input#s {background-color:#FFF;}

/************/
/*  ACCESS  */
/************/

#access {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}

#access a { line-height:40px; }

#access li:hover > a,
#access ul ul *:hover > a,
#access a:focus,
#access .current-menu-item > a,
.post-type-archive-us_authors #access #menu-item-108 > a,
.post-type-archive-us_partners #access #menu-item-105 > a {
  -webkit-box-shadow: 0px 0px 2px #CCC;
     -moz-box-shadow: 0px 0px 2px #CCC;
          box-shadow: 0px 0px 2px #CCC;
}

#access ul ul .current-menu-item > a {
	background: #efefef;
	  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

#access .current-menu-item > a,
#us-all-posts,
.post-type-archive-us_authors #access #menu-item-108 > a,
.post-type-archive-us_partners #access #menu-item-105 > a {
	font-weight:300; pointer-events:none; cursor:default;
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -ms-linear-gradient(#f9f9f9, #e5e5e5);
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}

#access ul ul  {top:40px;}

/**********/
/*  HOME  */
/**********/
/* Two Columns */
.home #primary { margin-right: -92.4%; }
.home #content {
	width:46.4%; margin:0 7.6% 0 46%;
}
.home #secondary {
	float:left; width:34.8%;
}

.home #content h1 { font-size:22px; padding-top:0; }
h2.us-recent-posts { color:#666; font-size:16px; font-weight:800; }

.home #secondary .widget-area { font-size:15px; }

.home #secondary .widget {
	padding:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow:0 0 6px 4px #EEEEEE;
	-moz-box-shadow:0 0 6px 4px #EEEEEE;
	box-shadow:0 0 6px 4px #EEEEEE;
}

.home #secondary .widget ul:not(.tweets),
.home #secondary .widget ol {
	padding-left:20px;
}

.us-first-post { margin:15px 7.6% 20px; padding:15px; background-color:#f1f1f1; border-bottom: 0; }
..us-first-post p:last-child { margin:0; }
.us-first-post img { margin-bottom:0; }

.home .attachment-us-fp-thumb { margin-bottom:0; }

.home #content article { border-bottom:0; padding-bottom:0;  margin-bottom:0;}
.home #content .entry-content { padding-top:.3em; }

#us-all-posts { text-align:center; display:block; padding:6px 0; clear:both; cursor:pointer; pointer-events:all; margin-bottom:25px;
  -webkit-border-radius: 4px
     -moz-border-radius: 4px;
          border-radius: 4px
  -webkit-box-shadow: 1px 1px 2px #666;
     -moz-box-shadow: 1px 1px 2px #666;
          box-shadow: 1px 1px 2px #666;
 }

/**************/
/*  SINGULAR  */
/**************/
.singular .hentry,.singular.page .hentry {padding-top:0;}

/***********/
/*  POSTS  */
/***********/
#author-avatar { margin-right:auto; margin-left:-132px;}
#author-info .sharing,
.post-type-archive-us_authors .sharing,
.post-type-archive-us_partners .sharing,
.home .sharedaddy {display:none;}
#author-info h3 {margin-bottom:10px;}

#us-q1,#us-q2 {
	display: none; /* this is displayed by jQuery if we can place it within the article */
	width: 40%; float: right; clear:right; margin: 0 0 20px 20px; padding: 15px 0 15px 5px;
	border-top: 7px solid #EEE; border-bottom: 7px solid #EEE;
	font-size: 1.25em; line-height: 1.25em; font-weight:900; color: #888;
	quotes: none;
}
#us-q2 {
	float:left; clear:left; margin: 0 20px 20px 0; padding: 15px 5px 15px 0;
}


/*************/
/*  AUTHORS  */
/*************/
.us-contact-profile,#us-posts-by-author {border-top:1px solid #DDD; margin-top:15px; padding-top:15px;}

#us-posts-by-author {}
.us-author-post { padding:5px;}
.us-author-post:nth-child(even) {background:#F9F9F9;}
.us-author-post h3 {margin-top:0; padding-top:0; font-size:16px;}


/**************/
/*  SIDEBARS  */
/**************/
/* Query Posts */
#query-posts-3 .hentry {border:0; float:left; width:85px; margin:0 0 15px 15px;}
#query-posts-3 .hentry:nth-of-type(odd) {margin-left:0; clear:left;}
#query-posts-3 .wp-post-image {float:none; margin:0;}
#query-posts-3 h4.entry-title {font-size:10px; font-weight:300; text-align:center; padding:0; margin:0;}

/* Twitter Widget */
#main .widget-twitter {font-size:11px;}
.widget_twitter a {color:#2299CC;}
.widget_twitter h3 a {color:#777;}

.widget_twitter .timesince { margin-right:0; }

/* Feedburner Email */
#text-10 input + p {display:none;}


/**********/
/*  TYPE  */
/**********/

/* Font Family */
h1,h2,h3,h4,h5,h6,nav {font-family:'Open Sans',Arial; font-weight:300;}

/* Font Sizes */
h1,h1.entry-title {font-size:30px;}
h2,h2.entry-title {font-size:24px;}
h3,h3.entry-title,#access ul { font-size:20px; }
h4,h5,h6,#access ul ul a {font-size:16px;}

/* Font Colors */
#footer,#footer ul li,#footer h3 {color:#FFF;}
#footer a {color:#5EBCFF;}
#site-generator {color:#373737;}

/* Misc. */
h1,h2,h3,h4,h5,h6 {clear:none;}

/***************/
/*  UNIVERSAL  */
/***************/
dl,dl dt,dl dd {margin:0; padding:0; clear:both;}

.entry-title,.entry-meta {clear:left;}

.wp-post-image {float:right; margin:0 0 20px 20px;}

.us-disclaimer-text {font-size:11px; font-style:italic; margin: 0 34% 30px 7.6%; width: 58.4%;}

/* Semi-semantic class for micro-clearfix */
.group:before,
.group:after,.widget:before,
.widget:after {
    content:"";
    display:table;
}
.group:after,.widget:after {
    clear:both;
}
.group,.widget {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*********************/
/*  UTILITY CLASSES  */
/*********************/
.us-facebook,.us-twitter,.us-rss,.us-email,.us-linkedin,.us-youtube {background:url(images/socialIcons.png) no-repeat; display:block; width:32px; height:30px; text-indent:-9999px; float:left; margin:2px 6px 7px; opacity:.65;
	-moz-transition-property:margin-top,height;
	-moz-transition-duration:.2s;
	-webkit-transition-property:margin-top,height;
	-webkit-transition-duration:.2s;
	transition-property:margin-top,height;
	transition-duration:.2s;}
.us-facebook:hover,.us-twitter:hover,.us-rss:hover,.us-email:hover,.us-linkedin:hover,.us-youtube:hover {opacity:1; margin-top:0; height:32px;}
.us-facebook {background-position:0 0;}
.us-twitter {background-position:-32px 0;}
.us-rss {background-position:-64px 0;}
.us-email {background-position:0 -32px;}
.us-linkedin {background-position:-32px -32px;}
.us-youtube {background-position:-64px -32px;}

/******************/
/*  ADD SIDEBARS  */
/******************/
.single #author-info {
    background: #f9f9f9;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 2.2em 0% 0 0%;
    padding: 15px 5%;
}

#respond {
width: auto;
}
.commentlist {
width: auto;
}
.commentlist > li.comment {
margin: 0px 0px 20px 102px;
width: auto;
}

/**********************/
/*  ACCESS GRADIENTS  */
/**********************/
/*
Full Width Bars behind Images—just
Technique from: http://css-tricks.com/examples/FullBrowserWidthBars/ (this won't work in IE7, but I think that's ok)
Relies on some jquery in /js/customjs.js to get the markup right.
We're not using this right now.
*/
#access,.orange-gradient {
	background: #E63D00;
	background: -moz-linear-gradient(top, #FF6124 0%, #F0470A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6124), color-stop(100%,#F0470A));
	background: -webkit-linear-gradient(top, #FF6124 0%,#F0470A 100%);
	background: -o-linear-gradient(top, #FF6124 0%,#F0470A 100%);
	background: -ms-linear-gradient(top, #FF6124 0%,#F0470A 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF6124', endColorstr='#F0470A',GradientType=0 );
	background: linear-gradient(top, #FF6124 0%,#F0470A 100%);
}

#access {position:relative;}

#access:before,#access:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 9999px;
}
#access:before {
	right: 100%;
	background: #8CB01A;
	background: -moz-linear-gradient(top, #B0D43E 0%, #96BA24 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B0D43E), color-stop(100%,#96BA24));
	background: -webkit-linear-gradient(top, #B0D43E 0%,#96BA24 100%);
	background: -o-linear-gradient(top, #B0D43E 0%,#96BA24 100%);
	background: -ms-linear-gradient(top, #B0D43E 0%,#96BA24 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B0D43E', endColorstr='#96BA24',GradientType=0 );
	background: linear-gradient(top, #B0D43E 0%,#96BA24 100%);
}
#access:after {
	left: 100%;
	background: #4F8CD6;
	background: -moz-linear-gradient(top, #73B0FA 0%, #5996E0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73B0FA), color-stop(100%,#5996E0));
	background: -webkit-linear-gradient(top, #73B0FA 0%,#5996E0 100%);
	background: -o-linear-gradient(top, #73B0FA 0%,#5996E0 100%);
	background: -ms-linear-gradient(top, #73B0FA 0%,#5996E0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73B0FA', endColorstr='#5996E0',GradientType=0 );
	background: linear-gradient(top, #73B0FA 0%,#5996E0 100%);
}
html,body {
    overflow-x: hidden;
}

/*********************/
/*  FOOTER GRADIENT  */
/*********************/
#footer {
	background: #8A8A8A;
	background: -moz-linear-gradient(top, #8A8A8A 0%, #707070 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8A8A8A), color-stop(100%,#707070));
	background: -webkit-linear-gradient(top, #8A8A8A 0%,#707070 100%);
	background: -o-linear-gradient(top, #8A8A8A 0%,#707070 100%);
	background: -ms-linear-gradient(top, #8A8A8A 0%,#707070 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8A8A8A', endColorstr='#707070',GradientType=0 );
	background: linear-gradient(top, #8A8A8A 0%,#707070 100%);
}

@media (max-width: 450px) {
	/* trying to fix this! */
	#access:before,#access:after {display:none;}
	
	img {max-width:100%; height:auto;}

}