/* CSS Document */
.colourdiv { cursor: pointer; border: solid 1px black; width: 100px; text-align: left; padding: 2px 0px 2px 0px;}
body {margin:0px; padding:5px; font-family: verdana; font-size: 12px; background:#FFCCFF}
a {
	color: 0068ff;
	text-decoration:underline;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica;
	font-weight: bold;
	}
/* misc*/
h1 {
	font-family: verdana;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	padding-left: 15px;
	padding-right:0px;
	height:16px;
	background-color: #B6D2B6;
	margin: 0px 0px 0px 0px;
	display:block;
	}
h2 {
	font-size: 12px;
	margin: 0em 0em .5em 0em;
	font-weight: normal;
	}
p {
	margin: 0 10px 10px 10px;
	font-size: .8em;

}

.bginput
{
    background-color: #f8fcfe; 
	border: solid #c6def0; 
	border-width: 1px 1px 1px 1px; 
	font-color: #626161; 
	font-size: 10px;
	font-family: trebuchet MS, arial, verdana;
	}

.button
{
	background: #FFFFFF;
	border: 2px solid #CDDBDE;
	font-size: 10px;
	font-family: trebuchet MS, arial, verdana;
}

/* Layouts */
.pick {
	background-color: #FFFFFF; border-right: solid 1px black; height:10px; padding: 2px 2px 2px 2px; 				
	width:25px; font-size:10px
	}
.colourdiv {
	cursor: pointer; border: solid 1px black; width: 100px; text-align: left; height:10px;}
	
	
	
	
	

/*Newpart*/

html, body  {
	font-family: Arial, "Times New Roman", Verdana, sans-serif, Geneva;
	font-size: 12px;
	text-align: center;
	color: #C5C5C5;
	background-color: #3B3B3B;
	background-image:url(images/bg.jpg);
	background-position:top-left;
	background-repeat:repeat-x;
	padding:0;
	margin:0;
	}
a:link, a:visited, a:active {  
	color: #30D9E4;
	text-decoration: underline;
	}	
a:hover {
	color: #29BCC6;
	text-decoration: underline;
	}
h1 {
	font-size: 12px;
	font-weight: bold;
	}
#wrapper {
min-width:740px;
	width:80%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	}
#main_wrapper {
	background-color:#585858;
	position:relative;
	top:-27px;
	/*width:800px;*/
	}
#header {
	/*min-width:800px;*/
	background-image:url(images/bg.jpg);
	background-position:top-left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	}
#header a {
	display:block;
	}
#navstrip {
	padding:6px;
	border-bottom: 1px solid #1C1C1C;  
	}
#ads {
	padding:6px;
	border-top: 1px solid #747474;
	border-bottom: 1px solid #1C1C1C;
	}
#main_content {
	border-top: 1px solid #747474;
	border-bottom: 1px solid #1C1C1C;
	}
.main_content {
	padding:6px;
	}
.content {
	background-color:#3B3B3B;
	}
.content h1 {
	color:#000000;
	background-image:url(images/contentheaderbg.jpg);
	background-color:#30D9E4;
	padding:0px 0px 0px 10px;
	margin:0px;
	}
.content div {
	padding:10px;
	}
#footer {
	padding:6px;
	background-color:#1C1C1C;
	text-align:center;
	}
.MyspaceLayouts {
	background-color:#3B3B3B;
	/*margin-top:10px;*/
	}
.MyspaceLayouts h1 {
	color:#000000;
	background-image:url(images/contentheaderbg.jpg);
	background-color:#30D9E4;
	padding:0px 0px 0px 10px;
	margin:0px;
	}
.MyspaceLayouts div {
	padding:10px;
	}
.LayoutList {
	float:left; 
	text-align:center;
	margin-left:-10px;
	margin-right:-10px;
	margin-top:-5px;
	margin-bottom:-5px;
	} 
.LayoutList a img{ 
	border:1px solid #000; 
	}
.MyspaceLayouts div {
	text-align:right; 
	padding:10px; 
	text-align:center;
	}	
.clear {
	clear:both;
	}

#navigation { position:relative;}
	
.navioption li a {display:block; width:24px; height:120px; text-indent:-999px; text-decoration:none;}	
.navioption li a.MainMenu {background:url(images/navi_main_menu.jpg);}
.navioption li a.Layouts {background:url(images/navi_layouts.jpg);}
.navioption li a.ContactTables {background:url(images/navi_contact_tables.jpg);}
.navioption li a.Cursors {background:url(images/navi_cursors.jpg);}
.navioption li a.Graphics {background:url(images/navi_graphics.jpg);}
.navioption li a.Generators {background:url(images/navi_generators.jpg);}
.navioption li a.MyspaceTweaks {background:url(images/navi_myspace_tweaks.jpg);}
.navioption li a.Codes {background:url(images/navi_codes.jpg);}
.navioption li a.Links {background:url(images/navi_links.jpg);}
	
.navioption {font-size:11px; padding:0; margin:0; list-style:none; width:24px; height:auto; position:absolute; left:-24px; top:0;}
.navioption ul {padding:0; margin:0; list-style:none;}
.navioption li {display:block; width:24px; height:120px; background:#1C1C1C; float:left; margin-bottom:1px; z-index:1}
.navioption li ul {visibility:hidden; position:absolute; top:0; left:24px; width:400px; height:auto; border-left:1px solid #585858; padding-top:3px; background:#1C1C1C; opacity:0.90; filter:alpha(opacity=90); padding-bottom:5px;}
.navioption li ul li {display:block; display:inline; width:110px; height:22px; border:0; margin:0 10px; background:transparent;}
.navioption li ul li a {text-indent:0; background:transparent; display:block; width:120px; height:22px; line-height:21px; color:#A6A6A6; border-bottom:1px solid #3B3B3B; text-decoration:none; padding-left:5px;}
.navioption li ul li a:active, .navioption li ul li a:visited {color:#A6A6A6; text-decoration:none;}
* html .navioption li a:hover {position:relative; white-space:normal;}
* html .navioption li a:hover ul li a:hover {color:#FFFFFF; background:#27B0B8;}
.navioption li:hover {position:relative;}
.navioption li:hover ul li a:hover {color:#FFFFFF; background:#27B0B8;}
.navioption li:hover ul,
.navioption li a:hover ul { visibility:visible;}