body {
  	padding:0;
      margin:0;
       font-family: arial, sans-serif;
    font-size: 12px;
      background: #ffffff url('http://gfxtuts.com/images/bodybg.gif') repeat-x center top }

bbcode
{
margin-left: 20px;
margin-right: 20px;
border: 1px solid #808080;
}
 
div, table
{
  font-family: arial;
    font-size: 12px;
}

h1
{
  font-family: tahoma;
    font-size: 16px;
color: #41924b;
font-weight: none;
}

h1.pagetitle
{
  font-family: tahoma;
    font-size: 16px;
color: #41924B;
font-weight: none;
}


div.blue { 
	
	background-color: #8BBFD0;
	color: #000000;
	padding: 3px;

}

div.bottomline {
	margin:0px 0px 0px 0px;
	padding:10px 0px 5px 0px;
	border-bottom:1px solid #b5c5d2;


div.white { 
	border: dotted 1px #cccccc; 
	background-color: #ffffff;
	color: #000000;
	padding: 3px;

}
div.blank { 
	border: dotted 1px #ffffff; 
	background-color: #ffffff;
	color: #000000;
	padding: 3px;

}

div.tutdis { 
	border-bottom: dotted 1px #cccccc; 
	padding: 3px;

}


}
div.whitecbg { 
	background-color: #ffffff;
	width : 164px 

}
div.white3bg { 
	background-color: #ffffff;
	height : 156px;
	width : 164px

}



.mainhead
{
    color: #fff;
    background: #19B05C;
    padding: 3px;
    margin: 0px;
    font-size: 21px;
    font-family: arial;
    font-weight: bold;
 }
.content
{
    background: #fff;
    padding: 3px 14px 3px 3px;
    margin: 0px;
    color: #6c6c6c;      
}
.bar
{
    color: #808080;
    background: #CCE7F0;
    padding: 3px 5px 4px 4px;
    border: dashed;
    border-width: 1px;
     margin: 5px;
} 

a
{
    text-decoration: none;
    color: #6c6c6c;
}
a:active, 
a:hover
{
    text-decoration: bold;
    color: #41924B;
}
.mcontentwrap
{
    padding: 1px 1px 1px 1px;
    margin: 5px 15px 5px 0px;
}

.top_info {
	width: 450px;
	color:#888888;
	

}
.top_info_left {
	width: 50px;
	float: right;
	border-right: 1px solid #eee;
}

.top_info img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
.top_info img.center {clear:both; float:none; margin:0; padding:1px; border:1px solid rgb(150,150,150);}
.top_info img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}




.top_info_right {
	padding-left: 2px;
	float: right;
	color:#000;
	font-size:12px;
	width: 390px;
	padding-bottom:17px;
	
}

.tutbar a {
	margin: 0;
	padding: 0px 4px 0px 2px  
	
	color: #777;
	float: left;
	text-decoration: none;
}

.tutbar li {
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
	border-right: 1px solid #fff;
	float: left;
}

.tutwrap {
	padding-top: 3px;
	
}

.searchText
{
     border-style: hidden;
     border-width: 0px;
     color: #000000;
     padding-left:7px;
     padding-right:7px;
     margin-top:2px;
     font-size:8pt;
     background: transparent 
	url("/http://gfxtuts.com/images/lgbg.gif") no-repeat; }
     margin-left:3px;
}

.logbut
{
     padding-left:0px;
     padding-right:0px;
     margin-bottom:0px;
     font-size:8pt;
     line-height:100px;
}

.pageNav {
  float: left;
  font: 11px Tahoma, Arial, Verdana;
  margin-top: 10px;
  padding: 0px 0;
  margin-bottom: 0px;
  text-align: center;
  width: 350px;
}
.pageNav span {
  font-weight: bold;
  padding: 3px 6px 3px 6px;
  border: 1px solid #FFF;
  margin-bottom: 10px;
}
.pageNav a {
  background: #F8FBFC;
  color: #069;
  text-decoration: none;
  padding: 3px 6px 3px 6px;
  border: 1px solid #E2EFF3;
}
.pageNav a:hover {
  border-color: #B7D7E1;
}


div.midtut_container {
	background-image:url(/skin_images/mid_bg1.jpg);
	background-repeat:repeat-x;
	padding:5px;
	}
	div.midtut_row {
		background-color:#FFFFFF;
		border:1px solid #C2D0DC;
		margin-bottom:10px;
		text-align:left;
		}
		div.midtut_rowgold {
			background-image:url(/skin_images/totw_bg.jpg);
			background-repeat:no-repeat;
			}
			div.midtut_rowgold div.midtut_title a {
				color:#936000;
			}
		td.midtut_left {
			padding:5px;
			width:40px;
			}
			div.midtut_dropid {
				padding:2px 0px 2px 0px;
				color:#FFFFFF;
				font-weight:bold;
				text-align:center;
				width:40px;
			}
			div.midtut_dropblue {
				background-color:#C0CEDA;
			}
			div.midtut_dropgreen {
				background-color:#94C439;
			}
			div.midtut_dropgold {
				background-color:#FF9900;
			}
			div.midtut_icon {
				margin-top:5px;
				}
				div.midtut_icon img {
					border:1px solid rgb(150,150,150);
				}
		td.midtut_right {
			padding:5px;
			}
			div.midtut_title {
				
			}
			div.midtut_submit {
				color:#999999;
				margin-top:0px;
				overflow:hidden;
			}
			div.midtut_site {
				color:#999999;
				margin:1px 0px 1px 0px;
			}
			
		div.midtut_bar {
			background-image:url(/skin_images/midtut_barbg.gif);
			background-repeat:repeat-x;
			height:29px;
			font-size:10px;
			color:#476E86;
			text-align:center;
			}
			div.midtut_bar em {
				color:#5EA43A;
				font-style:normal;
			}
			div.midtut_bar td {
				height:28px;
				padding-top:1px;
				border-right:1px solid #D8E1E9;
			}
			div.midtut_bar td.in_views {
				width:100px;
			}
			div.midtut_bar td.in_icons {
				width:100px;
			}
			div.midtut_bar td.in_icons img {
				cursor:pointer;
			}
			div.midtut_bar td.in_icons .in_sleft {
				margin-left:5px;
			}
			div.midtut_bar td.in_icons img {
				margin-top:5px;
			}
			div.midtut_bar td.in_rating {
				width:124px;
				border:none;
			}


div#midtut_tools {
	border-top:5px solid #DCE6ED;
	margin:0px 1px 0px 1px;
}

div.midinfobox {
	background-image:url(/skin_images/midinfobox_bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	border:1px solid #C2D0DC;
	padding:8px;
	margin-bottom:5px;
	text-align:left;
	padding-left:35px;
}

div#midtut_sharebox {
	position:absolute;
	width:313px;
	height:231px;
	z-index:998;
}

div.midtut_below {
	text-align:right;
	margin-top:6px;
	margin-bottom:1px;
	font-size:10px;
	color:#999;
	padding-right:5px;
	}
	div.midtut_below a {
		font-weight:bold;
	}


div.title1 { 
	border-bottom: solid 1px #000000; 
	background: url('images/bar1.gif');
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 2px;
	padding-top: 3px;
	padding-bottom: 3px; 
}