/*
Theme Name: child_theme_deLight
Theme URI: http://herebetreasures.com/
Description: Child Theme for Delight.
Template: delight
Author: MD
Author URI: http://herebetreasures.com/
Version: 1.0.2
*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout */
@import url('library/layouts/2c-r-fixed.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');

/* =import the delight style */
@import url('../delight/style.css');

/* 
-------------------------------------------------------------- */
/* change the header text, it's too bunched */
#header h1 {
	color: #fff;
	font: 28px/28px Georgia, "Times New Roman", Times, serif;
    letter-spacing:3px;
    margin-left:-50px;
	bottom:60px;
}

#header h2 {
	left: 2px;
	position: absolute;
    letter-spacing:6px;
	bottom:45px;
	left:-48px;
	text-transform:uppercase;
}

.box-left {
	margin: 40px 0 80px 0;
}
/* change the image top margin to align with text */
.box-left img {
        margin:17px 10px 0px 0;
}

.box-left em {
	font-style: oblique;
}
/* the menu bar of Pages */
ul#menu {
	margin-left:70px;
}
ul#menu a{
    letter-spacing:1px;
    color:#C4AFAC;
	text-transform:uppercase;
	font:11px/11px;
}
/* change the colour of the headings to match darker header */
.box-left h2 {
	color:#430000;
}
.box-left h2 a {
	color:#430000;
}
.box-left h3 {
	color:#430000;
}
.box-left h4 {
	color:#430000;
}
.box-right h3 {
	color:#430000;
	font:bold 14px/17px Verdana, Tahoma, sans-serif;
	text-transform:none;
}
/* change the colour of the links to darker red */
a {
	color:#430000;
}
/* change the colour of the search GO to darker red */
#search-submit {
    background:#430000;
}
/* categories aren't returned with a style */
h3.archive-title:before {
	color:#430000;
    content: "All entries in the ";   
	text-transform:none;
    margin-bottom:-10px;
    }
h3.archive-title {
	color:#0F0303;
	font:bold 14px/17px Verdana, Tahoma, sans-serif;
	text-transform:uppercase;
    }
h3.archive-title:after {
	color:#430000;
    content: " category";   
	text-transform:none;
    }

/* reduce the h2/3/4 bottom margin */
h3, h4 {
	margin:0 0 5px 0;
}
h2 {
	margin:0 0 0px 0;
}
/* move the search box & comment box a little left */
input#search {
	margin-left:30px;
}
input.submit {
    background:#430000;
}

/* darken the body text colour slightly */
body {
	color:#101010;
}

/* create hanging headers by pushing content in (right boxes) */
.box-right-content {
	margin: 0 30px 0 30px;
}

/* the leading on the HBT about box is too tight. */
.box-right {
	font:11px/18px Verdana, Tahoma, sans-serif;
}

/* to control the addthis widget and make it appear at the bottom of a post no matter what */
div.addthis_container img {
	clear:both;
}
/* to control the GD star rating to appear at bottom */
div.ratingblock {
	clear:both;
}
div.article {
	margin-left:3px;
}
p.trw-rating {
	font:16px/18px Verdana, Tahoma, sans-serif;
}
/* to control the sharethis widget and make it appear at the bottom of a post no matter what. They need to add a class="sharethis" to the first p their code makes */
.stbutton img {
	display:block;
	float:left;
	clear:both;
	margin-top:10px;
}