/*
THEME NAME: Thematic
THEME URI: http://themeshaper.com/thematic/
DESCRIPTION: The ultimate in SEO-ready themes, Thematic is a highly extensible, WordPress Theme Framework featuring 13 widget-ready areas, drop-down menus, grid-based layout samples, plugin integration, shortcodes for your footer, &amp; a whole lot more. Perfect for any blog and <strong><em>the</em></strong> starting point for theme development.
VERSION: 0.9.5.1
AUTHOR: Ian Stewart
AUTHOR URI: http://themeshaper.com/
TAGS: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats
.
The Thematic Theme is copyright Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout 
@import url('library/layouts/2c-r-fixed.css');
*/
/* Apply basic image styles */
@import url('library/styles/images.css');

/* Apply default theme styles and colors */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');

body { background: #000000; font-size: 14px; color: #a0a9b2; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0px; padding:0px; }

#wrapper { margin: 0px auto; width: 970px; }
#headertop { width: 970px; margin: 0 auto; padding: 0px; }
#headertop .inner { height: 181px; width: 970px; background: url(/wp-content/themes/thematic/images/header_splash.jpg) no-repeat top; }

/* Content */

#content { background-color: #040b11; padding: 10px; min-height: 350px; }
#content .innerleft {
	float: left; 
	padding: 5px 10px; 
	width: 525px;
	min-height: 300px;
	border-right: 1px #000000 solid; 
}
#content .innerright { float: right; padding: 5px 10px; width: 380px; }
#content .innerright img { border: 0px; }

a { text-decoration: none; color: #daccaf; }

a:hover { border: none; }

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: #daccaf;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
	color: #daccaf;
}

.page_art #content .innerright { display: none; }
.page_art #content .innerleft { width: 900px; border: 0px; }

.page_about #content .innerright { width: 260px; }
.page_about #content .innerleft { width: 645px; }

h1 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
h2 { font-size: 17px; font-weight: bold; margin-bottom: 5px;}
h3 { font-size: 14px; }

/* Footer */

#footer {
	background: url(/wp-content/themes/thematic/images/footer_back.jpg) repeat-x; width: 970px; margin: 0px auto;
	min-height: 110px; color: #445565; 
	padding-top: 20px; clear: both; text-align: center;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}
#footer li {
	margin-right: 5px; float: left; height: 20px; 
}
#footer span {
	display: block;
	float: left;
	padding: 10px 10px 0px 10px;
	letter-spacing: -1px;
	font-size: 11px;
	color: #445565;
}
#footer a {
	text-decoration: none;
	color: #445565;
}

#footer a:hover {
	color: #FFFFFF;
}

#footer .inner { margin: 10px; }
#footer .credit { padding: 5px; text-align: center; color: #445565; font-size: 10px; }
#footer .credit * { color: #445565; }



#nav { background: url(/wp-content/themes/thematic/images/menu_back.jpg) repeat-x; padding: 12px 0 0 20px; height: 52px; font-family: "Trebuchet MS"; }

#nav a { display: block; float: left; letter-spacing: -1px; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #8b98a1; }
#nav a { text-decoration: none; color: #8b98a1; }
#nav a:hover { color: #dac9b5; }
#nav .current_page_item a { color: #dac9b5; }



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.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:			0;
	top:			52px; /* 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:left;
}
.sf-menu a {
	padding:5px 10px;
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#666;
}
.sf-menu li {
	padding: 10px 30px 0px 30px; 
	/* background:		#fff; */
}
.sf-menu li li {
	background: #405260;
	padding: 5px 10px 0px 10px; 
	/* background:		#fff; */
}
.sf-menu li ul { margin-top: 20px;
}
.sf-menu li li li {
	background: #405260;
	/* 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;
}
.sf-menu ul {
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:20px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top: 20px;
	background: #405260; 
}
.sf-menu ul ul a{
	color: #ffffff; 
}

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





.entry-content img {
    margin: 0 0 18px 0;
    max-width:100%;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	text-align: center;
	margin-bottom:18px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}
.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}
