@charset "utf-8";
/* CSS Document */
/*   
Theme Name: 7 Keys to Work Life Balance
Theme URI: N/A
Description: Custom Theme for 7 Keys to Work Life Balance
Author: Paula Gregorowicz, coding, Erin Hyland, Jack Out of the Box, original design
Author URI: www.paulagwebdesign.com, www.jackoutofthebox.com
Version: 1.0
.
All rights reserved and Copyright of Julie Cohen Coaching. Theme can not be re-used or distributed.
.
*/

/* CSS Document */


* { /* this eliminates those extra spaces between divs */
	margin: 0;
	padding: 0;
	}

body {
	font-size: 12pt;
	color:#333; 
	background-color:#000;
	font-family: Verdana, Arial, Geneva, sans-serif;
	}

h1 {
	font-size: 1.4em;
	text-align: left;
	line-height: 1.3em;
	color: #ed1c24;
	padding-bottom: 9px;
	text-align: left;}


h2 {font-size: 1.4em;
	text-align: left;
	line-height: 1.3em;
	color: #ed1c24;
	padding-bottom: 9px;
	text-align: left;}


h3 {
	font-size:90%;
	padding-bottom:3px;
	color: #ed1c24;
	}

h4 {
	font-size: 1.2em;
	text-align: left;
	line-height: 1.3em;
	color: #ed1c24;
	padding-bottom: 6px;
	padding-top:9px;}



p {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 80%;
padding-bottom:12px;
line-height:1.6em;
text-align:left;
	}


form {
font-size: 12pt;
font-weight: bold;
}

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


ul li {
	font-size: 10pt;
	color:#000000;
	line-height: 1.5em;
	list-style-type:circle;
	}
	
ol li {
	font-size: 10pt;
	color:#000000;
	line-height: 1.5em;
		}
		
ul li ul li{
	font-size: 10pt;
	color:#000000;
	line-height: 1.5em;
	}
	
ol li ol li{
	font-size: 10pt;
	color:#000000;
	line-height: 1.5em;
		}
		
img {
	border:none;
	margin:0;
	
}



/* ------LAYOUT --------- */
	
	
#container {
width: 850px;
margin: 0px auto 0px auto;
position:relative;
	}
	

/* ------------ HOME PAGE ONLY STUFF ---------*/	

#backgroundhome {
background-repeat: repeat-y;
background-position:top;
background-image:url(images/7homemiddle.jpg);
width:850px;
position:relative;
}

#logo {position:absolute;
left:37px;
top:35px;}

#booktease {
	position:absolute;
	left: 350px;
	top:175px;
	width: 190px;
	font-size:10pt; /*was 75%*/
		line-height:1.6em;
	
}


#booktease h2 {
color: #ed1c24;
font-size:12pt;
padding-bottom:10px;
font-weight:bold;
padding-top:15px;
}

#booktease h2 a {
text-decoration:none;
}

#booktease h2 a:hover {
text-decoration:underline;
}



#testimonialtease {
	position:absolute;
	left:200px;
	top:40px;
	width: 350px;
	font-size:10pt; /*was 75%*/
	font-style:italic;
	line-height:1.6em;
	text-align:left;
	
}



#testimonialtease a {
text-decoration:none;
color: #ed1c24;
font-weight:bold;
}

#testimonialtease a:link, #teleclasstease a:visited {
color: #ed1c24;}

#testimonialtease a:hover  {
color: #666;}

#testimonialteaseattribution {
text-align:right;
font-weight:bold;
font-style:normal;
}

#bookheader {
position:absolute;
left: 195px;
top:122px;
width:140px;
height:185px;
/*background-repeat: no-repeat;*/
/*background-position:top;*/
/*background-image:url(images/bookcvr_headerhome.jpg);*/
}



#newsletter {
	position:absolute;
	left:597px; /*originally 595 */
	top:60px; /*originally 101 */
	width: 215px;
	
	color:#FFFFFF;
	height: 175px;
}

#newsletter p {
	line-height:1.2em;
	font-size:9pt;
	text-align:left;
	font-weight:bold;
	
	}
	
#newsletter h3 {
	color:#fff;
	font-size:12pt;
	font-weight:bold;
	padding-bottom:18px;
	padding-top:15px;
	padding-left: 70px;
		
	}
	
#newsletter form {
float:left;
margin-top:5px;
width: 210px;
}

#newsletter input {
font-size:.8em;
width:40%;
}

#newsletter input[type="submit"] {
float:center;
margin-left:65px;
margin-top:5px;
}

#facebookicon {
	position:absolute;
	left:715px;  /* orig 790px before join us */ 
	top:280px; 
	width: 125px;
	height:32px;
	font-size:75%;

}



#top {
position:relative;
background-repeat: no-repeat;
background-position:top;
background-image:url(images/7hometop.jpg);
height: 360px;
}

#serviceboxes {
position:relative;
background-repeat: no-repeat;
background-position:top left;
background-image:url(images/3boxesframe.jpg);
height: 192px;
width:787px;
margin-top:10px;
margin-left:-10px;

}

#coachingbox {

position:absolute;
top:15px;
left:60px;
font-size:75%;
font-weight:bold;
width:180px;
padding:0 12px 0 12px;

}


#bookbox {
position:absolute;
top:60px;
left:275px;
font-size:75%;
font-weight:bold;
width:100px;
padding:0 12px 0 12px;

}


#workshopbox {
position:absolute;
top:100px;
left:540px;
font-size:70%;
font-weight:bold;
width:180px;
padding:0 12px 0 12px;
height: 192px;
}



/* ------------ OTHER PAGES ---------*/


#top_innerpages {
position:relative;
background-repeat: no-repeat;
background-position:top;
height: 30px;
background-image:url(images/7interiortop.jpg);
}

#main{
position:relative;
padding: 12px 15px 12px 210px;
margin-right:230px;
border-right:#ed1c24 thin solid;
min-height:800px;
}


#main ul {
	text-align: left;	
	display:block;	
	margin-left:18px;
	padding-bottom:12px;}


#main li {
	font-size:80%;
	line-height:1.5em;
	}


#main a {
text-decoration:underline;
color: #ed1c24;
font-weight:bold;
}

#main a:link, #main a:visited {
color: #ed1c24;}

#main a:hover  {
color: #666;}

#main3{
position:relative;
padding: 12px 15px 12px 210px;
min-height:800px;
margin-right:35px;

}




#leftsidebar {
	position: absolute;
	left: 37px; 
	top: 25px;
	text-align:right;
	font-size:95%;
	color:#333;
	width: 140px; /* was 160*/
	padding-top:20px;
	line-height:1.4em;
	/*font-style:italic;*/
			}
			
#leftnav {
	position: absolute;
	top: 306px;
	left: 37px;
	font-size:9pt;
	width: 140px; /*was 184 */
	text-align:right;
	line-height:3em;
	height:800px;
	padding-top:20px;
	
		}

div#leftnav #navbar li a {
	
	color:#000;
	display:block;
	text-align:right;
		
}


div#leftnav #navbar li a:hover {
	
	font-weight:bold;
	background-image:url(images/7nav2.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	
	
}

li.current_page_item a{
	font-weight:bold;
		background-image:url(images/7nav2.jpg);
		background-position:top right;
	background-repeat:no-repeat;
	}
		
		

#navigation{
position:absolute;
height:40px;
top:315px;
background-color:#000;
width:850px;
}


#nav {
	position: absolute;
	top: 322px; /* orig 326, then 322 */
	text-align:center;
	color:#fff;
	width: 850px;
	padding-bottom:20px;
	height:30px;
	left: 0px;
	}

#nav ul {
	text-align: center;	
	}


#navbar li {
	display:inline;
	font-size:12pt;
	}

	
#navbar a {
	color: #fff;
	text-decoration: none;
}
		
#navbar a:link, #navbar a:visited {
	color: #fff;
	padding: 0px 15px 20px 15px;
	}

#navbar a:hover {
	color: #fff;
	background-image:url(images/navbutton.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding: 0px 15px 20px 15px;
		}
	
#navbar .currentishome {  /* to fake out the HOME as current page */
color: #fff;
	background-image:url(images/navbutton.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding: 0px 15px 20px 15px;
}
			
	

#middle{
position:relative;
padding: 24px 44px 12px 44px;  /* right was 274px */
}

#middle ul {
	text-align: left;	
	display:block;	
	margin-left:18px;
	padding-bottom:12px;}


#middle li {
	font-size:80%;
	line-height:1.5em;
	}
	
	
#middle a {
text-decoration:none;
color: #ed1c24;
font-weight:bold;
}

#middle a:link, #middle a:visited {
color: #ed1c24;}

#middle a:hover  {
color: #666;}
	

#middle2{
position:relative;
padding: 0px 44px 12px 44px;
}

#middle2 ul {
	text-align: left;	
	display:block;	
	margin-left:18px;
	padding-bottom:12px;}


#middle2 li {
	font-size:80%;
	line-height:1.5em;
	}
	
	
#middle2 a {
text-decoration:none;
color: #ed1c24;
font-weight:bold;
}

#middle2 a:link, #middle2 a:visited {
color: #ed1c24;}

#middle2 a:hover  {
color: #666;}
	

p.title {text-transform:uppercase;
font-weight:bold;
text-align:right;
font-size:75%;
line-height:1.4em;
font-style:normal;}

#footer{
position:relative;
clear:both;
height:45px;
background-image:url(images/7homebottom.jpg);
background-repeat:no-repeat;
background-position:top;
}

p.footer {padding-top:20px;
font-size:70%;
text-align:right;
color:#fff;
font-weight:bold;
padding-right:28px;
}

#footer a {
text-decoration:none;
color: #fff;
}


/* ------- BLOG ONLY --------------*/

#top_blogpages {
position:relative;
/*background-repeat: no-repeat;*/
/*background-position:top;*/
height: 260px;
/*background-image:url(images/7blogtop.jpg);*/
}

#main2{
position:relative;
padding: 12px 15px 12px 235px;
margin-right:204px;
border-right:#ed1c24 2px solid;
min-height:800px;
}


#main2 ul {
	text-align: left;	
	display:block;	
	margin-left:18px;
	padding-bottom:12px;}


#main2 li {
	font-size:80%;
	line-height:1.5em;
	}


#main2 a {
text-decoration:underline;
color: #ed1c24;
font-weight:bold;
}

#main2 a:link, #main a:visited {
color: #ed1c24;}

#main2 a:hover  {
color: #666;}

.navigation {
	font-size:80%;
	margin:15px;
	padding-bottom:25px;
}

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

#testi {
	position:absolute;
	/*left:638px;*/
	width:150px;
	/*top: 60px;*/
	/*border-left:#000 thin solid;*/
	padding-left:12px;
	font-size:90%;
	line-height:1.5em;
	font-style:italic;
	padding-top:15px;
	
}

#testi h3 {font-size:1.0em;
margin-bottom:6px;
color:#fff;
background-color:#ed1c24;
padding:0px 6px 6px 6px;}


#bottom {
position:relative;
background-repeat: no-repeat;
background-position:top;
height:30px;
padding-right:24px;
}

p.bottom {padding-top:10px;
font-size:65%;
text-align:right;
color:#666;
}

#bottom a {
text-decoration:none;
color: #666;
}

/*------------SIDEBAR ----------------------*/


#sidebar {
	position: absolute;
	left: 615px;
	top: 25px;
	text-align:left;
	font-size:12pt;
	color:#333;
	width: 180px;
	line-height:1.4em;
	padding-left:18px;
	font-style:italic;
	/*border-left:#ed1c24 thin solid;*/
	/*height: 600px;*/
	
		}
		
#sidebar_home {
	position: absolute;
	left: 615px;
	top: 380px;
	text-align:left;
	font-size:12pt;
	color:#333;
	width: 180px;
	line-height:1.4em;
	padding-left:18px;
	font-style:italic;
	border-left:#ed1c24 thin solid;
	/*height: 600px;*/
	
		}
		
#sidebar ul li {

	list-style-type:none;
	}
	
	
#sidebar h2 {

	padding-left:12px;
	}
	
	
#sidebarB {   /* SIDEBAR FOR THE BLOG PAGES  */
	position: absolute;
	left: 625px;
	top: 45px;
	text-align:left;
	font-size:12pt;
	color:#333;
	width: 180px;
	line-height:1.4em;
	padding-left:18px;
	font-style:italic;
		
		
			}
			
#sidebarB ul li {

	list-style-type:none;
	padding-bottom:10px;

		}
		
#sidebarB ul li h2 {
	
	padding-left:10px;
	font-style:normal;
	
	}
		
#sidebarB ul li ul li{

	list-style-type:square;
	margin-left:30px;
		}
#sidebarB ul li ul li ul li{

	list-style-type:none;
	margin-left:35px;
		}
		
		

#sidebarB ul li a{

	list-style-type:none;
	text-decoration:none;
	color: #000;
	font-weight:normal;
		}
		
#sidebarB ul li a:hover{


	text-decoration:underline;
	
		}
		

		
		
	
	
	
/*------WORDPRESS SPECIFIC --------- */


.post h2 {
	 font-size: 1.4em;
	 	text-align: left;
	 	line-height: 1.3em;
	 	color: #ed1c24;
	 	padding-bottom: 9px;
	text-align: left;
	}	

.post h2 a a:hover { 
	text-decoration:none;
	}
	
.post {
	/*margin: 0 0 40px;*/
	/* padding:25px 25px 15px 70px; trbl */
	text-align: justify;
	}
	
	
/*------------LISTS OTHER THAN SIDEBAR  -------------------*/

	



html>body .entry li {
	margin: 7px 0 8px 10px;
	}


#sidebar ul ul li:before {
	content: "\00BB \0020";
	}


.entry ul {
	padding: 0 0 0 35px;
	margin: 0;
	}
	
.entry ul li {
	margin: 0;
	padding: 0;
	list-style-type:disc;
	}
	
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: disc;
	list-style-image: none;
	}
	
/* ---------------IMAGES------------------------- */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}


/* ------------------- GENERAL CLASSES TO FORMAT ---------------------*/

.whitebold {
color:#fff;
font-weight:bold;
}

.red {
color: #ed1c24;
}

.padding10 {
padding:10px;
}


/* ------ PLUGIN CLASSES ------------*/

.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	display: inline;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	display: inline;
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.sociable-hovers:hover {
	display: inline;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.sociable a:hover img {
	display: inline;
	margin: 0;
	padding: 0;
}

.sociable a[href^="http:"] {
	display: inline;
	padding-right: 0px;
	background: transparent;
	text-decoration: transparent;
}

.sociable_tagline {
padding-bottom:8px;
font-size:85%;
}

#searchform {
padding-left:10px;
}

#searchform label {
font-size:70%;
}

span.wpcf7-list-item { display: block; }

/*------COMMENT FORM --------*/

#commentform  textarea {
	width:400px;
	}