/*
Theme Name: How to Draw Cartoons
Theme URI: http://www.how-to-draw-cartoons-online.com
Description: 'Cartoons' Theme for How-to-Draw-Cartoons-Online.com
Version: 4.0
Author:  Jeff Scarterfield
*/

html {height: 100%;}
body {	margin: 0; 	height: 100%; 	min-width: 990px; font: 100% Arial, Helvetica, sans-serif; background: #33ccff; color: #000;}
img {border: none;}
a {text-decoration: underline; color: #0000cc;}
a:hover {	text-decoration: underline; color: #f60;}
.page {min-height: 100%;}
* html .page {height: 100%;}
.main-container {width: 100%;overflow: hidden; 	position: relative;}
.mc-holder-1 {left: 50%; float: left; width: 1600px; position: relative;}
.mc-holder-2 {left: -50%; float: left; width: 1600px; position: relative; background: url(../images/body-bg.gif) no-repeat 50% 0;}
#wrapper {	position: relative; 	overflow: hidden; 	margin: 0 auto; width: 1008px;}

/* header start */
#header {overflow: hidden; height: 230px; 	width: 1008px; 	background: url(http://scarterfield.com/drawcartoonsonline.com/header-bg.jpg) no-repeat;}
.header-holder {position: absolute; top: 0; left: 1px; 	width: 1007px;}
#header strong.logo {display: block; margin: 21px auto 0;	height: 198px; width: 320px;}
#header strong.logo a span {display: block; 	text-indent: -9999px;}
/* header end */

/* main content start */
.main-holder {overflow: hidden; margin: 230px 9px 0 9px; padding: 0 0 320px; width: 990px; background: url(../images/main-holder-bg.gif) repeat-y 0 0;}
#main {float: left;	width: 990px; min-height: 260px; background: url(../images/main-bg.gif) no-repeat;}
* html #main {height: 260px;}

/* content start */
#content {overflow: hidden; margin: 0 206px; padding: 0 19px; width: 560px; font: 93% Arial, Helvetica, sans-serif;}
#content h1 {margin: 0 0 15px; font: 24px Arial, Verdana, sans-serif; font-weight: bold; 	text-align: center; 	color: #000066;}
#content h2 {margin: 0 0 0px; font: 18px Arial, Verdana, sans-serif; font-weight: bold; text-align: left;	color: #000000;}
#content h2.heading {margin: 0 0 15px; font: 18px Arial, Verdana, sans-serif; font-weight: bold; text-align: center; color: #000000;}
#content p {margin: 0 0 12px;}
/* content end */

/* side content start */
.side-content {float: left; margin: 0 0 0 -206px; padding: 0 14px 0 10px; width: 160px; font: 90% Arial, Helvetica, sans-serif;}
/* side content end */

/* sidebar start */
#sidebar {float: left; margin: 0 0 0 -972px; padding: 0 10px 0 14px; 	width: 160px;}
p {margin: 0 0 0px;}
/* sidebar end */
/* main content end */

/* footer start */
.main-container2 {margin: -320px 0 0;width: 100%; overflow: hidden; position: relative;}
.mc-holder-12 {left: 50%; float: left; width: 1600px; position: relative;}
.mc-holder-22 {left: -50%; float: left; width: 1600px; position: relative; background: url(http://www.scarterfield.com/drawcartoonsonline.com/footer-bg.jpg) no-repeat 50% 0;}
.footer-holder {position: relative; overflow: hidden; padding: 20px 0 0; height: 300px; width: 100%;}
#footer {margin: 0 auto; height: 300px; width: 540px; font: 90% Arial, Helvetica, sans-serif;}
#footer div.upper {margin: 15px 0 25px; height: 100px;}
#footer div.lower {padding: 0 30px; width: 480px; height: 150px;}
#footer div.lower:after {content: ""; display: block; clear: both;}
.lower div.column {float: left; height: 120px; width: 160px;}
.column span.push {position: relative; display: block; overflow: hidden; margin: 0px 25px 0; width: 110px; text-indent: -9999px;}
.push a {display: block; height: 110px; background: url(../images/push1.gif) no-repeat;}
.push a:hover {background: url(../images/push2.gif) no-repeat;}
.lower p.rights {margin: 0 auto; width: 120px; font-size: 10px; line-height: 12px; color: #999; text-align: center;}
.lower p.rights a {color: #999;}
h3.footer {margin-bottom: 8px; text-align: center;}
a.footer {text-decoration: none; color: #000000;}
a.footer:hover {	text-decoration: none; color: #f60;}
/* footer end */

/* additions start */
/* navigation start*/
#navigation {	width: 130px; line-height: 20px; background-color: #fff; margin-top: 8px; margin-bottom: 20px; padding-left: 15px; padding-right: 15px;}
.link1 {background-color: #fff; margin-bottom: 0px;}
.link1 a {text-align: left; font-size: 93%; font-weight: bold; text-decoration: none; display: block; color: #222; background-color: #fff; padding-left: 5px;}
.link1 a:hover {font-size: 93%; color: #fff; background-color: #ff6600; padding-left: 5px;}

.link-orange {background-color: #fff; margin-bottom: 0px;}
.link-orange a {text-align: left; font-size: 93%; font-weight: bold; text-decoration: none; display: block; color: #ff0000; background-color: #fff; padding-left: 5px;}
.link-orange a:hover {font-size: 93%; color: #fff; background-color: #ff6600; padding-left: 5px;}

.link-purple {background-color: #fff; margin-bottom: 0px;}
.link-purple a {text-align: left; font-size: 93%; font-weight: bold; text-decoration: none; display: block; color: #c9f; background-color: #fff; padding-left: 5px;}
.link-purple a:hover {font-size: 93%; color: #fff; background-color: #ff6600; padding-left: 5px;}

.link-green {background-color: #fff; margin-bottom: 0px;}
.link-green a {text-align: left; font-size: 93%; font-weight: bold; text-decoration: none; display: block; color: #0c0; background-color: #fff; padding-left: 5px;}
.link-green a:hover {font-size: 93%; color: #fff; background-color: #ff6600; padding-left: 5px;}

.link-pink {background-color: #fff; margin-bottom: 0px;}
.link-pink a {text-align: left; font-size: 93%; font-weight: bold; text-decoration: none; display: block; color: #f0f; background-color: #fff; padding-left: 5px;}
.link-pink a:hover {font-size: 93%; color: #fff; background-color: #ff6600; padding-left: 5px;}

/* navigation end*/

/* left column headers start*/
h2.column-draw-cartoons {background-image:url("http://www.how-to-draw-cartoons-online.com/images/column-draw-cartoons.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 10px;}
h2.column-lessons-and-more {background-image:url("http://www.how-to-draw-cartoons-online.com/images/column-lessons-and-more.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 10px;}
h2.column-cool-stuff {background-image:url("http://www.how-to-draw-cartoons-online.com/images/column-cool-stuff.gif"); background-position:left; background-repeat:no-repeat;	height: 40px; margin-bottom: 10px;}
h2.column-about {background-image:url("http://www.how-to-draw-cartoons-online.com/images/column-about.gif"); background-position:left; background-repeat:no-repeat;	height: 40px; margin-bottom: 10px;}
/* left column headers end*/

/* right column headers start*/
h2.column-sponsor {background-image:url("http://www.how-to-draw-cartoons-online.com/images/column-sponsor.gif"); background-position:center; background-repeat:no-repeat; height: 40px; margin-bottom: 12px;}
h2.column-recommended {background-image:url("http://www.how-to-draw-cartoons-online.com/images/column-recommended.gif"); background-position:center; background-repeat:no-repeat; height: 40px; margin-bottom: 0px;}
h2.column-newsletter {background-image:url("http://www.how-to-draw-cartoons-online.com/images/column-newsletter.gif"); background-position:center; background-repeat:no-repeat; height: 40px; margin-bottom: 8px;}
h2.column-survey {background-image:url("http://www.how-to-draw-cartoons-online.com/images/column-quick-survey.gif"); background-position:center; background-repeat:no-repeat; height: 40px; margin-bottom: 12px;}
h2.column-gallery {background-image:url("http://www.how-to-draw-cartoons-online.com/images/column-gallery.gif"); background-position:center; background-repeat:no-repeat; height: 40px; margin-bottom: 12px;}
h2.column-partners {background-image:url("http://www.how-to-draw-cartoons-online.com/images/column-partners.gif"); background-position:center; background-repeat:no-repeat; height: 40px; margin-bottom: 12px;}
h2.column-thought-gems {background-image:url("http://www.how-to-draw-cartoons-online.com/images/column-thought-gems.gif"); background-position:center; background-repeat:no-repeat; height: 40px; margin-bottom: 0px;}
h2.column-earth-ball {background-image:url("http://www.how-to-draw-cartoons-online.com/images/column-earth-ball.gif"); background-position:center; background-repeat:no-repeat; height: 40px; margin-bottom: 0px;}
/* right column headers end*/

/* page headers start*/
hr.header {display: none;}
div.hr-beginner {width: 100%; background-image:url("http://www.how-to-draw-cartoons-online.com/images/hr-beginner.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
div.hr-intermediate {width: 100%; background-image:url("http://www.how-to-draw-cartoons-online.com/images/hr-intermediate.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
div.hr-advanced {width: 100%; background-image:url("http://www.how-to-draw-cartoons-online.com/images/hr-advanced.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
div.hr-check-it-out {width: 100%; background-image:url("http://www.how-to-draw-cartoons-online.com/images/hr-check-it-out.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
div.hr-popular {width: 100%; background-image:url("http://www.how-to-draw-cartoons-online.com/images/hr-popular.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
div.hr-blog {width: 100%; background-image:url("http://www.how-to-draw-cartoons-online.com/images/hr-blog.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
div.hr-drawing-books {width: 100%; background-image:url("http://www.how-to-draw-cartoons-online.com/images/hr-drawing-books.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
div.hr-other-resources {width: 100%; background-image:url("http://www.how-to-draw-cartoons-online.com/images/hr-other-resources.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
div.hr-drawing-software {width: 100%; background-image:url("http://www.how-to-draw-cartoons-online.com/images/hr-drawing-software.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
div.hr-free-drawing-software {width: 100%; background-image:url("http://www.how-to-draw-cartoons-online.com/images/hr-free-drawing-software.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
div.hr-drawing-supplies {width: 100%; background-image:url("http://www.how-to-draw-cartoons-online.com/images/hr-drawing-supplies.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
div.hr-quick-survey {width: 100%; background-image:url("http://www.how-to-draw-cartoons-online.com/images/hr-quick-survey.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
div.hr-drawing-tips {width: 100%; background-image:url("http://www.how-to-draw-cartoons-online.com/images/hr-drawing-tips.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
div.hr-halloween {width: 100%; background-image:url("http://www.how-to-draw-cartoons-online.com/images/hr-halloween.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
/* page headers end*/

/* boxes */
div.box {background-color: #fff; margin: 0px 15px 0px 15px;	width: 160px;}
div.boxleft {background-color: #fff; margin: 0px 10px 15px 0px; float: left;}
div.boxright {background-color: #fff; margin: 0px 15px 0px 15px; float: right;}
.boxleftbooks {background-color: #fff; margin: 0px 15px 0px 0px; float: left; width: 120px; height: 240px;}
div.boxleft_img {background-color: #fff; margin: 0px 0px 0px 0px; width: 250px; height: 250px; float: left;}
div.search {background-color: #fff; width: 400px; padding-left: 120px;}
div.search_small {background-color: #fff; width: 160px; padding-left: 14px;}

/* category & lesson floats */
.floatleft {float: left; margin: -4px 15px 0 0; clear: left;}
.space {float: right; margin: -4px 0 0 15px; clear: right; width: 64px; height: 64px;}

/* lists */
.custom {background: url(http://www.how-to-draw-cartoons-online.com/images/bullet.gif) left no-repeat; margin-left: 20px;}

/* rounded corner box */
/* set millions of background images */
.rbroundbox { background: url(http://www.how-to-draw-cartoons-online.com/images/nt.gif) repeat; }
.rbtop div { background: url(http://www.how-to-draw-cartoons-online.com/images/tl.gif) no-repeat top left; }
.rbtop { background: url(http://www.how-to-draw-cartoons-online.com/images/tr.gif) no-repeat top right; }
.rbbot div { background: url(http://www.how-to-draw-cartoons-online.com/images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(http://www.how-to-draw-cartoons-online.com/images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 20px;
font-size: 1px;
}
.rbcontent { margin: 0 20px; }
.rbroundbox { width: 85%; margin: 1em auto; }