/* 

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.2

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/

Modified by Elaine Vigneault http://www.elainevigneault.com/

*/

body { 

	color: #666;

	/* original background color was #15191c, changed to #666*/

background: #fff;

	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: #eee;

	}



/* 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;

	}

#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: #eee;

	}

#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: 1em;

	font-weight: bold;

	float: left;

	color: #0C386E;

	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: #f7f7f7;

/* EV changed background color*/

	text-decoration: underline;

	}

#main-nav ul li#current a { background: #f7f7f7; }

/* EV changed background color*/



/* HEADER */

#header {

	float: none;

	width: 921px;

	margin: 0;

	padding: 10px 10px;

	display: block;

	clear: left;

	border-width: 1px 0;

	border-style: solid;

	border-color: #ccc;

	background: #fff;

/* EV changed background color*/

	}

#header h1 {

	display: inline;

	float: left;

	width: 920px;

	font-size: 2.5em;

	font-weight: bold;

	margin: 0;

	padding: 0;

	}

#header h1 a {

	padding: 0;

	margin: 0 0 0 5px;

	}



/* FEED */

/* originally feed image was a background image. EV changed that. */

#feed {

	width: 200px;

	float: right;

	padding: 2px;

	}

#feed ul { margin: 0; padding: 2px 50px 0 0; }

#feed ul li { list-style-type: none; text-align: right; margin: -1px 0 4px 0; padding: 0; }

#feed ul li a { font-weight: bold; }

#feed ul li a:hover { text-decoration: underline; }

#feed img {float: right;

border: none;}



/* 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: 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;

	}

h1 { font-size: 1.5em; }

/* EV changed h1 style*/

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;

text-decoration: underline;

	}



/* 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: 593px;

	margin: 0 0 10px 0;

	padding: 5px 11px 5px 3px;

	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; }

/* 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 .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 */

.post img, .post a img {

	padding: 3px;

	border: 1px solid #01203c;

	background: #eee;

	}

.thumbnail {

	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;

	}

.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;

	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: #333;

/* EV changed background color*/

	clear: both;

	width: 940px;

	margin: 0 auto;

	}

#footer p {

	float: left;

	width: 100%;

	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: #666;

	font-weight: bold;

/* EV changed color*/

	}

#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; }

/*	"VISIONARY"	*/