/* @override
	http://spillinglight.com/wordpress/wp-content/themes/thematicpowerblog/style.css
	http://spillinglight.com/wordpress/wp-content/themes/spillinglight/style.css */

/*
Theme Name: spilling light
Theme URI:
Description: based on thematic
Author: cherry
Author URI: spillinglight.com
Template: thematic
Version:
*/
 
/*
For the sake of simplicity we're going to import
the Thematic stylesheet.
You don't have to do this though. You can just
start fresh with new CSS or copy over large chunks of
the original styles (recommended) and edit them here.
Or you can import all the bits and pieces that make up
Thematic just like I do (also recommended).
*/
/* 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('3c-r-fixed-primary-988px.css');

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

/* Apply default theme styles and colors
   For demonstration purposes we're using the default Thematic style
   For major changes I recommend copying over the default styles into this file */
@import url('../thematic/library/styles/default.css');

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

/* Page menu (tabs) */

#access {	
	border-color: transparent;
}

.sf-menu {
	border: none;
}

.sf-menu li {
	background: transparent;
}

.sf-menu a{
	border: none;
	padding: 10px 13px;
}

#nav.sf-menu li {
	background: url(images/hoverstack.jpg) no-repeat;
	background-position: 0px -40px;
}

/* styles the active tab */
.sf-menu li:hover, .sf-menu li a:hover,
.sf-menu li.sfHover, 
.sf-menu a:focus, .sf-menu a:hover, 
.sf-menu a:active {
	background: url(images/hoverstack.jpg) no-repeat;
	background-position: 0px 0px;
	background-color: #e8e4dd;
	border-color: transparent;
}

/* tab for the current page */
.sf-menu li.current_page_item, .sf-menu li.current_page_item a,
.sf-menu li.current_page_item:hover,
.sf-menu li.sfHover.current_page_item, .sf-menu li.current_page_item a:hover,
.sf-menu li.current_page_item a:active {
	background-color:  #31302e;
	background: url(images/activebutton.jpg) no-repeat;
	border-color: transparent;
	color: #ddd;
}



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

#category-access {
	background:url(images/categorybackground.jpg) no-repeat;
    border-bottom:1px solid #fff;
    height:30px;
    font-size:13px;
    padding: 0px 0;
    overflow:visible; 
    z-index:150;
}
/* uncomment the following two selectors in case your category list wraps into a second row
#category-access {
		height: 96px;
}

body.ie7 #category-access {
		height: 64px;
}
*/
.menu-title {
    color:#b7b4ae;
    float:left;
    font-style: normal;
    font-size: 13px;
    line-height:32px;
    margin-right:20px;
}
#category-access .sf-menu {
    border-color:transparent;
    background: transparent;
}

/* category menus */
#category-access .sf-menu a {
    border:1px solid transparent;
    background-color: transparent;
    color: #ddd;
    /* margin-right:3px; */
}
#category-access .sf-menu li:hover, #category-access .sf-menu li:hover a,
#category-access .sf-menu li.sfHover, #category-access .sf-menu li.sfHover a,
#category-access .sf-menu a:focus, #category-access .sf-menu a:hover, #category-access .sf-menu a:active {
    background:     white;
    color: black;
	outline:		0;
    border-color:   white;
}


#category-access .sf-menu ul a {
    background: #31302e;
    border-color:#ccc;
    border-right:none;
	border-bottom:none;
	margin-right:0;
}


/* =Default Widgets
-------------------------------------------------------------- */

#crown h3 {
    font-size:12px;
    padding:0 0 4px 0;
}

#crown #thematic-power-blog-subscribe {
    padding:20px 0 0px 0;
    position:left;
}
#crown #thematic-power-blog-subscribe h3 {
    position:absolute;
    top:0;
    left:0;
    display: none;
}
#crown #thematic-power-blog-subscribe ul {
    list-style:none;
    margin:0;
    position:absolute;
    top:0;
    right:0;
}
#crown #thematic-power-blog-subscribe ul li {
    padding:10px;
}
#crown #thematic-power-blog-subscribe a {
    background:url(images/feed-icon-14x14.gif) no-repeat 10px 6px;
    font-size: 11px;
    /*border:1px solid #de7808; 
    -webkit-border-radius: .35em;
    -moz-border-radius: .35em;
    border-radius: .35em;*/
    padding:6px 16px 6px 32px;    
    text-decoration:none;
}

/* Fix for the a-tag border bug in IE7 */
body.ie7 #crown #thematic-power-blog-subscribe a {
	float:left; 
}
#thematic-power-blog-about ul {
    list-style:none;
    margin-left:0;
}
#thematic-power-blog-about a.more {
    display:block;
    text-align:right;
}


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

/*text*/

body, input, textarea {
    font: 12px Verdana, Helvetica, sans-serif;
    line-height:19px;
    color: #31302e;
}

.smaller {
	font-size: 10px;
}

a:active,
a:hover, 
.entry-meta a:active,
.entry-meta a:hover,
.entry-title a:active,
.entry-title a:hover,
.entry-utility a:active,
.entry-utility a:hover,
.page-link a:active,
.page-link a:hover,
.navigation a:active,
.navigation a:hover,
#comments-list .comment-meta a:active,
#comments-list .comment-meta a:hover,
.comment-reply-link a:active,
.comment-reply-link a:hover,
.comment-navigation a:active,
.comment-navigation a:hover,
#respond .required,
.aside .current_page_item a,
.aside .current_page_item .page_item a:hover,
.aside .current_page_item .page_item a:active,
#siteinfo a:active,
#siteinfo a:hover,
.aside .current_page_item .page_item a:hover,
.aside .current_page_item .page_item a:active,
.aside .current_page_item a,
.aside a:active,
.aside a:hover
  {
    color: #de7808;
}

#header {
    border-top: none;
    margin-top: 0px;
}
#branding {
    background:url(images/header-image-alt.jpg) no-repeat left;
    background-position: left;
    margin-bottom: -34px;
    padding:85px 0 170px 0; /* Bottom padding is the same height as the image called above */
}

#blog-title {
	display: none;
}

#blog-description {
    margin-bottom:0px;
    font-style: normal;
    color: black;
    display: none;
}
#leader {
    border-bottom:1px solid #ccc;
    margin-bottom:-22px;
    padding:33px 0 11px 0;
}
#content {
}
.hentry {
}

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

.entry-meta {
	color:#3a3328;
	font-size:12px;
	font-style: normal;
	line-height:16px;
}

.crown-aside {
    color:#31302e;
    padding-top:22px;
    margin:0;
}
.attachment-jpeg .crown-aside,
.attachment.png .crown-aside {
    display:none;
}
.crown-aside a {
    color:#31302e;
}
.crown-aside a:active,
.crown-aside a:hover {
    color: #de7808;
}
.crown-aside ul {
    padding:0 20px;
}
.crown-aside ul ul {
    border:none;
    padding:0;
}
.main-aside {
    padding-top:0px;
}
.main-aside ul {
    padding:0 20px;
}
.main-aside ul ul {
    padding:0;
}
#crown {
    border:1px transparent;
    width:214px;
}

#primary {
    border:1px transparent;
    border-width:0 1px 1px 1px;
    padding:22px 0 11px 0;
    width:214px;
}
#secondary {
    border:1px transparent;
    border-width:0 1px 1px 1px; /* keeping a border on the left for no-js */
    margin-left:-1px; /* offsets the 1px border on the left */
    padding:22px 0 11px 0;
    width:214px;
}

#breadcrumb-nav {
    border-top:1px transparent;
    color:#31302e;
    font-size:13px;
    line-height:18px;
    margin-bottom:-22px;
}
#breadcrumb-nav a {
    color:#31302e;
}
#breadcrumb-nav a:active,
#breadcrumb-nav a:hover {
    color: #de7808;
}
#breadcrumb-nav-container {
    margin:0 auto;
    padding:11px 0;
    width:988px;
}
#breadcrumb-nav-container p {
    margin:0;
}
#footer {
	background: url(images/tlrweb.jpg) no-repeat;
	background-position: bottom left;
	background-color: #31302e;
	color: #ddd;
    border-top:2px solid #31302e;
    margin-top:19px;
}
#siteinfo {
    color:#b8b398;
    font-size:10px;
    line-height:16px;
    padding:19px 0 15px 0;
    text-align: center;
}
#siteinfo a {
    color:#b8b398;
}
#siteinfo a:active,
#siteinfo a:hover {
    color: #de7808;
}

.wp-pagenavi span.pages {
		padding:4px !important;
}

.aside {
	color:#b8b398;
}
.aside, .aside input {
	font-size:11px;
	line-height:14px;
	margin-bottom:6px;
}


/* =Widgets
-------------------------------------------------------------- */

.aside th, .aside td {
	padding:0.25em 0.35em;
}
.aside h3 {
    font-size:12px;
    font-style:normal;
    line-height:19px;
    color: #de7808;
}
.aside ul ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type: none;
	margin:0 0 22px 20px;
}