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 a {
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; }
.home h2 a {
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%; }