html{ 
	margin:0;
	padding:0; 
	text-align:center;
	background: #FFBBCD url() fixed repeat top left;
} 

 
body, #pagewidth{ 
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	width:890px;
	background: #fff url(images/bg.png) repeat;
	border-left: 3px solid black;
	border-right: 6px solid black;
}

#header{
	position:relative; 
	height:210px; 
	background-color:; 
	width:100%;
	padding-bottom:.3em;
	border-bottom:0em solid white;
} 

#ads{
	position:relative; 
	height:90px; 
	background: #1CB2F1 url(images/adsbg2.png) no-repeat;
	width:100%;
	text-align:right;
} 

.sideads{
	position:relative; 
	height:600px; 
	background-color:white; 
	width:160px;
}

#rightcol{
	width:160px; 
	float:right; 
	position:relative; 
	font-family:arial;
	font-size:13px;
	text-align:left;
	color:black;
	padding-bottom:1em;
	padding-right:20px;
	padding-left:5px;
}

#rightcol a {color:black; text-decoration:none;}
#rightcol a:hover, a:visited, a:active {color:black; text-decoration:none;}
 

.myspacebasics {
	font-family:arial;
	font-size:11px;
	background-color:;
	padding:.25em;
	width:150px;
	border-bottom:5px dotted #d9d9d9;
	padding-bottom: 1em;
}
.myspacebasics a {color:black; display:block; width:140px; background:#C7DD83 url(images/side5.png) no-repeat; padding-left:10px; text-decoration:none;}
.myspacebasics a:hover {color:black; display:block; width:140px; background:#7BC6E5 url(images/side1.png) no-repeat; padding-left:10px; text-decoration:none;}
.myspacebasics h1 {background-color:#87AA1C;}


.myspacetweaks {
	font-family:arial;
	font-size:11px;
	background-color:;
	padding:.25em;
	width:150px;
	border-bottom:5px dotted #d9d9d9;
	padding-bottom: 1em;
}
.myspacetweaks a {color:black; display:block; width:140px; background:#FFC881 url(images/side6.png) no-repeat; padding-left:10px; text-decoration:none;}
.myspacetweaks a:hover {color:black; display:block; width:140px; background:#FFAA99 url(images/side4.png) no-repeat; padding-left:10px; text-decoration:none;}
.myspacetweaks h1 {background-color:#FA7C00;}


.moretutorials {
	font-family:arial;
	font-size:11px;
	background-color:;
	padding:.25em;
	width:150px;
	border-bottom:5px dotted #d9d9d9;
	padding-bottom: 1em;
}
.moretutorials a {color:black; display:block; width:140px; background:#FF9FDA url(images/side3.png) no-repeat; padding-left:10px; text-decoration:none;}
.moretutorials a:hover {color:black; display:block; width:140px; background:#D0B5FD url(images/side2.png) no-repeat; padding-left:10px; text-decoration:none;}
.moretutorials h1 {background-color:#E20085;}





 
#leftcol{
	width:160px; 
	float:left; 
	position:relative; 
	padding-right:5px;
	padding-left:20px;
	display:block;
}

.features {
	font-family:arial;
	font-size:11px;
	background-color:white;
	padding:.25em;
	width:150px;
	border-bottom:1.25em solid white;
}
.features a {color:black; text-decoration:none;}
.features a:hover {color:white; background-color:#6A2D12;}


.updates {
	font-family:arial;
	font-size:11px;
	background: white url(images/updates.png) no-repeat;
	padding-top:40px;
	padding-left:12px;
	width:150px;
	height:153px;
	margin-bottom:-20px;
	margin-left:4px;
}
.updates a {color:#EE3E64; text-decoration:none;}
.updates a:hover {color:#7843CF; text-decoration:none;}
.updates h1 {color:#44accf; text-align:left; width:100px; margin-left:0em;}

.updates1 {
	width:128px;
	height:75px;
	border:0px;
	overflow:auto;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#D9D9D9;
	scrollbar-3dlight-color:#D9D9D9; 
	scrollbar-shadow-color:#D9D9D9;
	scrollbar-darkshadow-color:#D9D9D9;
	scrollbar-arrow-color:#D9D9D9;
	scrollbar-track-color:#fff;
}

.site {
	font-family:arial;
	font-size:11px;
	background-color:;
	padding:.25em;
	width:150px;
	border-bottom:5px dotted #d9d9d9;
	padding-bottom: 1em;
}
.site a {color:black; display:block; width:140px; background:#FF9FDA url(images/side3.png) no-repeat; padding-left:10px; text-decoration:none;}
.site a:hover {color:black; display:block; width:140px; background:#D0B5FD url(images/side2.png) no-repeat; padding-left:10px; text-decoration:none;}
.site h1 {background-color:#E20085;}


.myspace {
	font-family:arial;
	font-size:11px;
	background-color:;
	padding:.25em;
	width:150px;
	border-bottom:5px dotted #d9d9d9;
	padding-bottom: 1em;
}
.myspace a {color:black; display:block; width:140px; background:#7BC6E5 url(images/side1.png) no-repeat; padding-left:10px; text-decoration:none;}
.myspace a:hover {color:black; display:block; width:140px; background:#D0B5FD url(images/side2.png) no-repeat; padding-left:10px; text-decoration:none;}
.myspace h1 {background-color:#39006A;}


.coolness {
	font-family:arial;
	font-size:11px;
	background-color:;
	padding:.25em;
	width:150px;
	border-bottom:5px dotted #d9d9d9;
	padding-bottom: 1em;
}
.coolness a {color:black; display:block; width:140px; background:#FFAA99 url(images/side4.png) no-repeat; padding-left:10px; text-decoration:none;}
.coolness a:hover {color:black; display:block; width:140px; background:#FF9FDA url(images/side3.png) no-repeat; padding-left:10px; text-decoration:none;}
.coolness h1 {background-color:#F95B34;}

.tutorials {
	font-family:arial;
	font-size:11px;
	background-color:;
	padding:.25em;
	width:150px;
	border-bottom:5px dotted #d9d9d9;
	padding-bottom: 1em;
}
.tutorials a {color:black; display:block; width:140px; background:#C7DD83 url(images/side5.png) no-repeat; padding-left:10px; text-decoration:none;}
.tutorials a:hover {color:black; display:block; width:140px; background:#7BC6E5 url(images/side1.png) no-repeat; padding-left:10px; text-decoration:none;}
.tutorials h1 {background-color:#87AA1C;}


.extras {
	font-family:arial;
	font-size:11px;
	background-color:;
	padding:.25em;
	width:150px;
	border-bottom:5px dotted #d9d9d9;
	padding-bottom: 1em;
}
.extras a {color:black; display:block; width:140px; background:#FFC881 url(images/side6.png) no-repeat; padding-left:10px; text-decoration:none;}
.extras a:hover {color:black; display:block; width:140px; background:#FFAA99 url(images/side4.png) no-repeat; padding-left:10px; text-decoration:none;}
.extras h1 {background-color:#FA7C00;}

.links {
	font-family:arial;
	font-size:11px;
	background-color:;
	padding:.25em;
	width:150px;
	border-bottom:5px dotted #d9d9d9;
	padding-bottom: 1em;
}
.links a {color:black; display:block; width:140px; background:#FF9FDA url(images/side3.png) no-repeat; padding-left:10px; text-decoration:none;}
.links a:hover {color:black; display:block; width:140px; background:#D0B5FD url(images/side2.png) no-repeat; padding-left:10px; text-decoration:none;}
.links h1 {background-color:#E20085;}



h1 {
	color: white;
	background-color:;
	font-size: 1.4em;
	margin: 0;
	margin-bottom: 0em;
	margin-left:.2em;
	width:150px;
	padding: 0em;
	text-align: center;
	letter-spacing: 0em;
}


#maincol{background-color:;  
	float: right; 
	display:inline; 
	position: relative; 
	width:510px;
	font-family:arial;
	font-size:13px;
 }

#maincol a {color:#EE3E64; text-decoration:none;}
#maincol a:hover {color:#7843CF; text-decoration:none;}

#maincol h1{
	background-color:#87AA1C;
	color:white;
	font-size:24px;
	height:30px;
	width:480px;
}

#maincol h2{
	color:#FA7C00;
	font-size:16px;
	width:470px;
	margin-bottom: .25em;
}

#maincol h3{
	color:#EE3E64;
	font-size:14px;
	width:470px;
	margin-bottom: .25em;
}


.backgrounds {
	width:300px;
	height:350px;
	border:0px;
	margin-bottom:1em;
	padding:8px;
}


ul {
	margin-left: 0;
	margin-bottom:0em;
	margin-top:0em;
	padding-left: .3em;
	list-style: none;
}

form {
	margin-top:0em;
	margin-bottom:0em;
}

#footer{
	height:300px; 
	background: #fff url(images/bg.png) repeat;
	clear:both;
	font-family:arial;
	font-size:12px;
	color:#39006A;
	font-weight:;
	padding-top:3em;
	border-bottom: 6px solid black;
	padding-right:18px;
	padding-left:18px;
 } 

#footer a {color:#EE3E64; text-decoration:none;}
#footer a:hover {color:#7843CF; text-decoration:none;}


 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

