/*  
Theme Name: JillScott
Theme URI: http://www.branddevo.com
Description: Brand Devo's Jill Scott Site.
Version: 1.0
Author: Brand Devo
Author URI: http://www.branddevo.com/

*/

html, body {height: 100%;}

body, h1, h2, h3, h4, h5, h6, blockquote, form{
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
	font-size: 13px;
	text-align: center;
	vertical-align: top;
	background: #18000d url(http://www.jillscott.com/images/bkgd_grad2.jpg) repeat-x top;
	background-attachment: fixed;
	color: #333;
}

h1{
	font-family: "Century Gothic", Arial, Helvetica, Sans-serif;
	font-size: 34px;
	font-spacing: -1px;
	padding: 15px 0 10px 15px;
}

h3{
	padding: 15px 0 15px 0;
}

h4{
	padding: 0 0 0 15px;
}

a:link{
	text-decoration: none;
	font-weight: bold;
	color:#a10447;
}

a:hover{
	text-decoration: underline;
	font-weight: bold;
	color: #a10447;
}

a:visited{
	text-decoration: none;
	font-weight: bold;
	color:#a10447;
}

a img {
	border: none;
}


/*******************
----Wrappers---
*******************/

#wrapper{
	margin: 0 auto;
	width: 900px;
	text-align: left;
	border: none;
	background: #f1f0ed;
}

#greybkgd{
	margin: 0 auto;
	width: 900px;
	border: none;
	background: #f1f0ed;
	overflow: hidden;
}

/*******************
----Custom Styles---
*******************/

blockquote { 
	font-style: italic; 
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 90%;
	color: #333; 
	margin: 1.5em 30px 1.5em 30px; 
	padding: 4px 4px 4px 10px;
	background: #f1f0ed;
	border-left: 2px solid #900;
}

code { 
	color: #9A2EFE; 
	font-family: Courier, monospace; 
}


.entry { 
}

.entry p { 
	margin: 0 0 15px 0; 
}

.bg {
	background: #f1f0ed;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.entry ul, .entry ol { 
	margin: 0 0 15px 5px; 
}
	
.entry ul { 
	list-style-type: disc; 
}
	
.entry ul.bg {
	background: #f1f0ed;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.entry ul.bg.blue {
	background: #E0ECF8;
}

.entry ol.bg {
	background: #f1f0ed;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.entry ol.bg.blue {
	background: #E0ECF8;
}

.entry li { 
	margin: 0 0 0px 0; 
}
		
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { 
	margin: 0px 0 0px 30px; 
}

.entry blockquote.right { 
	width: 150px; 
	font-style: normal !important; 
	font-size: 14px;
	color: #777;
	margin: 0.3em 0 0.3em 15px !important; 
	padding: 5px;
	background: #f1f0ed; 
	border-top: 2px solid #900;
	border-bottom: 2px solid #900; 
	border-left: none;
	border-right: none;
	text-align: center; 
	float: right; 
}
		
.entry blockquote.left { 
	width: 150px; 
	font-style: normal !important; 
	font-size: 14px;
	color: #777;
	margin: 0.3em 15px 0.3em 0 !important; 
	padding: 5px;
	background: #f1f0ed; 
	border-top: 2px solid #900;
	border-bottom: 2px solid #900; 
	border-left: none;
	border-right: none;
	text-align: center; 
	float: left; 
}
	
.entry blockquote.right p, .entry blockquote.left p { 
	margin: 0; 
	line-height: 1.4em !important; 
}

.entry img.left { 
	padding: 6px; 
	margin: 0.5em 15px 0.5em 0; 
	border: none;
	float: left; 	
	clear: left; 
}
		
.entry img.right { 
	padding: 6px; 
	margin: 0.5em 0 0.5em 15px; 
	border: none;
	float: right; 
	clear: right; 
}
		
.entry img.center { 
	display: block; 
	padding: 8px; 
	margin: 0 auto 1.5em auto; 
	border: none;
	float: none; 
	clear: both; 
}
	
.entry img.frame { 
	padding: 6px; 
	margin: 0.5em 0 0.5em 15px; 
	border: 1px solid #CCC;
	background: #EEE;
	float: right; 
	clear: right; 
}
		
.entry img.stack { 
	clear: none !important; 
}

.pageentry { 
}

.pageentry p { 
	margin: 0 0 15px 0; 
}

.bg {
	background: #f1f0ed;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.pageentry ul, .entry ol { 
	margin: 0 0 15px 5px; 
}
	
.pageentry ul { 
	list-style-type: disc; 
}
	
.pageentry ul.bg {
	background: #f1f0ed;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.pageentry ul.bg.blue {
	background: #E0ECF8;
}

.pageentry ol.bg {
	background: #f1f0ed;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.pageentry ol.bg.blue {
	background: #E0ECF8;
}

.pageentry li { 
	margin: 0 0 0px 0; 
}
		
.pageentry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { 
	margin: 0px 0 0px 30px; 
}

.pageentry blockquote.right { 
	width: 150px; 
	font-style: normal !important; 
	font-size: 14px;
	color: #777;
	margin: 0.3em 0 0.3em 15px !important; 
	padding: 5px;
	background: #f1f0ed; 
	border-top: 2px solid #900;
	border-bottom: 2px solid #900; 
	border-left: none;
	border-right: none;
	text-align: center; 
	float: right; 
}
		
.pageentry blockquote.left { 
	width: 150px; 
	font-style: normal !important; 
	font-size: 14px;
	color: #777;
	margin: 0.3em 15px 0.3em 0 !important; 
	padding: 5px;
	background: #f1f0ed; 
	border-top: 2px solid #900;
	border-bottom: 2px solid #900; 
	border-left: none;
	border-right: none;
	text-align: center; 
	float: left; 
}
	
.pageentry blockquote.right p, .entry blockquote.left p { 
	margin: 0; 
	line-height: 1.4em !important; 
}

.pageentry img.left { 
	padding: 6px; 
	margin: 0.5em 15px 0.5em 0; 
	border: none;
	float: left; 	
	clear: left; 
}
		
.pageentry img.right { 
	padding: 6px; 
	margin: 0.5em 0 0.5em 15px; 
	border: none;
	float: right; 
	clear: right; 
}
		
.pageentry img.center { 
	display: block; 
	padding: 8px; 
	margin: 0 auto 1.5em auto; 
	border: none;
	float: none; 
	clear: both; 
}
	
.pageentry img.frame { 
	padding: 6px; 
	margin: 0.5em 0 0.5em 15px; 
	border: 1px solid #CCC;
	background: #EEE;
	float: right; 
	clear: right; 
}
		
.pageentry img.stack { 
	clear: none !important; 
}

.archive_head { 
	text-align: center;
	font-style: normal; 
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 13px;
	color: #900; 
	margin: 25px auto 10px 30px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}

.nopadtable img{
	padding:0px;
	margin:0px;
}

.nopadtable td a{
	padding:0px;
	margin:0px;
}

.nopadtable li{
	padding:0px;
	margin:0px;
}

.nopadtable tr{
	padding:0px;
	margin:0px;
}

/*******************
------Preorder Campaign-------
*******************/

.preordercont{ 
	color: #FFFFFF;
	font-size: 16px;
	font-style: normal;
	text-align: left;
	letter-spacing: -1px;
	padding: 20px 20px 20px 20px; 
}

.preorderquote{ 
	color: #FFFFFF;
	font-size: 20px;
	font-style: bold;
	text-align: right;
	letter-spacing: -2px;
	padding: 20px 20px 20px 20px; 
}

.preorderentry{ 
	margin-left: 5px;
	background: #313131;
	padding: 20px 20px 20px 20px; 
}

.preordersig{
	background-image: url(http://jillscott.com/images/preorder_sig.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 400px;
}

.preorderhate{
	background-image: url(http://jillscott.com/images/preorder_wait.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 400px;
}


.preorderbkgd{
	background-color: #e5e5e5;
	background-image: url(http://www.jillscott.com/images/preorder_bkgd.gif);
	background-repeat: repeat-x;
}
.preordershot{
	background-image: url(http://jillscott.com/images/preorder_cover.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 400px;
	width: 900px;
	float: right;
}

.preorderback{
	background: #313131;
}

#preorderwrapper{
	margin: 0 auto;
	width: 900px;
	text-align: left;
	border: none;
}

#preorderfrontwrap{
	margin: 0 auto;
	padding-top: 100px;
	width: 900px;
	text-align: left;
	border: none;
}

.preorderbox{
	width: 100%;
	height: 400px;
	margin: 0;
	padding: 0;
	background: #f1dfd5 url(http://www.jillscott.com/images/preorderbox_bg.gif);
	color: #fff;
	clear: both;
}

.preorderbottombox{
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	background: #390d0b url(http://jillscott.com/images/preorder_bottombuttons.png);
	color: #fff;
	clear: both;
}



/*******************
------Teaser Campaign-------
*******************/

.teasercont{ 
	color: #FFFFFF;
	font-size: 16px;
	font-style: normal;
	text-align: left;
	letter-spacing: -1px;
	padding: 20px 20px 20px 20px; 
}

.teaserquote{ 
	color: #FFFFFF;
	font-size: 20px;
	font-style: bold;
	text-align: right;
	letter-spacing: -2px;
	padding: 20px 20px 20px 20px; 
}

.teaserentry{ 
	margin-left: 5px;
	background: #313131;
	padding: 20px 20px 20px 20px; 
}

.teasersig{
	background-image: url(http://jillscott.com/images/teaser_sig.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 400px;
}

.teaserhate{
	background-image: url(http://jillscott.com/images/teaser_hate.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 400px;
}


.teaserbkgd{
	background-color: #e5e5e5;
	background-image: url(http://www.jillscott.com/images/teaser_bkgd.gif);
	background-repeat: repeat-x;
}
.teasershot{
	background-image: url(http://jillscott.com/images/teaser_headshot.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 400px;
	width: 900px;
	float: right;
}

.teaserback{
	background: #313131;
}

#teaserwrapper{
	margin: 0 auto;
	width: 900px;
	text-align: left;
	border: none;
}

#teaserfrontwrap{
	margin: 0 auto;
	padding-top: 100px;
	width: 900px;
	text-align: left;
	border: none;
}

.teaserbox{
	width: 100%;
	height: 400px;
	margin: 0;
	padding: 0;
	background: #fff url(http://www.jillscott.com/images/teaserbox_bg.gif);
	color: #fff;
	clear: both;
}

.teaserbottombox{
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	background: #ff1867 url(http://jillscott.com/images/teaser_bottombuttons.png);
	color: #fff;
	clear: both;
}

/*******************
------Header-------
*******************/
#myloveintro{
	color: #fff;
	width: 100%;
	height: 100%;
	background: #000;
}


#topnavi{
	float: left;
	width: 100%;
	height: 30px;
	margin-bottom: 5px;
	padding: 0;
	color: #fff;
	width: 100%;
	background: #000;
}

#topnavi li {
	color:#000;
}

#header{
	float: left;
	width: 100%;
	height: 120px;
	margin: 0;
	padding: 0;
	background: #900;
	border-bottom: 6px solid #000;
	color: #fff;
	clear: both;
}

.title{
	margin: 0 auto 0 auto;
	width: 900px;
	padding: 20px 20px 20px 40px;
	text-align: left;
	color: #FFF;
}

.title a:link{
	text-decoration: none;
	color:#FFF;
}

.title a:hover{
	text-decoration: underline;
	color: #CCC;
}

.title a:visited{
	text-decoration: none;
	color:#FFF;
}

/*******************
------Advertisements------
*******************/

#topad{
	height: 120px;
	padding: 10px;

}

#topad img{
	padding-top: 5px;
}


/********************
----Navigaiton Bars---
********************/

#midnavi{
	background-color: #fffff;
	background-image: url(http://jillscott.com/images/jillsite_no1lady.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 270px;
	width: 900px;
}

#top-menu{
	clear: both;
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	text-align: left;
	border: none;
	background: #f1f0ed;
}

#top-menu a{
	text-decoration: none;
	padding: 5px 10px;
	color: #900;
	font-size: 16px;
}

#top-menu a:hover{
	text-decoration: none;
	color: #FFF;
	background: url(images/nav_hover.gif) repeat-x;
}

#top-menu ul{
	margin: 0 auto;
	width: 850px;
	padding: 5px 0;
	text-align: left;
}

#top-menu ul li{
	display: inline;
	padding: 0;
	font-size: 14px;
}

.navigation{
	padding: 5px;
	border: 1px dotted #333;
}

/*******************
---------Post-------
*******************/

#wholebar{
	background-color: #f1f0ed;
	padding: 0 0 0 0;
	height: 100%;
}

#container{
	width: 470px;
	padding: 0 0 0 0px;
	float: left;
	position: relative;
	margin: 0;
	overflow: hidden;
	border-left: 1px dotted #CCC;
}

#fullpage{
	width: 645px;
	padding: 0 0 0 0px;
	float: right;
	position: relative;
	margin: 0;
	overflow: hidden;
	border-left: 1px dotted #CCC;
}


#right_container{
	width: 645px;
	padding: 0px;
	float: right;
	margin: 0;
}
.post{
	padding: 0px 5px 5px 5px;
	background-color: #dadada;
	margin:0px 0px 5px 0px;
}

.post img{
	display: block;
	margin: 0 auto;
	max-width:450px;
}

.post h2{
	text-transform: normal;
	font-family: "Century Gothic", Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 26px;
	color: #333;
	line-height: 25px;
	letter-spacing: -2px;
	padding: 10px 0 5px 0;
}

.post h2 a{
	color: #3e3e3e;
}

.pagepost{
	padding: 0px 5px 5px 5px;
	background-color: #dadada;
	margin:0px 0px 5px 0px;
}

.pagepost img{
	postion: relative;
	margin: 0px;
}

.pagepost h2{
	text-transform: normal;
	font-family: "Century Gothic", Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 26px;
	color: #333;
	line-height: 25px;
	letter-spacing: -2px;
	padding: 10px 0 5px 0;
}

.pagepost h2 a{
	color: #3e3e3e;
}


.entry{
	line-height: 15px;
}

.postinfo{
	font-size: 11px;
	color: #aaa;
	padding: 2px 0 20px 0;
}

.postinfo a{
	color: #aaa;
}

.postdate{ color: #aaa; }

p.postmetadata{
	font-size: 12px;
	color: #BFB8A1;
	border-top: 1px dotted #CCC;
	margin: 20px 0 0 0;
	padding: 0px 0 5px 0;
}

p.postmetadata strong{
	float: right;
}

/* This is the link at the bottom of a post which lets you go to the next or previous post */

.postnav{
	padding: 10px 20px 20px 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

h2.archive_head{ 
	font-weight: bold !important; 
	font-size: 14px !important; 
	text-transform: normal !important; 
	letter-spacing: normal !important; 
	margin: 0 0 1.8em 10px !important; 
	padding: 0.4em 5px !important; 
	border-bottom: 1px dotted #CCC; 
	background: none; 
}

	

/********************
----Sidebar Styles---
********************/

.rightbar{
	float: right;
	width: 160px;
	margin: 0 0 0 0px;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 15px;
	overflow: hidden;
	background: #f1f0ed;
	border-left: 1px dotted #CCC;
}

.rightbar ul{
	list-style: none;
	margin: 0;
	padding: 5px 10px 5px 0px;
}

.rightbar ul li{
	padding: 5px 0 5px 5px;
}

.rightbar ul li h2{
	font-family: "Century Gothic", Arial, Helvetica, Sans-serif;
	font-size: 16px;
	letter-spacing: -2px;
	font-weight: bold;
	color: #676767;
	padding: 2px 5px 2px 0px;
	margin: 0 10px 10px 0;
	border-bottom: 1px solid #CCC;
}

.rightbar ul ul li{
	padding: 0;
	margin: 0 0 0 20px;
	list-style: url(images/bullet.gif);
	font-size: 12px;
}

.rightbar .syndication .rss {
	width: 179px;
	height: 33px;
	position: relative;
	padding-top: 12px;
}

.rightbar .syndication .rss span{
	background: url(images/sub_rss.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

.rightbar .syndication .rss .sub{
	list-style: none;
}

.rightbar a:link, a:visited{
	text-decoration: none;
	font-weight: bold;
	color:#a10447;
}

.rightbar a:hover{
	text-decoration: underline;
	font-weight: bold;
	color: #a10447;
}


table#wp-calendar{
	width: 100%;
}

/* Left Sidebar */



.leftbar{
	float: left;
	width: 250px;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 15px;
	overflow: visible;
	position: relative;
	background: #f1f0ed;
}

.leftbar ul{
	list-style: none;
	margin: 0;
	padding: 0 5px 0 0px;
}

.leftbar ul li{
	padding: 10px 0 10px 5px;
}

.leftbar ul li h2{
	font-family: "Century Gothic", Arial, Helvetica, Sans-serif;
	font-size: 16px;
	letter-spacing: -2px;
	font-weight: bold;
	color: #676767;
	padding: 5px 0px 5px 0px;
	margin: 0 10px 10px 0;
	border-bottom: 1px solid #CCC;
}

.leftbar ul ul li{
	padding: 2px 0;
	margin: 0 3px 0 20px;
	line-height: 18px;
	list-style: url(images/bullet.gif);
	font-size: 11px;
	border-bottom: 1px dotted #CCC;
}
.leftbar a:link, a:visited{
	text-decoration: none;
	font-weight: bold;
	color:#a10447;
}

.leftbar a:hover{
	text-decoration: underline;
	font-weight: bold;
	color: #a10447;
}

/*******************
----Comment Form---
*******************/

#comment-form{
	width: 450px;
	margin: 10px 5px 0 0px;
	padding: 5px 5px 15px 0px;
}

.comments-template a{
	text-decoration: underline;
	color: #a10447;
}


.comments-template a:hover{
	text-decoration: underline;
	color: #a10447;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0;
	line-height: 18px;
	padding: 10px 0 5px 15px;
}

.comments-template h2, .comments-template h3{
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: -1px;
	color: #D05780;
	padding: 50px 0 2px 0;
}

.commenttext{
	font-size: 12px;
	min-height: 80px;
	font-style: italic;
	color: #900540;
}

.commenttext img {
	float: left;
	height: 64px;
	width: 64px;
	margin: 0 10px 5px 0px;
}
.comment_time{
	font-size: 10px;
	color: #900540;
	padding: 5px 0;
}

.commentmetadata{
	font-size: 12px;
	color: #AAA;
	padding: 5px 0;
}

.commentmetadata strong { 
	font-size: 14px;
	color: #900540; 
}


.comments-template p.nocomments{
	padding: 0;
}

.comments-template input{
	border: 1px solid #CCC;
}

.comments-template textarea{
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 12px;
	color: #000;
	margin: 30px 15px 15px 0;
	background: #FFF;
	border: 1px solid #CCC;
}

.even {
	background: #f1f0ed;
	border: none;
}

.alt {
	background: #FFF;
	border: 2px solid #f1f0ed;
}

/*******************
-------Comments 2-------
*******************/

/*--------------Comments--------------*/

ol.commentlist {

}

ol.commentlist h1{
	font-size: 16px;
	font-spacing: -2px;
	margin-left: -5px;
	margin-bottom: -5px;
	color:#999;
	text-align: right;
}


ol.commentlist li {
	border:0px solid #c7c7c7;
	padding:5px;
	font-size: 14px;
	color:#FFF;
	background-color:#ffabab;
}

ol.commentlist li.alt {
	background-color:#ffc4c4;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	border:0px solid #f48888;


}

ol.commentlist a {
	color:#28261f;
}

cite {
}

small.commentmetadata {
	font-size: 10px;
	color: #f23c72;
}


.commentbox {
	border:0px solid #fff;
	margin-left:15px;
	padding:10px;
	background-color:#404040;
	width:500px;
	height:300px;	
	color:#CCC;
}

.commentbox a {
	font-size: 10px;
	color: #f23c72;
}

/*******************
-------Footer-------
*******************/

#footer{
	clear: both;
	float: center;
	margin: 0;
	padding: 10px 5px 5px 10px;
	line-height: 18px;
	font-size: 80%;
	color: #666666;
	border-bottom: none;
}

#footer a:link{
	text-decoration: none;
	font-weight: bold;
	color:#a10447;
}

#footer a:hover{
	text-decoration: underline;
	font-weight: bold;
	color: #a10447;
}