/* styles.css orig tweaked incrementally to fix footer background color 
Web Site Optimization
http://www.websiteoptimization.com
*/

* {margin: 0; padding: 0; border: 0;}

html, body {
	height:100%; /* needed for container min-height */
}

body {/* catchall for nonblog pages */
	font: .9em Arial, Helvetica, sans-serif;
	background:#fff url(/img/bg-repeat.png) repeat-x; /* abk ecdee9 to darker purple 501259 didn't work below header too dark borders */
	/* for images off legibility */
	padding:0;
}

body.se, body.all, body.home, body.bw, body.sp, body.top, body.sv  {
	font: .9em Arial, Helvetica, sans-serif;
	background:#ecdee9 url(/img/bg-repeat.png) repeat-x; /* abk ecdee9 to darker purple 501259 didn't work below header too dark borders */
	/* for images off legibility */
	padding:0;
	}

#header,#content,#sidebar {
	display:inline-block
}

#header {	
	background:#501259 url(/img/bg-repeat.png) repeat-x; 
} /* abk for white header menu legibility */


/* safari and opera need this */

#footer {width:100%}

#header,#content {float:left}

#sidebar,#nav {float:right}


/* leaving room for rounding error (MSIE5.5) */


#sidebar {width:20%}

ul, ol {
		margin: 1em 0px;
		padding-left: 40px;
	}
	
dl {
	margin:1em 0;
}

dl.bold dt {
	font-weight:bold;
}

#bodycontent dl dt {
	color:#000; /* 00847d */
} 

dl dd { /* kludge to indent dds */
	margin-left: 2em ;
}

ul li b{color:#00847d;}

h1 { 
	font:bold 24px arial, helvetica, sans-serif; /* abk 20px to 24px */
	color: #87338A;	margin:0.5em 0 0.5em; /* abk 091104 0 to 0 0 0.5em*/

	}

#homebodycontent h1 {
	margin:0 0 0.5em;
}

#header h1, #header p { /* abk new for header wso.com */
	margin:0;
	}


h2 {
	font:bold 16px arial, helvetica, sans-serif;
	margin:1em 0 0.6em; /* abk for bw report */
	padding:0;
	color: #87338A;
	}

h3 {
	font:bold 16px arial, helvetica, sans-serif; /* abk added bold for story headlines */
	margin:1em 0 0.6em; /* abk 0 to 0 0 0.6em */
	padding:0;
	color: #87338A;
	}

h4 {
	font:bold 15px arial, helvetica, sans-serif;
	margin:1em 0 0.6em;
	padding:0;
	color: #87338A;
}

/* data table styling */

.t{font:1em verdana, arial, sans-serif;}
.t td{font:.85em verdana,arial,sans-serif;width:auto;}
.dark{background:#66399a;}
.med{background:#996faf;}
.light{background:#ecdee9;} /* c0afcf to ecdee9 */
.vlight{background:#dcdcdc;}
.white{background:#fff;}

table caption {
	font-size:1em;
	font-weight:bold;
	color:#87338A;
	padding:0.7em 0 0.3em;
}


table.data tr td.last {
   text-align:left;
}

table.data tr td:last-child {
   align:left;
}

/*
table.data {
	border:1px solid #000;
}
*/

table.data tr td {
	text-align:left;
}

	
hr {
		height: 1px;
		background-color: #eee;
		border-color: #fff;
		border-width: 0;
		border-style: solid;
		margin: 0 0 1em 0;
	}
	
p {
	margin: .6em 0 0.9em;
	padding:0; /* abk 0 0 6px to 0 0 0.8em */
	}

.clear {clear:both;}

/* #breadcrumbs {font-size:12px;padding-bottom:10px;color:#87338A;} */

/* abk new from old css */

div.bc {font-size:.93em; font-family:verdana, arial, sans-serif; color:#000; padding:0 0 0 0.3em; text-decoration:none;} /* #87338A */ 
div.bc ul {list-style-type:none; margin:0em 0 1em 0; padding:0;} 
div.bc ul li {display:inline;} 
div.bc ul li.last a {color:#000; text-decoration:none; cursor:default;}

div#nextprev {text-align:right;margin-top:-.5em;} /* abk for bw report and articles next main prev */
.posted {font-size:.93em; font-family:verdana, arial, sans-serif; color:#000; text-decoration:none;} 

/* LINKS --------------------- */	

a img {
	border: none;
	}	

a {
	color: #87338A;
	}	

a:hover {
	color: #DF8E26;
	}

.white {color:#FFF;}
.purple {color:#904E93;}

/* Containers --------------------- */	

div#wrap {width:100%;margin:0 200px;}
div#contentwrap {width:1000px;margin:0 auto;padding-top:8px;} /* abk 1000px to 1100px */
div#footerwrap {
	float:left;
	background:#501259;
	width:100%;
	margin:0;	
	border-top: 3px solid #E19926;	
	border-bottom: 3px solid #E19926;
	padding-top:15px;
}
div#footerbasewrap {float:left;background:#310037;width:100%;margin:0 auto;}

.center { text-align: center; }
.container {width:1000px; margin: 0 auto; text-align: left;} /* abk 1000px to 1100px */


/* Header --------------------- */

div#header {position:relative;float:left;width:1000px;height:81px;margin:0;padding:0;} /* abk 1000px to 1100px */
div#logo {float:left;display:inline;width:72px;height:81px;margin:0 0 0 1px;}

div#WSOheadertext {
	float:left;
	display:inline;
	height:60px;
	width:270px;
	margin:20px 0 0 5px; /* 20px 0 0 5px */
	padding:0;
	}

div#WSOheadertext h1 {
	font:bold 23px arial, helvetica, sans-serif;
	}
	
div#WSOheadertext a{
	color:#fff;
	text-decoration:none;
	}

div#WSOheadertext a:hover{
	text-decoration:underline;
	}
	
	
.headerphone a {
	text-decoration:none;
	font:bold 18px arial, helvetica, sans-serif;
	color:#f9f9f9 ; /* 87338A to fff */
	}
.headerphone {
	position:absolute;
	top:10px; /* 8px to 12px */
	right:1.5em; /* left: 380 px */
	color:#f9f9f9 ; /* 87338A to fff */
	font:bold 18px arial, helvetica, sans-serif;
	}

.headernumbers {
	position:absolute;
	top:28px;
	left:474px;
	color:#ac589d;
	font:bold 14px arial, helvetica, sans-serif;
	}

.phone {
	float:left;display:inline;
	margin-left:230px;
	padding-top:3px;
	color:#87318C;
	font:bold 18px arial, helvetica, sans-serif;
	visibility:hidden;
	}
/*--- search ------------*/

div#subsearch {
	float:left;
	position:relative;
	width: 1000px; /* abk 1000px to 1100px */
	height:30px;
	margin-top:1px;
	margin-bottom:3px;
	/* background:#F7921E url(/img/subsearch-bg.png) repeat-x; dave new subsearch background works but extra image */
	background:#F7921E url(/img/bg-repeat.png) repeat-x position:bottom; /* abk new for legibility in subhead with images turned off */
	/* this doesn't work, get light purple background instead of yellow background */
	}
	
input, textarea {border:1px dotted #87338A;} /* new for indiv entry comment form */

body#se #sidebar div.search {margin-bottom:1em;} /* for secrets right column spacing below search blog box */
body#se #bodytext dl dt{font-weight:bold;color:#87338A;} /* for secrets home page dl dt bold purple */

div#subsearch div.search{position:absolute;top:2px;left:0px;text-align:right;white-space:nowrap;}
div#subsearch input {color:#4F1058;padding-bottom:1px;border:2px solid #FDBC10;}

/* div#subsearch input {color:#4F1058;background-color:#fff !important;padding-bottom:1px;border:2px solid #FDBC10;} */

div#subsearch input.searchbutton {color:#fff;background:#501259 url(/img/btn-bg.png) repeat-x;border:1px solid #FDBC10;} /* abk added color */

input.button, div#sidebar input.button {color:#fff;background:#501259 url(/img/btn-bg.png) repeat-x;border:1px solid #87338A;} /* abk added color added archive button*/

div#subsearch div.subscribe{position:absolute;top:2px;right:0px;text-align:right;white-space:nowrap;}
div#subsearch input.subscribebutton {color:#fff;background:#501259 url(/img/btn-bg.png) repeat-x;border:1px solid #FDBC10;} /* abk added color */

div.search input.searchbutton {background:#501259 url(/img/btn-bg.png) repeat-x;border:1px solid #f6edf4;color:#fff;} /* abk new 87338A searchblog */
div#sidebar input.searchbox {border:1px dotted #87338A;} /* abk new purple border for blog search field 87338A */

/*--- Subscribe ------------*/


.newslettertext {
	float:right;
	height:20px;
	margin:6px 245px 0 0;
	font-weight:bolder;
}

.subscribetext a:hover{
	color:#fff;
	text-decoration:underline;
}

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


/* Content --------------------- */	

.contentwrapper {
	margin-left:100px;
	margin-top:5px;
	width: 1000px; /* abk 1000px to 1100px */
	}

div#homebodycontent {
	float:left;	
	background:#fff url(/img/bg-content.png) left repeat-y;
	margin:0 auto;
	width: 1000px; /* abk 1000px to 1100px */
	}
	
div#bodycontent {
	float:left;	
	background:#fff url(/img/bg-content.png) left repeat-y; /* abk /img/inside-content.bg.gif to /img/bg-content.png */
	margin:0 auto;
	width: 1000px; /* abk 1000px to 1100px */
	}
	
body.onecol div#bodycontent { /* abk new for bw stories full size no sidebar, all = top level yrarchiv */
	float:left;	
	background:#fff; /* abk /img/inside-content.bg.gif to /img/bg-content.png */
	margin:0 auto;
	width: 1000px; /* abk 1000px to 1100px */
	}

div#homebodytext {
	float:left;
	display:inline;
	width:76%; /* 75% to 77% abk  76 to 70*/
	margin:0 0 0 0; /* 0 10px 0 0 to 0 for 1000px design abk  0 0 0 0 -> 0 10px 0 0 */
	padding:15px 20px; /* 15px 20px to 15px 0 */
	}

div#bodytext { 
	float:left;
	display:inline;
	width:76%; /* abk 57% to 77% to 75% to 77.8 in 1100 vers - 67 to 76 */
	margin:0 0 0 0; /* 0 10px 0 0 to 0 0 0 0 - 0 10px 0 - 0 0 0 0 */
	padding:15px 20px; /* 15px 20px to 15px 10px 15px 20px */
	}

body.onecol div#bodytext { /* for bw report full size no sidebar, for all=top level yarchiv */
	float:left;
	display:inline;
	width:96.3%; /* abk 57% to 77% to 75% to 96.3% */
	margin:0;
	padding:15px 20px; 
	}

/* Sidebar ---------------------- */

div#sidebar {
	float:right;
	display:inline;
	width:20%; /* abk 18% to 16% to 202px for 1100 vers - to 19% to 20% */
	padding:15px 0 0 0; /* abk test padding for background 0 to 0 0 0 10px to 15px 0 15px 0 was 0 for 1000 vers */
	margin:0; /* abk 10px 5px 0 0 to 10px 5px 1em 0px to 0 in 1000 design */
	font:80% arial, helvetica, sans-serif; /* abk 75% to 80% */
	color:#87338A ;
	background:#f6edf4; /* abk test ecdee9 is right left side */
	/* border-left:1px dashed #87338A; abk new test border on sidebar  doesn't go all the way down */
	/* border-right:1px dotted #87338A; abk border exp eddfea good*/
}

// body.home div#sidebar {
// 	background:none; /* abk no background for home page sidebar */
// }

div#side2 {
	padding:0 5px 0 20px; /* abk new 0 5px 0 21px in 1100 design, 0 5px 0 in 1000px design  ... 11px 16px */
	margin:0;
}

div#sidebar h2{
	font:bold 18px arial, helvetica, sans-serif;
	margin: 1em 0 0.5em; /* abk 0 to 1em 0 0.5em */
	color: #87338A;
	}

div#sidebar h2.first {
	margin:0 0 0.5em /* abk new for first header */
}
	
#sidebar ul li{
	list-style: none;
	line-height:110%;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #ecdee9;
	margin:8px 8px 8px -40px;
	
	}

#sidebar dl dt, #sidebar #side2 dl dt { /* abk new copied from ul li above for news headlines */
	list-style: none;
	line-height:110%;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #ecdee9;
	margin:8px 8px 8px 0px; /* 8 8 8 -40px to 8 8 8 0px */
	}

#sidebar dl dt, #sidebar #side2 dl dt { /* abk new copied from ul li above for news headlines */
	list-style: none;
	line-height:110%;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #ecdee9;
	margin:8px 8px 8px 0px; /* 8 8 8 -40px to 8 8 8 0px */
	}

#sidebar a {
	text-decoration:none;
}

#sidebar a:hover{
	text-decoration:underline;
	color:#732B89;
}


div#sidebar #side2 ul { /* for interior main index pages */
	/* background:#dcdcdc; */
	margin:0;
	padding:0;
}

div#sidebar #side2 ul li, div#sidebar #side2 ul ul li {
	margin:0;
	padding:0 0 .15em;
	list-style:none;
	font-size:13px;
	color:#000;
}

div#sidebar #side2 ul ul { /* for interior main index pages */
	text-indent:1em;
}

div#sidebar #side2 ul li {
	border:none;
}

div#sidebar #side2 a {text-decoration:none;}
div#sidebar #side2 a:hover {text-decoration:underline;}

/* services dir added all for custom right columns, global sidebar change needed for black text? */

body#sv #sidebar #side2, body#all #sidebar #side2 {
	margin:0 1em 0 0;
}

body#sv #sidebar dl dt, body#all #sidebar dl dt  { /* services dir */
	list-style: none;
	line-height:100%;
	padding: 0;
	border-bottom: none;
	margin:0 8px 4px 0; /* 8 8 8 -40px to 8 8 8 0px */
}

body#sv #sidebar a, body#all #sidebar a {text-decoration:underline;}
body#sv #sidebar a:hover, body#all #sidebar a:hover{text-decoration:none;}
body#sv #sidebar p, body#all #sidebar p {color:#000;} /* black text for service sidebar */

#bookimg img.left { /* abk bug in ie7 fix .bookimg to #bookimg img.left */
	margin-left:-17px;
	} /* abk -14 to -17px */


.entry p { abk new 
	padding:0 0 1px;
	margin:0;
} 

.entry-footer {
	font-size:10px;
	color:#666;
}

.ctabox {
	float:right;
	width:192px;
	margin:0 0 10px 10px; /* abk 0 0 10px 10px to 0 0 10px 20px */
	padding:0; /* new abk with 1000px design */
      border-right:1px dotted #ffc20e; /* abk 090606 */
	border-bottom:1px dotted #ffc20e; 
	/* background:#ededed; */
}

.ctabox h2{
	padding:8px 0 0 55px; /* abk padding 8px 0 0 55px to 0 0 0 55px for background color bleed */
	width:137px;
	height:34px;
	background:#501259 url(/img/bolt-top.png) top left no-repeat; /* abk added background color for noimg legibility of white text */
	color:#fff;
	margin:0; 
}

.ctabox ul {
	padding:0 0 10px;
	margin:0;
}

.ctabox ul li{
	line-height:130%;
	font-size:12px;
	color: #87338A;
	padding: 0;
	margin:0px 8px 3px 38px;
	list-style-type:square;
}

.ctabox a{
	text-decoration:none;
}
.ctabox a:hover{
	text-decoration:underline;
}

/* Navigation --------------------- */		
    #nav {
      float:right;position:relative;
      width:auto; /* 566px 573 */
      font-size:93%;
      line-height:normal;
      }
    #nav ul {
        margin:0;
        padding:0;
        list-style:none;
      }
    #nav li {
      display:inline;
      margin:0;
      padding:0;
      }

    #nav a {
      float:left;
      display:block;
      background:url("/img/nav-tab.png") no-repeat left top;
      padding:50px 9px 14px; /* 50px 10px 14px */
      color:#fff;
	  text-decoration:none;
	  font-weight:bolder;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a span {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover span {
      color:#000;
      }
  #nav a:hover {
      background-position:100% -83px;
      xxborder-right:1px #501259 solid;
      }

 #nav #contact {
      display:block;
	  float:right;
      background:url("/img/nav-contact.png") no-repeat left top;
      padding:34px 25px 14px 80px; /* 50px 50px 14px 80px */
	  margin:0px;
      color:#fff;
	  text-decoration:none;
	  border-left:1px #FAA61A solid;
	  border-right:1px #FAA61A solid;
        }
		
	   #nav #contact:hover {
      background-position:0 -91px;
      border-left:1px #FAA61A solid;
	  border-right:1px #FAA61A solid;
        }

	#wsosidebar {
	float:left;
	display:inline;
	width: 170px;
	padding:0;
	background: #fff;
	margin:0;
	}
	
div#sidebar #sidebarnav {
      float:left;
      display:inline;
      width:142px; /* abk 170 to 142px to match book width */
      font-size:12px;
	font-family:verdana,sans-serif; /* abk new */
      line-height:normal;
	margin:0 0 1em; /* abk new space below menus above book */
      }
div#sidebar #sidebarnav ul {
        margin:0;
        padding:0 10px 0 0;
        list-style:none;
        float:left;
      }
div#sidebar #sidebarnav li {
      display:inline;
      margin:0;
      padding:0;
      }

div#sidebar #sidebarnav a {
      float:left;
      height:9px; /* abk 15px to 9px */
      width:132px; /* abk 145px to 140px */
      display:block;
      background:#501259 url("/img/sidebartab.gif") no-repeat left top; 
     /* added background color for no img access legibility */
      padding:7px 15px 12px 10px; 
     /* 10px 15px 10px 10px to 9px 15px 9px 10px abk */
      color:#fff;
      font-weight:bold; /* abk bolder to bold */
	text-decoration:none;
      }

div#sidebar #sidebarnav a:hover {
      background-position:100% -58px;
	color:#87338A;
	text-decoration:none; /* abk */
      }

.about div#sidebar #sidebarnav a.about, .about div#sidebar #sidebarnav a.about:hover, .author div#sidebar #sidebarnav a.author, .author div#sidebar #sidebarnav a.author:hover, 
.toc div#sidebar #sidebarnav a.toc, .toc div#sidebar #sidebarnav a.toc:hover, 
.press div#sidebar #sidebarnav a.press, .press div#sidebar #sidebarnav a.press:hover, .kit div#sidebar #sidebarnav a.kit, .kit div#sidebar #sidebarnav a.kit:hover, 
.errata div#sidebar #sidebarnav a.errata, .errata div#sidebar #sidebarnav a.errata:hover, #nav3 a:hover {
	background-position:100% -58px;
	color:#87338A;
	text-decoration:none; /* abk */
}

#sidebar span{float:right;} /* abk new for new channels pointer */

/* FOOTER --------------------- */		

div#footer {
	display:inline-block;
	margin: 0 auto;
	width:1000px; /* abk 1000px to 1100px */
	height:100%;
	/* background:#904E93 url("/img/footer-bg.png") repeat-y; */
	padding:0;
	font-size: 12px;
	color:#fff;
	}	

div#footer a{color:#ECDEE9;}

div#footer h2, div#footer h3, div#footer h4 {color:#fff;text-align:center;}

div#footer ul {
	margin: 0;
	padding: 0; 
	list-style: none;
	}

#footer li {
	margin: 7px 0;
	}

div#footleft {
	float:left;
	width:207px; /* abk 170px to 240px to 210 to 320 (3 cols) */
	height:100%;
	margin-right: 20px;
	padding:4px 20px;
	background:#904E93; /* dave new */
	}

div#footer div#footleft {text-align:center;} /* align small url center */
	
.footmidleft {
	float:left;
	width:207px; /* abk 220px to 240px */
	padding:4px 20px; /* dave 19px to 20px */
	height:100%;
	margin-right:20px;
	background:#904E93; /* dave new */
}

.footmidrt {
	float:left;
	width:207px; /* abk 220px to 240px */
	padding:4px 20px; /* dave new 19 to 20px */
	background:#904E93; /* dave new */
	height:100%;
}
	
div#footright {
	float:right;
	width:159px;
	height:100%;
	padding:4px 20px;
	background:#904E93; /* dave new */
	}

	
div#footerbase {
	float:left;
	margin:0;
	width:1000px; /* abk 1000px to 1100px */
	padding: 10px 0;
	text-align: center;	
	font-size: 10px;
	/* color:#904E93; */
	color:#ba96b9;
	}

div#footerbase a {color:#ba96b9;} /* abk new */

#summary{float:right;font-size:.85em;background:#ecdee9;color:#000;margin:0 0 1em 1em;padding:1em;border:1px dotted #87338A;width:33%;}
/* abk old border c0afcf new border 87338A */

/* for speed book */

.t{float:right;font-size:.85em;background:#ededed;color:#000;margin-left:15px;border:1px solid #c0afcf;width:200px;}
.t h4{margin:0;padding:0;}
.t td{text-align:center;}
.t ul{list-style:none;margin:0;padding:0;}
.t h4{text-align:center;margin:0 0 .5em}