﻿/* 
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
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:#ffffff url("plugins/image-caption-easy/img/bg.gif");
	font: 90% "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: #CBDEE4 ;
background-image: url('images/');
	}

/* 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: #CBDEE4;
	}
#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: #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: #EE7C3B;
	text-decoration: underline;
	}
#main-nav ul li#current a { background: #EE7C3B; }

/* HEADER */
#header {
	float: left;
	width: 921px;
	margin: 0;
	padding: 10px 10px;
	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: 200px;
	float: right;
	padding: 2px 50px 0 0;
	background: url("images/subscribe.gif") no-repeat right 0;
	}
#feed ul { margin: 0; padding: 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; }

/* CONTAINS EVERYTHING BELOW HEADER AND HORIZONTAL NAVIGATION */
#container {
	overflow: hidden;
	float: left;
	width: 921px;
	margin: 0;
	padding: 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: #EE7C3B;
	}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: normal;
	text-decoration: none;
	color: #EE7C3B;
	}
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: #333333;
	text-decoration: none;
	}
a:hover {
	color: #EE7C3B;
	}

/* FEATURE */
#home .feature {
	float: left;
	width: 593px;
	border: 1px solid #ccc;
	margin: 10px 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; }
#home #home-bottom .block-right { float: right; }

/* 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 {
	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: #EE7C3B; }
.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("plugins/image-caption-easy/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;
	}
/* 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: 10px 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: #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; }
/*	"VISIONARY"	*/

/* 
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_right {
  padding: 5px;
  margin: 11px 0 11px 11px;
  text-align: right; 
  float: right;
  font-family: arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 1.15em;
  text-align: center;
  border: 1px solid #808080;
  background: #EAEAEA;
  color: #333;
}
#imagecaptioneasy_right img { border: 0px solid #fff; margin-bottom:5px; }
#imagecaptioneasy_right span { text-align: center; }
#imagecaptioneasy_left {
  padding: 5px;
  margin: 11px 11px 11px 0;
  text-align: left; 
  float: left;
  font-family: arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 1.15em;
  text-align: center;
  border: 1px solid #808080;
  background: #EAEAEA;
  color: #333;
}
#imagecaptioneasy_left img { border: 0px solid #fff; margin-bottom:5px; }
#imagecaptioneasy_left span { text-align: center; }
#imagecaptioneasy_top_right {
  padding: 5px;
  margin: 0 0 11px 11px;
  text-align: right; 
  float: right;
  font-family: arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 1.15em;
  text-align: center;
  border: 1px solid #808080;
  background: #EAEAEA;
  color: #333;
}
#imagecaptioneasy_top_right img { border: 0px solid #fff; margin-bottom:5px; }
#imagecaptioneasy_top_right span { text-align: center; }
#imagecaptioneasy_top_left {
  padding: 5px;
  margin: 0 11px 11px 0;
  text-align: left; 
  float: left;
  font-family: arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 1.15em;
  text-align: center;
  border: 1px solid #808080;
  background: #EAEAEA;
  color: #333;
}
#imagecaptioneasy_top_left img { border: 0px solid #fff; margin-bottom:5px; }
#imagecaptioneasy_top_left span { text-align: center; }

