/*  
Theme Name: Do Life Right
Theme URI: http://www.doliferight.com/
Description: Do Life Right is a wide-sidebar, 2-column, liquid theme with one sidebar on the left of the content area. This theme was custom designed for Do Life Right and is licensed for that use only.  Copyright 2008-2009.  All rights reserved.
Version: 1.0
Author: NimbleForce Creations
Author URI: http://www.nimbleforce.com/


~COLOR SCHEME~ 
light green: #afd3a8 (header stripe, calendar days & links, and assorted highlights)
pale lavender: #bab4c4 (header stripe)
pale yellow: #e2e0ad (header stripe, sidebar text, and hovered sidebar link background)
very dark brown: #160f00 (divider bar, content text and assorted borders)
brown: #352500 (sidebar background and blockquotes)
light yellow: #d4af7f (main sidebar links)
green: #345E2E (hovered sidebar links and sidebar archive links)
dark green: #1b4114 (post titles)
dark lavender: #796f87  (welcome page text)
light green: #7ba673 (assorted borders)

*/

/* CSS RESET - Do not alter */

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, iframe, img, ins, h1, h2, h3, h4, h5, h6, html, hr, i, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td tfoot, th, thead, tr, tt, u, ul, var {

	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

a img,:link img,:visited img { 

	border: none; 
}

address { 

	font-style: normal; 
}

blockquote, q {

	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';
	content: none;
}

body {

	line-height: 1;
}

del {
	text-decoration: line-through;
}

:focus {

	outline: 0;
}

h1,h2,h3,h4,h5,h6,pre,code { 

	font-size:1em; 
}

ins {

	text-decoration: none;
}

:link,:visited { 

	text-decoration: none; 

}

ol, ul {

	list-style: none;
}

table {

	border-collapse: collapse;
	border-spacing: 0;
}

/* END CSS RESET */


/* BEGIN HEADER STYLES */
/* TOP STRIPES */

/* top green stripe */
#headColor1 {

	top: 0;
	left: 0;
	margin: 0;
	position: absolute;
	background: #afd3a8;
	width: 100%;
	height: 49px;
}

/* lavender stripe */
#headColor2 {

	top: 49px;
	left: 0;
	position: absolute;
	background: #bab4c4;
	width: 100%;
	height: 143px;
}

/* yellow stripe */
#headColor3 {

	top: 192px;
	left: 0;
	position: absolute;
	background: #e2e0ad;
	width: 100%;
	height: 59px;
}

/* brown divider stripe */
#headColor4 {

	top: 251px;
	left: 0;
	position: absolute;
	background: url('images/divR.jpg') repeat-x bottom center;
	width: 100%;
	height: 21px;
} 

/* start of content/sidebar area */
#headColor5 {

	top: 272px;
	left: 0;
	position: absolute;
	background-image: url(images/back2.gif);
	background-repeat: no-repeat;
	background-position: 35% 0;
	width: 100%;
	height: 24px;
}

/* welome image for sidebar */
#welcomeWrap  {

	left: 0;
	float: left;
	background-color: transparent; 
	width: 35%;
	position: absolute;
	height: 17px;
	padding: 0;
	margin: 10px 0 0 0;	
	z-index: 2;
	text-align: center;
}

#welcome {


	background-image: url(images/welcome.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 120px;
	height: 17px;
	margin: 0 auto;
	clear: both;


}



/* HEADER IMAGES */

#headerBox  {

	text-align: center;
	width: 100%;
	position: relative;
}

#headerimg 	{

	background: url('images/dlrheader.jpg') no-repeat bottom center;
	display: block;
	text-align: center;
	margin: 2px auto 0px auto;
	height: 264px;
	width: 792px;
	position: relative;
	cursor: pointer;

}

/* header buttons */
#buttonWrap  {

	background: url('images/buttonBar.gif') no-repeat top right;
	height: 36px;
	width: 540px;
	margin-left: 35%;
	position: relative;


}

#linkWrap {

	height: 36px;
	width: 540px;

}

#aboutButton {

	margin: 5px 0 0 10px;
	width: 65px;
	height: 25px;
	display: inline;
	position: absolute;
	cursor: pointer;
}

#contactButton {

	margin: 5px 0 0 92px;
	width: 80px;
	height: 25px;
	display: inline;
	position: absolute;
	cursor: pointer;
}

#subscribeButton {

	margin: 5px 0 0 190px;
	width: 105px;
	height: 25px;
	display: inline;
	position: absolute;
	cursor: pointer;

}

#linkWrap #searchform {

	margin: 5px 0 0 400px;
	position: absolute;
	background-color: green;
}

#linkWrap #searchform input  {

	background: #afd3a8;
}

/* END HEADER STYLES */

/* BODY & PAGE WRAPPERS */

body {

	font-size: 100.01%;
	font-family: "VAG Rounded", Imago, Arial, "Gill Sans", "sans serif";
	background-image: url('images/back.gif');
	background-repeat: repeat-y;
	background-position: 35% 0;
	color: #160f00;
	margin: 0;
	padding: 0;
	min-width: 800px; 
}

#wrapper  {

	width: 100%;
	background: none;
	margin: 0;
	overflow: hidden;
	clear: both;
	min-width: 800px;

}


/* Width of any main content should not exceed 440px. (Note that pictures will resize themselves dynamically.) Items larger than 440px will not look right on monitors running at lower resolutions.  */
#content {

	font-family: "VAG Rounded", Imago, Arial, "Gill Sans", "sans serif";
	display: block;  
	text-align: left;
	background: none;
	float: right;
	width: 55%;
	margin: 15px 5% 15px 0px;

}

#page {

	text-align: center;
	margin: 0px auto;
	width: 100%;
}

.entry  {

	margin-bottom: 5px;
	padding-bottom: 8px;

}

.post  {

	display: block;
	overflow: hidden;
	width: 98%;
	padding-bottom: 6px;
	margin-bottom: 6px;
}


/* CONTENT LISTS */

ul, #content ul, #content li, #content li li, #content .entry ul  li{

	list-style-image: url(images/dot.gif);
	line-height: 1.25;
	padding-left: 15px;
	list-style-position: inside;
	margin-bottom: 10px;
}

ol, #content ol, #content .entry ol li{
	list-style-position: inside;
	padding-left: 15px;
	margin-bottom: 10px;
	list-style-type: decimal;
	list-style-image: none;
	line-height: 1.25;
}

#content ul.children li{
	
	line-height: 1;
	margin-bottom: 0;
	margin-top: 5px;
}

#content ul.children{
	
	margin-top: 5px;
}



/* DATE IMAGES*/

.date  {

	height: 41px;
	margin: 0;
	display: inline;
	padding: 0;
}

.date span {

	margin-left: -5px;
}



/*  SIDEBAR   */
/* Width of any sidebar content should not exceed 280px. Items larger than 280px will not look right on monitors running at lower resolutions.  */
#shadowL  {

	float: left;
	background: url(images/divShadowL.gif) repeat-x left top; 
	width: 35%;
	display: inline;
	position: relative;
	height: 6px;
	padding: 0;
	margin: 0;	

} 

#sideCorner {
	
	background: url(images/sideCorner.gif) no-repeat top right;
	background-repeat: no-repeat;
	float: right;
	width: 9px;
	height: 6px;

}

#sideBack {

	font-size: .8em;
	width: 35%;
	text-align: center;
	padding: 0 0 20px 0;
	display: block;   
	background-color: transparent;
	margin: 0;
	float: left;
}

#side {

	width: 70%;
	margin: 0 auto;
	padding: 0 10px 10px 0;
	background-color: #352500;
	color: #e2e0ad;

}

#side h5 {

	color: #e2e0ad;
	font-size: 1.8em;
	margin: 15px auto 1px auto;
	text-align: center;
	display: block;
	
}

#side h2 {

	color: #e2e0ad;
	font-size: 1.4em;
	margin: 5px auto 15px auto;
	text-align: center;
}

.links {

	margin: 15px auto 5px auto;
}

.linkcat {

	padding: 15px 0 0 0;
	margin: 15px 0 0 0;
	text-align: left;

}

.linkcat h2{

	text-align: left;
	margin: 0;
}

.linkcat ul {

	line-height: 1.3;
}

#side ul {

	list-style-image: none;
}

#side a  {

	color: #d4af7f;

}

#side a:hover  {

	background-color: #E2E0AD;
	color: #345E2E;

}

#support {

	padding: 10px 30px;
	border: 3px solid #251A00;
	position: relative;
	margin: 10px auto;
	text-align: left;
}

#support .divide {
	
	background: url(images/dividerSideSM.gif) no-repeat top right;
	position: relative;
	margin: 10px auto 10px auto;
	width: 66px;
	height: 15px;
}

#support ul {
	list-style-image: url(images/dotSideLI.gif);
	line-height: 1.5;
	padding-left: 10px;

 }
 
#meta {
 
	text-align: center; 
	margin: 10px auto 20px auto;
}

#meta li {

	margin-left: -15px;
	padding-left: 0;
	*padding-right: 15px; /* IE hack to fix indent */
}

#archives  {

	position: relative;
	font-size: .9em;
	margin: 0 auto;
	padding: 10px;
	width: 155px;
	text-align: left;
}

#archives h2 {
	display: none;
	color: #345E2E;
	
}

#archives hr {
	display: none;
}

#archives ul {

	line-height: 1.25;
	margin-top: 10px;

}

#archives a {

	color: #345E2E;

}

#archives a:hover {

	background-color: #E2E0AD;

}


/*  Image and Quote Box  */

#imgQuoteBox {

	padding: 10px;
	border: 3px solid #251A00;
	position: relative;
}

#imgBox {

	width: 160px;
	float: left;
	position: relative;
	margin: 0 15px 0 0;
	cursor: pointer;
	z-index: 3;
} 

#imgBox img {

	margin: 0;
	border: 3px solid #251A00;
	padding: 0;
}

#quoteBox {

	line-height: 1.25;
	position: relative;
	text-align: left;
}



/* CALENDAR   */

/* style the calendar  */
#wp-calendar {

	border: 2px inset #703f00;
	background: #703f00;
	empty-cells: show;
	font-size: 11px;
	margin: 5px auto;
	width: 155px;
	padding: 5px 2px 0 2px;
}

/* style the month  */
#wp-calendar caption {

	padding-bottom: 3px;
	color: #345E2E;
}

/* style the days of week   */
#wp-calendar th {

	font-family: "VAG Rounded", Imago, Arial, "Gill Sans", "sans serif";
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	text-transform: capitalize;
	padding: 2px 7px;
	color: #afd3a8;
} 

/* style the numbers  */
#wp-calendar td {

	color: #e2e0ad;
	font-family: "VAG Rounded", Imago, Arial, "Gill Sans", "sans serif";
	letter-spacing: normal;
	padding: 3px 0;
	text-align: center;
}

#wp-calendar td a {

	color: #afd3a8;
}

#wp-calendar td a:hover {

	background: #E2E0AD;
	color: #345E2E;
}



/* TEXT */

h3.posttitle, h2.pagetitle, h3post-title, h4.pagetitle {

	font-family: "VAG Rounded", Imago, Arial, "Gill Sans", "sans serif";
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 8px;
	color: #1b4114;


}

/* for category page  */

h1 {

	font-size: 1.8em;
	margin-top: 10px;
	margin-bottom: 10px;
}

h2 {

	font-size: 1.6em;
	margin-top: 10px;
	margin-bottom: 10px;
}

h3 {

	font-size: 1.4em;
	margin-top: 10px;
	margin-bottom: 10px;
}

h4 {

	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 10px;
}

h5 {

	margin-top: 10px;
	margin-bottom: 10px;
}

h6 {

	font-size: .8em;
	margin-top: 10px;
	margin-bottom: 10px;
}

h3.post-title {

	font-size: 1.2em;
	margin-top: 20px;

	
}

h3.posttitle a, h2.pagetitle a, h3.post-title a, h4.pagetitle a {

	color: #1b4114;

}


.entry, .post , .navigation{

	margin-bottom: 10px;

}

.entry p, .post p  {
	
	padding-bottom: 10px;
	line-height: 1.1;
	font-weight: normal;
}

.entry a, .post a , .navigation a, #content a{

	color: #345E2E;
	font-weight: bold;

}

.entry a:hover, .post a:hover, .navigation a:hover, #content a:hover {

	background-color: #E2E0AD;
}

.entry a:hover img, .post a:hover img, .navigation a:hover img, #content a:hover img, a:hover img.PxgImage{

	background-color: white;
}

p.postmetadata {

	font-size: .8em;
	padding: 0;
	padding-bottom: 15px;
	float: right;
	text-align: left;

}

p.center {

	text-align: center;
}

p.welcome {

	text-align: center;
	line-height: 1.25;
}

.bold  {

	font-weight: bold;

}

#content .post small {

	font-weight: bold;
	padding-bottom: 10px;
}

address {

	text-align: left;
	margin: 0 10%;
	padding: 0;
	font-style: italic;
	line-height: 1.2;
}

pre {

	margin: 10px;
}



/* BLOCKQUOTES */
blockquote {

	
	padding: 10px;
	margin: 20px auto;
	background-color: #352500;
	border: 2px outset #352500; 
	position: relative;
	display: block;
	clear: both;

}

blockquote p {

	font-size: .9em;
	font-style: italic;
	color: #E2E0AD;

}

#content blockquote a {
	color: #afd3a8;
	font-weight: bold;
	font-style: normal;
}

#content blockquote a:hover {
	background-color: #E2E0AD;
	color: #345E2E;
}



/* IMAGES & ALIGNMENTS */

img {

	max-width: 100%;
	height: auto;
}

a img {

	border: none;
}

.wp-caption {

	padding: 5px;
	border: 2px solid #160f00;
	background-color: #e2e0ad;
	margin: 5px;
}

.wp-caption-text {

	text-align: center;
	font-size: .9em;
	color: #160f00;
}

img.aligncenter {

	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 10px;
}

img.alignright {

	padding: 4px;
	margin: 0 0 10px 10px;
	display: inline;
}

img.alignleft {

	padding: 4px;
	margin: 10px 10px 5px 0;   
	display: block;
}

.alignright {

	float: right;

}

.alignleft {

	float: left;

}

.aligncenter {

	text-align: center;
	margin-right: auto;
	margin-left: auto;

}

.PxgGlobalImage {

	clear: both;
}



/* EXTRAS   */

.divider  {

	background: url(images/divider.gif) no-repeat top center;
	position: relative;
	margin: 10px auto;
/*	width: 249px; */
	width: 100%;
	height: 15px;
	text-align: center;
}

#footWrap .divider   {

	background: url(images/dividerFoot.gif) no-repeat top center;
	position: relative;
	margin: 10px auto 15px auto;
/*	width: 137px; */
	width: 100%;
	height: 15px;
	text-align: center;

}

#side .divider   {

	background: url(images/dividerSide.gif) no-repeat top right;
	position: relative;
	margin: 10px auto 15px auto;
	width: 137px;
	height: 15px;

}

#side hr {
	background: url(images/dividerSide.gif) no-repeat top right;
	position: relative;
	margin: 10px auto 15px auto;
	width: 137px;
	height: 15px;
}

.clear {

	clear: both;
}

.dot {

	background: url(images/dot.gif) no-repeat top right;
	width: 17px;
	height: 17px;
	position: relative;
}

#side .dot {

	background: url(images/dotSide.gif) no-repeat top right;
	width: 16px;
	height: 16px;
	position: relative;
}

#footWrap.dot {

	background: url(images/dotFoot.gif) no-repeat top right;
	width: 17px;
	height: 17px;
	position: relative;
}

.googleAdBox {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}


/*  Welcome page boxes. */
.welcomeBox {

	border: 3px solid #afd3a8;
	margin: 12px 0 15px 0;
	padding: 15px 32px 15px 32px;
}

.welcomeBox  p {

	color: #796f87;
	font-style: italic;
	margin-bottom: 10px;
	font-size: 1.1em;
	line-height: 1.2;
}

#content .welcomeBox li a {

	font-weight: normal;
}

/* A 20 pixel, transparent, clearing place holder */
.spacer20 {

	width: 320px;
	height: 20px;
	position: relative;
	clear: both; 

}


/* FOOTER   */
/* Width of footer content (contained in footBox1 and footBox2) should not exceed 350px. (Note that pictures will resize themselves dynamically.) Items larger than 350px will not look right on monitors running at lower resolutions.  */

#footer {

	font-family: "VAG Rounded", Imago, Arial, "Gill Sans", "sans serif";
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	background: #7ba673 url(images/footL.jpg) repeat-y left top;
}

.edge {

	background: url(images/footR.jpg) repeat-y right top;
	margin: 0 0 0 0;
}

.topWrap {

	width: 100%;
	margin: 0;
	background: url(images/footCornerUL.jpg) no-repeat left top;
	height: 7px;
}

.top  {

	height: 7px;
	background: url(images/footTop.jpg) repeat-x right top;
	margin: 0 0 0 7px;

}

.top span  {

	position: relative;
	height: 7px;
	background: url(images/footCornerUR.jpg) no-repeat right top;
	display: block;	
}

#footWrap  {

	background-color: #7ba673;
	width: 100%;
	margin: 0;
	padding: 0;

}

.middleWrap  {

	background: url(images/footL.jpg) repeat-y left top;	
	margin: 0;
	width: 100%;

}

.boxContent {

	width: 85%;
	padding: 10px 0 0 0;
	margin: 0 auto;
}

.middle {

	position: relative;
	width: 100%;
	display: block;
	background: url(images/footR.jpg) repeat-y right top;
	padding: 10px 0 0 0;
}

#footBox1  {

	line-height: 1;
	width: 49%;
	position: relative;
	background: transparent;
	float: left;	

}

#footBox2  {

	line-height: 1;
	width: 49%;
	position: relative;
	background: transparent;
	float: right;

}

#footBox3  {

	line-height: 1;
	width: 100%;
	position: relative;
	padding: 20px 0 5px 0;
	background: transparent;
	clear: both;

}

/*	This styles the text in your disclaimer (at the bottom of the footer).  If you want that text to be bold or italicized, uncomment (remove the astrick and slash before and after) the desired line of code.  */
#footBox3 p {

	font-size: 1em;
/*	font-weight: bold;  */
/*	font-style: italic;  */

}

#footWrap2  {

	width: 100%;
	background-position: bottom center;
	margin: 0;
	padding: 0;
	height: 18px;
}

.bottomWrap  {

	background: url(images/footCornerLL.jpg) no-repeat left top;	
	margin: 0;
	width: 100%;
	height: 18px;
}

.bottomWrap span {

	background: url(images/footBottom.jpg) repeat-x left top;
	height: 18px;
	width: 100%;
	display: block;
}

.boxContent2 {

	padding: 4px 20px 0 20px;
	margin: 0 0 0 0;

}

.bottom {

	position: relative;
	width: 100%;
	background: url(images/footCornerLR.jpg) no-repeat right top;
	height: 18px;
}

.credit {

	text-align: center;
	color: #645e6e;
	font-size: 11px;
	font-family: "VAG Rounded", Imago, Arial, "Gill Sans", "sans serif";
	vertical-align: middle;

}

.credit a {


	color: #afa5bd;

}

/* This style decides the size of your footer ad box. We do not recommend that you change it. However, if you do, you'll want to keep the width (including min and max) the same or smaller than 330px in order for the footer to show up correctly.  */
.adBoxBorder {
	
	border: 3px solid #3b6633;
	margin: 0 auto;
	padding: 20px;
	background: #afd3a8;
	width: 330px;
	min-width: 330px;
	max-width: 330px;  
	height: 280px;


}

.adBox {

	width: auto;
	height: auto;
	border: 3px solid #7ba673;
	margin: 0;
	padding: 10px 0;
	background: white;

}



/* POPULAR POST PLUGIN   */

#popPostsBorder {
	
	border: 3px solid #3b6633;
	margin: 0 auto;
	padding: 20px;
	text-align: left;
	width: 60%;
	min-width: 300px;
	height: auto;
	background: #afd3a8;

}

#popPosts {

	background: #7ba673;
	border: 3px solid white;
	padding-top: 10px;
	vertical-align: middle;
}

#popPosts  a{

	color: #160f00;
	text-align: left;

}

#popPosts  a:hover {

	color: #345E2E;
	background-color: #E2E0AD;
	text-align: left;

}

#popPosts h2 {

	text-align: center;
	font-size: 1.4em;
	width: auto;
}

.popBox {

	width: auto;
	min-width: 75%;
	margin: 0 auto;
	padding: 10px 20px 15px 20px;
	font-size: .9em;
	background: #7ba673;
}

.popBox ul {

	list-style-image: url(images/dotFoot.gif);
	line-height: 1.25;
	padding-left: 30px;
}