/*   
Theme Name: thematic_BABY
Theme URI: 
Description: My child theme from thematic
Author: Mara
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/
@import url(../thematic/style.css);

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

/*Background Image Tiling*/
#wrapper {
background: url(images/Background4.gif)
}

/*Header*/
#branding {
padding:30px 0 28px;
width:980px;
background-color: #FFF;
border-left:2px dotted;
border-right:2px dotted;
border-color:#D3D3D3;
}
#blog-title a {
background:url(images/header.gif) no-repeat top center;
display:block;
text-indent:-9000px;
width: 940px;
height: 125px;
margin-left:18px;
}

/*Recipe Box*/
.recipe {
    background-color:#F8F8F8;
    border:1px dotted;
    border-color:#E8E8E8;
    font-size:12px;
    line-height:1.5em;
    color:#000;
    margin-bottom:20px;
}

.recipe ul {
    padding: .01em;
    padding-left: 30px;
    padding-right: 30px;
    line-height:1.5em;
}

.recipe li {
	padding-left: 30px;
    padding-right: 30px;
    border-bottom: 1px dotted silver;
    padding: .02em;
}
.recipe h3 {
font-family:Georgia,serif;
font-size:17px;
text-transform:uppercase;
font-style:normal;
font-weight:bold;
}    
.recipe h4 {
font-family:Georgia,serif;
font-size:13px;
}
.recipe h5 {
font-weight:bold;
font-style:italic;
}

/*Sidebar*/
.main-aside {
    width:275px;
    float:right;
    position:relative;
	margin-left:5px;
	margin-right:10px;
}

/*Padding Above Sidebar and Search Bar Border*/
#primary {
border: 0;
margin-bottom:0px;
padding:0px 0px 0;
}

/*Change sidebar text to white in order to hide Search text*/
.aside {
color:#FFFFFF;
}

/*Move sarch bar up where title is supposed to be*/
.aside h3 {
font-size:7px;
font-style:italic;
line-height:7px;
}

/*Shorten Search Bar, Add Margins*/
.aside input {
	width:210px;
	margin-left:16px;
	margin-top:20px;
}

/*Remove Bullets From Sidebar*/
.aside ul ul {
list-style:none;
margin:0 0 0 0;
}

/*Remove Bullets From Lists*/
ul {
list-style:none;
margin:0 0 0 0;
}

#main  {
background-color: #FFF;
}

/*Text Color in Horizontal Menu Bar*/
.sf-menu a {
color:#FFFFFF;
}
.sf-menu a:visited {
color:#fafafa;
} 
.sf-menu .current_page_item a {color: #D2B48C}


/*Hover Color in Horizontal Menu Bar*/
.sf-menu a:hover {
color:#D2B48C; /* changes font color in hover */
background:#000000;
outline:0;
border-bottom-color:#FF6347;
}

/*Hover Color in Horizontal Menu Bar*/
.sf-menu a:active {
color:#D2B48C; /* changes font color in active */
background:#000000;
outline:0;
border-bottom-color:#FF6347;
}

/*Remove Right Border on Menu-top 2 lines*/
/*Center Menu-bottom 3 lines*/
.sf-menu {
border-right:0;
float:left;
position: absolute;
right: 98px;
list-style-type: none;
}


/*Remove Middle Borders and Change Color of Links in Menu Bar*/
.sf-menu a {
height:14px;
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
padding:10px 30px;
letter-spacing:1px;
background-color: #000000;
}

/*Change Width, Margin and Color of LARGE Horizontal Menu Bar*/
#access {
border:0;
font-size:14px;
height:35px;
overflow:visible;
width:980px;
z-index:100;
background-color: #000;
margin-left: auto ;
margin-right: auto ;
border-left:2px;
border-right:2px;
padding-top:0px
}

/*Main Width and Padding Below Horizontal Menu, Add Borders*/
#main {
    width:980px;
    padding:50px 0 5px;
    border-left:2px dotted;
border-right:2px dotted;
border-color:#D3D3D3;
}

/*Post Width and Margin*/
#container {
    width:670px;
    float:left;
    margin-left:20px;
}
/*Post Content Width*/
#content {
    margin:0 0 0 10px;
    width:650px;
    overflow:hidden;
}

/*Padding Above Post Content*/
.entry-content {
padding:4px 0 0;
}

/*Meta Data-Top, Center and Add Border, Change Line Height*/
.entry-meta {
font-size:13px;
color:#000000;
font-style:italic;
line-height:24px;
text-align: center;
border-top:2px dotted;
border-top-color:#D3D3D3;
}

/*Post Title, Padding Above Post, Text Transform*/
.entry-title {
font-family:Georgia,serif;
font-size:17px;
text-transform:uppercase;
font-weight:bold;
line-height:16px;
letter-spacing:.5px;
text-align: center;
padding:4px 0 7px;
}

/*Meta Data-Bottom, Center, Change Line Height*/
.entry-utility {
color:#000000;
font-size:13px;
line-height:26px;
margin:0 0 44px;
text-align: center;
border-top:2px dotted;
border-top-color:#D3D3D3;
}

/*Change Header Text in Comments*/
#comments h3 {
    font-family:Georgia,serif;
}

/*Remove Border Around Comments Box and Add Dotte Border*/
#comments li {
border-bottom:2px dotted;
border-bottom-color:#D3D3D3;
}

/*Change Color for User Comments Box*/
#comments li.byuser {
    background:#FDF5E6;
}

/*Remove Border Around Main Comments Box*/
#comments ol {
border:0
}

/*Remove Titles at Top of Each Page*/
body.page h1.entry-title {
	display: none;
}

/*Change Link Colors*/
#content a:active, #main a:hover {color:#D2B48C}
#content a {
color:#808080;
text-decoration:none;}
#content .entry-title a {color:#000000}
#content .entry-title a:active, #content .entry-title a:hover {color:#D2B48C}

/*Print Button Styling*/
div.wp-print a img {
	margin-bottom: -2px;
}


/*Archive Page, Change Font*/
.entry-content h1, .entry-content h2 {
font-family:Georgia,serif;
text-transform: uppercase;
font-size:14px;
font-weight:bold;
padding:28px 0 14px;
}

/*Footer-Remove Border, Change Color, Width and Margin, Add Borders*/
#footer {
border-top:0;
margin-top:0px;
width:980px;
background-color: #FFF;
margin-left: auto ;
margin-right: auto ;
border-left:2px dotted;
border-right:2px dotted;
border-top:2px dotted;
border-color:#D3D3D3;
text-align: center;
}