html {height:100%;}
body {
margin:0;
padding:0;
height:100%;
background-color:#ffffff; }
   
.mainwrap {
   background: url(images/bg.gif) top left repeat-x;
   min-height:100%;
   width:100%; }
* html .wrap {height:100%}

.wrap { 
   margin:auto;
   width: 1020px; }

.wrap:after {
   content: " ";
   display: block;
   clear: both; }

.banner {
   width: 1020px;
   height: 123px; 
   background:url(images/bannerbg.gif);
   background-repeat:no-repeat; }
   
.logo {
   float: left;
   width: 304px;
   height: 75px;
   margin: 10px 0px 0px 20px; }
   
#search {
   margin: 93px 21px 0px 0px;
   float: right; }
   
#searchbar {
   float:left;
   padding: 0px;
   margin: 0px 0px 0px 0px;
   width: 186px;
   height: 14px;
   font-size: 14px;
   color:#FFFFFF;
   font:Arial, Helvetica, sans-serif;
   padding: 3px 4px 3px 5px;
   background-color:#084782;
   border: 1px solid #255e93; }
   
#submit {
   float:left;
   width: 68px;
   height: 22px;
   border: 0px;
   background-image:url(images/search_submit.gif);
   background-repeat: no-repeat; }
  
#nav {
   float: left;
   clear: left;
   width: 480px;
   margin: 16px 0px 0px 15px; }

#nav ul {
	list-style: none;
	margin: 0px; 
	padding: 0px; }

#nav ul ul {
	display: none; }

#nav ul li {
	float: left;
	background: url(images/navbg.gif) no-repeat top left;
	width: 79px;
	height: 22px;
	text-align: center;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 1px 0px 0px; }
   
#nav a, #nav a:active, #nav a:visited {
    margin: 0px;
	padding:0px;
	color: #ffffff;
    text-decoration: none; }
	
#subnav {
   width: 1000px;
   height: 25px;
   margin: 3px 0px 0px 10px;
   background-image:url(images/subnav.gif); }
   

#ads {
   float: left;   
   width: 1000px;
   margin: 4px 0px 0px 10px;
   height: 25px;
   float: left; }

#google_leaderboard {
   float: left; }   
  
#ads a, #ads a:active, #ads a:visited {
    margin: 0px;
	padding:0px;
	color: #5c5b5b;
    text-decoration: underline; }
	
#rss {
   margin: 1px 12px 0px 0px;
   float: right; }
   
#rss img { 
   margin: -2px 3px 0px 0px;
   float: left; }

#rss a, #rss a:active, #rss a:visited {
   float: left;
   margin: 0px 13px 0px 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #686666;
   font-size: 11px;
   text-decoration: underline;
   font-weight: bold; }
   
#main {
   width: 700px;
   height: 100%;
   float: left; }
   
#header {
   width: 700px;
   height: 20px;
   float: left;
   margin: 7px 0px 0px 10px;
   background-image:url(images/header.gif); }
   
#header p {
   color: #ffffff;
   margin: 3px 0px 0px 23px;
   font-size: 12px;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif }

.entry {
   width: 700px;
   height: 100%; }
   
.tutimg {
   float: left;
   width: 162px;
   height: 162px;
   margin: 15px 0px 0px 16px;
   border: 1px solid #dadada; }
   
.tutimg img {
   width: 160px;
   height: 160px;
   margin: 1px 0px 0px 1px; }

h1 {
   float: left;
   width: 500px;
   margin: 16px 0px 0px 15px;
   color: #616161;
   font-weight: normal;
   font-size: 18px;
   text-decoration: none;
   font-family: Verdana, Arial, Helvetica, sans-serif; }
   
.entry p {
   float: left;
   width: 450px;
   color: #5ba5f1;
   margin: 8px 0px 0px 17px;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif; }
   
.content p {
   float: left;
   width: 470px;
   margin: 9px 0px 0px 16px;
   line-height: 150%;
   color: #5a5757;
   font-size: 12px;
   font-style: italic;
   font-family: Geneva, Arial, Helvetica, sans-serif; }
   
.infobar {
   float: left;
   width: 471px;
   height: 18px;
   margin: 11px 0px 0px 18px; }
 
.readmore {
   width: 65px;
   height: 18px;
   float: left;
   background-repeat: no-repeat;
   background-image: url(images/readmore.gif); }

.readmore a, .readmore a:active, .readmore a:visited {
   color: #ffffff;
   float: left;
   margin: 2px 0px 0px 7px;
   font-size: 11px;
   text-decoration: underline;
   font-family:Arial, Helvetica, sans-serif; }

.comments {
   width: auto;
   height: 18px;
   float: right; }
   
.comments_left {
   width: 7px;
   height: 18px;
   float: left;
   background-image:url(images/comments_left.gif); }
   
.comments_middle {
   width: auto;
   height: 18px;
   float: left;
   background-image:url(images/comments_bg.gif); }
   
.comments_right {
   width: 7px;
   height: 18px;
   float: left;
   background-image:url(images/comments_right.gif); } 

.comments_middle a, .comments_middle a:active, .comments_middle a:visited {
   color: #ffffff;
   float: left;
   margin: 2px 0px 0px 0px;
   font-size: 11px;
   text-decoration: underline;
   font-family:Arial, Helvetica, sans-serif; }

.entryborder {
   float: left;
   width: 653px;
   margin: 35px 0px 20px 16px;
   border-bottom: 1px solid #dadada; }

#sidebar {
   width: 280px;
   height: 100%;
   float: right; 
   margin: 0px 10px 0px 0px; }
   
#newtuts {
   float: left;
   width: 280px; 
   margin: 7px 0px 25px 0px;
   height: 100%; }
   
.sidebarheader {
   width: 280px;
   height: 20px;
   float: left;
   background-image: url(images/sidebar_header.gif); }
   
.sidebarheader p {
   color: #ffffff;
   margin: 3px 0px 0px 23px;
   font-size: 12px;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif }
   
.sidebar_contentads {
   margin: 0px 0px 10px 6px; }

.sidebarcontent {
   width: 280px;
   height: 100%;
   float: left; 
   margin: 10px 0px 10px 0px; }

.sidebarcontent p {
   margin: 0px 10px 0px 6px;
   line-height:150%;   
   color: #454545;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif }

.newtut {
   float: left;
   width: 127px;
   height: 127px;
   margin: 4px 0px 0px 4px;
   border: 1px solid #dadada;
   background-color: #ffffff; }
   
.newtut img {
   margin: 1px 0px 0px 1px; }
   
#newtutscontainer {
   float: left;
   width: 270px;
   height: 270px;
   margin: 10px 0px 10px 4px;
   border: 1px solid #dadada;
   background-color: #f0f0f0; }

.ad_header a, .ad_header a:active, .ad_header a:visited {
   color: #2465a8;
   float: left;
   margin: 5px 0px 0px 6px;
   font-size: 12px;
   font-weight: bold;
   text-decoration: underline;
   font-family: Arial, Helvetica, sans-serif; }
   
.ad_body p {
   color: #616161;
   margin: 3px 0px 0px 6px;
   float: left;
   clear: left;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif; }
   
.ad_link a, .ad_link a:active, .ad_link a:visited {
   color: #2465a8;
   float: left;
   margin: 5px 0px 10px 6px;
   font-size: 12px;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif; } 

.postinfo a, .postinfo a:active, .postinfo a:visited {
   color: #5ba5f1;
   font-size: 12px;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif; } 

.postinfo a:hover {
   text-decoration: underline; }

.tutorialcontainer {
   width: 700px;
   height: 100%;
   margin: 0px 0px 0px 0px;
   float: left; }
   
.tutorial { 
   width: 650px;
   height: 100%;
   float: left; }
   

.tutorial a, .tutorial a:active, .tutorial a:visited {
   color: #225fb2;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif; } 

.sidebarcontent a, .sidebarcontent a:active, .sidebarcontent a:visited {
   color: #225fb2;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif; } 

.comment_main a, .comment_main a:active, .comment_main a:visited {
   color: #225fb2;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif; } 



h2 {
   margin: 20px 0px 15px 16px; 
   color: #616161;
   font-size: 14px;
   font-family:Arial, Helvetica, sans-serif; }

h5 {
   margin: 20px 0px 5px 16px; 
   color: #2465a8;
   font-size: 14px;
   font-family:Arial, Helvetica, sans-serif; }

.tutorial p {
   margin: 0px 0px 15px 16px;
line-height:150%;   
color: #454545;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif; }

.page {
float: left;
margin: 0px 0px 0px 0px; }

.page p {
   margin: 0px 0px 15px 16px;
line-height:150%;
color: #454545;
   font-size: 12px;
   font-family: Geneva, Arial, Helvetica, sans-serif; }



.page a, .page a:active, .page a:visited {
   color: #225fb2;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif; } 




.tutorial_image {
   width: 100%;
   padding: 10px 0;
   margin: 10px 0px 0px 16px;
   text-align: center;
   border: 1px solid #dadada;
   background: #F8F8F8; }

.tutorial_image img {
	border: 1px solid #dadada; }


.shareborder {
   width: 652px;
   height: 1px;
   float: left;
   margin: 0px 0px 0px 15px;
   border-top: 1px solid #dadada; }

.share {
   width: auto;
   float: left;
   margin: 5px 0px 0px 15px; }   

.share span {
	font-size: 12px;
	padding: 20px 0px; }

.share span a:link, .share span a:visited {
	color: #616161;
	margin: 0px 5px 0px 0px;
	padding: 0px 15px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif; }

.sharethis {
	margin: 0px 6px 0px 0px; }	
.digg {
	background: url(images/digg.gif) no-repeat center left; }
.del {
	background: url(images/delicious.gif) no-repeat center left;}
.stumble {
	background: url(images/stumble.gif) no-repeat center left; }
.redd {
	background: url(images/reddit.gif) no-repeat center left; }
.mixx {
	background: url(images/mixx.gif) no-repeat center left; }
.float {
	background: url(images/float.gif) no-repeat center left; }

#relatedtutorials {
   width: 649px;
   height: 130px;
   float: left;
   margin: 10px 0px 0px 15px;
   background-image:url(images/relatedtutorials_bg.gif); }
   
h3 {
   clear: left;
   float: left;
   width: 200px;
   color: #005ebf;
   margin: 60px 6px 0px 15px;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif; }
   
.relatedtutorialsimg {
   float: left;
   width: 82px;
   height: 82px;
   border: 1px solid #dadada;
   margin: 23px 25px 0px 20px; }
   
.relatedtutorialsimg img {
   margin: 1px 1px 1px 1px; }
   
#ads_lower {
   width: auto;
   margin: 10px 0px 0px 10px;
   height:100%;
   float: left; }


#comments {
   width: 700px;
   height: 20px;
   float: left;
   margin: 25px 0px 0px 6px;
   background-image:url(images/header.gif); }
   
#comments p {
   color: #ffffff;
   margin: 3px 0px 0px 0px;
line-height:150%;   
float: left;
   font-size: 12px;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif }

#commentscontainer {
   float: left;
   padding: 0px;
   margin: 0px 0px 0px 23px; }

#comments a, #comments a:active, #comments a:visited {
   color: #ffffff;
   margin: 3px 0px 0px 6px;
   float: left;
   font-size: 12px;
   font-weight: bold;
   text-decoration: underline;
   font-family: Arial, Helvetica, sans-serif }

.comment {
   width: 700px;
   height: 100%; }
   
.comment_avatar {
   float: left;
   width: 82px;
   height: 82px;
   margin: 26px 0px 0px 16px;
   border: 1px solid #dadada; }
   
.comment_avatar img {
   margin: 1px 1px 1px 1px; }

.comment_main {
   float: left;
   width: 544px;
   margin: 0px 40px 0px 16px; }
   
.comment_main p {
  margin: 26px 0px 5px 0px;
  color: #343434;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif; }
  
.commentinfo {
   width: 100%;
   height: 100%;
   margin: 27px 0px 5px 0px;
   float: left; }
   
.postedby {
   float: left;
   color: #2465a8;
   font-size: 12px;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif; }

.postedby a, .postedby a:active, .postedby a:visited { 
   float: left;
   color: #2465a8;
   font-size: 12px;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif; }
   
.commentdate {
   float: left;
   color: #2465a8;
   font-size: 12px;
   margin: 0px 0px 0px 3px;
   font-family: Arial, Helvetica, sans-serif; }

.commentborder {
   width: 550px;
   height: 1px;
   float: left;
   margin: 0px 0px 25px 116px;
   border-top: 1px solid #dadada; }

.post_comment {
   width: 645px;
   height: 100%;
   float: left; }
   
#comment_text {
   width: 645px; 
   margin: 0px 0px 0px 16px;
line-height: 150%;   
color: #343434;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif; 
   padding: 5px 0px 0px 5px;
   border: 1px solid #dadada;
   background-color: #f8f8f8; }
   
h4 {
   color: #005ebf;
   margin: 25px 0px 10px 16px;
   font-size: 13px;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif; }

#comment_author {
   margin: 0px 0px 4px 16px;
   color: #343434;
   width: 250px;
   float: left;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif; 
   border: 1px solid #dadada;
   background-color: #f8f8f8; }
   
#comment_email {
   margin: 0px 0px 4px 16px;
   color: #343434;
   clear: left;
   float: left;
   width: 250px;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif; 
   border: 1px solid #dadada;
   background-color: #f8f8f8; }
   
#comment_url {
   margin: 0px 0px 4px 16px;
   color: #343434;
   clear: left;
   width: 250px;
   float: left;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif; 
   border: 1px solid #dadada;
   background-color: #f8f8f8; }
   
.comment_reqs {
   margin: 3px 0px 0px 3px;
   float: left;
   color: #616161;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, sans-serif; }
   
#comment_submit {
   margin: 4px 0px 0px 16px; }

#s {
   width: 186px;
   height: 14px;
   font-size: 14px;
   float: left;   
   color:#343434;
   font:Arial, Helvetica, sans-serif;
   padding: 3px 4px 3px 5px;
   background-color:#f8f8f8;
   border: 1px solid #dadada; }

#searchform {
   float: left;
   margin: 10px 0px 0px 23px; }

#searchsubmit {
   width: 69px;
   height: 22px;
   float: left;   
   border: 0px;   
   margin: 0px 0px 0px 4px;
   background-image:url(images/search_submit_form.gif);
   background-repeat: no-repeat; }
  











































#footer {
   bottom: 0;
   float: left;
   margin:auto;
   clear: both;
   width: 1000px;
   height: 18px; }

#clearfooter {
   clear:both;
   height:50px;
   width:100%; }



.ads2010 { margin: 20px 0px 0px 15px; }
.ads728 { margin: 20px 0px 0px 0px; float: left; }