/*   
Theme Name: Thematic Power Blog
Theme URI: 
Description: Use the Thematic Power Blog Theme to ramp up the power of your WordPress blog.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.1
Tags: Thematic
.
Thematic Power Blog is copyright 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('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');


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

#crown h3 {
    font-size:17px;
    padding:0 0 4px 0;
}
#crown #thematic-power-blog-subscribe {
    padding:0 0 44px 0;
    position:relative;
}
#crown #thematic-power-blog-subscribe h3 {
    position:absolute;
    top:0;
    left:0;
}
#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:0;
}
#crown #thematic-power-blog-subscribe a {
    background:url(images/feed-icon-14x14.gif) no-repeat 10px 6px;
    border:1px solid #ccc; 
    -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
-------------------------------------------------------------- */
body {
background-color:#FFFFFF;
color: #0D0900;
}

#header {
    margin-top:0px;/*change this to move the top space*/
    background:#FEC551 url(images/header-image.jpg) no-repeat top center;
}
#branding {
    margin-bottom:22px;
padding:200px 0 0px 0; /* Bottom padding is the same height as the image called above */
}
#blog-title {
    font-family:Century Gothic,Arial,sans-serif;
    text-transform:uppercase;
    font-size:22px;
    font-weight:bold;
    line-height:22px;
   letter-spacing: .35em;
padding-left:15px;
}
#blog-title a {
    color:#2B1F07;
    text-decoration:none;
}
#blog-title a:active,
#blog-title a:hover {
    color: #ffffff;
}
#blog-description {
    margin-bottom:22px;
font-family:Century Gothic,Arial,sans-serif;
    text-transform:uppercase;
    letter-spacing: .2em;
    color:#2B1F07;
    font-size:11px;
    font-style:normal;
padding-left:20px;
}
#leader {
    border-bottom:1px solid #ccc;
    margin-bottom:-22px;
    padding:33px 0 11px 0;
}
#content {
    margin-right:358px;
}

.entry-title {
font-family:Arial,Verdana,sans-serif;
font-size:18px;
line-height:20px;
padding:0 0 7px;
text-transform:uppercase;
color:#2B1F07;
}

.entry-title a:hover {
color:#941E13;
}

.entry-content ul li {
list-style-position:inside;
}

#sidebar {
    margin:0 0 0 -328px;
    width:328px;
}
.main-aside {
    width:214px;
}
.hentry {
}
.crown-aside {
    color:#666;
    padding-top:22px;
    margin:0;
}
.attachment-jpeg .crown-aside,
.attachment.png .crown-aside {
    display:none;
}
.crown-aside a {
    color:#666;
}
.crown-aside a:active,
.crown-aside a:hover {
    color: #5E4002;
text-decoration:underline;
}
.crown-aside ul {
    padding:0 20px;
}
.crown-aside ul ul {
    border:none;
    padding:0;
}
.main-aside {
    padding-top:22px;
}
.main-aside ul {
    padding:0 20px;
}
.main-aside ul ul {
    padding:0;
}
#crown {
    border:1px solid #ccc;
    width:326px;
}
#primary {
    border:1px solid #FFFFFF;/*change to match background*/
    border-width:0 1px 1px 1px;
    padding:22px 0 11px 0;
    width:162px;
}
#secondary {
    border:1px solid #FFFFFF;/*change to match background*/
    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:163px;
}

#breadcrumb-nav {
    border-top:1px solid #ccc;
    color:#666;
    font-size:13px;
    line-height:18px;
    margin-bottom:-22px;
}
#breadcrumb-nav a {
    color:#666;
}
#breadcrumb-nav a:active,
#breadcrumb-nav a:hover {
    color: #FF4B33;
}
#breadcrumb-nav-container {
    margin:0 auto;
    padding:11px 0;
    width:988px;
}
#breadcrumb-nav-container p {
    margin:0;
}
/*footer*/
#footer {
background:#FEC551 url(images/fdb5a.jpg) no-repeat top center;
}

#footer .aside p {
color: #0D0900;
}

#footer .aside h3{
color:#2B1F07;
font-family:Arial,Verdana,sans-serif;
font-size:12px;
line-height:16px;
padding:0 0 7px;
text-transform:uppercase;
font-style:normal;
font-weight:bold;
letter-spacing:0.1em;
}

#footer .aside a {
color: #941E13;
text-decoration:none;
text-transform:uppercase;
font-size: 0.9em;
}

#footer .aside a:hover, #footer .aside a:active {
color:#F7E4BE;
text-decoration:underline;
}

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


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

.aside th, .aside td {
	padding:0.25em 0.35em;
}


/*fix lists in sidebar*/
.aside ul ul {
list-style-type:circle;
list-style-position:inside;
}
#primary.aside ul ul, #secondary.aside ul ul {
list-style-type:circle;
list-style-position:outside;
}

.aside ul ul a {
text-decoration:none;
text-transform:uppercase;
font-size: .85em;
}
/*fix search*/
.aside #searchsubmit {
	display: inline;	
}
/*twitter widget*/
#twtr-widget-1 h3, #twtr-widget-1 h4 {
display:inline;
}

/*stacks list of authors in contact form*/
span.wpcf7-list-item { display: block; }

/*remove sidebar from pages*/
body.slug-contact #container {width: 988px;}
body.slug-contact #content {width: 988px;}

body.slug-desktops #container {width: 988px;}
body.slug-desktops #content {width: 988px;}

body.slug-avatars #container {width: 988px;}
body.slug-avatars #content {width: 988px;}

body.slug-siggies #container {width: 988px;}
body.slug-siggies #content {width: 988px;}

#leader {
background-color: #000000;
}
#leader img {
border: 1px solid #FEC551;
padding: 4px;
}
#leader a:hover {
color: #FEC551;
}

small {font-size: 0.75em;text-transform:uppercase;color:#666666;}