html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Forms */
form {

	width: 586px;
	padding-top:1px;

}
fieldset {
	border: 0px solid #ccc;
	margin-top: 20px;
	padding: 10px 20px;
}
fieldset legend {
	color: #666;
	font-size: 22px;
	font-weight: bold;
	padding: 0px;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}

fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 0em;
	padding: .5em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}

label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}
input, textarea {
	clear: both;
	font-size: 140%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: 100%;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	font-size: 100%;
	padding: 2px 5px;
	width:200px;
	position:relative;
	margin-bottom:20px;
	margin-left:12px;
}
form div.submit {
	font-size: 100%;
	padding: 2px 5px;
	width:200px;
	position:relative;
	margin-bottom:20px;
	margin-left:12px;
}

#TutorialAddSuggestionForm p {font-family:Arial, Helvetica, sans-serif; line-height: 24px; margin-bottom: 10px;}

/* Notices and Errors */
div.message {
	float: left;
	width: 430px;
	color: #666;
	font-size: 115%;
	font-weight: normal;
	margin: 1em 1em;
	padding:20px; padding-left: 60px;
	background-color:#FFC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	background-image:url(http://www.tutorialmagazine.com/img/message_info.png);
	background-repeat:no-repeat;
	background-position: 17px 15px;
	border: 1px solid #CCC;
	
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	background:#fff;
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}


body {
	background: #1f1f1f;
	margin:0px;
	padding:0px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}

#container_container{
	margin:0px;
	margin-left: auto;
	margin-right: auto;
	width: 991px;
	position:relative;
	
}

#container{
	min-height:800px;
	width: 966px;
	padding-left:25px;
	padding-bottom:15px;
	float:left;
	border-bottom:3px solid #282828;
	background-image:url(http://www.tutorialmagazine.com/img/bg_dark.png);
}



#header {
	width:940px;
	height: 130px; 
	text-align: left;
	
	}
	
	#logo {position:relative; top:22px; left:-6px; width:149px; height:63px;}
	#top_menu_bar { position:absolute; top: -18px; right:17px; font-size:14px; color:#999;}
	#top_menu_bar img { position:relative; top: 2px; }
	
	#intro {position:absolute; right:26px; top:35px; width:550px; text-align:right; line-height:130%;}
	


/*=== Top Menu ===*/
#topmenu {
	position:relative;
	top: 25px;
	left:0px;
	margin-bottom:0px;
	width:940px;

}

#rss_menu {
 width:90px;
 position:relative;
 font-size:16px;
 margin-top:77px;
padding-top:0px;


	}
#feed_icon{
float:right;
height:80px;
margin-top:0px;
	}
#feed_count{
float:left;
margin-top:3px;
margin-left:0px;
	}
	#feed_count_number{

	}
	#feed_count_text{
float:left;
	}
	#feed_count_number_popup {  

	background: url(http://www.tutorialmagazine.com/img/rss_popup_bg.png) no-repeat ;
	_background: none;
    width: 210px;  
    height: 60px;  
    position: absolute;  
    top: -20px;  
    left: 670px;  
    text-align: left;  
    display: none;
	padding-top:12px;
	padding-left:20px;
	z-index:2;
}

	
#content {
	float:left;
	width:931px;
	padding:6px;
	padding-bottom:3px;
	padding-top:8px;
	padding-left:5px;
	padding-right:4px;
	text-align: left;
	background-color: #fff;
	margin-top:24px;
	min-height:800px;
	background-image:url(http://www.tutorialmagazine.com/img/white_bg_right_bottom_corner.png); background-position:bottom right; background-repeat:no-repeat;
	
	}	
	
#sidebar {
	float:right;
	width:340px;
	text-align: left; 
	margin-right:5px;
	_width:300px;
	_margin-right:0px;

	}	
#rss {
	width:298px;
	padding: 20px; padding-left:10px;
	margin-top:0px;
	margin-bottom:10px;
	border:0px solid #ccc;
	background-color:#FFFFE1;
	}	
	#rss h2 {
		font-size:20px; _font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; color:#CCC; margin-left:60px;margin-top:-55px;
	}
	#rss p {
		font-size:16px; color:#666;
		margin-left:60px;
		margin-top:2px;
		margin-bottom:0px;
	}
#search_box_container { width:320px; position:absolute; top:85px; left:644px; }	#suggestions #search_box_container {  position:relative; top:-60px; left:0px; width:300px;}	

#ads1 {
	width:298px;
	height:250px;
	padding:15px;
	border:0px solid #ccc;

	}	
	#ad {position:relative;
	left:110px;
	top:5px;
	display:none;}
	
#footer_ad {
	margin:0px;
	width: 976px;
	padding-top:15px;
	padding-bottom:15px;
	float:left;
	border-bottom:3px solid #282828;
	text-align:center;
	background-image:url(http://www.tutorialmagazine.com/img/bg_dark.png);
	margin-bottom:30px;
	}	

#footer {
	margin:0px;
	margin-top:20px;
	width: 976px;
	padding-left:15px;
	float:left;
	border-bottom:3px solid #282828;
	text-align:left;
	background-image:url(http://www.tutorialmagazine.com/img/bg_dark.png);
	margin-bottom:15px;
	}	
	
#footer_center {
	margin:0px;
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	padding-right:10px;
	background-color:#000;
	}	
	#footer #footer_top {width: 940px; float:left; margin-top:5px; margin-bottom:3px; border-top:0px solid #555; }
	#footer_top h1 {padding-top:10px; border-top:0px solid #333;}
	

	#footer #compilations {padding:0px; float:left; margin-bottom:10px; margin-left:10px; padding-bottom:10px; border-bottom:0px solid #333; padding-top:8px;}	
	#footer #compilations h1{color:#eee; font-size:20px; font-family:georgia, serif; margin-bottom:0px;}
	#footer #compilations #compilations_content {padding:0px; float:left;  border:0px solid #222; width:290px; line-height:18px; font-size:14px;}
	#footer #compilations em { font-size:12px; }
	#compilations_content ul 
		{
		list-style-type:disc;
		padding: 0; 
		margin: 10px;; 
	}
		#compilations_content li 
		{
		padding: 0; 
		margin: 5px;
		margin-bottom:10px;
		font-size:16px;
		line-height:16px;
	}
	
	#footer #about {float:left; height:auto; margin-bottom:10px; margin-left:19px; padding-bottom:10px; border-bottom:0px solid #333; font-size:14px;padding-top:8px; }	
	#footer #about #about_content {padding:0px; float:left; border:0px solid #222; width:300px; line-height:18px;}
	#footer #about h1{color:#eee; font-size:20px; font-family:georgia, serif; margin-bottom:0px; }
	#footer #about #about_content p{margin-bottom:7px;}
	
	#footer #friends {float:left; height:auto; margin-bottom:10px; margin-left:19px; padding-bottom:10px; border-bottom:0px solid #333; font-size:14px;padding-top:8px; }	
	#footer #friends #friends_content {padding:0px; float:left; border:0px solid #222; width:300px; line-height:18px;}
	#footer #friends h1{color:#eee; font-size:20px; font-family:georgia, serif; margin-bottom:0px; }
	#footer #friends #friends_content p{margin-bottom:7px;}
	
	#footer_text {
		margin:0px;
		margin-left: auto;
		margin-right: auto; 
		width:930px;
		padding:0px;

		height:25px;
		position:static;
		}
		#footer_text img {border:none; margin-bottom:-3px;}
		.footer_left {color:#585858; float:left; padding-top:24px; padding-bottom:4px; margin-left:11px; font-size:14px;}
		.footer_left strong{color: #8e8e8e; font-weight:normal;}
		.footer_right {float:right; padding-top:4px; padding-bottom:4px; width:500px; text-align:right;}
		* + html #footer{ margin-top:1180px; }
	
	
a:link{color:#54c2d2;; text-decoration:none; }
a:visited{color:#54c2d2; text-decoration:none;}
a:hover{color:#54c2d2; text-decoration:underline;}
a:active{color:#54c2d2; text-decoration:none;}	

#subcategory a:link{color:#666; text-decoration:none; padding:4px; float:left; width: 171px;  border: 1px solid #eee;  margin:1px; background-color:#F0F0F0; display:block;}
#subcategory  a:visited{color:#666; text-decoration:none; padding:4px; float:left; width: 171px;  border: 1px solid #eee;  margin:1px; background-color:#F0F0F0; display:block;}
#subcategory a:hover{color:#fff; text-decoration:underline; background-color:#CCC; border:1px solid #CCC;}
#subcategory a:active{color:#fff; text-decoration:none;}	

#sort_by a:link{color:#999; text-decoration:none;}
#sort_by a:visited{color:#999; text-decoration:none;}
#sort_by a:hover{color:#09C; text-decoration:underline;}
#sort_by a:active{color:#09C; text-decoration:none;}


#select_category li{
	border-left: 0px solid #2e2e2e;
	float: left;
	line-height: 35px;
	font-family:Arial, Helvetica, sans-serif;
}
#select_category li a{
	color: #e0e0e0;
	display: block;
	margin: 0 0px 0 0;
	padding: 0px 20px;
	text-decoration:none;
	
}
#select_category li a:hover, #select_category li.active a{
	color: #ff7800;
	text-decoration: none;

	
}
#select_category p {

	text-decoration: none;
	float:left;
	margin-right:10px;

	
}

/* TUT index */
#separators { 
 width:940px;
clear:both;
float:left;
}

.separator { 
background-image:url(http://www.tutorialmagazine.com/img/separator.png);
width:299px;
height:6px;
float:left;
margin:4px;
margin-left:5px;
margin-right:6px;

}

.separator_ads { 
background-image:url(http://www.tutorialmagazine.com/img/separator_ads.png);
width:299px;
height:10px;
float:left;
margin:0px 4px;
margin-top:1px;
margin-left:5px;
margin-right:6px;

}



.separator_wide { 
background-image:url(http://www.tutorialmagazine.com/img/separator_wide_feat.png);
width:610px;
height:10px;
float:left;
margin:0px 4px;
margin-left:5px;
margin-right:6px;

}
.ad_box {
float:left;
width:938px;
margin:0;
padding-left:6px;
padding-top:6px;
padding-bottom:6px;
background-image:url(http://www.tutorialmagazine.com/img/ad_box_bg_small_wide.png);
background-position:6px 6px;
background-repeat:no-repeat;
}

/* FEATURED TUT */




#featured .container {
	float: left;
	height: 300px;
	width: 300px;
	margin: 0px;
	padding: 0px;
	margin:0px;
	
	background-color: #333;
}
#featured .container_wrapper {position:relative; top:0px; left:0px; width:610px; height:300px;}
#featured .overlay_bg {
	position:absolute;
	bottom:0px;
	width: 580px;
	margin-top:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding:15px;
	height:35px;
	background-color:#232323;
	opacity: .90;
    filter: alpha(opacity = 90);
	overflow:hidden;
   
         
		  
}
#featured .container_img {border:0px; height:300px; width:610px; display:block; background-color:#333; position:absolute; top:0px; left:0px;    }
#featured  em {font-size:15px;}
#featured .type { text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; position: relative; top:-2x; opacity:1; height:30px; }

#featured .type_illustrator { color:#f29223;}.type_photoshop { color:#30ceed;}.type_flash { color:#C30;}.type_design { color:#0C6;}

#featured h2.title 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
	line-height:25px;
	font-weight:bold;
	position:relative;
	display:block;
	width: 570px;
	height:33px;
	text-transform:capitalize;
	margin-top:0px;
	opacity:1;


}
#featured .container_overlay {height:300px; width:610px; position:absolute; top:0px; left:0px;}
#featured .overlay_upper {position: absolute; top:13px; left:15px; width:574px;}
#featured .overlay_bottom { height:20px; width:574px; left:15px; top:50px; _top:20px; position:absolute; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; opacity:0; }

#featured .overlay_bottom h3{ border-bottom:1px solid #666; border-top:0px solid #666; color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:italic; margin-top:5px; padding-bottom:10px; padding-top:6px; margin-bottom:5px; display:block; height:28px; font-weight:normal;}

#featured .overlay_bottom .stars{}
#featured .overlay_bottom .info{ display:inline; position:relative; left:2px; top:-3px; color:#999; font-weight:normal;}
#featured .overlay_bottom .info em {color:#666; font-size:15px;margin-left:2px; margin-right:2px; position:relative;}

/* Regular tuts */

.container {
	float: left;
	height: 300px;
	width: 300px;
	margin: 0px;
	padding: 0px;
	margin:5px;
	background-color: #333;
}
.container_wrapper {position:relative; top:0px; left:0px; width:300px; height:300px;}
.overlay_bg {
	position:absolute;
	bottom:0px;
	width: 270px;
	margin-top:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding:15px;
	height:55px;
	background-color:#232323;
	opacity: .90;
    filter: alpha(opacity = 90);
	overflow:hidden;

}
.container_img {border:0px; height:300px; width:300px; display:block; background-color:#333; position:absolute; top:0px; left:0px;    }

.type { text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; position: relative; top:0px; opacity:1; height:20px; }

.type_illustrator { color:#f29223;}.type_photoshop { color:#30ceed;}.type_flash { color:#C30;}.type_design { color:#0C6;}

h2.title 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
	line-height:22px;
	font-weight:bold;
	position:relative;
	display:block;
	width: 275px;
	height:s3px;
	margin-top:3px;
	text-transform:capitalize;
	opacity:1;


}
.container_overlay {height:300px; width:300px; position:absolute; top:0px; left:0px;}
.overlay_upper {position: absolute; top:13px; left:15px;}
.overlay_bottom { height:20px; width:272px; left:15px; top:75px; _top:76px; position:absolute; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; opacity:0; }

.overlay_bottom h3{ border-bottom:1px solid #666; border-top:0px solid #666; color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:15px; font-style:italic; margin-top:0px; padding-bottom:6px; padding-top:7px; margin-bottom:5px; display:block; height:46px; font-weight:normal;}

.overlay_bottom .stars{}
.overlay_bottom .info{ display:inline; position:relative; left:2px; top:-3px; color:#999; font-weight:normal;}
.overlay_bottom .info em {color:#666; font-size:15px;margin-left:2px; margin-right:2px; position:relative;}

.new_tut { background-image:url(http://www.tutorialmagazine.com/img/page_peel_new.png); width:51px; height:48px;
position:absolute; top:0px; left:0px;}

.new_tut { background-image:url(http://www.tutorialmagazine.com/img/new_tut_img.png); width:75px; height:38px;
position:absolute; top:25px; left:-4px;}

/* ads */

#bsa_ad_spacer {
	width: 940px;
	height:0px;
	float:left;
}

.tut_ad { 
float:left;
height:300px;
margin:8px 17px 12px 2px;
padding:0;
width:300px;
background-color:#333;}



.tut_ad_BSA3 { 
float:left;
clear:none;
height:300px;
padding:8px 0px 0px 2px;
width:300px;
overflow:hidden;
background-image:url(http://www.tutorialmagazine.com/img/ad_box_bg.png);
background-position: 2px 8px;
background-repeat:no-repeat;
margin-left:4px;
margin-right:4px;
margin-top:-2px;
}

#fresh .tut_ad_BSA2 { 
float:left;
height:150px;
padding:0px 0px 0px 0px;
width:934px;
overflow:hidden;
margin-right:0px;

}

.bsap_1239148>a:nth-child(even){
  margin-right:12px;
}

.bsap_1239148>a:nth-child(odd){
  margin-right:4px;
}




.tut_ad_BSA { 
float:left;
height:110px;
padding:6px 0px 0px 6px;
overflow:hidden;
width:928px;
}

#top_tutorials .tut_ad_BSA { 
float:left;
height:100px;
padding:6px 0px 6px 5px;

overflow:hidden;
}




/* Paging */
#paging_spacer {
	width: 940px;
	display:block;
	float:left;
	
}
div.paging {
	margin-right: 23px;
	margin-top: 15px;
	float:right;
	display:inline;
		
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
	display: none;
}
div.paging span {

}

div.paging span.current {
	font-size:20px;
	margin: 5px;
	color:#fff;
	background-color:none;
	display:inline-block;
	
	
}
div.paging a {
	padding: 5px 10px;
	background-color:#333;
	font-size:20px;
	margin-right:3px;
	margin-left:3px;
	border:1px solid #333;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	bottom:0px;
}
div.paging a:hover {
	padding: 5px 10px;
	background-color:#fff;
	font-size:20px;
	color:#333;
}
/* Subcat */

#sort_by {
	position:relative;
	left: 770px;
	top:88px;
	_top: 30px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:150px;
	font-size:12px;
	border:#EEE 0px solid;
	display:none;
	visibility:hidden;


}

#subcategory {
	float:left;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-bottom: 0px;
	margin-left:5px;
	
	width:919px;
	text-align:left;
	padding:6px;
	padding-top:0px;
	padding-right: 0px;
 	padding-bottom:0px;
	padding-left:0px;
	
}
.header {float:left;font-family:Arial, Helvetica, sans-serif; font-size:24px; 
margin-bottom: 7px; text-transform:capitalize; margin-top:5px; _margin-top:15px; width:100%;  border-bottom:1px solid #ccc; padding-bottom:3px;}
.header_photoshop { color:#79bbff; } .header_illustrator { color:#f5b249; } .header_flash { color:#cc4444; } .header_design { color:#5ad75a; }

#subcategory strong{

	font-weight:bold;
}


.hidden {display:none;
}

.categories {}

#breadcrumbs {width:940px; color:#FFF; margin-bottom:0px; text-transform:capitalize; margin-top:0px; padding:10px; font-family:Arial, Helvetica, sans-serif;}	

#topmenu a {
	margin-top:7px; 	font-family:Verdana, Geneva, sans-serif; padding:5px; padding-left:20px; padding-right:20px; 
	padding-top:10px;display:block; width:auto; float:left; height:20px; background-color:#000; margin-right:6px; border-bottom:1px solid #fff;
}
* + html #topmenu a{margin-top:4px; }


#home_current:link, #home_current:visited {background:#fff; border-bottom:0px solid #e2e2e2; color:#666; background-position:top right; background-image:url(http://www.tutorialmagazine.com/img/light_menu_bg_new.png);}
#photoshop_current:link, #photoshop_current:visited {background:#fff; border-bottom:0px solid #e2e2e2; color:#666; background-position:top right; background-image:url(http://www.tutorialmagazine.com/img/light_menu_bg_ps.png);} 
#illustrator_current:link, #illustrator_current:visited {background:#fff; border-bottom:0px solid #e2e2e2; color:#666; background-position:top right; background-image:url(http://www.tutorialmagazine.com/img/light_menu_bg_il.png);} 
#flash_current:link, #flash_current:visited {background:#fff; border-bottom:0px solid #e2e2e2; color:#666; background-position:top right; background-image:url(http://www.tutorialmagazine.com/img/light_menu_bg_fl.png);}  
#design_current:link, #design_current:visited {background:#fff; border-bottom:0px solid #e2e2e2; color:#666; background-position:top right; background-image:url(http://www.tutorialmagazine.com/img/light_menu_bg_ds.png);}   
#blog_current:link, #blog_current:visited {background:#fff; border-bottom:0px solid #e2e2e2; color:#666; background-position:top right; background-image:url(http://www.tutorialmagazine.com/img/light_menu_bg_blog.png);}   

#home:link,#home:visited{color:#FFF; background-color:#ccc; background-image:url(http://www.tutorialmagazine.com/img/light_menu_bg_new_notcurrent.png); background-position:top right; background-repeat:none;}
#photoshop:link,#photoshop:visited{  color:#FFF; background-color:#56c7d8; background-image:url(http://www.tutorialmagazine.com/img/light_menu_bg_ps_notcurrent.png); background-position:top right; background-repeat:none;}
#illustrator:link,#illustrator:visited{ color:#FFF; background-color:#f0bb2b; background-image:url(http://www.tutorialmagazine.com/img/light_menu_bg_il_notcurrent.png); background-position:top right; background-repeat:none;}
#flash:link,#flash:visited{  color:#FFF; background-color:#f0422b; background-image:url(http://www.tutorialmagazine.com/img/light_menu_bg_fl_notcurrent.png); background-position:top right; background-repeat:none;}
#design:link,#design:visited{ color:#FFF; background-color:#56ce36; background-image:url(http://www.tutorialmagazine.com/img/light_menu_bg_ds_notcurrent.png); background-position:top right; background-repeat:none;}
#blog:link,#blog:visited{ color:#FFF; background-color:#de39d4; background-image:url(http://www.tutorialmagazine.com/img/light_menu_bg_blog_notcurrent.png); background-position:top right; background-repeat:none;}

#home:hover,#home:active{color:#FFF; text-decoration:none;}
#ps:hover,#ps:active{color:#FFF; text-decoration:none}
#il:hover,#il:active{color:#FFF; text-decoration:none}

#topmenu a:hover {text-decoration:none; opacity: 0.9;}

#page_peel {display:none; float:left; margin-top:-33px;  bottom:0px; height:33px; width:100px; background-image:url(http://www.tutorialmagazine.com/img/page_peel.png);}

/* VIEW TUT */
#ad_view_tut { position:absolute;
top:67px;
height:60px;
width:100%;
}
#view_tut_container{ padding:12px 21px; width:300px; float:left; margin-left:15px; margin-bottom:30px;}
.view_tut_container_link {padding:8px; border:1px solid #666; margin-top:5px; float:right;}

/* Overlay */

#top_div_overlay {
background-image:url();
background-repeat:repeat-x;
background-color:#333;
position:absolute;
top:0px;
left:0px;
height:60px;
width:100%;
}

#centered {
margin:0px auto;
width: 980px;

height:60px;
z-index:10;
line-height:22px;
}
#centered_ad {
margin:0px auto;
width: 980px;
padding-left:8px;
height:30px;
z-index:10;
}
#frame {
margin-top:30px;
height: 800px;
}

.logo_link, .logo_link:visited, .logo_link:active {
	background-image:url(http://www.tutorialmagazine.com/img/light_logo_small.png);
	width:84px;
	height: 35px;
	display:block;
	margin-top: 2px;
	margin-left:6px;
	float:left;
	}
	

.spacer	{
	float:left;
	padding-top:7px;
	padding-left: 12px; padding-right:15px;
	}
	
	.spacer2	{
	margin-left:70px;

	}
	#top_bar_google_ad	{
	
	float:left;
	padding-top:12px;
	padding-left: 0px; padding-right:0px;
	width:468px; 
	height:20px;
	text-align:left;

	}

#stars {
	text-align:left;
	width:120px;
	float:left;
	clear:none;
	margin-top: 8px; height: 30px;
}

#rating_text {
	float:left;
	padding-right:10px;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top: 8px;
	
	}


#show_me_text {
	float:left;
	padding-right:0px;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top: 8px;
	}
#close {
	float:right;
	padding-right:0px;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top: 8px;
	}
	
#suggest_tut_box {
	float: left;
	width: 895px;
	color: #666;
	font-size: 100%;
	font-weight: normal;
	margin: 10px 0 5px 0;
	padding:10px; padding-left: 35px;
	background-color:#FFC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	background-image:url(http://www.tutorialmagazine.com/img/add.png);
	background-repeat:no-repeat;
	background-position: 10px 12px;
	border: 0px solid #CCC;
	border-left: 0px solid #eee;
	line-height:20px;
}	
	
#suggest_tut_box a:link, #suggest_tut_box a:visited{
	text-decoration:underline;
}

/* Suggestions page */

#admin_suggestions h1 {font-size:22px; margin-top:20px; color:#666;}
#SuggestionAddForm p {font-size:17px; font-family:Arial, Helvetica, sans-serif;color:#666; line-height:22px;}
#SuggestionAddForm  {width:100%;}
#SuggestionAddForm em {font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:25px; color:#999; display:block; margin-bottom: 40px;}
#admin_suggestions table {
width:100%;
border-top:1px solid #e5eff8;
border-right:1px solid #e5eff8;
margin:1em auto;
border-collapse:collapse;
}
#suggestions_table td {
color:#678197;
border-bottom:1px solid #e5eff8;
border-left:1px solid #e5eff8;
padding:.3em 1em;
text-align:left;
}
.altrow_suggestions {background-color: #f7f7f7;}

/** ADMIN page **/
#admin #sidebar {display:none;}
#admin_index #sidebar {display:none;}

#admin_add_tut {
	margin-top: 30px;
float:left;
background-color:#f9f9f9;
border:1px solid #CCC;
}
#admin_add_tut fieldset{border:none;}
#admin_suggestions {
float:left;

}

#admin_stats {
margin-top: 30px;
float:right;
background-color:#f4feff;
border:1px solid #CCC;
width: 250px;
padding:20px;
}
#admin_stats h1, #admin_stats_hits h1 {font-size:22px; margin-top:0px; color:#666;}
#admin_stats p, #admin_stats_hits p {font-size:18px; margin-top:0px; color:#999; line-height:26px;}
#admin_stats em, #admin_stats_hits em {font-size:22px; margin-top:0px; color:#666; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
#admin_stats strong, #admin_stats_hits strong{font-size:26px; }

#admin_stats_hits {
margin-top: 10px;
float:right;
background-color:#ffffec;
border:1px solid #CCC;
width: 250px;
padding:20px;
}

/* Tables */
.altrow_tutorials {
	background-color:#F8F8F8;
	margin-top:-10px;
	margin-bottom: -10px;
	}
table {
	background: #fff;
	border:1px solid #ccc;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;

}
th {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {

	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
		vertical-align:middle;

}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}
/* Tutorial details / view_detail */

#view_detail h2 { font-size:18px; font-weight:normal; }
#view_detail form { background-color:#f5f5f6;}

/*--- Comments ---*/
#comments_container h1 { font-size:20px; margin-bottom:10px; margin-left:5px; line-height:25px;}
#comments_container_outer {margin-left: 0px; float:left;}
#comments {list-style: none; margin-left: 0; }

#comments li {
	background: #f5f5f6;
	clear: both;
	margin-bottom: 15px;
	padding: 30px;
	position: relative;
	width:526px;
}
#comments li img {
	float:left; margin-right:10px; margin-top:3px; margin-left:-5px; height:32px; width:32px;}
#comments li p {
	margin-left:37px;
	line-height:22px;
	}

.comment-number {
	color: #eaebec;
	font-size: 6em;
	font-weight: bold;
	line-height: 1.1;
	position: absolute;
	right: 0.25em;
	text-decoration: none;
	top: 0;
}

.comment-number:hover {color: #d0d1d3;}
.date { font-size: 0.733em; line-height: 1.9em; color:#999;}
#comments strong {font-size: 18px; font-family:Georgia, "Times New Roman", Times, serif;}
#CommentName { width:300px;}
#CommentEmail { width:300px;}
#CommentUrl { width:300px;}
#CommentComment { height:100px; width: 520px;}

/* TOP tutorials */
#top_tutorials #header_text {margin-bottom:-10px; margin-left:5px;margin-top:2px; text-align:center; width:920px; color:#fff; background-color:#333; padding-top:5px; padding-bottom:10px;}
#top_tutorials #header_text h1 { text-transform:capitalize; font-size:24px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; margin-top:5px; font-style:italic;}
#top_tutorials #header_text p {font-size:17px; color:#999;margin-bottom:10px;}
#top_tutorials .tut_count { position:relative; top:-580px; left:0px; padding:8px; color:#eeca00; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; background-color:#333; display:inline-block; width:40px; text-align:right; opacity:0.9; display:none;}
#retweet{ position:absolute; top:180px;}

#social_bar {width: 888px; height: 82px; margin-top:6px; margin-left:6px; margin-bottom:10px; background-image: url(http://www.tutorialmagazine.com/img/social-icons-bar.png); float:left; text-align:right; padding-right:30px; padding-top:26px;}
#social_bar img {padding-left:10px;}
#social_bar a:hover {opacity:0.8;}

/* Front page CTA */
#twitter_cta { display:none; margin-bottom:25px; margin-left:3px;}

/* Wall of Tutorials */

.wall_img_container {border:0px solid #eee; float:left; padding:0px; margin:2px; background-color:#eee;}

/* SEARCH FORM */
#searchform_live { margin:0px; font-size:18px;  text-align:left; width:321px; }
#searchform_live { margin-left:10px; padding-top:3px; padding-left:3px; margin-top:10px; color:#ccc; background-image: url(http://www.tutorialmagazine.com/img/header_search_bg.png);background-repeat:no-repeat;  }
#searchform_live input { font-size:14px; margin:0px; padding:5px; width:293px; border:1px solid #555; color:#999; background-image: url(http://www.tutorialmagazine.com/img/header_search_bg_inner.png);}
#search_suggestions{ position: relative; left:-12px; margin-top:-7px; width:300px; line-height:normal;}


/* SEARCHRESULTS */
#searchresults { font-family:Arial, Helvetica, sans-serif; text-align:left; position:absolute; z-index:20; border-width:1px; border-color:#919191; border-style:solid; width:309px; background-color:#ccc; font-size:11px; line-height:normal; }
#search_suggestions p{ font-family:Arial, Helvetica, sans-serif; line-height:normal; }
#searchresults a { display:block; background-color:#e4e4e4; clear:left; height:56px; text-decoration:none; }
#searchresults a:hover { background-color:#b7b7b7; color:#ffffff; }
#searchresults a img { float:left; width:44px; height:44px; padding:5px 10px; }
#searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; line-height:normal; }
#searchresults a:hover span.searchheading { color:#ffffff; }
#searchresults a span { color:#555555; }
#searchresults a:hover span { color:#f1f1f1; }

#searchresults span.category_photoshop { text-transform: capitalize; font-size:11px; margin:0px; padding:5px; display:block; color:#ffffff; background-color:#56c7d8; }
#searchresults span.category_illustrator {text-transform: capitalize;  font-size:11px; margin:0px; padding:5px; display:block; color:#ffffff; background-color:#f0bb2b; }
#searchresults span.category_flash{ text-transform: capitalize; font-size:11px; margin:0px; padding:5px; display:block; color:#ffffff; background-color:#f0422b; }
#searchresults span.category_design { text-transform: capitalize; font-size:11px; margin:0px; padding:5px; display:block; color:#ffffff; background-color:#56ce36; }



#searchresults span.seperator { float:left; padding-left:5px; margin-right:5px; font-size: 11px;
		}
#searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#fff; }