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

/* -------------------------------------------------------------- 
   
   Default styles for Images
   
   I've duplicated these styles here from images.css in
   order to get Thematic through the auto-checker at the
   official WordPress Themes directory.
   
   When the directory can hunt though css files linked
   through @import the styles below will no longer be
   neccesary and will be removed.
   
   Cheers. --Ian Stewart
  
-------------------------------------------------------------- */   

body {
	background: #999 url(/img/bg_site.gif) repeat-x top;
}

a, a:visited, h1, h2 {
	color: #12425B;
}

a:hover {
	color: #537689 !important;
}

h1, h2 {
	padding: 0 0 27px !important;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#wrapper {
	width: 900px;
	background: #FFF;
	margin: 0 auto;
	border: 1px #667;
	border-style: none solid;
	/* position: relative; */
}

#branding {
	padding: 0;
	width: 900px;
	height: 118px;
	background: url(/img/header.jpg) no-repeat left top;
	position: relative;
}

body.home #branding {
	height: 576px;
	background: url(/img/header_gossip.jpg) no-repeat left top;
}

#blog-title a {
	width: 350px;
	height: 90px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

#blog-title a:hover {
	color: #667;
}

#blog-description {
	display: none;
}

#access {
	padding: 0 0 0 36px;
	height: 36px;
	width: auto !important;
	border: none;
	background: url(/img/bg_nav.gif) repeat-x top;
}

#access li, #access li:hover {
	background: none;
}

#access li a, #access ul {
	padding: 0;
	height: 36px;
	border: none;
}

#access li a {
	text-indent: -9999px;
}

.page-item-18 a {
	width: 71px;
	background: url(/img/nav_home.gif) no-repeat 0 0;
}

.page-item-18 a:hover {
	background: url(/img/nav_homeOV.gif) no-repeat 0 0;
}

body.pageid-18 .page-item-18 a, body.pageid-18 .page-item-18 a:hover {
	background: url(/img/nav_homeON.gif) no-repeat 0 0;
}

.page-item-2 a {
	width: 78px;
	background: url(/img/nav_about.gif) no-repeat 0 0;
}

.page-item-2 a:hover {
	background: url(/img/nav_aboutOV.gif) no-repeat 0 0;
}

body.pageid-2 .page-item-2 a, body.pageid-2 .page-item-2 a:hover {
	background: url(/img/nav_aboutON.gif) no-repeat 0 0;
}

.page-item-3 a {
	width: 74px;
	background: url(/img/nav_work.gif) no-repeat 0 0;
}

.page-item-3 a:hover {
	background: url(/img/nav_workOV.gif) no-repeat 0 0;
}

body.pageid-3 .page-item-3 a, body.pageid-3 .page-item-3 a:hover {
	background: url(/img/nav_workON.gif) no-repeat 0 0;
}

.page-item-5 a {
	width: 97px;
	background: url(/img/nav_services.gif) no-repeat 0 0;
}

.page-item-5 a:hover {
	background: url(/img/nav_servicesOV.gif) no-repeat 0 0;
}

body.pageid-5 .page-item-5 a, body.pageid-5 .page-item-5 a:hover {
	background: url(/img/nav_servicesON.gif) no-repeat 0 0;
}

.page-item-11 a {
	width: 68px;
	background: url(/img/nav_blog.gif) no-repeat 0 0;
}

.page-item-11 a:hover {
	background: url(/img/nav_blogOV.gif) no-repeat 0 0;
}

body.blog .page-item-11 a, body.blog .page-item-11 a:hover {
	background: url(/img/nav_blogON.gif) no-repeat 0 0;
}

.page-item-9 a {
	width: 91px;
	background: url(/img/nav_contact.gif) no-repeat 0 0;
}

.page-item-9 a:hover {
	background: url(/img/nav_contactOV.gif) no-repeat 0 0;
}

body.pageid-9 .page-item-9 a, body.pageid-9 .page-item-9 a:hover {
	background: url(/img/nav_contactON.gif) no-repeat 0 0;
}

.page_item {
	padding: 0;
	display: block;
}

#main {
	width: 900px;
	margin: 0;
	padding: 0;
}

#content {
	margin: 0;
	padding: 36px 0 0 36px;
}

#container {
	width: 576px;
}

.pageid-18 .entry-title {
	display: none;
}

.req {
	color: #F00;
}

.entry-content {
	padding: 0;
}

.entry-content img {
    margin: 0 0 18px 0;
    max-width:100%;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
	padding: 15px 9px 6px;
	background: #EEE;
	border: 1px solid #CCC;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
	padding: 15px 9px 6px;
	background: #EEE;
	border: 1px solid #CCC;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
	padding: 15px 9px 6px;
	background: #EEE;
	border: 1px solid #CCC;
}
.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;
}

#primary {
	padding: 36px 0 0;
	border: none;
}

.aside {
	margin: 0 90px 0 0;
	width: 200px;
}

.aside h3 {
	padding: 0 0 9px;
	font: normal bold .75em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#footer {
	height: 18px;
	padding: 9px 36px;
	background: url(/img/bg_footer.gif) repeat-x 0 0;
	border: none;
}

#footer a {
	color: #CC3;
}

#footer a:hover {
	color: #DD6 !important;
}

#siteinfo {
	color: #FFF;
	margin: 0;
	padding: 0;
}