* {padding:0; margin:0;} /* global reset */
html, body {height: 100%;}
body {text-align: center; background: #edebd6; color: #666; min-width:965px; 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:94%; margin:5px auto; max-width:1050px;}

#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;}
#header 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: #edebd6 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;}

.scrollwrap {margin:40px auto 0 auto; width:460px; height:25px;}
#scroller {width:450px; background:#fff; border:1px solid #9eadca; border-radius:5px 5px 5px 5px; padding:4px; height:25px;}
#scroller:after {/* clear floats */ content: " "; display:block; height:10px; clear:both;}
#scroller div {float:left;}
.fbook {padding-left:10px; padding-right:10px;}
.gplus {margin-top:2px;}

#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:0px 20px 50px 20px; max-width:650px; /* IE 7 */ background:#fff;}

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

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

/* Nav below header */
#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: #238bdf;}/* #5f8fbc */
a:visited {color: #4a5072;}
a:hover, a:focus {color: #5f8fbc; text-decoration:none;}
#footer a, #footer a:visited, #footer a:hover, #otherareas a, #otherareas a:visited, #otherareas a:hover, #popular-clipart a, #popular-clipart a:visited, #popular-clipart a:hover {color: #333;}

#centerpad a:hover {border-bottom:1px dotted #6787b0;}

.clear {clear:both;}
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, h5 {font:normal 100% arial, helvetica, sans-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;}
h5 {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% 'Lucida Grande', arial, helvetica, sans-serif; color:#974;}


.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;}

#right #search form {background: url(/inc/img/search-top3.png)  no-repeat 0 0; text-align:center;}
#right #search {background: url(/inc/img/box-middle.jpg) repeat-y right; margin-bottom:20px;}
#right #search fieldset {background: url(/inc/img/box-bottom.jpg)  no-repeat bottom right; padding-bottom:20px;}
#right #search legend {padding:14px 0 10px 40px; font:bold 110% georgia, serif; color:#5b4e39;}
#right #search #terms {width:138px; border:1px solid #7b8caa; height:20px; margin-left:1px; margin-bottom:8px;}

#left #search {width: 180px; margin-left:0px;}
#left #search form {background: url(/inc/img/box-top.jpg)  no-repeat 0 0; text-align:center;}
#left #search {background: url(/inc/img/box-middle.jpg) repeat-y left; margin-bottom:20px;}
#left #search fieldset {background: url(/inc/img/box-bottom.jpg)  no-repeat bottom left; padding-bottom:20px;}
#left #search legend {padding:14px 0 10px 40px; font:bold 110% georgia, serif; color:#5b4e39;}
#left #search input {display:block; margin:0 auto;}
#left #search #terms {width:138px; border:1px solid #7b8caa; height:20px; margin-bottom:10px;}

#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% 'Lucida Grande', arial, helvetica, sans-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 li {font-size:85%; padding:0 .5em .8em 1.3em;}

#popular-clipart {background: url(/inc/img/box-middle.jpg) repeat-y right;}
#popular-clipart h3 {background: url(/inc/img/pop-top.jpg) no-repeat top right; font:bold 110% 'Lucida Grande', arial, helvetica, sans-serif; color:#5b4e39; width:166px; padding:15px 0 10px 0; text-indent:45px; margin-top:3px;}
#popular-clipart h4 {font:bold 115% 'Lucida Grande', verdana, helvetica, sans-serif; color:#5b4e39; width:166px; padding:0px 0 2px 0; margin-top:15px;  text-indent:1px;}
#popular-clipart ul {width:166px; padding:10px 0 30px 0; background: url(/inc/img/box-bottom.jpg) no-repeat bottom right; color:#fff;}
#popular-clipart li {font-size:92%; padding:0 10px 4px 20px;}

#note {background: url(/inc/img/box-middle.jpg) repeat-y right;}
#note h3 {background: url(/inc/img/pop-top.jpg) no-repeat top right; font:bold 110% 'Lucida Grande', arial, helvetica, sans-serif; color:#5b4e39; width:166px; padding:15px 0 10px 0; text-indent:45px; margin-top:3px;}
#note p {width:137px; color:#fff; margin-left:17px; padding:0; font-size:90%; color:#5b4e39;}
#note div {width:166px; padding:10px 0 30px 0; background: url(/inc/img/box-bottom.jpg) no-repeat bottom right;}
#note a {color:#fff;}
/* 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% 'Lucida Grande', arial, helvetica, sans-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;}
/* 2nd lists */
#nav li ul {background:url(/inc/img/menualpha.png) no-repeat 100% 100%; padding-right:9px; padding-bottom:9px;
position:absolute; /* hidden until hover */ left:-999em; margin-left:-146px; margin-top:-27px; z-index:99; border:0; width:146px;}
/* 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%;}

/* added for menu delay */
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li.sfhover ul,
#nav li li:hover ul, #nav li li.sfhover ul {left: auto;}

#socialside {position:fixed; z-index:30000; top:30%; left:-2px;}
#socialside li {margin:5px 0 15px -5px; padding:0; list-style: none; width:32px;}
#socialside a {opacity:0.9; height:32px; width:32px; display: block;}
#socialside a:hover {margin-left:4px;}
#facebook a {background: url(/inc/img/social.png) 0 0 no-repeat;}
#stumbleupon a {background: url(/inc/img/social.png) 0 -32px no-repeat;}
#twitter a {background: url(/inc/img/social.png) 0 -64px no-repeat;}
#delicious a {background: url(/inc/img/social.png) 0 -96px no-repeat;}