* {padding:0; margin:0;} /* global reset to make browser play nice */
html, body {height: 100%;}
body {text-align: center; background: #edebd6; color: #666; min-width: 765px; font: 78%/1.4 'Lucida Grande', verdana, helvetica, sans-serif;}

/***Layout***/
#wrapper {position:relative; z-index:1; background: #fff url(/inc/img/side-bg-left.jpg) repeat-y 0 0; color:#333; text-align: left; width:99%; margin:5px auto; max-width:980px;}

#header, #footer {clear:both; width:100%;}

#header {background:#9eaeca url(/inc/img/header-right-bg.jpg) no-repeat 100% 0; color:#333; text-align:left; height:143px;}
#header img {float:left;}
#header div {float:left; background: url(/inc/img/thoughtbubble.jpg) no-repeat; width:443px; height:141px; padding:1px; /* overflow:auto; hmmm.. useful if someone ups their font size but causes other problems :S */}
#header div p {margin:0 20px 0 35px; padding: 0 1px; width:380px; font-size:.9em; line-height: 1.2; background:#fff;}

#footer {text-align: center; background: #9eaeca url(/inc/img/footer-left-bg.jpg) no-repeat 0 0; font-size:85%;}
#footer div {background: url(/inc/img/footer-right.jpg) no-repeat 100% 0; height:80px;}
#footer p {padding: 1.3em 0;}

#contentfloatholder {background: url(/inc/img/side-bg-right.jpg) repeat-y 100% 0; float: left; width: 100%;}
#contentfloatholder:after {/* clearing floats */ content: " "; display: block; height: 0; clear: both;}

#centerpad {margin: 0 166px 0 185px; /* change sides, adjust this */ padding:40px 20px 50px 20px; max-width:650px; /* IE 7 */ background:#fff;}

#center {float:left; width: 100%; margin-right: -95%;}
#left {margin-top:144px; float:left; width: 185px; margin-left: -5%;}
#right {margin-top:140px; float:right; width: 166px;}

#left ul, #right ul, .next ul, .more ul {list-style: none; }
#left p {margin-left:15px;}

/* Nav below tabs */
#subnav {position:absolute; width:98%; top:150px; left:20px; z-index:16 !important;}
#subnav p {margin:0 auto; width:728px;}

/* breadcrumbs */
#breadcrumbs {top:143px; margin-left:10px; width:97%; background:#E4E5EE; padding:0 4px 3px 3px; border-right:2px solid #959283;}
#breadcrumbs ul li {display: inline; font-size:11px;}
#breadcrumbs a {font-weight:bold;}

/** General formatting **/
fieldset, img {border:0;}
a {color: #5f8fbc;}
a:visited {color: #4a5072;}
a:hover, a:focus {color: #5f8fbc; text-decoration:none; border-bottom:1px dotted #6787b0;}
#footer a, #footer a:visited, #footer a:hover, #otherareas a, #otherareas a:visited, #otherareas a:hover {color: #333;}

hr {display: block; clear: both; visibility:hidden;}
ul {padding:0 11px;}
ol {padding:0 35px;}
ol li {padding-top:10px;}
dl {padding:5px 0;}
dt {background:#fff; color:#974;}
dd {padding:0 0 10px 0;}

h1, h2, h3, h4, p {margin: 1em 0;}
h1, h2, h3, h4 {font:normal 100% georgia, serif; display:block; clear:both;}
h2, h3, h4 {margin:35px 0 0 0; width:85%;}
 
h1 {margin:14px 0 0 45px; color:#974; font-size: 1.5em; }
h2 {color:#974; font-size: 1.4em; }
h3 {color:#db8215; font-size: 1.25em;}
h4 {color:#974; font-size: 1.1em;}

#centerpad h2, #centerpad h3 {border-bottom:1px dotted #6787b0;}
#centerpad h3, #centerpad h4 {font-weight:normal;}

abbr, acronym {border-bottom: 1px dotted #000; cursor: help;}
code {font-size:13px; background:#fff; color:#974; font-family:georgia, serif;}
.codeblock {display:block; border:1px solid #333; padding:1em; margin:1em 1em 3em 1em;}
legend {font:120% georgia, serif; color:#974;}

/*** ww specific ***/
#social {text-align:left; padding:20px;}
#social img {padding:0 2px; vertical-align:bottom;}
/* #social a {text-decoration:none; display:block; width:125px; border:0; margin:7px 0;}*/
#social a {text-decoration:none; background:#fff url(/inc/img/social.png) no-repeat 0 0; padding-left:22px; display:inline-block;  margin:5px 0;}
#social a:hover {border:0; color:#6ea6db;}

#horizsocial {text-align:left; padding-top:40px;}
#horizsocial img {padding:4px 0 2px  10px; vertical-align:bottom;}
#horizsocial a {white-space:nowrap; text-decoration:none;  border:0; background:#fff url(/inc/img/social.png) no-repeat 0 0; padding-left:22px; display:inline-block;  margin: 0 5px;}
#horizsocial a:hover {color:#6ea6db;}

.spiffy {margin-bottom:30px;}
.spiffy:after {content: " "; display: block; height: 0; clear: both;}
.spiffy img {float:left; margin:20px 10px; clear:both;}
.spiffy p {float:left; width:75%; min-height:75px;}

.info {border:1px solid #d8d5ab; padding: 10px; margin:2em 1em; background:#fbfbee; color:#333; min-height:100px !important;}
.info h3, .info h2 {background:#fbfbee; color:#364f69; width:80%; margin-top:0; font-weight:bold;}

.center {width:100%; margin:auto; text-align:center;}
.center img {margin:auto; text-align:center;}

#search form {background: url(/inc/img/box-top.jpg) no-repeat 0 0;}
#search {background: url(/inc/img/box-middle.jpg) repeat-y 0;}
#search legend {padding:14px 0 10px 40px; font:bold 110% georgia, serif; color:#5b4e39;}
#search input {margin:3px 0 3px 60px;}
#search #fdse_TermsEx {display:block; margin-left:20px; width:135px; height:20px; border:1px solid #7b8caa; 
background: url(/inc/img/textfield.png); padding-left:3px;}
#search #Terms {display:block; margin-left:20px; width:135px; height:20px; border:1px solid #7b8caa; 
background: url(/inc/img/textfield.png); padding-left:3px;}
#search fieldset {background: url(/inc/img/box-bottom.jpg) no-repeat 0 100%; padding-bottom:20px;} 

/* altered for adsense search */

#right #search form {background: url(/inc/img/se-top-r.jpg)  no-repeat top right;}
#right #search {background: url(/inc/img/box-middle.jpg) repeat-y right; margin-bottom:20px;}
#right #search legend {padding:14px 0 10px 40px; font:bold 110% georgia, serif; color:#5b4e39;}
#right #search input {margin:3px 0 3px 15px; width:135px;}
#right #search #fdse_TermsEx {display:block; margin-left:20px; width:125px; height:20px; border:1px solid #7b8caa; 
background: url(/inc/img/textfield.png); padding-left:3px;}
#right #search #Terms {display:block; margin-left:20px; width:125px; height:20px; border:1px solid #7b8caa; 
background: url(/inc/img/textfield.png); padding-left:3px;}
#right #search fieldset {background: url(/inc/img/box-bottom.jpg)  no-repeat bottom right; padding-bottom:20px;} 



#otherareas {background: url(/inc/img/box-middle.jpg) repeat-y right;}
#otherareas h3 {background: url(/inc/img/box-top.jpg) no-repeat top right; font:bold 110% georgia, serif; color:#5b4e39; width:166px; padding:15px 0 10px 0; text-indent:50px; margin-top:3px;}
#otherareas ul {width:166px; padding:0 0 30px 0; background: url(/inc/img/box-bottom.jpg) no-repeat bottom right; color:#fff;}
#otherareas ul li {font-size:85%; padding:0 .5em .8em 1.3em;}

/* menu  */
.menubar {background: url(/inc/img/box-middle.jpg) repeat-y right; width:166px;}
.menubar div {clear:left; background: url(/inc/img/box-bottom.jpg) no-repeat 100% 100%; height:26px;}

.clipart h2, .webtools h2, .tips h2, .tools h2 {font:bold 110% georgia, serif; color:#5b4e39; color:#5b4e39; width:166px; margin-top:0; padding:18px 0 20px 0;}
.clipart h2 {background: url(/inc/img/box-right-clipart.jpg) no-repeat 100% 0%; text-indent:43px; }
.webtools h2 {background: url(/inc/img/box-right-reviews.jpg) no-repeat 100% 0%; text-indent:55px; }
.tips h2 {background: url(/inc/img/box-right-tips.jpg) no-repeat 100% 0%; text-indent:50px; }
.tools h2 {background: url(/inc/img/box-right-tips.jpg) no-repeat 100% 0%; text-indent:50px; }

#nav a {font-weight: bold; text-decoration: none; display: block;}
#nav a:hover {text-decoration: none;}
/* all lists */
#nav, #nav ul {padding:0; /* margin:0; list-style: none;*/ float: left; margin-left:12px; width: 128px;}
/* all list items */
#nav li {float: left; line-height: 2em; text-align: left; margin-bottom: -1px; border:solid #7d6340; border-width: 1px 0;}
/* second-level lists */
#nav li ul {background:url(/inc/img/menualpha.png) no-repeat 100% 100%; padding-right:9px; padding-bottom:9px;
position: absolute; /* hidden intil hover */ left: -999em; margin-left: -146px; margin-top: -27px; z-index:5; border:0; width:146px;}
/* third-and-above-level lists */
#nav li ul ul { left: -999em;}
/* over-rides all menus*/
#nav li a {width:128px; display:block; font-size:.9em; border:solid #7b8caa; border-width:0 5px; background:#7b8caa; color:#fff; padding: 3px 4px; text-align: left;}
/* over-rides on submenus */
#nav li li a {width: 134px; font-weight: normal; border: solid #7d6340; border-width:0 2px; }	
#nav li a:hover {width: 128px; background:#edebd6; color:#333; border: solid #7d6340; border-width:0 5px;}
#nav li:hover ul ul, #nav li:hover ul ul ul {left: -999em;}
/* lists nested under hovered list items */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul {left: auto;}
/* For ie7 */
*:first-child+html #nav {height:1%;}
*:first-child+html #nav li {height:1%;}