/*
Theme Name: On Assignment
Theme URI: http://graphpaperpress.com
Description: A child theme for Modularity 2.2 and higher
Author: Thad Allender
Author URI: http://thadallender.com
Template: modularity
Version: 2.2
License:  GPL
*/
	
@import url("../modularity/style.css");

/* Globals */
.container {padding: 1em 0 2em 0;}
.container-inner {padding:0}
#top {height:36px;}

/* Masthead */
#masthead {position: relative; margin: 0;padding:0; float:none; height: 55px}
#masthead #logo h1 {line-height: 0; margin-top:16px;}
#masthead #logo h1 a {color: #000;}
#masthead #logo .description {float:left; margin:1.4em 2em;vertical-align: middle}
#masthead #search {position: absolute; top: 8px; right:0; }
#masthead #search #s {border:none;background:#ccc; color:#fff}
#masthead #search #s:hover {background:#bbb}

/* Top navigation overrides */
#nav-wrap-top {float:right;margin-top:1em;}
#nav-wrap-top .sf-menu {background: none; float:right;}
#nav-wrap-top .sf-menu li {background: none;float:right; border-right: 1px dotted; margin:6px 0;}
#nav-wrap-top .sf-menu li.last {border:none}
#nav-wrap-top .sf-menu li a {color:#999; padding: 3px 8px;}

/* Welcomeboxes */
.welcomebox {padding:1.5em;margin:0em;background:#eee;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.welcomebox-gray {padding:1em;margin:0em;background:#ccc;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.welcomebox-darkgray {padding:1em 1em 0.2em 1em;margin:0em;background:#666;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.welcomebox-360movies {padding:1.5em 0.5em 1.5em 4em;margin:0em;background:#ccc;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.welcomebox-360iphone {padding:1.5em 0.5em 1.5em 4.5em;margin:0em;background:#ccc;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.welcomebox-300 {width: 200px;padding:1.5em;margin:0 0 1.6em 0;background:#eee;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.white-text {color: #ffffff;}
.white-text a {color: #fb9f00;}
.white-text a:hover {color: yellow;}

/* Table Styling */
.cell-top {vertical-align: top;}

/* White boxes for text with black border */
.whitebox {padding:0.5em;margin:0em;background:#fff;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;text-align: justify;border: 1px solid #999;}

/* Square Picture Frames */
.picture-frame {
  margin: 7px;
  padding: 5px 0px 15px 12px;
  border: 1px solid #999;
  height: 155px;
  width: 160px;
  float: left;
  text-align: left;
  background:#fff;
  position: relative;
}

/* Overlay for Grid  within Sidebar */
.overlay-logos {
  margin: 5px;
  padding: 5px 5px 10px 5px;
  border: 1px solid #999;
  height: 55px;
  width: 125px;
  float: left;
  text-align: left;
  background:#fff;
  position: relative;
}
h2.text-logos {
   position: absolute;
   top: 45x;
   left: 4px;
   width: 100%;
}  
h2.text-logos span {
   color: white;
   font: 12px/40px Helvetica, Sans-Serif;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.5);
   padding: 10px;
   width: 100%;
}
h2.text-logos span.spacer {
   padding:0 20px;
}
/* End Overlay for Logo Grid within Sidebar */

/* Overlay for Grid within Posts */
.overlay {
  margin: 10px;
  padding: 5px 5px 20px 5px;
  border: 1px solid #999;
  height: 65px;
  width: 218px;
  float: left;
  text-align: left;
  background:#fff;
  position: relative;
}
.overlay2 {
  margin: 10px;
  padding: 10px 7px 20px 7px;
  border: 1px solid #999;
  height: 110px;
  width: 200px;
  float: left;
  text-align: left;
  background:#fff;
  position: relative;
}
h2.text {
   position: absolute;
   top: 45x;
   left: 4px;
   width: 100%;
}  
h2.text span {
   color: white;
   font: 12px/40px Helvetica, Sans-Serif;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.5);
   padding: 10px;
   width: 100%;
}
h2.text span.spacer {
   padding:0 20px;
}
/* End Overlay for Grid within Posts */


/* Main navigation overrides */
#nav-main {height:46px;background:#111;margin:0 0 2em 0}
.home #nav-main {margin:1em 0;}
#nav-main .sf-menu {margin:0;padding:0;display:block;position:relative;top:0;font-size:12px;width:950px;height:46px;float:none;clear:both; background:#111}
#nav-main .sf-menu li {margin-right:0; background:#111;white-space:nowrap;text-transform:capitalize}
#nav-main .sf-menu li a {padding:10px 60px 24px 12px; color:#fff}
#nav-main .sf-menu li a:hover {color:#fff;}
#nav-main .sf-menu li.sfHover ul {top:3.8em;}
#nav-main .sf-menu li {border-right: 1px solid #333;margin-left:0}
#nav-main .sf-menu li li {border:none;}
#nav-main .sf-menu li li li {border:none;}
#nav-main .sf-menu a {padding:9px;text-decoration:none;}

/* Footer */
#footer-wrap {border-top: 1px solid #222; margin: 3em 0 0; padding: 2em 0;}
#footer div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #222;}
#footer hr {background:#222}
#footer h3 {margin:.5em 0}
#footer h3 a {color:#fff}

/* Archive */
.archive h3 {margin:.5em 0}
.archive .content {margin: 2em 0}

/* Featured */
#featured {margin: 0 0 4em 0}
#featured img.attachment-medium {max-width:270px;overflow:hidden;display: inline}