* {
	padding: 0px;
	margin: 0px;
}

body{
	background: url('../images/background_border.png') repeat-x, 
				url('../images/bg_gradient.png') -100px -100px fixed; /* Your are probably wondering why I didn't use -webkit-gradient to generate a radial gradient. I simply dunno. Work in progress */ 
	color: #313131;
	font-size: 100%;
	font-family: "Georgia", "Times New Roman", serif;
}

#wrapper{
	width: 640px;
	margin: 100px auto 0px;
}

#main{
	width: 600px;
	padding: 20px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 100px #cecece;
	-moz-box-shadow: 0px 0px 100px #cecece;
	-o-box-shadow: 0px 0px 100px #cecece;
	box-shadow: 0px 0px 100px #cecece;
}

p{
	text-shadow: 1px -1px 2px #ebebeb;
	line-height: 1.8em;
	margin-bottom: 10px;
}

@font-face {
	font-family: 'CartoGothicStdBold';
	src: url('../static/CartoGothicStd-Bold-webfont.eot');
	src: local('☺'), url('../static/CartoGothicStd-Bold-webfont.woff') format('woff'), url('../static/CartoGothicStd-Bold-webfont.ttf') format('truetype'), url('../static/CartoGothicStd-Bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1{
	color: #fff;
	font-family: CartoGothicStdBold, Helvetica, Arial, sans-serif;
	letter-spacing: -2px;
	font-size: 2.5em;
	width: 100%;
	padding: 5px 50px;
	margin: 0px -50px 10px -50px;
	background: url('../images/background_border.png') repeat;
	color: rgba(255,255, 255, 0.9);
	-webkit-box-shadow: 0px 0px 10px #838383;
	-moz-box-shadow: 0px 0px 10px #838383;
	-o-box-shadow: 0px 0px 10px #838383;
	box-shadow: 0px 0px 10px #838383;
}



a{ color: #4683b5; }
a:hover{ text-decoration: none; }
a:active{ top: 1px; left: 1px; position: relative;}

strong{
	text-decoration: none;
	font-weight: bold;
	padding: 1px 2px;
	background: #fef940;
	color: #313131;
	text-shadow: none;
}

#footer{
	padding: 10px 20px;
	font-style: italic;
	font-size: 0.6em;
	text-shadow: 1px 1px #ebebeb;
}