/*   
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/
.
*/

/* ***************************************************************** */
/* this code came with the power blog template */
/* ***************************************************************** */

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

/* ***************************************************************** */
/* end of code that came with template */
/* ***************************************************************** */

body
{
background-image:url(images/pinkPolkadot-5.jpg);
}

#wrapper{
width: 1050px;
background-color:#FEFCE7;
margin:10px auto;
border: thick ridge #3B2A16;
}

#main{
padding: 25px 0 22px;
}

.sf-menu li {
	background: #FEFCE7;
}

/* ***************************************************************** */
/* test code for new widget area */

#header_box {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 960px;
}

#branding {
  float: left;
  width: 620px;
}

/* Moves the new widgetized area to the right and levels it with #branding */
#header-aside {
  float: right;
  width: 300px;
  padding: 50px 0 0;
}

/* This will clear the floats and keeps the access bottom line
from jumping into the air */
#access {
  clear: both;
}

/* ***************************************************************** */
/* All the code below here came with the power blog template */
/* ***************************************************************** */


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

#category-access {
    border-bottom:1px solid pink;
    height:32px;
    font-size:13px;
    padding:11px 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:#black;
    float:left;
    font-style:italic;
    line-height:32px;
    margin-right:10px;
}
#category-access .sf-menu {
    border-color:transparent;
}
#category-access .sf-menu a {
    border:1px solid transparent;
    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:     #fafafa;
	outline:		0;
    border-color:#ccc;
}
#category-access .sf-menu ul a {
    background:#fafafa;
    border-color:#ccc;
    border-right:none;
	border-bottom:none;
	margin-right:0;
}


/* =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
-------------------------------------------------------------- */

#header {
    border-top:1px solid pink;
    margin-top:0px;
/*    margin-top:22px; */
}
#branding {
    background:url(images/divaLogoSmall.gif) no-repeat left bottom;
    margin-bottom:22px; 
/* Was 25px 0 198px 0 */
    padding: 0 0 150px 0; /* Bottom padding is the same height as the image called above */
}

#blog-title  {
    display:none;
}
#blog-description {
    display:none;
}
#blog-description {
    margin-bottom:22px;
}

#leader {
    border-bottom:1px solid pink;
/* original was -22 px */
    margin-bottom:-45px;
/* original was 33 px 0 11px 0 */
    padding:25px 0 5px 0;
}
#content {
}
#content
.aside {
    border:none;
    padding: 5px 0 0 0;
}
.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: #FF4B33;
}
.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 {
    width:426px;
}
#primary {
    border-width:0 0 0 0;
    padding:22px 0 11px 0;
    width:275px;
/* was 212 */
}
#secondary {
    border-width:0 0 0 0; /* 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:150px;
/* was 213 */
}

#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 {
}


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

/* code for coupon database to make single column page format right */

body.pagid-15 #wrapper {
        width: 1050px;
        margin:0;
}

body.pageid-15 #container {
	width: 1050px;
}

body.pageid-15 #content {
	width: 1050px;
}


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

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