/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/


body {
	background: #ffffff url(http://users2.macrobatix.com/kelly/oversight/images/bg_sub.gif) 0 0 repeat-x;

	margin: 0;
	padding: 0;
	
	font: 12px/1.5em 'Myriad', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;	
	color: #000000;
}

a {
	color: #0060B6;    /*  cornflower blue  */
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}



#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0 0 40px 0;
	width: 980px;
}



/*  HEADER  */

#header {
	position: relative;
	height: 58px;    /*  must specify height to position tagline in IE  */
}

#header h1 {
	margin: 0;
	padding: 0;
}

#header h1 a {
	font-weight: normal;
	color: #000;
}

#tagline {
	position: absolute;
	bottom: 7px;
	right: 0;
	
	margin: 0;
	padding: 0;

	width: 680px;
	
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 1px;
	color: #acacac;    /*  text match to gray of top bar  */
	
	text-align: right;
}

#tagline a {
	color: #acacac;    /*  text match to gray of top bar  */
}



/*  SEARCH  */

#searchbox {
	position: absolute;
	top: 56px;
	right: 2px;
}

#searchbox form {
	margin: 0;
	padding: 0;
}

#searchbox input {
	border: 1px solid #999999;
	
	margin: 0;
	padding: 2px 4px;
	
	width: 170px;
	height: 13px;
	
	font: 10px/1.2em 'Myriad', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;	
	color: #aeaeae;
}

#searchbox input.button {
	width: auto;
	height: auto;
}





/*  REPLACED BY THIS ON SUB PAGES  */
#section {
	clear: both;
	position: relative;

	height: 70px;  /*  accomodate decenders in the section_titles  */
}

#motto {
	margin: 17px 0 0 0;
}

#section #section_title {
	position: absolute;
	top: 0;
	right: 0;
}





/*  TOP NAVIGATION BAR  */

#topnav {
	clear: both;

	height: 20px;   /*  line up animation with bg  */
	width: 780px;   /*  prevent overlap with Search Box  */
}

#topnav a {
	font-size: 10px;
	color: #000000;
}

#topnav a:hover {
	text-decoration: none;
}

#topnav ul {
	list-style: none;
	margin: 0;
	padding: 3px 0 0 0;    /*  must use padding instead of margins for IE compatibility  */
}

#topnav li {
	float: left;
	
	margin: 0;
	padding: 0 40px 0 0;

	font-size: 10px;
	letter-spacing: 1px;
	line-height: 1em;
}

#topnav li.img {
	float: right;
	padding: 0 20px 0 0;
}

#topnav li.img a {
	background: transparent url(http://www.oversightsystems.com/images/icon_flag.gif) right 2px no-repeat;
	padding: 0 18px 0 0;
}




/*  BOTTOM NAVIGATION  */

#bottomnav {
	clear: both;

	padding: 50px 0 0 0;
	height: 25px;
}

#bottomnav ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 460px;
}

#bottomnav li {
	float: left;
	
	margin: 0;
	padding: 0 15px;
}

#bottomnav a {
	color: #000000;
	font-weight: bold;
}




/*  FOOTER  */

#footer {
	clear: both;
	font-size: 10px;
	color: #000000;
	text-align: center;
}

#footer p {
	margin: 0;
	padding: 0;
}

#footer span {
	padding: 0 8px;
}

















/*
LAYOUT: Three-Column
DESCRIPTION: Three-column fluid layout with two sidebars on both sides of content
@import url('examples/3c-b.css');
*/


div#container {
float:left;
width:100%;
}

div#content {
margin:0 200px;
}

div.sidebar {
float:left;
overflow:hidden;
width:180px;
}

div#primary {
margin:0 0 0 -100%;
}

div#primary a {
	color: #000000;    /*  primary links are dark  */
}

* html div#primary {
left:20px;
position:relative;
}

div#secondary {
margin: 24px 0 0 -180px;
}










/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

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

.entry-meta {
padding-top: 10px;
font-size: 10px;
color: #666;
}


.entry-title {
padding-top: 25px;
}

.post {
clear: both;
padding-bottom: 25px;
}


div#container,div#primary {
margin-top:2em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
border-top: 1px solid #ccc;
padding-top: 10px;
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
font-size: 10px;
line-height: 1.45em;
}


div.navigation div.nav-previous {
padding-bottom: 15px;
}

div.navigation div.nav-next {
float:right;
text-align:right;
padding-bottom: 15px;
}

div.navigation div.nav-previous a {
padding-right: 70px;
}

div.navigation div.nav-next a {
padding-left: 70px;
}


div.sidebar h3 {
background: #787878 url(images/bg_h3.jpg) bottom left repeat-x;
margin:0;
padding: 2px 8px;
font-size: 1em;
color: #fff;
}

div#secondary h3 {
background: #dcdcdc url(images/bg_h3_secondary.jpg) top left repeat-x;
color: #333;
}


div.sidebar input {
	border: 1px solid #ababab;
	
	margin: 0;
	padding: 2px 4px;
	
	width: 110px;
	height: 15px;
	
	font: 10px/1.2em 'Myriad', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;	
	color: #aeaeae;
}

div.sidebar input.button {
	position: relative;
	top: 1px;
	width: auto;
	height: auto;
	color: #000;
}

.screen-reader-text {
	width: 0;
	visibility: hidden;
}


#searchform {
	position: relative;
}

#s {
	position: absolute;
	left: 52px;
	
	width: 105px;
}

#searchsubmit {
	float: left;
	
	background-color: #ebebeb;
	
	margin-right: 2px;
	
	width: 50px;
	height: 21px;
}




div.sidebar li {
list-style:none;
background: #ffffff url(images/list_footer.jpg) bottom left repeat-x;
border: 1px solid #ccc;
border-bottom: none;
margin: 0 0 4px 0;
padding-bottom: 10px;
}

div#secondary li {
background: #dcdcdc;  /*  this looks like a border on the front end  */
border: 1px solid #ccc;
padding-bottom: 3px;
}

div.sidebar li form {
margin: 5px 0 1em 8px;
padding:0;
}

div.sidebar ul ul {
margin: 0.5em 1em 1em 1.75em;
}

div.sidebar ul ul li {
list-style:disc;
background: none;
border: none;
margin:0;
padding: 0;
color: #666;   /*  color of the bullets  */
}

div#secondary ul div.textwidget {
background: #fff;
margin: 0 3px;
padding: 4px 7px 10px 7px;
}

div#secondary ul ul {
background: #fff;
margin: 0 3px;
padding: 4px 0 10px 20px;
}

div#secondary ul ul li {
list-style: disc;
border: none;
background: none;
margin: 0 0 0 0;
padding: 0 8px 0 0;
color: #0060B6;   /*  color of the bullets (cornflower blue)  */
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar ul {
margin:0;
padding:0;
}


#content h2 {
border-top: 1px solid #ccc;
padding-right: 10px;
line-height: 1.15em;
}

#content h3 {
font-size: 16px;
}

#respond {
clear: both;
}

#respond h3 {
padding-top: 35px;
}

.published {
border: none;

margin: 0;
padding: 0;

color: #666;
}


#content h2.page-title {
border: none;
}


h3.entry-title {
border-top: 1px solid #ccc;
}


.rsswidget img {
float: right;
position: relative;
top: 3px;
}




/*  SOCIAL NETWORKING  */

div.share h4 {
	margin: 3em 0 0.25em 0;
	padding: 0 0 0 5px;
	font-size: 14px;
}

div.share a img {
	 padding: 5px;
}

div.share a:hover img {
	background: #eeeeee;
	border: solid 1px #cccccc;
	padding: 4px;
}