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

/* Globals */
.container {padding: 1em 0 2em 0;}
.container-inner {padding:0}
#top {height:36px;}
.thumbnail, .attachment-thumbnail, #featured-section .timthumbnail, .archive .timthumbnail, .search .timthumbnail {max-width:270px}

/* Masthead */
#masthead {position: relative; margin: 0;padding:0; float:none; height: 55px}
#masthead #logo h1 {line-height: 0; margin-top:1px; margin-bottom:10px;}
#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;}

/* 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:none;}
#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}
#footer ul li a {border-bottom:1px solid #222; background-image:none; color:#999 }

/* Archive */
.archive img {margin:0 1.5em 1.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}

/* JQuery Slides */
#container {
	width:920px;
	padding:0px;
	margin: 0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:920px;
	height:600px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:100;
}

#frame {
	position:absolute;
	z-index:0;
	width:920px;
	height:600px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:920px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:920px;
	height:600px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:300px;
	left:-30px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:925px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:200px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(http://photog.stevetm.com/wp-content/uploads/2011/09/img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}