/*   
Theme Name: Child of Thematic
Theme URI: http://www.daytoncodebreakers.org/
Description: Versatile, magazine style, CMS oriented
Version: 1.0
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */

@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */

@import url('../thematic/library/styles/typography.css');
@import url('http://fonts.googleapis.com/css?family=Special+Elite');

/* Apply a basic layout */

@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */

@import url('../thematic/library/styles/images.css');

/* Prepare theme for plugins */

@import url('../thematic/library/styles/plugins.css');

/* Global Elements    ---------- */
/* me */
body, input, textarea /* builds upon thematic/library/styles/typography */
{
	font-family: 'Verdana', sans-serif;
	font-size: 90%;
	line-height: 180%;
	color: slategray;
}

p, ul, ol, dd, pre { margin-bottom: 12px; }
ul, li, ul ul, ul li { list-style-type: none; }

pre, code
{
	font: 1em Monaco, monospace;
	line-height: 22px;
}

blockquote
{
	color: #666;
	font-style: italic;
}

caption { text-align: left; }

table
{
	border: 1px solid #ccc;
	border-width: 1px 1px 0 1px;
	line-height: 18px;
	margin: 0 0 22px 0;
	text-align: left;
}

tr { border-bottom: 1px solid #ccc; }
th, td { padding: .7em 1.25em; }

td a
{
	background-color: oldlace;
	font-style: italic;
	border-bottom: thin darkkhaki solid;
}

table.noline
{
	border: 0;
	font-weight: 600;
}

tr.noline { border-bottom: 0; }
p.pgnmbr { text-align: center; }

hr
{
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 22px;
}

.ie7 hr
{
	background-color: transparent;
	color: #ccc;
}

a:link, a:visited, a:active, a:hover { color: #607070; }

p.info
{
	text-align: left;
	list-style-type: none;
	display: list-item;
	list-style-position: inside;
	text-indent: 2em;
}

p.page { font-weight: 600; }

ul.info
{
	list-style-type: none;
	display: list-item;
	list-style-position: default;
}

ul.info li
{
	margin-bottom: 1.5em;
	text-indent: -1.5em;
}

ul.info li a
{
	background-color: oldlace;
	font-style: italic;
	border-bottom: thin darkkhaki solid;
}

/* me -  THE PAGE SHAPE */
#wrapper
{
	margin: 20px auto;
	width: 960px;
	padding: 30px;
	box-shadow: -2px 2px 12px 6px #aaa;
	-moz-box-shadow: -2px 2px 12px 6px #aaa;
	-webkit-box-shadow: -2px 2px 12px 6px #aaa;
}

/*the math: 960px- 40px margin -60 padding =860px */
/* Header line 59 default ---------- */
#header { z-index: 1; }

/* me */
#branding /* contains  menu, blog title and description */
{
	height: 240px;
	width: 960px;
	padding: 0;
	background-image: url(images/banner_bombe.png);
	background-repeat: no-repeat;
	border-bottom: 1px #BFBFBF dashed;
}

/* Menu  ------------------- */
#access { clear: both; }
.skip-link { display: none; }

#access /* this is the primary nav menu --don't mess with styling because of font size*/
{
	border-bottom: 1px dashed #ccc;
	height: 32px;
	font-size: .9em;
	font-weight: 600;
	overflow: visible;
	z-index: 100;
}

/* blog title is title in header */
#blog-title
{
	font-family: 'Courier', sans-serif;
	font-size: 2.4em;
	display: block;
	padding: 12px 0 0 0;
	margin: 0;
	font-weight: 400;
	text-shadow: 2px 2px 4px #999999;
	line-height: 120%;
}

#blog-title a
{
	color: darkred;
	text-decoration: none;
}

#blog-description
{
	display: block;
	padding: 4px 0;
	color: #607070;
	font-size: 1em;
	line-height: 120%;
	font-style: italic;
}

.page-id-6497 #branding
{
	height: 96px;
	width: 960px;
	padding: 0;
	background-image: none;
}

#header-aside
{
	width: 960px;
	height: 4px;
	margin: 0;
	padding: 0;
	background-color: darkslategrey;
}

/* STRUCTURE */
#content /* size indicated in template as auto*/
{
	background-color: none;
	font-size: 1em;
	margin: 0;
	border-right: thin silver solid;
}

#content .widgetcontainer, #content .widgetcontainer a
{
	color: #708080;
	text-align: left;
}

/* below content, above footer */
#subsidiary { padding: 24px 0 0 0; }

/*** ESSENTIAL STYLES ***/
/* sf-menu is the placeholder for the nav menu--SUPERFISH */
.sf-menu, .sf-menu
{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}

.sf-menu ul
{
	position: absolute;
	top: -999em;
	width: 10em;
	/* left offset of submenus need to match (see below)*/
}

.sf-menu ul li { width: 100%; }

.sf-menu li:hover
{
	visibility: inherit;
	/* fixes IE7 'sticky bug' */
}

.sf-menu li
{
	float: left;
	position: relative;
}

.sf-menu a
{
	display: block;
	position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul
{
	left: 1em;
	top: 2.5em;
	/* match top ul list item height */
	z-index: 99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top: -999em; }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul
{
	left: 10em;
	/* match ul width */
	top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top: -999em; }

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul
{
	left: 10em;
	/* match ul width */
	top: 0;
}

/*** THEMATIC SKIN ***/
.sf-menu
{
	float: right;
	margin-right: 1px;
}

.sf-menu a
{
	border: none;
	padding: 9px 13px;
	text-decoration: none;
	margin-right: -1px;
}

.ie7 .sf-menu a { width: 100%; }
.sf-menu .current-menu-item a,
.sf-menu .current-menu-parent a,
.sf-menu .current-menu-ancestor a,
.sf-menu .current-post-ancestor a,
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a { border-bottom-color: #fff; }

.sf-menu a, .sf-menu a:visited
{
	/* visited pseudo selector so IE6 applies text colour*/
	color: #666;
}

.sf-menu li { background: #fff; }
.sf-menu li li { background: #fff; }
.sf-menu li li li { background: #9AAEDB; }

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active
{
	background: #fafafa;
	outline: 0;
	border-bottom-color: #ccc;
}

.sf-menu ul { border: none; }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul
{
	top: 32px;
	/* overriding essential styles */
}

.sf-menu ul ul { margin-top: 0; }

.sf-menu ul a
{
	background: #fafafa;
	border-bottom: none;
}

.sf-menu ul a:hover { color: #FF4B33; }

ul#links-page, ul#archives-page
{
	list-style-type: none;
	margin-left: 0;
	/* 	overflow: hidden; */
}

/*  li.content-column
{
	float: left;
	padding-right: 6px;
	margin-right: 6px;
	width: auto;
}  */

ul.content-column a { font-weight: bold; }
li.content column a { line-height: 180%; }

#author-info
{
	margin: 0 0 44px 0;
	overflow: hidden;
}

#author-info .avatar
{
	float: left;
	margin: .3em 1em 0 0;
}

/* me EVERYTHING FROM HEADER TO FOOTER */
#main   /* includes font-size */
{
	clear: both;
	padding: 24px 0 0 0;
	font-size: 1em;
}

#main a:link, #main a:visited, #main a:active
{
	text-decoration: none;
	font-style: italic;
	background-color: linen;
	border-bottom: thin #CCC ridge;
}

/*  trivial trivialities */
img { margin: 6px; }

.page-title /* for blog? */
{
	font-size: 1em;
	line-height: 150%;
	padding: 0 0 22px 0;
}

.page-title a
{
	color: #666;
	text-decoration: none;
}

.page-title a:active,
.page-title a:hover { color: #FF4B33; }
.page-title span { font-style: italic; }
.page-title .meta-nav { font-style: normal; }
.attachment .page-title { font-style: italic; }

/*** .hentry is the CSS class assigned to everything below the header ***/
.hentry
{
	padding: 0;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
}

.single .hentry { padding: 0; }

.titleu
{
	text-align: center;
	text-decoration: underline;
}

.home #content .sticky
{
	border: 1px solid #ccc;
	margin: 0 0 66px 0;
	padding: 12px 12px 0 12px;
}

/* me line 256 -- CONTENT TITLE! */
.entry-title
{
	font-family: Verdana,sans-serif;
	font-size: 1.5em;
	font-weight: 500;
	color: #880000;
	padding: 0 0 6px 0;
}

.entry-title a
{
	color: #555;
	text-decoration: none;
}

.entry-title a:active,
.entry-title a:hover { color: #FF4B33; }

/* me  line 301 */
/* important style--main content */
.entry-content
{
	background-color: none;
	padding: 4px 4px 4px 0;
	color: #607070;
	font-size: 1em;
}

p.entry-content  {font-size: 1.1em;}

.entry-content a
{
	color: #607070;
	margin-bottom: thin silver ridge;
	background-color: linen;
	text-decoration: underline;
}

.entry-content h1, .entry-content h2
{
	font-family: Verdana,sans-serif;
	font-size: 1.3em;
	font-weight: 500;
	line-height: 180%;
}

.entry-content h3 /* includes this day in ww2 */
{
	font-family: Verdana, sans-serif;
	color: dimgray;
	font-size: 1.2em;
	font-weight: 600;
	font-style: italic;
	padding-top: 1em;
	padding-bottom: 1.2em;
}

.entry-content h4
{
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
	color: darkred;
}

.entry-content h4 a { font-style: italic; }

/*
.entry-content dl
{
	font-size: 1.2em;
	font-weight: 600;
	padding: 1em 0;
}
*/

/* end me */
.entry-content table { margin-left: 1px; }
.entry-content embed { margin: 0 0 22px 0; }

.entry-utility
{
	clear: both;
	color: #666;
	line-height: 18px;
	margin: 0 0 44px 0;
}

.entry-utility a
{
	color: #666;
	font-style: italic;
	text-decoration: none;
}

.entry-utility a:active,
.entry-utility a:hover { color: #FF4B33; }

.page .edit-link
{
	clear: both;
	display: block;
}

.page-link
{
	clear: both;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 22px 0;
	padding: 22px 0 0 0;
	word-spacing: 0.5em;
}

.page-link a
{
	border: 1px solid #ccc;
	color: #666;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}

.page-link a:active,
.page-link a:hover { color: #FF4B33; }

/* ------------------------Attachments --------------------- */
.attachment-jpeg #,
.attachment-png #container { width: 100%; }
.attachment-jpeg #content,
.attachment-png #content { width: 930px; }

.attachment-jpeg #comments,
.attachment-png #comments
{
	width: 540px;
	overflow: hidden;
}

.attachment-jpeg .main-aside,
.attachment-png .main-aside { display: none; }

/*  ---------------------- NAVIGATION ---------------------- */
.navigation
{
	color: #666;
	line-height: 18px;
	margin: 0px 0 12px 0;
	/* 	overflow: hidden; */
}

.navigation a
{
	color: #666;
	font-style: italic;
	text-decoration: none;
}

.navigation a:active,
.navigation a:hover { color: #FF4B33; }
.navigation .meta-nav { font-style: normal; }

.nav-previous
{
	float: left;
	width: 50%;
}

.nav-next
{
	float: right;
	width: 50%;
	text-align: right;
}

#nav-above,#nav-below { width: 100%; }
#nav-above { display: none; }

.paged #nav-above
{
	display: block;
	padding: 0 0 44px 0;
}

/* ------ Asides, Sidebars & Widget-Ready Areas  -------*/
.aside, .aside input
{
	line-height: 18px; 
	margin-bottom: 6px;
	font-size: 1em;
}

.aside a /*only applies to footer asides */
{
	color: #607070;
	text-decoration: underline;
}

.aside a:active,
.aside a:hover { color: #FF4B33; }

.aside h3
{
	text-transform: uppercase;
	font-weight: 600;
	color: #800000;
}

.aside h3 a { text-decoration: none; }

.aside caption
{
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px;
}

.aside ul, .aside ul li
{
	margin-left: 0;
	list-style-type: none;
}

h3.widgettitle { line-height: 180%; }
.aside p, .aside ul, .aside ol, .aside dd,.aside pre { margin-bottom: 12px; }
.aside pre, .aside code { line-height: 18px; }
.aside .current_page_item a { color: #607070; }
.aside .current_page_item .menu-item a { color: #607070; }
.aside .current-menu-item .menu-item a:hover,
.aside .current-menu-item .menu-item a:active,
.aside .current_page_item .menu-item a:hover,
.aside .current_page_item .menu-item a:active { color: #FF4B33; }

/* changed disc to none */
.aside ul ul { margin: 0 0 22px 0; }
.aside ul ul li { padding: 1px 0; }
.aside ul ul ul { margin-bottom: 0; }
.aside form,
.aside table { margin-bottom: 12px; }
.aside table { border: none; }
.aside thead { border: 1px solid red; }
.aside tbody { border: 1px solid #ccc; }

.aside th, .aside td
{
	border-right: 1px solid #ccc;
	padding: .25em .8em;
}

.aside tfoot tr { border: none; }
.aside tfoot td { border-color: transparent; }
.widget_tag_cloud { margin: 0 0 22px 0; }
.aside #searchsubmit { display: none; }

/* ------------- Main Aside Class ---------------*/
/* to override 2c-r-fixed.css line 39 */

/* BIGGIE -- both primary and secondary */
.main-aside
{
	position: relative;
	padding: 0 8px;
}

.main-aside h3, .main-aside h3 a
{
	text-transform: uppercase;
	font-weight: 600;
	color: #800000;
}

.main-aside ul { list-style-type: none; }

.main-aside li /* total primary & secondary columns */
{	
	text-align: left;
	color: #607070;
	margin: 8px 4px 8px 4px;
	padding-bottom: 8px;
	border-bottom: 1px dashed silver;
}

.main-aside li a, .main-aside li li a
{
	color: #607070;
	border-bottom: thin darkkhaki ridge;
	background-color: oldlace;
}

.rsswidget h3 { color: #800000; }

/* the following for main posts, Random Content */
.pf-content
{
	display: block;
	margin: 15px 0;
	text-align: left;
}

.pf-content a
{
	background-color: oldlace;
	border-bottom: thin darkkhaki solid;
	font-style: italic;
	font-weight: 500;
}

#container { float: left; }

/* ----------------------------------------------------*/
/*size in template */
/*** ------------------------------- ***/
/* me */
/* secondary 220px and primary 200 and content 500 */
/* if you want the container/content to meet the asides in the middle, change sizes so they touch; padding is determined by .main-aside */
#primary /* middle widget area */
{
	width: 200px;
	float: right;
	margin: 4px 0 12px 0;
	border-right: thin solid silver;
}

#primary li li
{
	color: #607070;
	padding-bottom: 12px;
	border-bottom: 1px dashed silver;
	margin-bottom: 12px;
}

/* rightmost column--ON EVERY PAGE - breadcrumb, list pages */
#secondary
{
	width: 220px;
	margin: 4px 0 12px 0;
	border-right: thin solid silver;
	float: right;
}

#secondary li li /* rightmost widget areas */
{
	color: #607070;
	padding-bottom: 12px;
	border-bottom: 1px dashed silver;
	margin-bottom: 12px;
}

#secondary a, #secondary li a { text-decoration: none; }
#secondary li h3 a { color: #800000; }

*/

/* A FEW OF OUR PAGES */
#secondary li li
{
	width: 210px;
	text-decoration: none;
	padding: 0 0;
	margin: 0 0;
	list-style-type: none;
	border-bottom: 0;
}

/* ------------------- Footer area--------------------- */
/* me */
#footer
{
	color: #607070;
	background-color: none;
	padding: 12px 0 0 0;
	border-top: thin silver dashed;
	margin-top: 18px;
	line-height: 200%;
	font-size: .9em;
}


#siteinfo
{
	line-height: 18px;
	padding: 12px 0 0 0;
	border-top: thin silver dashed;
	margin-top: 12px;
}

#siteinfo a { color: #607070; }
#siteinfo a:active,
#siteinfo a:hover { color: #C0B3A7; }