/* <!-- */
	/* General styles */
    body {
	  text-align:center;
        margin:0;
        padding:0;
	 font:12px arial, tahoma, helvetica;
        border:0;			
        width:100%;
        background:url('http://www.snazzyspace.com/images/background.jpg') repeat #fff;
      	font-size:90%;
    }

#littleban {
	padding:3px;
	text-align:center;
}

#symbols {
	margin:3px 0;
	padding:5px;
	font:25px/30px tahoma, arial;
	font-weight:bold;
}

#symbols a, #symbols a:active, #symbols a:visited, #symbols a:link {
	font:25px/30px arial, tahoma;
	font-weight:normal;
	color:#353535;
	text-decoration:none;
	margin:0 1px;
}
	



#quote {
	margin:10px;
	padding:15px;
	background:#fff8d6;
	-moz-border-radius: 15px;
	border-radius: 15px;
}



#quote2 {
	margin:3px;
	padding:10px;
	background:#efefef;
	-moz-border-radius: 15px;
	border-radius: 15px;
}


#tabler a, #tabler a:link, #tabler a:visited, #tabler a:active {
	text-decoration:none;
	color:#424242;
	font:13px arial;
	font-weight:bold;
}

.lbc a, .lbc a:link, .lbc a:visited, .lbc a:active {
	text-decoration:none;
	color:#666666 !important;
	font:12px arial;
}


input.facey {
	font:30px tahoma, arial;
	padding:8px;
	font-weight:bold;
	margin:5px;

}

#eXTReMe {
	display:none;
}

.previewlinks ul {
	margin:0;
	padding:0;
}

#bigbox {
	background:#eaf2fb;
	margin:5px 0;
	padding:5px;
	border:2px solid #b8cadd;
}

#bigbox span {
	display:block;
}

p.notice {
	background:#fff6c5;
	padding:3px;
	font:14px tahoma;
	color:#91000e;
	border:1px solid #dccc77;
}

textarea.facey {
	width:560px;
	display:block;
	font:25px/27px tahoma, arial;
	color:#183b60;
	padding:5px;
	background:url('http://www.likelobby.com/images/textarea.gif') repeat white;
	border:2px solid #dde9f6;
	height:70px;
}


textarea#codes {
	width:560px;
	display:block;
	font:11px/18px tahoma, arial;
	color:#183b60;
	margin:3px 3px 10px 3px;
	padding:3px;
	background:url('http://www.likelobby.com/images/textarea.gif') repeat white;
	border:1px solid #dde9f6;
	height:50px;
}

textarea#coders {
	width:330px;
	display:block;
	height:280px;
	font:11px/18px tahoma, arial;
	color:#183b60;
	margin:3px 3px 10px 3px;
	padding:10px;
	background:url('http://www.snazzyspace.com/images/textarea.gif') repeat white;
	border:1px solid #dde9f6;
}

.previewlinks ul li {
	list-style:none;
	margin:2px 0;
	padding:0;
}

.previewlinks img {
	border:1px solid black;
}

.important {
	margin:5px 0;
	display:block;
	padding:10px;
	font:12px arial;
	font-weight:bold;
	background:#d1ff44;
	color:#000;
}

.important span.results {
	display:block;
	font:18px/22px impact;
	padding:5px;
	letter-spacing:1px;
	color:#FFF;
	background-color:#000;
	text-transform:uppercase;
}	

h3 {
	display:block;
	font:10px/17px arial;
	text-transform:uppercase;
	font-weight:bold;
	padding:3px;
	letter-spacing:1px;
	color:#000;
	background-color:#d1ff44;
}

#viewcodes3, 
#viewcodes2,
#viewcodes1 {
	width:360px;
	padding:5px;
	height:65px;
	border:1px solid #d6d6d6;
	background:url('http://www.snazzyspace.com/images/textarea.gif') repeat white;
	font:11px 'courier new';
	color:#000;
}

#clickcode, .wordsgen2 {
	width:600px;
	height:75px;
	padding:5px;
	border:1px solid #d6d6d6;
	background:url('http://www.snazzyspace.com/images/textarea.gif') repeat white;
	font:11px 'courier new';
	color:#000;
}
.important span.result {
	display:block;
	font:11px arial;
	padding:3px;
}

.instructions {
	margin:5px 0;
	display:block;
	padding:10px;
	font:12px arial;
	font-weight:bold;
	background:#fffbcd;
	color:#373200;
}

.instructions p {
	color:#373200;
	font:13px arial;
	font-weight:bold;
}


.instructions span {
	display:block;
	font:18px/22px impact;
	padding:5px;
	letter-spacing:1px;
	color:#fff;
	background-color:#ff6c00;
	text-transform:uppercase;
}


input.btn {
	padding:8px;
	margin:3px;
	font-weight:bold;
}








.layouthold2 {
	width:195px;
	height:178px;
	position:relative;
	float:left;
	margin:3px;
}

.layoutbg2 {
	position:absolute;
	top:0;
	left:0;
	width:195px;
	height:178px;
}

.newholder2 {
	width:145px;
	height:185px;
	position:relative;
	float:left;
	margin:3px;
}

.newholder {
	width:165px;
	height:146px;
	position:relative;
	float:left;
	margin:13px;
}

.chooseholder {
	width:612px;
	height:200px;
	position:relative;
}

.chooseholderbg {
	position:absolute;
	top:0;
	left:0;
	width:612px;
	height:200px;
}

.choosecover {
	position:absolute;
	top:0;
	left:0;
	width:612px;
	height:200px;
}

.choosecover a span {
	display:none;
}

.choosecover a, .choosecover a:link, .choosecover a:active, .choosecover a:visited {
	position:absolute;
	top:0;
	left:0;
	width:612px;
	height:200px;
	background:url('http://www.snazzyspace.com/img/choosenetwork.gif') no-repeat transparent;
}

.choosecover a:hover {
	background-position:0 -200px;
}

.newbg {
	position:absolute;
	top:0;
	left:0;
	width:165px;
	height:146px;
}

.newbg2 {
	position:absolute;
	top:0;
	left:0;
	width:145px;
	height:185px;
}


.newcover {
	position:absolute;
	top:0;
	left:0;
}

.newcover2 {
	position:absolute;
	top:0;
	left:0;
}

.newcover p {
	position:absolute;
	margin:0;
	padding:0;
	left:10px;
	bottom:5px;
	width:165px;
	height:13px;
	font:10px arial;
	text-transform:uppercase;
	color:#c1c1c1;
}

.newcover2 p {
	position:absolute;
	margin:0;
	padding:0;
	left:10px;
	bottom:5px;
	width:105px;
	height:13px;
	font:10px arial;
	text-transform:uppercase;
	color:#c1c1c1;
}

.newcover a span {
	display:none;
}

.newcover2 a span {
	display:none;
}

.newcover a, .newcover a:link, .newcover a:active, .newcover a:visited {
	position:absolute;
	top:0;
	left:0;
	width:165px;
	height:146px;
	background:url('http://www.snazzyspace.com/img/newcover.gif') no-repeat transparent;
}

.newcover a:hover {
	background-position:0 -146px;
}

.newcover2 a, .newcover2 a:link, .newcover2 a:active, .newcover2 a:visited {
	position:absolute;
	top:0;
	left:0;
	width:145px;
	height:185px;
	background:url('http://www.snazzyspace.com/img/holder2cover.png') no-repeat transparent;
}

.newcover2 a:hover {
	background-position:0 -185px;
}

	

.layouthold {
	width:195px;
	height:273px;
	position:relative;
	float:left;
	margin:3px;
}

.layoutbg {
	position:absolute;
	top:0;
	left:0;
	width:195px;
	height:273px;
}

.layoutcover {
	position:absolute;
	top:0;
	left:0;
}

table {
	margin:0;
	padding:0;
}

.layoutdesc2 {
	color:black;
	font:11px arial;
	font-weight:bold;
	width:164px;
	height:33px;
	text-align:center;
	position:absolute;
	left:10px;
	top:110px;
}

.layoutdesc {
	color:black;
	font:11px arial;
	font-weight:bold;
	width:164px;
	height:33px;
	text-align:center;
	position:absolute;
	left:10px;
	top:200px;
}


.col1 a, .col1 a:link, .col1 a:active, .col1 a:visited {
	color:#2c9eff;
	}

#bgshow {
	position:absolute;
	top:0;
	left:0;
}

#holdem {
	position:relative;
	width:145px;
	height:120px;
	float:left;
	margin:2px;
}


a img {
	border:0;
}

.contentsplit {
	width:612px;
}

.split {
	float:left;
	width:306px;
}

      ::-moz-selection
      {
      background:#ff48db;
      color:#fff;
      }
      ::selection
      {
      background:#ff48db;
      color:#fff;
      }

.skyscrape {
	text-align:center;
	margin:3px 0;
}

#menu {
	position:relative;
	width:1040px;
	height:33px;
}

#menu a img {
	border:0;
	margin:0;
	padding:0;
}

#menu a {
	padding:0;
	margin:0;
}

#containit {
	width:1040px;
	text-align:left;
	margin:0 auto;
}

h2, h1 {

background:#ff38e5;
	background:#ff38e5;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding:3px 10px;
	text-align:left;
	margin:8px;
	color:#fff;
	text-transform:uppercase;
	font:20px arial;
	font-weight:bold;
	font-style:italic;
}

h2 span, h1 span {
	font-weight:bold;
}



	/* Header styles */
    #header {
	position:relative;
	width:1040px;
	height:198px;
    }

	#leaderboard {
		width:728px;
		height:90px;
		position:absolute;
		top:10px;
		right:10px;
	}

	#header {
		border-bottom:1px solid #000;
	}

	#header h1 span {
	display:none;
	}

	#header h1 {
		background:url('http://www.snazzyspace.com/images/logo.gif') no-repeat transparent;
		width:257px;
		margin:0;
		padding:0;
		height:135px;
	}


	/* 'widths' sub menu */
	#layoutdims {
		color:#dddddd;
		clear:both;
		background:#2e2e2e;
		border-top:4px solid #000;
		margin:0;
		font:12px arial;
		padding:6px 15px !important;
		text-align:right;
	}

	#layoutdims a, #layoutdims a:link, #layoutdims a:active, #layoutdims a:visited {
		color:#b8b8b8;
		font-weight:normal;
		text-decoration:none;
	}

	#layoutdims a:hover {
		text-decoration:underline;
		color:#ff48db;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:#efefef;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        background:#efefef;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
    }

.sharer {
	text-align:center;
	position:absolute;
	background:#efefef;
	padding:5px 2px;
	top:150px;
	left:-70px;
	width:70px;
	height:210px;
}

.col3 h2 {
	background:#f8f8f8;
	color:#2e2e2e;
	display:block;
	padding:2px 10px;
	margin:2px 0;
	font:20px arial;
	font-weight:bold;
}
	

.col3 ul {
	padding:0;
	margin:0 0 5px 0;
}

.col3 a img {
	border:0;
}

.col3 ul li {
	list-style:none;
	padding:0;
	margin:0 0 0 0;
}

.col3 ul li a, .col3 ul li a:active, .col3 ul li a:visited, .col3 ul li a:link {
	display:block;
	color:#000000;
	background:url('http://www.snazzyspace.com/images/dots.jpg') repeat-x white;
	background-position:bottom left;
	font:10px/18px arial;
	text-decoration:none;
	padding:2px 3px 2px 8px;
}

.col3 ul li a:hover {
	background:#dedede;
	color:#000000;
}

.links {
	margin:25px 0 10px 0;
}

.links a, .links a:active, .links a:visited, .links a:link {
	display:block;
	padding:1px 10px;
	font:10px arial;
	color:#7b7b7b;
	text-decoration:none;
}

.mediumrectangles {
	width:610px;
	margin:5px 0;
}

.medrec {
	float:left;
	width:300px;
	height:250px;
	margin:0 5px 0 0;
}

.clear, #clear {
	clear:both;
}

.footlead {
	display:block;
	text-align:center;
	margin:3px 0;
}

.footdiv {
	float:left;
	width:310px;
	padding:5px;
	margin:0 5px;
	background:#d6d6d6;
}

.footdiv a, .footdiv a:link, .footdiv a:active, .footdiv a:visited {
	display:block;
	font:11px/18px arial;
	padding:2px 10px;
	text-decoration:none;
	color:#4c4c4c;
}

.footdiv a:hover {
	text-decoration:underline;
}

.foothead {
	display:block;
	background:url('http://www.snazzyspace.com/images/dots.jpg') repeat-x white;
	background-position:bottom left;
	margin:5px 2px;
	padding:2px 5px;
	font:15px/20px arial;
	font-weight:bold;
	color:#757575;
}

    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	/* Footer styles */
	#footer {
        clear:both;
        width:1010px;
	background:#eaeaea;
	color:#757575;
	font:10px arial;
	margin:0 15px 10px 15px;
    }
    #footer p {
        padding:10px;
        margin:0;
    }


.categories {
	display:block;
	padding:3px;
	background-color:#b0b0b0;
	border:4px solid #d4d4d4;
	color:white;
	font:11px arial;
	font-weight:bold;
}	

.categories span.head {
	display:block;
	font:13px/17px arial;
	color:white;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:bold;
	margin:0;
	background:#202020;
	padding:5px 10px;
}

.cathold {
	float:left;
	width:145px;
	margin:2px;
}

.categories a, .categories a:link, .categories a:active, .categories a:visited {
	font:10px arial;
	margin:3px;
	color:#000;
	text-decoration:none;
	background:#d2d2d2;
	text-transform:uppercase;
	display:block;
	padding:3px 3px 3px 5px;
}

.categories a:hover {
	background:#ff35c9;
	color:white;
	padding:3px 3px 3px 10px;
}


.pagination {
	text-align:center;
	padding:5px;
	background:#f7f7f7;
}

.pagination span.disabled {
	display:none;
}

.pagination a, .pagination a:link, .pagination a:visited {
	font:20px arial;
	font-weight:bold;
	text-decoration:none;
	padding:2px;
	color:#ff48db;
}

.pagination a:hover {
	font:25px arial;
	font-weight:bold;
	color:#ff48db;
}

.pagination a.next {
	margin:0 0 0 10px;
	font:20px arial;
	font-weight:bold;
	color:#ff48db;
}

.pagination a.prev {
	margin:0 10px 0 0;
	font:20px arial;
	font-weight:bold;
	color:#ff48db;
}

.pagination span.current {
	font:30px arial;
	font-weight:bold;
	color:#595959;
}


.backgroundpreview {
	position:relative;
	float:left;
	width:206px;
	height:700px;
	border:3px solid white;
}

.backgroundpreview a span {
	display:none;
}

.backgroundpreview a, .backgroundpreview a:link, .backgroundpreview a:active, .backgroundpreview a:visited {
	position:absolute;
	top:0;
	left:0;
	width:206px;
	height:700px;
	background:url('http://www.snazzyspace.com/img/typeselector.gif') no-repeat transparent;
}

.backgroundpreview a:hover {
	background-position:0 -700px;
}

.codesselect {
	float:left;
	width:370px;
	margin:0 0 0 10px;
}

.codesselect span {
	display:block;
}



    /* --> */