﻿/*   
Theme Name: Chesters - Thematic Child
Theme URI: 
Description: Chester's Pet Blog: <br />Created exclusively for ChestersPetBlog.com<br /> Developed by <a href="http://www.edwardstafford.com" target="_blank">Edward Stafford</a> - <a href="http://pixelengineers.com" target="_blank">Pixel Engineers.</a>as a Custom Child Theme for use with the Thematic framework.
Author: Edward Stafford
Author URI: http://edwardstafford.com/
Template: thematic
Version: 1.0
Tags: Thematic, pixelengineers
.
Thematic is © Ian Stewart http://themeshaper.com/
Chester's Thematic Child is © Ed Stafford http://edwardstafford.com/ - http://pixelengineers.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');
*/

@import url('styles/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');


#header {
z-index:2;
background-color:#734a2a;
}

#blog-title a:active, #blog-title a:hover {
color:white;
}

#wrapper {
max-width:950px;
width: auto !important;
width:950px;
margin: 0 auto;
background-color: white;
}


body {
width:100%;
margin: 0;
background-color:#ae8614;
}

#main {
width:100%;
padding:40px 0 22px;
}

.main-aside {
float:right;
position:relative;
right:10px;
width:100%;
background-color:#F3EAC4;
border:1px solid #281e19;
}

.ad{
padding:3px; 
background-color:white; 
border:1px solid black;
}
.rsslinks img{
padding:5px;
}

.activelinks img{
position:relative;
}

.activelinks a:hover img{
 top:3px;
}

#primary, #secondary, #top_primary {
width:275px;
}

#top_primary{
text-align:center;
}

#branding {
padding:10px 0;
height:170px;
}
#branding  img{
vertical-align:middle;
}
#blog-title{
height:170px;
}
#blog-title a{
color: white;
letter-spacing:1px;
font-size:30px;

position:relative;
}
#blog-description {
color:#FFFFFF;
font-size:20px;
font-family:covington,serif;
font-style:normal;
letter-spacing:0.5px;
}
#title-text{
padding-left:200px;
position:relative;
top:-120px;
}

/* Navigation Menus */
#topNav, #access{
background-color: #281e19; 
height: 30px;
padding-top:4px;
font-size:12px;
}

#access .menu ul{
margin-left:15px;
}
#topNav .menu ul{
float:right;
margin-right:15px;
}
/* End: Navigation Menus */

 /* Content */
 
 #container {
float:left;
width:575px;
}

#content {
margin:0 0 0 10px;
overflow:hidden;
padding:10px;
width:100%;
}

.entry-title{
padding:5px;
background-color:#f3eac4;
border:1px solid #734a2a;
font-size:20px;
}

.entry-content h2 {
font-family:Arial,sans-serif;
font-size:18px;
font-weight:bold;
padding:15px 0 10px;
}

/*** Chesters blog Main Nav***/
.sf-menu {
    border-right:1px solid #ccc;
	float:left;
}
.sf-menu a {
	border-left:1px solid #ccc;
	border-top:0px solid #ccc;
	border-bottom:0px solid #ccc;
	padding:5px 15px;
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#fff;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	/*color:			#666;*/
	color:#f3eac4;
}
.sf-menu li {
	background:		transparent;
}
.sf-menu li li {
	background:		#fff;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
color:#734a2a;
    background:     #f3eac4;
	outline:		0;
    border-bottom-color:#ccc;
}
.sf-menu ul {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:23px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:black;
	border-bottom:none;
}
.sf-menu ul a:hover {
    
}
/*** END Chesters Blog Main Nav ***/

.entry-title a:active, .entry-title a:hover {
color:#9A6C45;
}

/*** START Chesters Blog Footer ***/
#siteinfo{
color:#f3eac4;
font-size:11px;
line-height:18px;
padding:22px 20px 44px;
background-color: #734a2a;
}
#siteinfo a {
font-weight:bold;
color:#f3eac4;
}
/*** END Chesters Blog Footer ***/


/* Start pre-IE7 Rules */
* html #blog-title{
height:170px;
overflow:hidden; 
}
/* End pre-IE7 Rules */