/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* =container */
div#container {width: 1000px; margin: 0; padding-top:0px; text-align : left;}

/* =branding */
div#branding h2 {
	z-index: 1;
	position: absolute;
	left: 2px;
	top: 26px;
	width: 282px;
	height: 52px;
	margin: 10px;
	padding: 0;
	background-image:url(http://www.drawinghowtodraw.com/images/drawing-logo.png);
	background-repeat:no-repeat;
	text-indent: -9999px;
}

div#topbranding {padding-left: 300px; top: 120px;  background-repeat:no-repeat;}

/* =framing-top*/
div#top-wireframe {float: left; width: 1200px; margin: 0; padding: 0; text-align : left; background-image:url(http://www.drawinghowtodraw.com/images/top-wireframe.png); background-repeat:no-repeat;}

p#logo2 {text-indent: -9999px;}

/* =navigation top */
ul {list-style-type: none;}
li#nav0 {
	position : absolute;
	top : 95px;
	left : 19px;
	width : 266px;
	height : 35px;
	background-image:url(http://www.drawinghowtodraw.com/images/howtodraw-drawingicon.png);
	text-indent: -9999px;
	list-style-type: none;
}
li#nav1 { position : absolute; top : 25px; left : 320px; width : 190px; height : 36px; background-image:url(http://www.drawinghowtodraw.com/images/drawingtutorialsicon.png);  text-indent: -9999px; list-style-type: none; }
li#nav2 { position : absolute; top : 20px; left : 520px; width : 194px; height : 42px; background-image:url(http://www.drawinghowtodraw.com/images/drawingdirectoryicon.png); background-repeat:no-repeat; text-indent: -9999px; list-style-type: none; }
li#nav3 { position : absolute; top : 19px; left : 800px; width : 77px; height : 42px; background-image:url(http://www.drawinghowtodraw.com/images/drawinggalleryicon.png); background-repeat:no-repeat; text-indent: -9999px; list-style-type: none; }
li#nav4 { position : absolute; top : 21px; left : 895px; width : 69px; height : 33px; background-image:url(http://www.drawinghowtodraw.com/images/drawingforumicon.png); background-repeat:no-repeat; text-indent: -9999px; list-style-type: none; }
li#nav5 { position : absolute; top : 19px; left : 740px; width : 46px; height : 38px; background-image:url(http://www.drawinghowtodraw.com/images/blog.png); background-repeat:no-repeat; text-indent: -9999px; list-style-type: none; }

/* =containe-main */
div#container-main {width: 1200px; height: 18000px; margin: 0; padding: 0; text-align : left; float: left; width: 1200px; margin: 0; padding: 0; text-align : left; background : url(http://www.drawinghowtodraw.com/images/middle-wireframe.png);}

div#upnav {width: 400px; height: 60px; margin: 10px 0 0 310px; padding: 0;}

ul#adsense-left {float: left; width: 160px; height: 600px; margin: 0 0 0 0; padding: 0; text-align : left; background-color:#ffffff; }


/* =navigation side */
div#side-column {float: left; width: 160px; margin: 55px 40px 0 10px; padding: 0; text-align : left; background-color:#ffffff; background-image:url(http://www.drawinghowtodraw.com/images/leftsideframing.png); }
/*div#side-column2 {position : absolute; top : 150px; left : 220px; width : 112px; height : 25px; margin: 10px 0 0 100px; background-color:#ffffff; text-indent: -9999px; list-style-type: none; }*/
li#sidenav0 {position : absolute; top : 120px; left : 190px; width : 112px; height : 25px; background-color:#ffffff; text-indent: -9999px; list-style-type: none; }
li#sidenav1 {position : absolute; top : 160px; left : 190px; width : 118px; height : 86px; text-indent: -9999px; list-style-type: none;}
li#sidenav2 {position : absolute; top : 250px; left : 190px; width : 101px; height : 79px; background-image:url(http://drawinghowtodraw.com/images/cartooning-lessons-menu.png); text-indent: -9999px; list-style-type: none;}
li#sidenav3 {position : absolute; top : 340px; left : 190px; width : 103px; height : 88px; background-image:url(http://drawinghowtodraw.com/images/cartoon-characters-drawing-menu.png); text-indent: -9999px; list-style-type: none;}
li#sidenav4 {position : absolute; top : 440px; left : 190px; width : 111px; height : 93px; background-image:url(http://drawinghowtodraw.com/images/drawing-animals-creatures-menu.png); text-indent: -9999px; list-style-type: none;}
li#sidenav5 {position : absolute; top : 540px; left : 190px; width : 72px; height : 96px; background-image:url(http://drawinghowtodraw.com/images/drawing-humans-people-menu.png); text-indent: -9999px; list-style-type: none;}
li#sidenav6 {position : absolute; top : 650px; left : 190px; width : 79px; height : 34px; background-image:url(http://drawinghowtodraw.com/images/more-drawing-tutorials.png); text-indent: -9999px; list-style-type: none;}

/* =Google Adsense and Recent Tutorials*/
div#main-adsense {float: left; width: 660px; height: 330px; margin: -15px 0 0 7px; padding: 0; text-align : left;}

/* =left column google ads and side navigation icons*/

ul#google-center {float: left; width: 300px; height: 100px; margin: -40px 0 0 45px; padding: 0;}


div#drawingtutorial1 {position : absolute; top : 130px; left : 340px; width : 97px; height : 97px; background-image:url(http://www.artistshelpingchildren.org/images/spongebobsquarepantsdrawingtutorialforkids.png); text-indent: -9999px; list-style-type: none;}

/* =tutorials - sticky note pad paper*/
div#content  {position : absolute; top : 400px; left : 355px; background-color:#ffffff; }

div#content img#drawinglesson0 {position : absolute; top : 430px; left : 505px; }

/* =tutorial 1*/
li#drawingpad1 {position : absolute; top : 780px; left : 70px; width : 364px; height : 451px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-2-notepad-364-451.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson1 {position : absolute; top : 830px; left : 95px; }
div#content div#caption1 {position : absolute; top : 1200px; left : 110px; width: 290px; display: block}

/* =tutorial 2*/
li#drawingpad2 {position : absolute; top : 780px; left : 540px; width : 364px; height : 451px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-2-notepad-364-451.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson2 {position : absolute; top : 830px; left : 565px; }
div#content div#caption2 {position : absolute; top : 1200px; left : 590px; width: 290px; display: block}

/* =tutorial 3*/
li#drawingpad3 {position : absolute; top : 1330px; left : 70px; width : 364px; height : 451px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-2-notepad-364-451.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson3 {position : absolute; top : 1380px; left : 95px; }
div#content div#caption3 {position : absolute; top : 1750px; left : 110px; width: 290px; display: block}

/* =tutorial 4*/
li#drawingpad4 {position : absolute; top : 1330px; left : 540px; width : 364px; height : 451px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-2-notepad-364-451.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson4 {position : absolute; top : 1380px; left : 565px; }
div#content div#caption4 {position : absolute; top : 1750px; left : 590px; width: 290px; display: block}

/* =tutorial 5*/
li#drawingpad5 {position : absolute; top : 1880px; left : 70px; width : 364px; height : 451px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-2-notepad-364-451.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson5 {position : absolute; top : 1930px; left : 95px; }
div#content div#caption5 {position : absolute; top : 2300px; left : 110px; width: 290px; display: block}

/* =tutorial 6*/
li#drawingpad6 {position : absolute; top : 1880px; left : 540px; width : 364px; height : 451px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-2-notepad-364-451.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson6 {position : absolute; top : 1930px; left : 565px; }
div#content div#caption6 {position : absolute; top : 2300px; left : 590px; width: 290px; display: block}

/* =tutorial 7*/
li#drawingpad7 {position : absolute; top : 2430px; left : 70px; width : 364px; height : 451px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-2-notepad-364-451.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson7 {position : absolute; top : 2480px; left : 95px; }
div#content div#caption7 {position : absolute; top : 2850px; left : 110px; width: 290px; display: block}

/* =tutorial 8*/
li#drawingpad8 {position : absolute; top : 2430px; left : 540px; width : 364px; height : 451px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-2-notepad-364-451.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson8 {position : absolute; top : 2480px; left : 565px; }
div#content div#caption8 {position : absolute; top : 2850px; left : 590px; width: 290px; display: block}

/* =tutorial 9*/
li#drawingpad9 {position : absolute; top : 2980px; left : 70px; width : 364px; height : 451px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-2-notepad-364-451.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson9 {position : absolute; top : 3030px; left : 95px; }
div#content div#caption9 {position : absolute; top : 3400px; left : 110px; width: 290px; display: block}

/* =tutorial 10*/
li#drawingpad10 {position : absolute; top : 2980px; left : 540px; width : 364px; height : 451px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-2-notepad-364-451.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson10 {position : absolute; top : 3030px; left : 565px; }
div#content div#caption10 {position : absolute; top : 3400px; left : 590px; width: 290px; display: block}

/* =tutorial 11*/
li#drawingpad11 {position : absolute; top : 3530px; left : 70px; width : 364px; height : 521px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-3-notepad-364-521.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson11 {position : absolute; top : 3580px; left : 95px; }
div#content div#caption11 {
	position : absolute;
	top : 4051px;
	left : 111px;
	width: 290px;
	display: block
}

/* =tutorial 12*/
li#drawingpad12 {position : absolute; top : 3530px; left : 540px; width : 364px; height : 521px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-3-notepad-364-521.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson12 {position : absolute; top : 3580px; left : 565px; }
div#content div#caption12 {position : absolute; top : 4050px; left : 590px; width: 290px; display: block}

/* =tutorial 13*/
li#drawingpad13 {position : absolute; top : 4180px; left : 70px; width : 364px; height : 521px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-3-notepad-364-521.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson13 {position : absolute; top : 4230px; left : 95px; }
div#content div#caption13 {position : absolute; top : 4700px; left : 110px; width: 290px; display: block}

/* =tutorial 14*/
li#drawingpad14 {position : absolute; top : 4180px; left : 540px; width : 364px; height : 521px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-3-notepad-364-521.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson14 {position : absolute; top : 4230px; left : 565px; }
div#content div#caption14 {position : absolute; top : 4700px; left : 590px; width: 290px; display: block}

/* =tutorial 15*/
li#drawingpad15 {position : absolute; top : 4800px; left : 70px; width : 364px; height : 521px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-3-notepad-364-521.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson15 {position : absolute; top : 4850px; left : 95px; }
div#content div#caption15 {position : absolute; top : 5350px; left : 110px; width: 290px; display: block}

/* =tutorial 16*/
li#drawingpad16 {position : absolute; top : 4800px; left : 540px; width : 364px; height : 521px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-3-notepad-364-521.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson16 {position : absolute; top : 4850px; left : 565px; }
div#content div#caption16 {position : absolute; top : 5350px; left : 590px; width: 290px; display: block}

/* =tutorial 17*/
li#drawingpad17 {position : absolute; top : 5480px; left : 70px; width : 364px; height : 521px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-3-notepad-364-521.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson17 {position : absolute; top : 5530px; left : 95px; }
div#content div#caption17 {position : absolute; top : 6000px; left : 110px; width: 290px; display: block}

/* =tutorial 18*/
li#drawingpad18 {position : absolute; top : 5480px; left : 540px; width : 364px; height : 521px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-3-notepad-364-521.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson18 {position : absolute; top : 5530px; left : 565px; }
div#content div#caption18 {position : absolute; top : 6000px; left : 590px; width: 290px; display: block}

/* =tutorial 19*/
li#drawingpad19 {position : absolute; top : 6160px; left : 70px; width : 364px; height : 521px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-3-notepad-364-521.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson19 {position : absolute; top : 6210px; left : 95px; }
div#content div#caption19 {position : absolute; top : 6680px; left : 110px; width: 290px; display: block}

/* =tutorial 20*/
li#drawingpad20 {position : absolute; top : 6160px; left : 540px; width : 364px; height : 521px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-3-notepad-364-521.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson20 {position : absolute; top : 6210px; left : 565px; }
div#content div#caption20 {position : absolute; top : 6680px; left : 590px; width: 290px; display: block}

/* =tutorial 21*/
li#drawingpad21 {position : absolute; top : 6840px; left : 70px; width : 364px; height : 521px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-3-notepad-364-521.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson21 {position : absolute; top : 6210px; left : 95px; }
div#content div#caption21 {position : absolute; top : 7360px; left : 110px; width: 290px; display: block}

/* =tutorial 22*/
li#drawingpad22 {position : absolute; top : 6840px; left : 540px; width : 364px; height : 521px; background-image:url(http://www.drawinghowtodraw.com/images/biggest-3-notepad-364-521.png); text-indent: -9999px; list-style-type: none;}
div#content img#drawinglesson22 {position : absolute; top : 6210px; left : 565px; }
div#content div#caption22 {position : absolute; top : 7360px; left : 590px; width: 290px; display: block}



div#content {float: left; width: 600px; margin: 0; padding: 0; text-align : background-image:url(middle-wireframe.png);}

/* =h1 tutorials' title*/

div#content  h1 { width : auto;  font : bold 120% Tahoma, Verdana, Arial, sans-serif; text-transform : uppercase; color : #000; text-align: center;}
/* =tutorials - pictures*/


/* =tutorials - huge titles for captions*/

div#content  h3 { width : auto;  font : bold 110% Tahoma, Verdana, Arial, sans-serif; text-transform : uppercase; color : #000; display: block;}
div#content  p { width : auto;  font : 80% Tahoma, Verdana, Arial, sans-serif; color : #000;}

.envelop{
	background:url(../tutorials/css/images/envelop.gif) no-repeat 0 0;
	width:34px;
	height:32px;
}

.newsletter{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#00000;
	padding:0 0 20px 0;
	background-color:inherit;
}

.directorylinks{
	font:normal 16px/12px Arial, Helvetica, sans-serif;
	color:#eb2024;
	padding:0 0 20px 0;
	background-color:inherit;
}

.directorylinks a{
	font:normal 16px/12px Arial, Helvetica, sans-serif;
	color:#eb2024;
	padding:0 0 20px 0;
	background-color:inherit;
}

.directorylinkssmall{
	font:normal 14px/12px Arial, Helvetica, sans-serif;
	color:#9B925B;
	padding:0 0 20px 0;
	background-color:inherit;
}

.directorylinkssmall a{
	font:normal 14px/12px Arial, Helvetica, sans-serif;
	color:#9B925B;
	padding:0 0 20px 0;
	background-color:inherit;
}