/* CSS Document for drwendynewton.com */
/* Initially created July 28, 2009  */

/* ***************************** LAYOUT ***************************** */

body {						/* body for inside pages */
    width: 750px;
    margin-left: auto;		/* need these two margins as auto so it floats left & right */
    margin-right: auto; 	/* need these two margins as auto so it floats left & right */
	padding: 50px;			/* want whole thing to start 50px down */
							/* also want 50px on left if browser reduced */
}

body.index {			/* for home page */
	width: 806px; 		/* MSttt: was 800. IE6 fix */
}

body.index .wrap {		/* for home page */
  padding: 60px;
}

/* HEADER SECTION */

/* #header contains the h1 (text replaced with image) for SEO */

#header {
  text-align: center;
}

body.index h1 {
	margin-bottom: 15px;
}

.hidden { display: none; }		/* for h1 - for printing purposes? */


/* CONTENT */

.content {				/* can be id instead of class, for future reference */
	padding-bottom: 45px;	
}

body.index .content {	/* for home page */
						/* to override above content padding */
  padding-bottom: 0; 	/* using the wrap padding instead */
}


/* CONTENT SECTIONS */

#left {
	float: left;
	width: 160px;		/* actual width 210 = 160 + 50 */
	padding-top: 33px;
	padding-left: 50px;
}

body.index #left {		/* for home page */
	float: left;
	width: 170px;
	padding-top: 40px;
	padding-left: 0px;	/* to override above padding-left */
		
}

#right {
	margin-left: 210px;		/* right is 540; left is 210; 540 + 210 = 750 */
	padding-top: 45px;
	padding-right: 50px;
}

body.index #right {			/* for home page */
	margin-left: 170px;		/* right is 510; left is 170; 510 + 170 = 680 */
	padding-top: 29px;		/* only 29 due to extra 11 in image */
}

/* FOOTER */
	
#footer {
    text-align: center;
	padding: 10px 0 20px;			
}

#footer ul, #footer li {	/* this guy makes the list all one line */
  display: inline;
}

#footer li {				/* this guy spaces things out in list */
  margin: 0 10px;
}

/* ***************************** COLORS ***************************** */


/* 
Dark blue background = 669CBE
Dark grey text = 334513
Coral = E87266
Yellow = BFCFEF
Light grey text = C6CFE5
*/

body {
	background-color: #669CBE;
	background-image: url(inside_assets/blend.jpg);
	background-repeat: repeat-x;	/* repeats images across only (not down) */
	color: #334513;					/* color of main font */
}

body.index {			/* for home page */
	background-color: #FFFFFF;
	background-image: none;
}

.content {	
	background-color: #FFFFFF;
}

body.index .wrap, body.index .wrap .content {		/* for home page */
  background-color: #E87266;
}

a {
	color: #E87266;
}

body.index a {					/* for home page */
	color: #334513;
}

body.index a:hover, a:active {	/* for home page */
	color: #F4DA83;
}

#left ul li {
  border-color: #E87266;
}

body.index #left ul li {		/* for home page */
  border-color: #FB8F85; 
}

#footer ul, #footer ul a {
	color: #c6cfe5;
}

#footer ul a:hover, #footer ul a:active {
	color: #E87266;
	text-decoration: none;
}

body.index #footer ul .credit, body.index #footer ul .credit a {				/* for site credit on home page */
	color: #c4c4c4;
	text-decoration: none;
}

body.index #footer ul .credit a:hover, body.index #footer ul .credit a:active {		
	color: #E87266;
	text-decoration: none;
}

body.index #footer ul,
body.index #footer ul a {		/* for home page */
	color: #334513;
	text-decoration: none;
}

body.index #footer ul a:hover, #footer ul a:active {		/* for home page */
	color: #E87266;
	text-decoration: none;
}

/* ***************************** TEXT ***************************** */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 15pt;
}

body.index {			/* for home page */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 16pt;
}

p {
	padding-bottom: 15px;		/* 15px between paragraphs */
}

/* LISTS */

#left ul li {				/* for the navigation link list */
  padding: 15px 0 10px;		
  width: 125px;				
  border-top: thin solid;
}

body.index #left ul li {	/* for home page nav link list */
  padding: 7px 0 3px;		
}

#right ul {
	padding-bottom: 15px;
}

/* lists with bullets, indented */

ul.bullet {
	list-style: disc;
}

ul.bullet li {
	margin-left: 45px;		/* SSw edit: was 1em */
}

/* lists indented, no bullet */

ul.indent {
	list-style: none;
}

ul.indent li {
	padding-left: 45px;		/* SSw edit to match bulleted lists: was 20px */
}

/* lists with no bullet, no indent */

ul.plain {
  list-style: none;
}

/* padding below each list for all types of lists */

ul.plain li, ul.bullet li, ul.indent li {
  padding-bottom: 5px;		/* SSw edit: was 1em */
}  


/* HEADER STYLES */

/* h1: see #header above */

h2 {
	font-family: Trajan, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	font-size: 16pt;
	padding-bottom: 30px;
}

h3 {
	font-weight: bold;
	font-size: 11pt;
	padding-bottom: 15px;
}

h4 {
	font-weight: bold;
	font-size: 11pt;
}

a {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}


body.index a {						/* for home page */
	text-decoration: underline;
}

body.index a:hover, a:active {
	text-decoration: none;
}


#footer ul a {
	text-decoration: none;
}

#footer ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

body.index #footer ul {
	font-size: 8pt;
}


/* ************************* IMAGE STUFF ************************* */

.floatLeft {
	float: left;
	border: 0;
	padding-right: 25px;
	padding-bottom: 10px;
}

.floatRight {
	float: right;
	border: 0;
	padding-bottom: 10px;
	padding-left: 25px;
}

/* ********************* BROWSER FIXES FOR AFTER FLOATS ********************* */

.clear { clear: both; }