/*  
Theme Name: jlc
Theme URI: http://www.eatingdisorderpro.com
Description: eating disorder pro Wordpress theme created by j.l.c. graohic designs & marketing concepts 2010
Author: jlc designs 
Author URI: www.jlcdesigns.com
Tags: custom design, custom layout, serene, contemporary, peaceful
Version 1.0

	This theme is a custom design created exclusively for dr. renae norton, eating disorder pro by jlc designs.  This theme or any of its components may not be used, copied or echibited for any purposes.  Copyright jlc designs 2001 all rights reserved. 

*/


/* Begin Typography & Colors */
body {
	background: #fff url('images/norton_eatingdisorderpro_background.jpg') center top;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	color: #402B15;
	text-align: center;
	}

#page {
	border: 0px;
	text-align: left;
	}

#header {
	background: transparent url('images/norton_eatingdisorderpro_logo.jpg') no-repeat top left;
	}
	
#header h1 span {
	display: none;
	}

#content {
	font-size: 1.2em;
	}

#content2 {
	font-size: 1.4em;
	}

#content2 a:link {color: #6ABDD6; font-size: 14px; text-decoration: none; border: none;}
#content2 a:visited {color: #6ABDD6; font-size: 14px; text-decoration: none;}
#content2 a:hover {color: #B7E0D2; font-size: 14px; text-decoration: none;}
#content2 a:active a:active {color: #B7E0D2; font-size: 14px; text-decoration: none;}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

#footer {
	background: #01719F;
	border: none;
	letter-spacing: 2px;
	font-size: 11px;
	}
	
.footertext1 {
	color: #B7E0D2;
}

.footertext2 {
	color: #FFFFFF;
}

#subfooter {
	background: #402B15;
	border: none;
	letter-spacing: 2px;
	font-size: 11px;
	text-align: left;
	}
	
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	padding-left: 10px;	
	}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: left;
	/*margin: 0;*/
	}

h2 {
	font-size: 1.6em;
	margin: 0;
	}

h2.pagetitle {
	font-size: 1.6em;
	color: #402B15;
	}

#sidebar h2 {
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #6ABDD6;
	line-height: 30px;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
	
h3.reply {
	color: #01719F;
}

.entry p a:visited {
	color: #01719F;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Arial, Helvetica, Georgia, Sans-Serif;;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em Arial, Helvetica, Georgia, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #402B15;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #B7E0D2;
	text-decoration: none;
	}

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

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em Arial, Helvetica, Georgia, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0 0 0 0;
	padding: 0;
	}

#page {
	margin: 0px auto;
	padding: 0;
	width: 800px;
	border: none;
	}

#header {
  position: absolute; // reposition logo from the natural layout
  left: 75px;
  top: 0px;
  width: 223px;
  height: 100px;
  z-index: 2;
  border-right: 1px solid #402B15;
	}

.narrowcolumn {
	float: left;
	padding: 15px;
	margin: 0px;
	width: 770px;
	}

.widecolumn {
	float: left;
	padding: 15px;
	margin: 0px;
	width: 770px;
	}

.post {
	background: #edfbf7 url(images/norton_eatingdisorderpro_post.gif) no-repeat left top;
	margin: 0 0 20px;
	text-align: justify;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 14px;
	}

.post hr {
	display: block;
	}
	
.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 14px;
	}

.widecolumn .postmetadata {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 14px;	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	clear: both;
	}
	
#footer p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	}
	
#subfooter {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height=: 50px;
	clear: both;
	}
/* End Structure */



/*	Begin Headers */
*h1 {
	padding-top: 0px;
	margin: 0;
	}
	
h2.pagetitle {
	margin-top: 0px;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 5px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin 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;
	}
	
.alignleft a:link {color: #01719F; font-size: 14px; font-weight: bold; text-decoration: none; border: none;}
.alignleft a:visited {color: #01719F; font-size: 14px; font-weight: bold; text-decoration: none;}
.alignleft a:hover {color: #7FA4D1; font-size: 14px; font-weight: bold; text-decoration: none;}
.alignleft a:active a:active {color: #7FA4D1; font-size: 14px; font-weight: bold; text-decoration: none;}

.alignright a:link {color: #01719F; font-size: 14px; font-weight: bold; text-decoration: none; border: none;}
.alignright a:visited {color: #01719F; font-size: 14px; font-weight: bold; text-decoration: none;}
.alignright a:hover {color: #7FA4D1; font-size: 14px; font-weight: bold; text-decoration: none;}
.alignright a:active a:active {color: #7FA4D1; font-size: 14px; font-weight: bold; text-decoration: none;}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

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

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

.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: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 0;
	padding: 2px 9px;
	text-align: right;
	letter-spacing: 2px;
	font-size: 11px;
	}

#header #searchform #s {
	width: 108px;
	padding: 2px;
	}

#header #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align: center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	color: #01719F;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


/* my styles */

a:link {color: #6ABDD6; font-size: 14px; text-decoration: none; border: none;}
a:visited {color: #6ABDD6; font-size: 14px; text-decoration: none;}
a:hover {color: #B7E0D2; font-size: 14px; text-decoration: none;}
a:active {color: #B7E0D2; font-size: 14px; text-decoration: none;}


img {  
	border-style: none;
}

.searchbar {
	background: #402B15 url(images/norton_eatingdisorderpro_menuback5.gif) repeat-x bottom left;
	margin: 0 10px 0 0;
	height: 20px;
	width: 800px;
	vertical-align: center;
	padding-top: 2px;
	padding-bottom: 3px;
	text-align: right;
	font-size: 11px;
	border: 1px solid #402B15;
}
	
.textInput {
	border: 1px solid #6ABDD6;
	background: #DEF5EE;
	color: #402B15;
	font-size: 10px;
	height: 12px;
	width: 100px;
	padding-left: 2px;
}
	
.glossymenu{
padding: 0;
width: 800px; /*width of menu*/
border: 1px solid #402B15;
border-bottom-width: 1px solid #402B15;
text-align: right;
}

.glossymenu a.menuitem1{
background: #01719F url(images/norton_eatingdisorderpro_menuback1a.gif) repeat-x bottom left;
font: bold 11px Arial, Helvetica, Georgia, sans-serif;
color: #402B15;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 2px 0;
padding-right: 10px;
text-decoration: none;
}

.glossymenu a.menuitem2{
background: #7FA4D1 url(images/norton_eatingdisorderpro_menuback2a.gif) repeat-x bottom left;
font: bold 11px Arial, Helvetica, Georgia, sans-serif;
color: #402B15;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 2px 0;
padding-right: 10px;
text-decoration: none;
}

.glossymenu a.menuitem3{
background: #6CBCD7 url(images/norton_eatingdisorderpro_menuback3a.gif) repeat-x bottom left;
font: bold 11px Arial, Helvetica, Georgia, sans-serif;
color: #402B15;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 2px 0;
padding-right: 10px;
text-decoration: none;
}

.glossymenu a.menuitem4{
background: #B7E0D2 url(images/norton_eatingdisorderpro_menuback4a.gif) repeat-x bottom left;
font: bold 11px Arial, Helvetica, Georgia, sans-serif;
color: #402B15;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 2px 0;
padding-right: 10px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #402B15;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem1:hover{
background-image: url(images/norton_eatingdisorderpro_menuback1b.gif);
}

.glossymenu a.menuitem2:hover{
background-image: url(images/norton_eatingdisorderpro_menuback2b.gif);
}

.glossymenu a.menuitem3:hover{
background-image: url(images/norton_eatingdisorderpro_menuback3b.gif);
}

.glossymenu a.menuitem4:hover{
background-image: url(images/norton_eatingdisorderpro_menuback4b.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #fff;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #402B15;
}

.glossymenu div.submenu ul li a{
display: block;
font: bold 11px Arial, Helvetica, Georgia, sans-serif;
color: #402B15;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #402B15;
color: white;
}

.glossymenu div.submenu ul li h2{
margin: 0;
}

.glossymenu div.submenu ul li h3{
margin: 0;
}

#fadeshow1 {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	width: 2000px;
	height: 1200px;
	margin-top: -600px; /*always take 1/2 from the size of the height, they have to be negative*/;
	margin-left: -1000px; /*always take 1/2 from the size of the width, they have to be negative*/
	}
	

	
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:#eee;		/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	background:#f4f4f4;	/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}