@charset "utf-8";

/* Design and globals */

* {margin:0; padding:0;}

div.clear {clear:both;}

body {background:#5e6415 url(images/bgstr.jpg) repeat-x;}

div#container {width:783px; background:url(images/undermenuwhite.gif) repeat-x; margin:0 auto;}

	/* Design: Top */

div#logo {width:350px; height:191px; background:url(images/topimg.jpg) no-repeat; margin-bottom:6px; float:left;}

div#rightbar {width:433px; float:right;}

div#search {width:392px; height:77px; background:#ffffff url(images/searchbg.jpg) repeat-x bottom; clear:both;}

div#searchimg {width:34px; height:77px; background:url(images/searchstart.jpg) no-repeat bottom; float:left;}

div#searchbox {width:358px; height:77px; background:url(images/searchend.jpg) no-repeat right; float:right;}

div#searchbar {width:340px; margin-top:15px;}

	/* Design: Content */

div#content {width:783px; background:#FFFFFF url(images/rightupcorner.jpg) no-repeat top right; padding:15px 0; clear:both;}

div#contentset {width:749px; background:url(images/contentvstrip.gif) repeat-y right; margin:0 auto;}

div#contentsetfull {width:749px; margin:0 auto;}

div#leftcontent {width:557px; float:left}

div#rightcontent {width:165px; float:right;}

	/* Design: Footer */

div#footer {width:783px; height:46px; background:#FFFFFF url(images/footbg.jpg) no-repeat bottom; margin-bottom:10px;}

div#footertext {width:749px; height:46px; border-top:#f0f0f0 1px solid; font:10px Tahoma, sans-serif; color:#625454; margin:0 auto;}

div#footertext p.left {margin-top:5px; float:left;}

div#footertext p.right {margin-top:9px; float:right;}

	/* Design: Menu */

ul#menu {width:433px; height:83px; background:url(images/menurightcorner.jpg) no-repeat top right; margin-bottom:14px; float:left;}

ul#menu li {list-style-type:none; float:left; margin-left:3px; display:inline; }

ul#menu span {visibility:hidden;}

ul#menu li a {width:104px; height:83px; text-decoration:none; float:left; display:block;}

ul#menu li a:hover {background-position:-104px 0;}

li#home a  {background:url(images/home.jpg) no-repeat 0 0;}

li#tutorials a  {background:url(images/tutorials.jpg) no-repeat 0 0;}

li#templates a  {background:url(images/templates.jpg) no-repeat 0 0;}

li#contact a  {background:url(images/contact.jpg) no-repeat 0 0;}

/* Text and paragraphs */

	/* Text Containers */

div.news {margin-top:20px;}

div.tutcontainer {border-bottom:#f0f0f0 1px solid; margin-top:20px; padding-bottom:10px;}

div.tutinfo {width:430px; float:left; display:inline;}

div.tutthumb {width:84px; height:84px; border:solid 3px #dfdada; margin-top:12px; float:right;}

	/* Headers */

h1 {height:26px; background:url(images/headerarrow.gif) no-repeat left; border-bottom:#f0f0f0 1px solid; font:bold 12px/24px Verdana, sans-serif; padding-left:20px;}

h2 {font:bold 12px/14.1px Verdana, sans-serif;}

h2 span {color:#5e6416; text-decoration:underline;}

	/* Paragraphs */

div#content p {font:10px/14.1px Verdana, sans-serif;}

div#news p {margin:8px 0;}

p.intro {text-indent:50px; margin:8px 0;}

p.date {color:#c4c4c4; margin-bottom:0;}

p.tutbar {margin-top:4px; padding-bottom:1px;}

p.tutbar span {padding-top:4px; padding-bottom:4px;}

p.strong {margin-top:6px;}

	/* Links */

a {color:#5e6416; font-weight:bold;}

div.tuttext a {font-weight:bold;}

/* Paginate */

div#pagination {width:137px; margin:0 auto; padding-top:20px;}

div#pagination ul { list-style-type:none;}

div#pagination li {float:left; display:block;}

div#pagination span {display:none}

div#pagination li.num {margin-left:3px;}

div#pagination li.pgn1st {margin-right:1px;}

div#pagination li.pgnprev {margin-right:5px;}

div#pagination li.pgnnext {margin-left:8px;}

div#pagination li.pgnlast {margin-left:1px;}

div#pagination a {width:16px; height:16px; text-decoration:none; background:url(images/pagin/paginnum.gif) no-repeat; font:bold 9px/15px Verdana, sans-serif; color:#fefefe; text-align:center; float:left; display:block;}

div#pagination a.active {background:url(images/pagin/paginsctive.gif) no-repeat;}

div#pagination a#paginfirst {background:url(images/pagin/pagin1st.gif) no-repeat;}

div#pagination a#paginfirstnone {background:url(images/pagin/pagin1stnone.gif) no-repeat;}

div#pagination a#paginprev {background:url(images/pagin/paginprev.gif) no-repeat;}

div#pagination a#paginprevnone {background:url(images/pagin/paginprevnone.gif) no-repeat;}

div#pagination a#paginnext {background:url(images/pagin/paginnext.gif) no-repeat;}

div#pagination a#paginnextnone {background:url(images/pagin/paginnextnone.gif) no-repeat;}

div#pagination a#paginlast {background:url(images/pagin/paginlast.gif) no-repeat;}

div#pagination a#paginlastnone {background:url(images/pagin/paginlastnone.gif) no-repeat;}

/* Others for tutorials */

div.tuttext a img {border:0; text-decoration:none;}

h1.tuth1 {float:left; border:0;}

div.tuttext {clear:both; border-top:#f0f0f0 1px solid; padding-top:10px;}

div.tuttext p {font-size:12px !important; line-height:18px !important;}

div#tutseleccontainer {width:423px; height:423px; margin:0 auto;}

ul#tutselect {list-style-type:none;}

ul#tutselect li a {width:206px; height:206px; text-decoration:none; display:block;}

ul#tutselect li {width:206px; height:206px;}

ul#tutselect span {visibility:hidden;}

ul#tutselect li a:hover {background-position:-206px 0;}

li#css {float:left; margin-bottom:11px;}

li#php {float:right; margin-bottom:11px;}

li#web {float:right;}

li#photoshop {float:left;}

li#css a {background:url(images/tutorials/css.jpg) no-repeat 0 0;}

li#photoshop a {background:url(images/tutorials/photoshop.jpg) no-repeat 0 0;}

li#php a {background:url(images/tutorials/php.jpg) no-repeat 0 0;}

li#web a {background:url(images/tutorials/web.jpg) no-repeat 0 0;}

	/* Tutorial description bar */
	
span.counter {background:url(images/tutorials/hitcount.gif) no-repeat left; padding-left:19px;}

span.comments {background:url(images/tutorials/comments.gif) no-repeat left; padding-left:19px; margin-left:5px;}

span.ratings {margin-left:2px;}

span.ratings span {padding-left:95px;}

span.rate0 {background:url(images/tutorials/rate/0.gif) no-repeat left;}

span.rate1 {background:url(images/tutorials/rate/1.gif) no-repeat left;}

span.rate2 {background:url(images/tutorials/rate/2.gif) no-repeat left;}

span.rate3 {background:url(images/tutorials/rate/3.gif) no-repeat left;}

span.rate4 {background:url(images/tutorials/rate/4.gif) no-repeat left;}

span.rate5 {background:url(images/tutorials/rate/5.gif) no-repeat left; padding-left:91px;}

p.tutdescript {height:58px;}

	/* Tutorial comments */
	
div.comments {clear:both; padding-top:20px;}

div.usercomments { border-left:5px #5f9217 solid; margin-top:10px; margin-bottom:10px; padding-left:10px;}

input.comment {width:97px; height:28px; background-image:url(images/comment.gif); border:0; margin-top:8px;}

/* Templates table */

table.templateselect {width:557px; border:0; margin:0 auto;}

td.thumbtemplate {width:136px;}

td.thumbtemplate img {border:solid 3px #dfdada;}

td.templatedescript {width:130px;}

/* Contact page */

ul#contactlist {font:10px/14.1px Verdana, sans-serif; list-style-type:circle; margin-left:20px;}

	/* Contact form */

form {margin:0}

form p {margin: 0 0 5px 0;}

.formbox {width: 250px;}

fieldset {border: none;}

label {font-weight: bold; display: block;}

input#send {width:97px; height:28px; background-image:url(images/sendmail.gif); border:0; margin-top:8px;}

div#contactform {width:505px; margin:0 auto; padding:30px 0;}

.warning {color:#FF0000; margin-top:10px; text-align:center;}

.mailsent {color:#5f9410; margin-top:10px; text-align:center;}

/* Templates page */

p.tplinfo { width:130px; height:96px;}

/* GeSHi (c) Nigel McNie 2004 (http://qbnz.com/highlighter) */
.css .de1, .css .de2, .html4strict .de1, .html4strict .de2, .mysql .de1, .mysql .de2, .php .de1, .php .de2 {font-weight:normal;background:transparent;color:#000099; padding-left: 5px;}
.css .kw1, .html4strict .kw1, .mysql .kw1, .php .kw1 {color: #006600;}
.css .kw2, .html4strict .kw2, .mysql .kw2, .php .kw2 {color: #000000;}
.css .kw3, .html4strict .kw3, .mysql .kw3, .php .kw3 {color: #0000ff;}
.css .kw4, .html4strict .kw4, .mysql .kw4, .php .kw4 {color: #f63333;}
.css .co1, .css .co2, .css .coMULTI, .html4strict .co1, .html4strict .co2, .html4strict .coMULTI, .mysql .co1, .mysql .co2, .mysql .coMULTI, .php .co1, .php .co2, .php .coMULTI {color: #ff9900;}
.css .es0, .html4strict .es0, .mysql .es0, .php .es0 {color: #000033; font-weight: bold;}
.css .br0, .html4strict .br0, .mysql .br0, .php .br0 {color: #000099;}
.css .st0, .html4strict .st0, .mysql .st0, .php .st0 {color: #cc0000;}
.css .nu0, .html4strict .nu0, .mysql .nu0, .php .nu0 {color: #ff0000;}
.css .me0, .html4strict .me0, .mysql .me0, .php .me0 {color: #006600;}
.re_global {color: #0066ff;}
div.coded {height:300px; overflow: auto; padding-left:5px; border:#f0f0f0 1px solid; margin-top:10px; margin-bottom:10px; font-size:12px}
div.codedshort {padding-left:5px; border:#f0f0f0 1px solid; margin-top:10px; margin-bottom:10px; font-size:12px; background-color: #FCFCFC}
.phpstartend {color: #FF0000; font-weight: bold;}


/* Star rating */

ul.star-rating { margin-top:5px;}

.ratebody { float:right}

.ratedescr {float:left; font:bold 12px/15px Verdana, sans-serif; height:16px; display:block; margin-top:4px; margin-right:4px;}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:90px;
	height:16px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:16px;
	line-height:16px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}


/* Adsense */

div.topad {text-align:center; padding-bottom:10px;}

div.topad h2 {margin-bottom:5px;}

div.topad h2 span {color:#5f9410; text-decoration:none}

div.topad img { border:0;}

.center {text-align:center;}

div.sensethumb {background:url(uploaded/tutorials/adthumb.jpg) top right no-repeat;}

span.adsensemenu {float:right; /*border:1px #f0f0f0 solid; margin:4px; padding:4px; background-color: #FCFCFC*/}

span.adsenseblock {display:block;}

span.adsensetuthalf {float:right; width:234px; height:60px; display:block;}

h3 {font:bold 12px/14.1px Verdana, sans-serif; margin-top:15px;}

#www_address {
visibility: hidden;
height:1px;
}