/* 
Theme Name: Structure
Theme URI: http://justintadlock.com/archives/2007/12/09/structure-wordpress-theme
Description: A theme for news/magazine sites with a blog-friendly option too.  It includes built-in video and image features that easily allow you to customize your site. There are content blocks that you can place virtually anywhere on the page.
Version: 1.1.4
Author: Justin Tadlock
Author URI: http://justintadlock.com
Released under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported license
http://creativecommons.org/licenses/by-nc-sa/3.0/
*/
body { 
	color: #000;
	background: #20477E;
	font: 80% "Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;
	padding: 0;
	margin: 0;
	}
/* CONTAINS ALL CONTENT */
#body-container {
	overflow: hidden;
	width: 942px;
	margin: 0 auto;
	padding: 0 12px;
	// background: #01203c;
        // background: #125F25;
           background:#5278AE;
	}

/* SEARCH FORM */
#search form {
	float: right;
	margin: 0;
	padding: 0;
	}
#search input#s {
	width: 235px;
	padding: 5px;
	margin: 2px 0;
	color: #333;
	background: #f7f7f7;
	border: 1px solid #333;
        font-size: 11px;
	}
#search input#search-submit {
	width: 50px;
	padding: 4px;
	margin: 0 0 0 0;
	color: #fff;
	border: 1px solid #333;
	background: #660000;
	}
/* MAIN NAVIGATION MENU */
#nav-container {
	overflow: hidden;
	display: block;
	padding: 0;
	// background: #01203c;
        background: #20477E;
	}
#main-nav {
	float: left;
	width: 635px;
	margin: 0 10px 0 0;
	padding: 0;
	}
#main-nav ul {
	float: left;
	margin: 0;
	padding: 0;
	}
#main-nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	}
#main-nav ul li a {
	font-size: 0.85em;
        font-family: verdana, arial;
	font-weight: normal;
	float: left;
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 8px 25px;
	text-decoration: none;
	}
#main-nav ul li a:hover, #main-nav ul li a:active {
	border: none;
	margin: 0;
	background: #0C386E;
	text-decoration: underline;
	}
#main-nav ul li#current a { background: #0C386E; }

/* HEADER */
#header {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0px 0x;
	display: block;
	clear: left;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ccc;
	background: #fff;
	}
#header h1 {
	display: inline;
	float: left;
	width: 650px;
	font-size: 2.5em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
#header h1 a {
	padding: 0;
	margin: 0 0 0 5px;
	}

/* FEED */
#feed {
	width: 100%;
	float: left;
	padding: 2px 50px 0 0;
	background: url(http://www.stouffvilleonline.com/images/RSS_Subscribe.gif) no-repeat right 0;
        border: 1px solid red;
        font-family: verdana;
        font-size: 10px;
	}
#feed ul { margin-left: 50px; padding-right: 20px; }
#feed ul li { list-style-type: none; text-align: right; margin: 30px 30 42px 0; padding: 0; display:inline;}
#feed ul li a { font-weight: normal; }
#feed ul li a:hover { text-decoration: underline; }

/* CONTAINS EVERYTHING BELOW HEADER AND HORIZONTAL NAVIGATION */
#container {
	overflow: hidden;
	float: left;
	width: 921px;
	margin: 0;
	padding: 10px 10px 0 10px;
	background: #f7f7f7;
	}

/* CONTAINS MAIN CONTENT */
#content, #home {
	float: left;
	margin: 0;
	}
#content {
	width: 611px;
	padding: 0 0 10px 0;
	}
#home {
	width: 611px;
	}
/* HEADERS */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #0C386E;
	}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: normal;
	text-decoration: none;
	color: #0C386E;
	}
h2 { font-size: 1.3em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

/* LINKS */
a {
	color: #0C386E;
	text-decoration: none;
	}
a:hover {
	color: #000;
	}

/* FEATURE */
#home .feature {
	float: left;
	width: 593px;
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 0 10px 10px 5px;
	background: #fff;
	}
#home .feature img {
	float: left;
	width: 300px;
	height: 175px;
	margin: 3px 15px 10px 5px;
	}
#home .feature h2 { margin: 10px 5px 0 5px; padding: 0; font-size: 1.6em; }
.feature p { margin: 10px 0; }

/* HOME CATEGORY TABS (also see tabs section at bottom of stylesheet) */
#home #home-categories {
	clear: left;
	float: left;
	display: block;
	width: 610px;
	margin: 0 0 10px 0;
	}

/* EVERYTHING BELOW THE FEATURE */
#home #home-bottom {
	width: 600px
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	}
#home #home-bottom .block-left { float: left; width: 300px; }
#home #home-bottom .block-right { float: left; width: 300px; margin-left: 10px; }

/* EXCERPTS ON THE EXCERPTS STYLE LAYOUT */
.excerpts {
	margin: 0;
	padding: 0;
	float: left;
	width: 611px;
	}
.excerpts .post {
	overflow: hidden;
	float: left;
	clear: left;
	display: block;
	width: 591px;
	margin: 0 0 10px 0;
	padding: 5px 11px 5px 5px;
	background: #fff;
	border: 1px solid #ccc;
	}
.excerpts .post h3 {
	float: left;
	display: block;
	margin: 0 5px 0 4px;
	padding: 0;
	}
.excerpts .post .entry {
	display: block;
	clear: left;
	width: 100%;
	padding: 0;
	margin: -10px 10px 0 6px;
	}
.excerpts img { margin: 5px 17px 10px 0; }
.excerpts .post .entry p { padding: 0; margin: 10px 0; }
.excerpts .byline { padding: 0 0 5px 5px; clear: left; display: block; float: left; width: 95%; }
.excerpts .post-meta-data { float: left; text-align: left; }
/* VIDEO */
.video {
	display: block;
	float: left;
	overflow: hidden;
	width: 288px;
	margin: 0 0 10px 0;
	padding: 2px 5px 10px 5px;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
	}
.video h3 { text-align: left; padding: 0 0 5px 2px; margin: 0; }
.video h3 a {
	font-size: .8em;
	font-weight: bold;
	}
.video div {
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	text-align: center;
	display: block;
	border: none;
	}
object { padding: 0; margin: 0; }

/* POST */
.post {
	margin: 0;
	background: #fff;
	}

/* RECENT EXCERPTS (default style) */
.recent {
	width: 288px;
	padding: 0 5px 10px 5px;
	margin: 0 0 10px 0;
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	}
.recent .post {
	float: left;
	margin: 5px 0 5px 0;
	padding: 0;
	background: transparent;
	}
.recent .post h3 { margin: 0; padding: 0; }
.recent .post h3 a {
	display: inline;
	font-size: .7em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
.recent img, .excerpts img {
	float: left;
	width: 75px;
	height: 75px;
	margin: 5px 10px 0 0;
	}
.recent .editorials img, .excerpts img {
	float: left;
	width: 77px;
	height: 100px;
	margin: 5px 10px 0 0;
	font-size:9px;
	}

.recent .entry {
	font-size: 1em;
	margin: 0;
	padding: 0;
	}
.recent p, .recent .entry p { margin: 0; padding: 0; }
/* SINGLE POST */
.single .post {
	float: left;
	width: 551px;
	font-size: 1.1em;
	overflow: hidden;
	padding: 10px 30px;
	margin: 0 0 10px 0;
	background: #fff;
	border: 1px solid #ccc;
	}
img.feature { height: 175px; width: 300px; }
.post a {
	font-weight: normal;
	color: #1359AE;
	text-decoration: none;
	}
.post a:hover {
	color: #000;
	text-decoration: underline;
	}
.post h2 {
	margin: 5px 0 0 0;
	padding: 0;
	font-weight: normal;
	}
.post h2 a { color: #0C386E; }
.post .byline {
	margin: 5px 0 7px 0;
	}
.post-meta-data {
	margin-right: 6px;
	text-align: right;
	}
.single .post-meta-data {
	clear: left;
	float: left;
	width: 100%;
	text-align: left;
	}
/* LISTS */
#content ul {
	margin: 15px 0;
	padding: 0;
	}
#content ul li {
	margin: 2px 0;
	padding: 0 0 0 15px;
	background: url(images/bullet.gif) no-repeat .2em .5em;
	list-style-type: none;
	}
/* tables */
.post table { border: none; }
.post tr, .post td { border: 1px solid #333; }

/* code and pre */
code {
	font: normal 1.1em "Courier New", Courier, monospace;
	padding: 0 2px;
	}
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
	width: 480px;
	}
pre code {
	font-size: 1.2em;
	display: block;
	clear: both;
	padding: 10px;
	color: #333;
	border: solid 1px #ccc;
	line-height: 140%;
	margin: 5px 0 15px 0;
	width: 570px;
	}
#comments-template pre, #comments-template pre code { width: 98%; border: none; }
/* ALIGNMENT */
.left {
	float: left;
	margin: 5px 15px 5px 0;
	}
.right {
	float: right;
	margin 0 0 0 15px;
	}
.clear { clear: both; }
p.ie6-bug { float: left; margin: -5px 0; padding: 0; }
.center {
	margin: 15px auto;
	text-align: center;
	}
.navigation {
	margin: 15px 0;
	}
.previous {
	float: left;
	width: 47%;
	}
.next {
	float: right;
	width: 47%;
	}


/* IMAGES */
.eepost img, .post a img {
	padding: 3px;
	border: 1px solid #01203c;
	background: #eee;
	}
.eethumbnail {
	width: 75px;
	height: 75px;
	}



/* RELATED POSTS */
.related {
	width: 558px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 25px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ccc;
	}
.related ul {
	width: 100%;
	}
.related h3 {
	margin: 15px 0 0 0;
	padding: 0;
	}
.ads img { border: none; }
/* COMMENTS TEMPLATE */
#comments-template {
	overflow: hidden;
	float: left;
	clear: left;
	display: block;
	width: 558px;
	padding: 10px 25px;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	background: #fff;
	}
#comments-template h3 {
	margin: 10px 0 0 0;
	padding: 0;
	}
#comments-template ol {
	margin: 0;
	padding: 0;
	}
#comments-template ol li {
	float: left;
	width: 97%;
	margin: 10px 0;
	padding: 5px;
	list-style-type: none;
	background: #f7f7f7;
	border: 1px solid #ccc;
	}
#comments-template ol li.alt {
	border-top: 1px solid #0C386E;
	border-bottom: 1px solid #0C386E;
	}
#comments-template ol li .comment-meta-data {
	font-weight: bold;
	}
#comments-template ol li .comment-text {
	width: 90%;
	margin: 10px auto;
	padding: 8px 15px;
	background: #fff;
	border: 1px solid #eee;
	}
/* TRACKBACKS */
.trackback, .trackback a { color: #666; }
.trackback .comment-meta-data em { color: #0C386E; }
input {
	width: 50%;
	padding: 5px;
	margin:  10px 5px 0 0;
	background: #fff;
	border: 1px solid #0C386E;
	}
textarea {
	width: 96%;
	padding: 5px;
	margin-top: 10px;
	border: 1px solid #0C386E;
	}
#comments-template input.submit-comment, #comments-template input.reset-comment, .button {
	width: 100px;
	padding: 7px;
	margin-right: 10px;
	color: #fff;
	border: 1px double #333;
	background: #0C386E;
	}
/* CONTACT */
fieldset {
	border: none;
	}
legend {
	border: none;
	}
/* SIDEBAR */
#sidebar {
	overflow: hidden;
	width: 300px;
	float: left;
	margin: 0 0 0 10px;
	}
.menu {
	overflow: hidden;
	clear: left;
	float: left;
	display: block;
	width: 278px;
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	background: #fff;
        background: #E0EFE4;
	}
.menu h2 {
	margin: 0;
	padding: 0;
	}
.menu ul, .tabbed div ul {
	margin: 0;
	padding: 0;
	}
.menu ul li, .tabbed div ul li {
	margin: 0;
	padding: 0 5px 0 0;
	list-style-type: none;
	}
.menu ul li a, .tabbed div ul li a {
	display: block;
	padding: 0 0 0 10px;
	}
.menu ul li a:hover { text-decoration: underline; }
/* TABS */
.tabs-block {
	clear: left;
	float: left;
	width: 300px;
	padding: 0;
	margin: 0 0 10px 0;
	display: block;
	}
.tabbed {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	}
.tabbed ul.tabs {
	overflow: hidden;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 999;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent;
	}
.tabbed ul.tabs li {
	display: inline;
	float: left;
	padding: 0;
	margin: 0 .3em 0 0;
	}
.tabbed ul.tabs li a {
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 5px .8em;
	background: #eee;
	border: 1px solid #ccc;
	}
.tabs-block ul.tabs li a { padding: 5px .7em; }
.tabbed ul.tabs li a:hover {
	background: #f7f7f7;
	text-decoration: none;
	}
.tabbed ul.tabs li a.tab-current {
	background: #fff;
	border-bottom: 1px solid #fff;
	}
.tabs-block .tabbed div, #home .tabbed .c {
	overflow: hidden;
	display: block;
	position: relative;
	left: 0;
	top: -1px;
	z-index: 0;
	clear: left;
	width: 100%;
	margin: 0;
	padding: 5px 0;
	border: 1px solid #ccc;
	background: #fff;
	display: none;
	}
div.t2, div.t3, div.t4, div.t5, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8, div.c9, div.c10  { display: none; }
.tabs-block .tabbed div.t1, #home .tabbed div.c1 { 
	display: block;
	}
.tabs-block .tabbed div { width: 298px; }
.tabbed div ul {
	overflow: hidden;
	padding: 4px 0 2px 0;
	margin: 0;
	background: #fff;
	}
.tabbed div ul li {
	clear: left;
	background: transparent;
	}
.tabbed div ul li a {
	font-weight: normal;
	width: 97%;
	display: block;
	padding: 2px 0 2px 12px;
	background: transparent;
	border: none;
	}
.tabbed div ul li a:hover { text-decoration: underline; }

/* HOME CATEGORIES TABS */
#home-categories {
	overflow: hidden;
	}
#home .tabbed .c {
	width: 608px;
	}
.tabbed .post {
	float: left;
	clear: none;
	width: 47%;
	margin: 5px 1%;
	padding: 0;
	}
.tabbed .post h3 {
	width: 97%;
	font-size: .95em;
	margin: 0 0 0 5px;
	padding: 0;
	}
.tabbed .post h3 a { 
	font-weight: bold;
	}
.tabbed .post .entry {
	margin: 0 0 0 5px;
	padding: 0;
	}
.tabbed .post .entry p { margin: 0; padding: 0; }

/* SIDEBAR ADS */
.ads { float: left; clear: left; width: 297px; display: block; padding: 5px 0; margin: 0 0 10px 0; }
.ads p {
	margin: 0;
	padding: 0;
	}
.ads img {
	float: left;
	margin: 5px 4px 5px 15px;
	padding: 0;
	}

/* FLICKR PHOTOS */
.flickr img {
	margin: 5px 4px 5px 4px;
	padding: 3px;
	border: 1px solid #01203c;
	}
.flickr p {
	margin: 0 10px 0 0;
	text-align: right;
	}

/* SIDEBAR WIDGETS */
/* calendar */
#sidebar table { width: 95%; margin: 0 auto; border: 1px solid #eee; }
#sidebar table tr { font-weight: bold; background: #ccc; }
#sidebar table tr td { text-align: center; background: #fff; border: 1px solid #ccc; }
#sidebar table tr td.pad { border: none; }

/* FOOTER */
#footer {
	color: #fff;
	clear: both;
	width: 940px;
	margin: 0 auto;
	border-top: 1px solid #660000;
	}
#footer p {
	float: left;
	width: 50%;
	margin: 0 auto;
	padding: 5px 0;
	}
#footer p.icons {
	float: right;
	text-align: right;
	width: 50%;
	height: 30px;
	}
#footer img { border: none; }
#footer a {
	color: #ccc;
	font-weight: bold;
	}
#footer a:hover {
	text-decoration: underline;
	}
#footer img { margin: 0 10px; border: none; }
.mania { background: #990000; position: absolute; top: 0; left: 0; width: 1000px; height: 2000px; } .mania h2 { font-size: 5em; }
/*	"Structure"	*/

/* added styles for the blue menu system at the top under the StouffvilleOnline logo */

div.horizmenu, div.submenu {
	margin: 2px 0;
	float: left;
	width: 100%;
	z-index: 100;
        background: #5278AE;
}

div.submenu {
	border-bottom: 0px;
        border-top: solid white 1px;
	margin-top: -3px;
	z-index: 101;
	height: 20px;
        background: #20477E;
}


div.horizmenu ul, div.submenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

div.horizmenu li, div.submenu li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}

div.horizmenu a:link, div.horizmenu a:visited, div.submenu a:link, div.submenu a:visited {
	float:left;
  display:block;
  height: 25px;
  line-height: 25px;
  padding: 0 20px;
  color: white;
}

div.submenu a:link, div.submenu a:visited {
	height: 20px;
	line-height: 20px;
	border-right: 0px;
	border-bottom: 0px;
}

div.horizmenu a:hover, div.submenu a:hover {
	text-decoration: none;
}

div.horizmenu a.active_menu:link, div.horizmenu a.active_menu:visited{
  position: relative;
  z-index: 102;
}

/* 
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/
.imagecaptioneasy {
  padding: 5px;
  font-family: "Trebuchet MS", arial,helvetica,sans-serif;
  font-size: 12px;
  line-height: 1.15em;
  text-align: center;
  border: 1px solid #CCCCCC;
  background: #F7F7F7;
  color: #333;
}
.imagecaptioneasy img { border: 0px solid #fff; margin-bottom:5px; }
.imagecaptioneasy span { text-align: center; }
.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }
.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; }
.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }


div .category-header {
	border: solid #CCCCCC 1px;
	padding-left:10px;
	background-color:#E0EFE4;
}