/*   
Theme Name: Swivel 2009
Theme URI: 
Description: Thematic child theme for Swivel Pty Ltd
Author: Stilgherrian
Author URI: http://stilgherrian.com/
Template: thematic
Version: 1.1
Tags: Thematic
.
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');

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

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

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


/*

Everything up to this point has just been copied from the sample
child theme supplied with Thematic. From here on, it's all mods
done by Prussia.Net.

*/



/* =Global Elements
-------------------------------------------------------------- */

a:link {
    color:#c30;
    text-decoration: none;
}
a:visited {
    color:#c30;
}
a:active,
a:hover {
    color: #f00;
    text-decoration: underline;
}



/* =Header
-------------------------------------------------------------- */

#header
{
	background-color: #ED9920;
	background-image: url("images/header_bg.jpg");
	background-repeat: repeat-x;
}
#branding {
    padding: 36px 0 18px 0;
	background-image: url("images/header_bg_headshot_116w.jpg");
	background-repeat: no-repeat;
}
#blog-title {
    font-family:Arial,sans-serif;
    font-size:34px;
    font-weight:bold;
    line-height:40px;
    padding-left: 120px;
}
#blog-title a {
    color:#000;
    text-decoration:none;
}
#blog-title a:active,
#blog-title a:hover {
    color: #f00;
}
#blog-description {
    color:#000;
    font-size:13px;
    font-style:italic;
    padding-left: 120px;
}



/* =Menu
-------------------------------------------------------------- */

#access {
    border-bottom:1px solid #000;
    height:32px;
    font-size:13px;
    overflow:visible;
    z-index:100;
}
/*** 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:			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 {
    border-right:1px solid #000;
	float:left;
}
.sf-menu a {
	border-left:1px solid #000;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:9px 13px;
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
	background-color: #fff;
    border-bottom-color:#fff;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
}
.sf-menu li {
	background:		#FF6;
}
.sf-menu li li {
	background:		#fff;
}
.sf-menu li li li {
	background:		#ff6;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #f30;
	outline:		0;
    border-bottom-color:#000;
}
.sf-menu ul {
    border-right:1px solid #000;
    border-bottom:1px solid #000;
}
.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: #000;
}





/* =Content
-------------------------------------------------------------- */

#main {
    clear:both;
    padding:44px 0 22px 0;
}


.entry-content h3 {
    font-size:17px;
    font-style:italic;
    padding:14px 0 12px 0;
}



/* =Asides, Sidebars & Widget-Ready Areas
-------------------------------------------------------------- */

.aside {
    color:#000;
}
.aside a {
    color:#c30;
    text-decoration: none;
}
.aside a:active,
.aside a:hover {
    color: #f00;
    text-decoration: underline;
}
.aside ul {
    list-style:none;
    margin-left:0;
}
.aside ul ul {
    list-style:none;
    margin-left:0;
}


#primary {
    border:1px solid #000;
    padding:18px 0 0 0;
    margin-bottom:22px;
    background-color: #FFFFB7;
}


/* =Footer
-------------------------------------------------------------- */

#footer {
    border-top:1px solid #000;
    margin-top:22px;
    background-color: #FFFFB7;
    color: #000;
}
#siteinfo {
    color:#000;
    font-size:11px;
    line-height:18px;
    padding:22px 0 44px 0;
}
#siteinfo a {
    color:#f30;
}
#siteinfo a:active,
#siteinfo a:hover {
    color: #f00;
}