/*------------------------------------------------------------------
[Master Stylesheet]

Project:            lauracowlen.com | Powerful Life project
Version:            1.0
Last change:        October 15
Author:             James D Lovinsky
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Eric Meyer Browser reset
2. General Styles
    a. Body
    b. links
    c. headings
    d. other elements, tags
3. Page Structure - skeleton
4. Helper Styles
    a. forms
5. Page Components
6. Overrides

[colors]

default background color: white - #FFF;
brown background color: #EEECD9;
dark blue background color: #154261;

default text color, black: #383A2F;
contrast text color, white: #FFF;
main nav link color, #383A2F;
secondary nav link color, gray: #808080;
basic link color, green: #62B654;
hover link color, red: #E53A1F;
alternate link color, blue: #163857;
branding heading color, white: #FFF;
page heading, article heading color, blue: #163857;

[fonts]

basic page font, sans-serif: "Trebuchet MS",Verdana,Arial,sans-serif;
secondary page font, serif: Georgia,Times,serif;
-> fonts sized as 100% on body, then in em sizes for cross browser consistency;

-------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
[1. Eric Meyer browser reset]
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------------------------------------------------------
[1. General Styles]
*/

body { 
 font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
 font-size: 99%; 
 color:#383a2f; 
 line-height:1em; 
 margin: 0.3125em auto; 
 width: 58.75em;
 height: 100%; 
 background-color:#fff;
}

a, 
a:link, 
a:focus, 
a:visited {
 color: #62b654;
 text-decoration: none; 
}

a:hover { 
 color:#e53a1f; 
 text-decoration: underline; 
}

h2, 
h3, 
h3 a, 
h4, 
h5, 
dt {
 font-family: Georgia, Times, serif; 
 font-weight: normal;
}
h1 { /* main page title - hidden by identity image */
 text-indent:-9000em;
 display:none; 
}

h2 { 
 font-size:1.4em; 
 color:#163857; 
 margin:0.3125em 0; 
 padding:0; 
 line-height:1.3em;
}

h3, 
h3 a { 
 font-size:1.2em; 
 color:#163857 !important; 
 margin: 0.625em 0;  
 line-height: 1.1em;
}

h4, 
#contactbox h4 { 
 font-size:1.2em; 
 color:#383a2f; 
 margin:0.625em 0; 
}

h5 { 
 font-size:1em; 
 color:#383a2f; 
 margin-bottom: 0.625em; 
 line-height: 1.2em;
}

h6 {
 font-size:0.7em; 
 font-weight:normal; 
 margin:0.625em 0.9375em; 
}

p { 
 margin:0.625em 0; 
 line-height: 1.5em;
}

hr {
 height: 1px; 
 color: #aeaeae; 
 background-color: #aeaeae; 
 width: 100%; 
 border-width: 0; 
 margin: 1.5625em 0;
}

q { 
 font-weight:bold; 
 font-style:italic; 
}

dt {
 font-size:1.2em; 
 color:#163857; 
 margin:1.5625em 0 1.25em 0; 
}

dd {
 margin:0 1.25em 1.25em 1.25em; 
 line-height: 1.4em;
}

em {
 color: #e53a1f;
 font-weight: bold;
}

i {
 font-style: italic;
}

/*------------------------------------------------------------------------------
[2. Page Structure]
*/

#identity { 
 width: 57.1875em; 
 height: 5.5em;
 padding-top: 0.9375em; 
 padding-right: 1.5625em;
 background-image: url(/images/identity.gif);
 background-position: left top;
 background-repeat: no-repeat;
 background-color: #F7FCFE;
}

#main, 
#container {
 border-color: #AEAEAE;
 border-style: solid;
 border-width: 1px;
 margin: 0;
}

#main { 
 width: 57.625em;
 padding: 0.4375em;
}

#container { 
 width: 57.6em;
 padding:1.5625em 0 0.9375em; 
 position: relative;
}

#nav { 
 display:inline; 
 list-style:none; 
 position:absolute; 
 top: 0.5em; 
 margin: 0 !important;
}

#content, 
#one_col { 
 min-height: 37.5em; 
 height: auto !important; 
 height: 37.5em; 
 padding: 1.86em 1.27em 0;  
 margin: 0;
 float: left;  
 border-right-color: #AEAEAE;
 border-right-style: solid;
 border-right-width: 1px;
}

#content, 
#testimonials #one_col {
 width: 41.2em;
}

#one_col {
 width: 886px;
 border: solid 0 white; 
}

#sidebar { 
 float:right;
 display: inline; 
 width: 11.6em; 
 min-height: 31.25em; 
 height: auto !important; 
 height: 31.25em; 
 padding:1.1875em 0.94em 0 1.25em; 
 margin-left: -0.13em; 
 background-image: url(/images/about_leaf.gif);
 background-position: right top;
 background-repeat: no-repeat; 
}

#info { 
 height: 2em; 
 width:100%; 
 margin-top: 0.5em; 
 padding:0.3125em 0; 
 background-color:#EFEDD9; 
 color:#666; 
 text-align:center; 
 font-size:0.6em; 
}

/*------------------------------------------------------------------------------
[4. Helper Styles]
*/

#contact_form {
 background-color: #EEECD9;
 padding: 0.625em 1.875em;
}

input, 
textarea {
 border-style: solid;
 border-width: 1px;
 border-color: #FFF;
 padding: 0.1em;
 font-weight: normal;
}

/*------------------------------------------------------------------------------
[5. Page Components]
*/

#identity ul {
 list-style: none;
 padding-bottom: 0.625em; 
 font-size: 0.8em; 
 font-family: Verdana, Arial, sans-serif; 
 color: #808080; 
 text-align: right;
 float: right;
 clear: both;
 display: inline; 
}

#identity li { 
 display: inline; 
}

#identity img { /* for RSS feed image */
 vertical-align: text-bottom; 
}

#identity a, 
#identity a:link, 
#identity a:visited, 
#identity a:hover, 
#identity a:active { 
 color:#808080; 
}

#newsletter {
 height: 2.25em;
 width: 31.6em;
 padding: 0.5em 0.8em;
 background-image: url(/images/newsletter.png);
 background-position: right top;
 background-repeat: no-repeat;
 text-align: right;
 font-size: 0.8em;
 float: right;
 clear: both;
 position: relative;
}

#newsletter label, #newsletter input {
 position: absolute;
 font-size: 100%;
}

#newsletter label { 
 color:#fff; 
 float: left;
 padding: 0 1.875em 0 0.2em; 
 margin: 0;
 top: 0.7em;
 left: 1.4em; 
}

#newsletter input {
 border-width: 0; 
 background-color: transparent; 
 color: #CDCFD0; 
 padding: 0 0.5em;
 margin: 0;
 width: 40%;
 right: 2.8em;
 top: 0.7em;
}

#newsletter .active_field {
 color:#383a2f;
}

#newsletter #button { /* the send button on the newsletter signup */
 padding: 0; 
 margin: 0;
 height: 12px;
 width: 30px;
 top: 0.9em;
 right: 0.9em;
}

#nav li { 
 border-right-style: solid;
 border-right-width: 1px;
 border-right-color: #FFF;
 float: left; 
 display: inline; 
 text-align: center; 
}

#nav a, 
#nav a:link, 
#nav a:visited,
#nav a:hover  { 
 font-size: 1.05em; 
 font-family: Georgia, Times, serif; 
 text-decoration: none; 
 background-color: #e3f6f9; 
 height: 27px; 
 width: 109px;
 overflow: visible; 
 display: block; 
 color: #383a2f;
 background-position: right top;
 background-repeat: no-repeat;
 line-height: 1.4em;
}

#nav a:hover, 
#nav a:active {
 background-image:url(/images/cowlen_nav_art.gif);
} 

/* background definition for "active page" nav tab */
body#home_page li#home a, 
body#blog_page li#blog a, 
body#coaching_page li#coaching a, 
body#speaking_page li#speaking a, 
body#about_page li#about a, 
body#contact_page li#contact a { 
 background:url(/images/cowlen_nav_art.gif) left no-repeat; 
}

/* to clear sidebar and main content so page border height is correct */
#main br { 
 clear: both; 
 margin: 0; 
 padding: 0;
}

/* links and headers with green leaf design behind them */
a.read_more, 
a.learn_more, 
a.add_comment, 
#comment_form label, 
h5.recent_posts, 
h5.categories, 
h5.archives, 
h5.favorite_links {
 display: block;
 width: 111px;
 height: 17px;
 margin: 0.625em 0;
 text-indent: 2.3em;
 color: #fff;
 background-image: url(/images/link_background.jpg);
 background-position: left top;
 background-repeat: no-repeat; 
 background-color: #80C575;
 font-size: 13px !important;
}

/* hover effect for the links */
a.read_more:hover, 
a.learn_more:hover, 
a.add_comment:hover {
 text-decoration: none; 
 color: #fff; 
 background-position: right top;
 background-color: #B4DEAE; }

/* styling for blue #branding box at top of pages */
#branding { 
 min-height: 9.4em; 
 height: auto !important; 
 height: 9.4em; 
 margin: 0 0 1.25em 0; 
 padding: 0.625em 0.9375em 0; 
 background-color: #154261; 
 color: #FFF; 
 position: relative;
 overflow: hidden;
}

#branding div { 
 width: 25.9em; 
 min-height: 8.13em; 
 height: auto !important; 
 height: 8.13em; 
 float: left;
 position: relative;
 z-index: 10;
}

#branding img {
 position: absolute; 
 top: 0; 
 right: 0;
}

#branding h2 { 
 color: #FFF; 
 margin: 0; 
 padding: 0; 
}

#branding p { 
 margin: 0.625em 0 0; 
 font-size: 0.8em; 
}

#branding ul {
 font-size: 0.8em;
}

#branding a.learn_more { 
 float: right; 
 vertical-align: bottom; 
 margin: 0;
} 

/* general class for floating boxes on index page */
.box { 
 min-height: 11.75em;
 height: auto;
 height: 11.75em;
 width: 18.125em; 
 position: relative; 
 padding: 0.25em 0.9375em;
}

.box img { 
 float: right; 
 margin: 0.8125em 0.0625em 0.3125em 0.3125em; 
} 

.box p { 
 font-size: 12px; 
 margin: 0.625em 0 0; 
}

.box a { 
 position: absolute; 
 bottom: 0.6em;
} 

/*styling for specific boxes 
- #spromo = speaking promo on index page;
- #cpromo = coaching promo on index page;
- #contactbox = contact box on about page;
- #blogbox sequence = 
*/
#spromo { float:right; background:#e6f5fc url(/images/hp_speaking_promo.gif) top center no-repeat; height: 12.75em;}

#cpromo { float:left; background:#eeecd9; height: 12.75em;}
#contactbox { height:117px; width:13em; margin: 0.625em 0 0.9375em 0.9375em; float:right; display:block; background:url(/images/contact_art.jpg) center no-repeat; padding: 0.3125em 0.625em 0.625em; }
#contactbox a { color:#383a2f; position: static; }
#contactbox a:hover { color:#e53a1f; }


#blogbox { width:41.25em; margin:1.25em 0 0; float:left; height: auto;}
#blogbox div { min-height:220px; height: auto !important; height:220px; width:11.7em; float:left; margin:0 0 0 1px; background:#eeecd9; display:inline; }
#blogbox .c { background:#dbe5c6; }
#blogbox img { float:left; vertical-align:bottom; }
#blogbox .date {font-size: 0.7em; color: #808080;}
#blogbox h5 a { position: static; }


/*------------------------------------------------------------------------------ 
[stylesheet cleanup ended here - 10/15/08 @ 3 PM]
*/ 

#about_page #substance h3 { margin: 25px 0 15px; }
#about_page #substance ul { list-style-type: disc; padding-left: 20px; }
#about_page #content p img { padding-left: 0.625em; }

#coaching_page #sidebar { background-image: none; }
#coaching_page #sidebar #contactbox { padding: 0.3125em 1.625em 0.625em; width: 9em; }

.smalltext {font-size: 0.7em;}
.greentext {color: #62b654;}
.clear {clear: both;}
 .paginate { color: #808080;}


.signup { display:inline; margin:0 0 0 0.3125em; vertical-align:middle; } 

#substance { padding: 0 1.875em 0 0.625em; font-size: 0.8em;}
#substance h3, #substance h3 a { margin: 0;}
#substance h5 {margin:0;}
#substance img {float: right; padding: 0.625em 0 0.625em 0.625em;}
#substance ol {list-style-type: decimal; list-style-position: inside;}
#substance li {margin-bottom: 1.25em;}
#substance .box p {font-size: 1em;}
#about_page #substance, #coaching_page #substance, #speaking_page #substance, #shifts #substance {background-color: #EEECD9; padding: 0.625em 0.9375em; }
#about_page #substance h2, #coaching_page #substance h2 {width: 50%;}
.date { font-size:0.9em; font-family:Verdana, Arial, sans-serif; color:#808080; margin: 0.3125em 0 1.25em 0.9375em;}
.slug {float: left !important; padding: 0 0.5em 0.625em 0 !important; margin-top: -0.3125em;}
.clear {clear: both;}

#speaking_page em {color: #FFF; font-style: italic; font-weight: normal;}
#speaking_page #branding h2 {font-size: 1.25em;}
.workshops h2 {margin-top: 35px;}
.workshops h4 { color:#163857; margin: 20px 0px 0px 12px; padding: 4px 0px 0px 22px; background-image:url(/images/double_leaf.gif); background-position: left top;
 background-repeat: no-repeat;} 
.workshops p { margin: 2px 0px 25px 50px;}
.workshops ul {margin: 10px 0px 45px 65px;}
#speaking_page .workshops em { color: #383A2F; font-style:italic; font-weight:normal;}
#speaking_page p.shifts_link {margin: 10px 0px 25px 0px;}
#speaking_page p.subhead {margin-bottom: 10px;}
#speaking_page p.pres_comments {margin-bottom: 10px;}

#branding .simple_shifts {width: 100%; margin-bottom: 35px;}
#branding .shifts_pic {float:right; position:relative; margin-left:15px; margin-bottom: 15px; }
#substance p.q_response {margin: 0px 0px 45px 20px;}
#substance .q_response em {color:#b7631d;}

#comment_form {background-color: #eeecd9; margin-top: 35px; padding: 1.25em 1.875em 0.625em; position: relative; width: 55%;}
#comment_form h5 {margin: 0.625em 0;}
#comment_form p {font-size: 0.7em;}
#comment_form fieldset p {text-align: right;}
#comment_form input {vertical-align: middle;}
#comment_form fieldset textarea, #comment_form fieldset input, #comment_form input.submit {border: none !important; width: 265px;}
#comment_form textarea {vertical-align: top;}
#comment_form input.submit {position:absolute; right:1.875em; bottom:1.25em; width: 120px;}





.thoughts_top, .thoughts, .thoughts_bottom {width: 358px; padding: 0 1.3125em   ;}
.thoughts_top {background: url(/images/reflection.jpg) top center no-repeat; height: 85px; padding-top: 0.9375em; margin-bottom: -1.5625em;}
.thoughts {background: url(/images/reflection_mid.jpg) top center repeat-y; min-height: 122px; height: auto !important; height: 122px; margin-bottom: -1.5625em;}
.thoughts li {margin-bottom: 0.625em;}
.thoughts_bottom {background: url(/images/reflection.jpg) bottom center no-repeat; height: 41px;}

/* -----------------  side bar  -------------------------------------------------------*/


#sidebar img { height:103px; width:100px; clear:both; vertical-align:bottom; margin-top: 0.625em;}
#sidebar p, #sidebar ul { font-size:0.75em !important; margin:0.625em 0 0;}
#sidebar ul {margin-bottom:1.25em !important;}
#sidebar .readmore {float: right !important; color: #62b654 !important; }
#sidebar .readmore:hover { color:#e53a1f !important; text-decoration: underline !important; }
#sidebar li {margin: 12px 0; line-height: 120%;}
#sidebar.blog a, .category_link {
 float: none;
 color: #163857;
}

#sidebar.blog a:hover, .category_link:hover {
 text-decoration: underline;
}

/* -----------------  footer  -------------------------------------------------------*/


#info ul { list-style:none; margin:0; padding:0; }
#info li { display:inline; }

/* -----------------  cv page  -------------------------------------------------------*/

#cv_page h2 {
 margin-bottom: 0.5em;
}

#cv_page h3 {
 margin: 2em 0 1em;
 font-weight: bold;
}

#cv_page h4 {
 margin: 1.2em 0 0.8em;
}

#cv_page h5, #cv_page p, #cv_page ul {
 margin-left: 2em;
}