/*
Theme Name: Grace Blog Global
Theme URI: http://www.gracecosmetics.com.au
Description: a theme made for Grace Cosmetics
Author: Shaun Thorpe
Version: 3.0
Tags: grace, cosmetics, blog

Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
--------------------------------------------------------------*/
BODY
{
	margin: 0 auto;
/*it's good practice to zero the margin and padding of the body element to account for differing browser defaults*/
	padding: 0;
	text-align: center;
/*this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector*/
	color: #000000;
	background: #000 url(images/wallpaperSilverRepeat.jpg) repeat;
	font: 12px Verdana;
}
P
{
	font-size: 1em;
	margin: 0px;
}
#sidebar P
{
	margin: 0;
	padding: 7px 25px;
}
#container
{
	margin: 0 auto;
	text-align: left;
/*this overrides the text-align: center on the body element.*/
	background: url(images/wallpaperSilverTop.jpg) repeat-x;
	padding: 0px;
	width: 100%;
}
#contentContainer
{
	background: url(images/pageGrad.png) repeat-y top;
	text-align: left;
/*this overrides the text-align: center on the body element.*/
	width: 900px;
	padding: 0px 0px 30px;
	margin: 0 auto 0px;
}
#contentContainer H1
{
	margin: 0px;
	padding: 0px;
	font-size: 1.5em;
}
#entry H1
{
	color: #000;
	font-weight: bold;
	padding: 9px 0 5px;
	margin: 0;
	font: 16px Verdana;
	font-weight: 600;
	text-decoration: none;
}
#header
{
	margin: 0 auto;
	width: 900px;
	background: #000 url(images/headerGrad.png) no-repeat bottom;
	height: 143px;
	padding: 0px;
}
#navigation
{
	float: right;
	width: 381px;
	padding: 6px 0 0;
	text-align: left;
}
#header P
{
	font: 1em Verdana;
	color: #FFF;
	margin: 0px;
	padding: 4px 0px 0px 10px;
	width: 500px;
}
#mainContent
{
	margin: 0 250px 0 0;
/*the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.*/
	padding: 0 0px;
/*remember that padding is the space inside the div box and margin is the space outside the div box*/
	width: 590px;
}
.notFound
{
	margin: 0 0 0 39px;
}
#entry
{
	padding-left: 40px;
	margin: 0;
	padding-top: 0;
}
#entry LI
{
	padding: 0 0 5px;
	line-height: 150%;
}
#entry H5
{
	margin: 0;
	color: #010101;
	font-size: 1em;
	padding: 5px 0px 0px;
	font-weight: 600;
}
#entry H4
{
	margin: 0;
	padding: 5px 0 0;
	font-size: 1em;
	color: #E461AE;
	font-weight: 600;
}
#entry H3
{
	color: #E461AE;
	padding: 5px 0 0;
	margin: 0;
	font-weight: 600;
	font-size: 12px;
}
#addThis P
{
	margin: 0;
	padding: 0;
}
#entry P
{
	line-height: 17px;
	padding-top: 7px;
	padding-bottom: 8px;
	margin: 0;
	line-height: 150%;
}
#replyBox
{
	float: left;
}
#commentText
{
	margin: 0 0 10px;
	padding: 0 10px 10px;
	border: 1.2px solid #CCC;
}
.commentlist
{
	margin: 0;
	padding: 0;
}
.alignleft
{
	margin: 0 25px 0 0;
	padding: 5px 0;
	float: left;
}
IMG
{
	text-decoration: none;
	border: 0;
}
#CommentPic
{
	padding: 0 7px 0px 0;
	float: left;
}
.alignright
{
	float: right;
	margin: 0 0 0 15px;
	padding: 5px 0;
}
#entry A
{
	color: #E461AE;
	text-decoration: none;
}
#facebookLikeButton
{
	padding: 7px 0px 0px;
}
#date
{
	height: 65px;
	width: 65px;
	background: url(images/DateCircle.png) no-repeat;
	position: relative;
	float: left;
	margin: -7px 0px 0px -75px;
	padding: 0px;
}
#date P
{
	color: #FFF;
	font-size: 15px;
	padding: 10px 2px 0 0px;
	text-align: center;
	font: 1em "Century Gothic";
}
.author
{
	margin: 0px;
	padding: 0px;
	color: #999;
}
#entryFooter
{
	color: #999;
	font-size: 0.88em;
	margin-top: 15px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 43px;
}
.addthis_default_style
{
	float: right;
	padding: 10px 0 0;
	margin: 0;
	font-weight: bold;
	width: 65px;
}
#entryFooter H3
{
	padding: 5px 0 7px;
	font-size: 1em;
	margin: 0;
	color: #DB75F4;
}
#commentsBox
{
	padding-top: 14px;
	padding-bottom: 0px;
}
#respond
{
	padding: 0;
}
#entryFooter UL
{
	display: inline;
	padding: 0;
	margin: 0;
}
#entryFooter LI
{
	display: inline;
	margin: 0;
	padding: 0;
}
#commentAuthor
{
	margin: 9px 0 3px;
	padding: 0;
	color: #B897E1;
	font-weight: bold;
}
#entryFooter A
{
	color: #999;
}
#post-comments
{
	margin: 0;
	padding: 14px 0 0;
}
#post-comments A
{
	color: #F6F;
}
#sidebar
{
	float: right;
/*since this element is floated, a width must be given*/
	width: 270px;
	padding-top: 15px;
	padding-right: 0px;
	padding-left: 0px;
}
#searchform
{
	padding: 0 0 6px 23px;
	margin: 0;
}
.postNav
{
	padding-left: 108px;
	padding-top: 40px;
}
#socialNav
{
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 5px;
}
#sidebar H2
{
	color: #FFF;
	background: #000;
	font-size: 1.1em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	margin: 0px 9px 0px 0px;
}
#sidebar UL
{
	margin: 0px;
	padding: 0px;
}
#sidebar UL LI
{
	list-style: none;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1.2px solid #CCC;
	padding-left: 25px;
	margin-right: 9px;
	background: #F5F5F5;
	color: #999;
	font-size: 0.95em;
}
#sidebar LI A
{
	color: #768;
	text-decoration: none;
}
#footer
{
/*this padding matches the left alignment of the elements in the divs that appear above it.*/
	background: #000;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}
#footer UL
{
	float: left;
	text-align: left;
	margin: 0;
	padding: 35px 55px 38px 0;
}
#footerContainer LI
{
	color: #FFFFFF;
	list-style-type: none;
	margin: 0;
	font-size: 0.88em;
	padding: 0;
}
#footerContainer
{
	width: 800px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}
#footer A
{
	text-decoration: none;
	color: #FFFFFF;
}
#footer P
{
/*zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs*/
	padding: 10px 0;
	color: #FFF;
	text-align: center;
	font-size: 0.8em;
/*padding on this element will create space, just as the the margin would have, without the margin collapse issue*/
}
.fltrt
{
/*this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page.*/
	float: right;
	margin-left: 8px;
}
.fltlft
{
/*this class can be used to float an element left in your page*/
	float: left;
	margin-right: 8px;
}
.clearfloat
{
/*this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float*/
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}