html { height:100%; }

body {
margin:0;
padding:0;
height:100%;
overflow-y: scroll;
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 {
   width: 125px;
   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 {
   max-width: 100%;
   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;
   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;
  line-height: 150%;
  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; }

.button {
   background: #2465a8;
   color: white;
   border: none;
   border-radius: 3px;
   padding: 5px 10px;
   cursor: pointer;
}

.mgl {
   margin-left: 16px;
}

.space-top-small {
   margin-top: 5px;
}