/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #356AA0;}
a:hover {color: #606060;}

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #4C7AB4;
	color: #4c4c4c;
	font: normal 62.5% Tahoma,sans-serif;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
}

.code {
	font-family: "Courier New", Courier, monospace;
	font-size: 11pt;
	max-height: 510px;
	margin: 15px;
	background: #FAFAFA url(http://skilltuts.com/images/code_bg.gif) no-repeat top right;
	border: 1px solid #5C8600;
	padding: 3px;
	overflow: auto;
}
.quote-tutorial
{
	margin: 2px;
	border-left: 5px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	background: #EBF4D7 url(images/quote_bg.gif) top right repeat-y;
	padding: 3px;
	width: 99%;
	font-style: italic;
}
.quote {
	margin: 15px;
	border-left: 5px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	background: #EBF4D7 url(images/quote_bg.gif) top right repeat-y;
	padding: 3px;
	font-style: italic;
}

.post_text {
	border-left: 10px solid #D8E7B7;
	padding-left: 5px;
	color: #000000;
}

input.submit {
	font: 14px Verdana, Arial, Helvetica, sans-serif !important;
	margin: 5px 0 0 3px;
	background-color: #356AA0;
	vertical-align: middle;
	padding:5px;
	border:1px solid #356BA1;
	background: #FFF;
	padding: 3px 8px 0 8px;
	border-top: 0;
	border-left: 0;
}

textarea.stylized, input.stylized {
	font: 12px Verdana, Arial, Helvetica, sans-serif !important;
	margin: 5px 0 0 3px;
	vertical-align: middle;
	background: #D8E7B7;
	border: 1px solid #B2C685;
	border-bottom: 0;
	border-right: 0;
	color: #000;
	padding: 3px 8px 0 8px;
}

h1,h2,h3,h4 {
	padding-top: 6px;
	color: #356AA0;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

/* structure */
.container {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 780px;
}

/* header */
.top {
	padding: 30px 10px 0 10px;

}

/* title */
.header {
	background: #FFFFFF;
	font-size: 1.1em;
	margin: 0 auto;
	height: 135px;
	padding: 10px 10px 5px;
	width: 780px;
}
.header .left, .header .right {
	background: #FFFFFF;
	color: #FFFFFF;
}
.header .left {
	font: normal 3em "Trebuchet MS",sans-serif;
	height: 131px;
	text-align: center;	
	width: 564px;
	background: #EBF4D7 url(images/logo.gif) 
}





#greenbox{
border: 1px solid #B2C685;
width: 208px;
height: 128px;
float: right;
background-color: #EBF4D7;
}

#greenbox ul{
margin: 0;
padding: 0;
page: auto;
list-style-type: none;
background: #EBF4D7 url(images/greenbox.gif) top right repeat-y;
font: normal 11px 'Tahoma', Arial, sans-serif;
}

#greenbox li a{
display: block;
padding: 5px 0;
padding-left: 12px;
padding-right: 3px;
width: 183px;
text-decoration: none;
color: black;
background-color: #EBF4D7;
border-bottom: 0px solid #AAAAAA;
border-left: 8px solid #AAAAAA;
}

#greenbox li a:hover {
background-color: #D8E7B7;
border-left-color: #959191;
text-decoration: underline;
color: #000;
}
#greenbox div.menutitle{
color: white;
border-bottom: 1px solid white;
border-top: 1px solid white;
padding: 6px 0;
padding-left: 9px;
background-color: #B2C685;
font: bold 12px 'Tahoma', Arial, sans-serif;
}

/* navigation */
.navigation {	
	background: #D8E7B7;
	border: 1px solid #B2C685;
	border-color: #B2C685;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}

/* main */
.main {
	float: left;
	border-top: 4px solid #FFF;
}

/* sub navigation */

#bluebox{
border: 1px solid #7CA0CA;
width: 208px;
}

#bluebox ul{
margin: 0;
padding: 0;
page: auto;
list-style-type: none;
background-color: #C3D9FF;
font: normal 11px 'Tahoma', Arial, sans-serif;
}

#bluebox li a{
display: block;
padding: 5px 0;
padding-left: 12px;
padding-right: 3px;
width: 183px;
text-decoration: none;
color: black;
background-color: #C3D9FF;
border-bottom: 0px solid #567CA8;
border-left: 8px solid #7CA0CA;
}

#bluebox li a:hover {
background-color: #356AA0;
border-left-color: #567CA8;
text-decoration: underline;
color: #FFF;
}
#bluebox div.menutitle{
color: white;
border-bottom: 1px solid white;
border-top: 1px solid white;
padding: 6px 0;
padding-left: 9px;
background-color: #356AA0;
font: bold 12px 'Tahoma', Arial, sans-serif;
}

/* CATEGORY LISTING DISPLAY */	
					
div.tut {
	color:#4c4c4c;
	clear:both;
	float:left;
	width:525px;
	padding-left:5px;
	margin:0px;
	font:10px Verdana, Arial, Helvetica, sans-serif !important;
	overflow:hidden;
	background-position:bottom;
	background-color:#EEEEEE;
	border-bottom:1px solid #ECECEC;
	}

div.tut2 {
	color:#4c4c4c;
	clear:both;
	float:left;
	width:525px;
	padding-left:5px;
	margin:0px;
	font:10px Verdana, Arial, Helvetica, sans-serif !important;
	overflow:hidden;
	background-position:bottom;
	background-color:#FFFFFF;
	border-bottom:1px solid #356BA1;
	}

	div.tut_thumb {
		background-repeat:no-repeat;
		float:left;
		margin:12px 0px 0px 0px;
		padding:2px;
		}
	div.tut h4, div.tut h4 a {
			color:#356AA0 !important;
			font:bold 11px Verdana, Arial, Helvetica, sans-serif;
			margin:0px 0px;
			}
			div.tut h4 a:hover {
				color:#000000 !important;
				}

		}
	div.tut2 h4, div.tut2 h4 a {
			color:#356AA0 !important;
			font:bold 11px Verdana, Arial, Helvetica, sans-serif;
			margin:0px 0px;
			}
			div.tut2 h4 a:hover {
				color:#000000 !important;
				}
	div.tut_info {
		float:left;
		margin-left:8px;
		margin-right:8px;
		margin-top:8px;
		padding-bottom:8px;
		width:400px;
	}
	

div.tutrow_right {
	float:right;
	text-align:right;
	width:90px;
	height:30px;
	margin-top:5px;
	overflow:hidden;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
div.tutrow_right img {
margin-right:2px;
}

div.tut a { color:#356AA0; padding:0px !important; margin: 0px; }
div.tut p { margin:2px 0px; padding:0px !important; font:10px Verdana, Arial, Helvetica, sans-serif !important; }
div.tut2 a { color:#356AA0; padding:0px !important; margin: 0px; }
div.tut2 p { margin:2px 0px; padding:0px !important; font:10px Verdana, Arial, Helvetica, sans-serif !important; }


/* content */
.content-tutorial {
	float: left;
	margin: 0px 0;
	padding: 0 0;
	width: 99%;
}

/* content */
.content {
	float: left;
	margin: 10px 0;
	padding: 0 16px;
	width: 531px;
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}
.content p {font-family: "Lucida Sans Unicode",sans-serif;}

/* footer */
.footer {
	color: #4C4C4C;
	font: bold 1em sans-serif;
	text-align: center;
	border-bottom: 2px solid #B2C685;
	border-top: 5px solid #B2C685;
	padding: 6px 0;
	padding-left: 9px;
	background-color: #EBF4D7;
	font: bold 12px 'Tahoma', Arial, sans-serif;
}
.footer a,.footer a:hover {color: #000;}

/* Main Page Boxes */
.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}

	
div.tuthead {
	background-color:#FBFBFB;
	border-bottom:1px solid #E7E7E7;
	overflow:hidden;
	padding-bottom:1px;
	}
	div.tuthead_l {
		float:left;
		width:33%;
		padding:10px;
		background-color:#F4F4F4;
		margin-bottom:1px;
		font-size:10px;
		color:#828282;
		line-height:15px;
		height:45px;
		}
		div.tuthead_l img {
			background-image:url(/skin_images/1/av_bg.gif);
			background-color:#FFFFFF;
			padding:2px;
			margin-right:10px;
		}
	div.tuthead_m {
		float:left;
		width:33%;
		padding:10px;
		margin-bottom:1px;
		font-size:10px;
		}
		div.tuthead_m img.rating {
			margin-right:5px;
		}
		div.tuthead_m div {
			clear:both;
			padding-top:10px;
			}
			div.tuthead_m div img {
				margin-right:2px;
			}
			div.tuthead_m div a.favelink {
				margin-left:30px;
			}
	div.tuthead_r {
		float:left;
		width:33%;
		padding:10px;
		background-color:#F4F4F4;
		margin-bottom:1px;
		font-size:10px;
		height:45px;
		}
		div.tuthead_r img {
			margin-top:-5px;
		}
		div.tuthead_r td.publeft {
			border-right:1px dashed #828282;
			padding-top:5px;
		}
		div.tuthead_r td.pubright {
			padding-top:5px;
			padding-left:10px;
		}
	div.publish_tuthead_bar {
		clear:both;
		color:#828282;
		padding:7px;
		background-color:#EFEFEF;
	}



#indexbox{
width: 530px;
height: 250px;
}


#indexbox div.rbox{
float: right;
width: 244px;
border-bottom: 1px solid white;
border-top: 1px solid white;
padding: 6px 0;
padding-left: 9px;
text-align: center;
background-color: #FFFFFF;
border-left: 8px solid #D8E7B7;
font: bold 12px 'Tahoma', Arial, sans-serif;
}
#indexbox div.lbox{
float: left;
width: 250px;
border-bottom: 1px solid #C3D9FF;
padding: 6px 0;
padding-left: 9px;
background-color: #FFFFFF;
border-left: 8px solid #C3D9FF;
font: bold 12px 'Tahoma', Arial, sans-serif;
}


div.tutindex {
	color:#4c4c4c;
	clear:both;
	float:left;
	width:245px;
	padding-left:5px;
	margin:0px;
	font:10px Verdana, Arial, Helvetica, sans-serif !important;
	overflow:hidden;
	background-position:bottom;
	background-color:#FAFAFA;
	border-bottom:1px solid #ECECEC;
	}

div.tut2index {
	color:#4c4c4c;
	clear:both;
	float:left;
	width:245px;
	padding-left:5px;
	margin:0px;
	font:10px Verdana, Arial, Helvetica, sans-serif !important;
	overflow:hidden;
	background-position:bottom;
	background-color:#FFFFFF;
	border-bottom:1px solid #356BA1;
	}