/* light blue: #edeff4; dk blue: #d8dfea darker blue: #3b5998 */


#wrapper { 
	background:#fff url(http://www.hyperarts.com/facebook/templates/_img/fb_wrapper-bg.gif) no-repeat;
	width:520px;
	padding:0;margin:0 auto;
	font: 14px/150% 'century gothic',verdana,arial,helvetica,sans-serif;
	color:#666;
	}

/* IF BACKGROUND SHADOW TOO SHORT, UNCOMMENT THIS

	#wrapper { background-image:url(http://www.hyperarts.com/facebook/templates/_img/fb_wrapper-bg-long.gif); }
	
*/	
	
/* bottom shadow for wrapper */

	#bottom { 
		height:16px;
		padding:0; margin:0;
		background:#fff url(http://www.hyperarts.com/facebook/templates/_img/fb_wrapper-bot.gif) no-repeat;
		}

	#container { padding:0 20px; text-align:left; }
	
/* GENERAL STYLES */
	
	p, td, li { 
		font: 14px/140% 'century gothic',verdana,arial,helvetica,sans-serif;
		}
	
	a { outline: none; }

	
	p { text-align:left; margin:0 10px 1em; }


	ul { padding-left:15px;	margin-left:15px;}
		
	ul li {
		list-style-image:url(URL TO BULLET IMAGE, IF USING);
		list-style-type:circle;
		color:#333;
		margin:0 0 .6em;
		}

	input { 
		border:1px solid #ccc;
		width:200px;
		font-size:16px;
		}

	
	h1, h2, h3, h4 { font: 14px/125% arial,helvetica,sans-serif;}
	

		/* h1 tag contains your logo */

		h1 { 
			background: transparent url(http://www.discoverenter.biz/facebook/img/top.jpg) no-repeat 520px 10px;
			height: 100px; width:100%;
			clear:both;
			margin-bottom:2em;
			}

		h2 { 
			width:100%;
			font-size:16px;
			color:#333;
			text-align:left;
			margin:.5em 0 .5em 10px; padding:0;
			}
		
			h2.fancy { 
				background:#edeff4;
				border:1px solid #d8dfea;
				color:#3b5998;
				margin:.5em 0; padding:2px 0;
				text-align:center;
				}

		/* FONT FORMATTING */			
		.center { text-align:center; }		
		.right { text-align:right; }
		.italic { font-style:italic; }
		.red { color:#c00; }

		/* IMAGES & CONTAINERS FORMATTING */		
		.float-left { float:left; margin:0 12px 8px 0; }
		.float-right { float:right; margin:0 0 8px 12px; }		
		
		.nopadding { padding:0; }
		.nomargin { margin:0; }
		.noborder { border:0; }
		
		
		.clear	{ font-size: 1px; line-height: 1px; height: -1%; clear:both; }

		#share { width: 64px; }
			
		#social-icons {
			width: 152px;
			margin: 30px auto 0;
			clear:both;
			}		

			#socialicons img { float:left; margin-right:10px; }
		
			#socialicons a img { border:0; }
	





/* HyperArts Credit style */	
#hyperarts { text-align:center; font-size:10px; margin-top:3em; }
	#hyperarts a { text-decoration:none; color:#aaa; }