/* 
	Theme Name: District
	Theme URL: http://www.scaddistrict.com
	Description: First District exclusively for the Web.
	Author: Travis Walters
	Author URI: http://www.scaddistrict.com
	Version: 2.1

	Changelog:
		2.1.008 - 04/08/2010
		Changed background colors for navigation and headers.
		2.1.007 - 12/14/2009
		Added @scaddistrict to the tweetmeme button.
		2.1.006 - 10/28/2009
		Changed the way the staff are displayed.
		2.1.005 - 10/19/2009
		Added social media connection points in header.
		Altered weather stylesheet.
		Changed H2 sizes.
		Removed background from section boxes.
		2.1.003 - 10/05/2009
		Removed "Written by" from archive pages.
		Fixed ad display issues on category index pages.
		Fixed search and page templates.
		2.1 - 09/26/2009
		Removed fluid layout and returned to fixed width.
		Changed font sizes throughout Web site.
		Added clearer dileniation between list items in category boxes.
		Adjusted ad spacing.
		Fixed search and staff pages.
		Removed category navigation from individual posts. 
		Consolidated five CSS files into one
		2.0 - 09/03/2009
		First release of District 2
*/

/*
-----------------------------------------------
District Layout
----------------------------------------------- */

/* `Basic HTML
------------------------------------------------*/

body {
	background: #bad4ff;
	color: #000;
	padding: 0 0 40px;
	font: 12px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus {
	outline: 1px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
------------------------------------------------*/
h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
------------------------------------------------*/
ol {
	list-style: none;
}

ul {
	list-style: none;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}


/* anchors
------------------------------------------------*/
a {
	color: #000000;
	/*color: #26336D;*/
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color:#000000;
}


/* 960 grid system container background
------------------------------------------------*/
.container_12,
.container_16 {
	background:#fff;
}


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {
	font-weight:normal;
}


/* branding
----------------------------------------------- */
h1#branding {
	font-weight:normal;
	font-size:3em;
	text-align:left;
	background:#FFF;
	padding:.7em 1em;
	margin-bottom:0;
}


/* page heading and banner ad
----------------------------------------------- */
.ad_banner {
    text-align: center;
    height: 130px;
    width: 900px;
    background: #cccccc;
    margin: 10px auto 10px auto;
}


h2#page-heading {
	font-weight:normal;
	padding:.5em;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}

.header {
	font-size: 12px;
	margin-bottom: 20px;
	text-align: center;
}

.header ul {
	float: right;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	}
	
.header li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline;
	}
	
.header ul li a, #header ul li a:visited {
	font-size: 32px;
	color: #000000;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	}

.header ul li a:hover {
	color: #CC0000;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	}



/* Staff Page
----------------------------------------------- */
.staff_container {
	overflow: hidden;
	width: 876px;
	margin: 15px auto 15px auto;
}
#staff_main {
	padding: 10px;
	background: #fff;
	border: 0px solid #ccc;
}

/*--Main Image Preview--*/
.staff_main_image {
	width: 480px; height: 720px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.staff_main_image h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 5px;	
	padding: 0px;
}

.staff_main_image small { 
	padding: 0px;
	margin-bottom: 10px;
	font-size: 11px;
}

.staff_main_image p {
	font-size: 12px;
	padding: 5px;	
	margin: 5px 0 0 0;
}

.staff_main_image p a{
	color: #fff;
}

.staff_block small { 
	padding: 0px; 
	font-size: 11px; 
}

.staff_main_image .staff_block small {margin-left: 5px;}
.staff_main_image .staff_desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.staff_main_image .staff_block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}
.staff_main_image a.collapse {
	background: url(/wp-content/uploads/2009/10/close.png) no-repeat right top;
	height: 0px; width: 56px;
	text-indent: -99999px;
	position: absolute; 
	top: -15px; right: 20px; 
}
.staff_main_image a.show {background-position: right bottom;} 


.staff_image_thumb {
	margin-left: 5px;
	float: left;
	width: 289px;
	background: #f0f0f0;
	border-top: 1px solid #ccc;
}
.staff_image_thumb img {
	border: 1px solid #ccc; 
	padding: 3px; 
	background: #fff; 
	float: left;
}
.staff_image_thumb ul {
	margin: 0px; padding: 0px;
	list-style: none;
}
.staff_image_thumb ul li{
	margin: 0; padding: 0px 10px;
	background: #f0f0f0 url(nav_a.gif) repeat-x;
	width: 267px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.staff_image_thumb ul li.hover {
	background: #ddd;
	cursor: pointer;
}
.staff_image_thumb ul li.active {
	background: #fff;
	cursor: default;
}
html .staff_image_thumb ul li h2 {
	font-size: 12px; 
	margin: 2px 0 0 0; padding: 0;
}
.staff_image_thumb ul li .staff_block {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 170px;
}	
.staff_image_thumb ul li p{display: none;}



/* horizontal-rule
----------------------------------------------- */
.horizontal-rule {
	height: 1px;
	background: #ccc;
	margin: 0 0 15px 0;
}

/* boxes
----------------------------------------------- */
.ad_box_a {
    text-align: center;
    margin: 10px 0 10px 0;
}

.ad_box_a a img {
    border: none;
}

.ad_box_b {
	display: inline;
	float: left;
	width: 304px;
    text-align: center;
    padding: 0px;
margin: 10px 10px 10px 0;
}

.ad_box_b a img {
    border: none;
    padding: 0;
    margin: 0;
    float: left;
}

.banner_box {
	padding: 10px 0 10px 0;
}

.box {
	/*background: #ddd;*/
	margin-bottom:20px;
	padding:10px 10px 1px 10px;
}
.box h2 {
	font-size:1.2em;
	font-weight: bold;
	text-transform:uppercase;
	color:#000000;
	background:#bad4ff;
	margin:-10px -10px 5px -10px;
	padding:2px 12px;
}
.box h2 a,
.box h2 a.visible {
	color:#fff;
	background:#26336D url("../img/switch_minus.gif") 97% 50% no-repeat;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}

.box_height {
	height: 250px;
}

.dcg { /* Dynamic Content Gallery Plugin */
	padding: 10px 0 10px 0;
}
.grid_4 .box h2 a {
	background-position: 97% 50%;
}
.grid_5 .box h2 a {
	background-position: 98% 50%;
}
.grid_12 .box h2 a {
	background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
	background-image: url("../img/switch_plus.gif");
}
.box h2 a:hover {
	background-color:#26336D;
}
.block {
	padding: 0px;
	margin: 0px;
}

div.block ul {
	margin: 5px 0px 5px -15px;
}

div.menu {
	padding:0;
}
div.menu h2 {
	margin:0;
}
div.menu .block {
	padding-top:0;
}


/* paragraphs, quotes and lists
------------------------------------------------*/
p {
	margin-bottom:1em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}
.block ul {
	list-style: none;
	margin: 0px;
	padding-left: 15px;
}
.block ul li {
	margin: 0;
}

.hppostmeta {
	font-size: 9px;
	margin: 0px 0 3px 9px;
}

/* menus
----------------------------------------------- */
ul.menu {
	list-style:none;
	border-top:1px solid #bbb;
}
ul.menu li {
	margin:0;
}
ul.menu li a {
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #ccc;
}
ul.menu li a:hover {
	background:#eee;
}
ul.menu li a:active {
	background:#ccc;
}


/* submenus
----------------------------------------------- */
ul.menu ul {
	list-style:none;
	margin:0;
}
ul.menu ul li a {
	padding-left:30px;
}


/* section menus
----------------------------------------------- */
ul.section {
	border-top:0;
	margin-bottom:0;
}
ul.section li {
	text-transform:uppercase;
}
ul.section li a {
	background:#bbb;
}
ul.section li a:hover {
	background:#aaa;
}
ul.section li a:active {
	color:#fff;
	background:#666;
}
ul.section li li a {
	background:#ddd;
	border-bottom:1px solid #eee;
}
ul.section li li a:hover {
	background:#ccc;
}
ul.section li li a:active {
	color:#000;
	background:#fff;
}
ul.section ul li {
	text-transform:none;
}
ul.section ul.current li a {
	background:#eee;
	border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover {
	background:#ddd;
}
ul.section ul.current li a:active {
	background:#fff;
}
ul.section li a.current {
	color:#fff;
	background:#666;
}
ul.section li a.current:hover {
	background:#555;
}
ul.section li a.current:active {
	background:#444;
}
ul.section li a.active {
	background:#fff;
	cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
	color:#fff;
	background:#666;
	cursor:default;
}

/* Comments 
----------------------------------------------- */
.commentlist {
	margin-left: -40px;
}

.commentlist li {
	margin-left: 0px;
}


/* site information
----------------------------------------------- */
#site_info .box {
	color:#ccc;
	background:#666;
	margin-bottom:10px;
}
#site_info a {
	color:#fff;
}
#site_info a:hover {
	color:#000;
}


/**************************** Nav ***********************************/

/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
  position:relative;
  background:#666;
  max-width:100%;
  height:2.5em;
  }
ul.nav li {
	cursor:pointer;
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
}
ul.nav li ul {
	cursor:default;
	width:100%;
	max-width:100%;
	position:absolute;
	height:auto;
	top:2.5em;
	background-position:0 0 !important;
	left:-9000px;
}
ul.nav li ul li {
	padding:0;
	border:none;
	width:auto;
	max-width:none;
}
ul.nav li a {
	color:#fff;
	background:#666;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 1em;
	height:2.4em;
	line-height:2.5em;
}
ul.nav li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:2em;
	height:2em;
	font-weight:normal;
	color:#666;
	background-position:0 50% !important;
}

ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus {color:#000; background:#ccc;}
ul.nav li a:active {color:#666; background:#fff;}
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li ul,
ul.nav li {background:#ccc !important}
ul.nav li:hover ul li a {color:#444;}
ul.nav li:hover ul li a:hover {color:#000; background:#fff;}
ul.nav li:hover ul li a:active {color:#666; background:#fff;}

ul.nav li.current a {color:#666; background:#fff; cursor:default; font-weight:bold;}
ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul,
ul.nav li.current {background:#ccc !important}
ul.nav li.current ul li a {color:#444; background:#ccc; font-weight:normal;}
ul.nav li.current ul li a:hover {color:#000; background:#fff;}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {color:#666; background:#fff;}


/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav {
  background:#bad4ff;
}
ul.main li {
  position:relative;
  top:0;
  left:0;
}
ul.main li ul {
  border-top:0;
}
ul.main li ul li {
  float:left;
}
ul.main li a {
	height:2.5em;
	line-height:2.5em;
    border-right: 1px white solid;
    border-left: 1px white solid;
	color:#000000;
	background:#bad4ff;
}

ul.main li:hover a:hover {
	color: #fff;
	background: #000;
}

ul.main li ul li a {
  width:12em;
  line-height:2em;
  height:2em;
  text-align:left;
  color:#000000;
  border-top:1px solid #bad4ff;
  background:#bad4ff;
}
ul.main li a:focus {color:#fff; background:#5186D7;}
ul.main li ul li a:hover {
  color:#FFF;
  background:#000;
}
ul.main li:hover a {
  color:#000000;
  background:#bad4ff;
}
ul.main li:hover ul li a {color:#000;}
ul.main li:hover ul li a:hover {color:#FFF; background:#000;}
ul.main li:hover a:active {background:#FFF;}
ul.main li:hover ul li a:active {color:#FFF; background:#000;}


/* secondary list
----------------------------------------------- */
ul.nav li.secondary {
	float:right;
	color:#cde;
	background:transparent !important;
}

ul.nav li.secondary span.status {
	float:left;
	padding:0 1em;
	line-height:2.77em;
	height:2.77em;
  font-size:0.9em;
}
ul.nav li.secondary span.status a {
	float:none;
	display:inline;
	padding:0;
	height:auto;
	line-height:auto;
	color:#cde;
	background:transparent;
}
ul.nav li.secondary span.status a:hover {
	color:#fff;
	background:transparent;
}
ul.nav li.secondary span.status span {
	text-transform:capitalize;
}
ul.nav li.secondary:hover a {
	color:#fff;
	background:#5186D7;
}
ul.nav li.secondary:hover a:hover {
	background:#000;
	color:#fff;
}
ul.nav li.secondary:hover a:active {background:#444;}

/* weather
----------------------------------------------- */
.weather {
	width: 200px;
	float: left;
}

/* search box
----------------------------------------------- */
#searchform {
	margin: 5px 5px 0 5px;
	padding: 0;
	float: right;
	border-left: 1px solid white;
}

#searchform #s {
	width: 150px;
}

#searchform #sbutt {
	width: 60px;
	text-align: center;
}

/************************* Grid **********************************/
/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12,
.container_16
{
	margin: auto;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4
{
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8
{
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12
{
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16
{
	width: 940px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 60px;
}

.container_12 .grid_2
{
	width: 140px;
}

.container_12 .grid_4
{
	width: 300px;
}

.container_12 .grid_5
{
	width: 380px;
}

.container_12 .grid_7
{
	width: 540px;
}

.container_12 .grid_8
{
	width: 620px;
}

.container_12 .grid_10
{
	width: 780px;
}

.container_12 .grid_11
{
	width: 860px;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
	width: 40px;
}

.container_16 .grid_2
{
	width: 100px;
}

.container_16 .grid_3
{
	width: 160px;
}

.container_16 .grid_5
{
	width: 280px;
}

.container_16 .grid_6
{
	width: 340px;
}

.container_16 .grid_7
{
	width: 400px;
}

.container_16 .grid_9
{
	width: 520px;
}

.container_16 .grid_10
{
	width: 580px;
}

.container_16 .grid_11
{
	width: 640px;
}

.container_16 .grid_13
{
	width: 760px;
}

.container_16 .grid_14
{
	width: 820px;
}

.container_16 .grid_15
{
	width: 880px;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4
{
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
	padding-left: 720px;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
	padding-left: 80px;
}

.container_12 .prefix_2
{
	padding-left: 160px;
}

.container_12 .prefix_4
{
	padding-left: 320px;
}

.container_12 .prefix_5
{
	padding-left: 400px;
}

.container_12 .prefix_7
{
	padding-left: 560px;
}

.container_12 .prefix_8
{
	padding-left: 640px;
}

.container_12 .prefix_10
{
	padding-left: 800px;
}

.container_12 .prefix_11
{
	padding-left: 880px;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1
{
	padding-left: 60px;
}

.container_16 .prefix_2
{
	padding-left: 120px;
}

.container_16 .prefix_3
{
	padding-left: 180px;
}

.container_16 .prefix_5
{
	padding-left: 300px;
}

.container_16 .prefix_6
{
	padding-left: 360px;
}

.container_16 .prefix_7
{
	padding-left: 420px;
}

.container_16 .prefix_9
{
	padding-left: 540px;
}

.container_16 .prefix_10
{
	padding-left: 600px;
}

.container_16 .prefix_11
{
	padding-left: 660px;
}

.container_16 .prefix_13
{
	padding-left: 780px;
}

.container_16 .prefix_14
{
	padding-left: 840px;
}

.container_16 .prefix_15
{
	padding-left: 900px;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4
{
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8
{
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12
{
	padding-right: 720px;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
	padding-right: 80px;
}

.container_12 .suffix_2
{
	padding-right: 160px;
}

.container_12 .suffix_4
{
	padding-right: 320px;
}

.container_12 .suffix_5
{
	padding-right: 400px;
}

.container_12 .suffix_7
{
	padding-right: 560px;
}

.container_12 .suffix_8
{
	padding-right: 640px;
}

.container_12 .suffix_10
{
	padding-right: 800px;
}

.container_12 .suffix_11
{
	padding-right: 880px;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .suffix_1
{
	padding-right: 60px;
}

.container_16 .suffix_2
{
	padding-right: 120px;
}

.container_16 .suffix_3
{
	padding-right: 180px;
}

.container_16 .suffix_5
{
	padding-right: 300px;
}

.container_16 .suffix_6
{
	padding-right: 360px;
}

.container_16 .suffix_7
{
	padding-right: 420px;
}

.container_16 .suffix_9
{
	padding-right: 540px;
}

.container_16 .suffix_10
{
	padding-right: 600px;
}

.container_16 .suffix_11
{
	padding-right: 660px;
}

.container_16 .suffix_13
{
	padding-right: 780px;
}

.container_16 .suffix_14
{
	padding-right: 840px;
}

.container_16 .suffix_15
{
	padding-right: 900px;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}