/*
Theme Name: How to Draw Cartoon Characters
Theme URI: http://www.how-to-draw-cartoon-characters.com
Description: 'Characters' Theme for How-to-Draw-Cartoon-Characters.com
Version: 1.0
Author:  Jeff Scarterfield
*/

html {height: 100%;}
body {	margin: 0; 	height: 100%; 	min-width: 990px; font: 100% Arial, Helvetica, sans-serif; background: #3cf; color: #000;}
img {border: none;}
a {text-decoration: underline; color: #0000cc;}
a:hover {	text-decoration: underline; color: #f6c;}
.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(../images/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: 540px; 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(../images/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; 	text-align: center;}
#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: #ff3399; padding-left: 5px;}
/* navigation end*/

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

/* right column headers start*/
h2.column-in-the-works {background-image:url("http://www.how-to-draw-cartoon-characters.com/images/column-in-the-works.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 10px;}
h2.column-you-decide {background-image:url("http://www.how-to-draw-cartoon-characters.com/images/column-you-decide.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 10px;}
h2.column-lessons {background-image:url("http://www.how-to-draw-cartoon-characters.com/images/column-lessons.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 10px;}
/* right column headers end*/

/* page headers start*/
hr.header {display: none;}
div.hr-1 {width: 100%; background-image:url("http://www.how-to-draw-cartoon-characters.com/images/hr-1.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
div.hr-2 {width: 100%; background-image:url("http://www.how-to-draw-cartoon-characters.com/images/hr-2.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
div.hr-3 {width: 100%; background-image:url("http://www.how-to-draw-cartoon-characters.com/images/hr-3.gif"); background-position:left; background-repeat:no-repeat; height: 40px; margin-bottom: 14px;}
/* page headers end*/

/* boxes */
div.newsletter-1 {width: 210px; background-image:url("http://www.how-to-draw-cartoon-characters.com/images/newsletter-1.gif"); background-position:left; background-repeat:no-repeat; height: 210px; margin: 0px 15px 15px 0px; float: left;}
div.newsletter-2 {width: 460px; background-image:url("http://www.how-to-draw-cartoon-characters.com/images/newsletter-2.gif"); background-position:left; background-repeat:no-repeat; height: 160px;}

/* 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-cartoon-characters.com/images/.gif) left no-repeat; margin-left: 20px;}

/* rounded corner box yellow*/
/* set millions of background images */
.rbroundbox { background: url(http://www.how-to-draw-cartoon-characters.com/images/nt.gif) repeat; }
.rbtop div { background: url(http://www.how-to-draw-cartoon-characters.com/images/tl.gif) no-repeat top left; }
.rbtop { background: url(http://www.how-to-draw-cartoon-characters.com/images/tr.gif) no-repeat top right; }
.rbbot div { background: url(http://www.how-to-draw-cartoon-characters.com/images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(http://www.how-to-draw-cartoon-characters.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 10px; }
.rbroundbox { width: 90%; margin: 1em auto; }