* {margin: 0; padding: 0;}
html, body {margin: 0; padding: 0;}
body {width: 100%; height: 100%; background: url(/files/gfx/main_bg.gif) 0px 0px fixed #2D2D2D;}
body {text-align: center; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #FFF;}

h2, h3, h4, h5, h6 {text-align: left; font-family: Georgia, "Times New Roman", Times, serif; color: #DD1A7B; font-family: Arial, Helvetica, sans-serif; clear: both;}
h2 {font-size: 3.2em; padding-top: 0.8em; padding-bottom: 0.5em;}
h3 {font-size: 2.3em; padding-top: 0.8em; padding-bottom: 0.8em;}
h4 {font-size: 1.8em; padding-top: 0.8em; padding-bottom: 0.8em;}
h5 {}
h6 {}

a:link,a:visited {}
a:hover,a:active {}

img {border: 0;}

#shadow_bg {width: 100%; height: 100%; background: url(/files/gfx/main_bg_shadow.gif) 0px 0px repeat-x fixed;}
	#pipes_bg {width: 940px; height: 100%; margin: auto; background: url(/files/gfx/pipes_bg.gif) 0px 0px repeat-y #000;}
		#drapes_bg {width: 920px; height: 100%; margin: auto; background: url(/files/gfx/drapes_bg.png) 0px 0px no-repeat;}
			#logo {width: 100%; height: 193px; background: url(/files/gfx/logo_diamond_dolls.jpg) 50% 0px no-repeat;}
				#logo h1 {font-size: 1%; color: #000;}
			#flash_intro {width: 758px; height: 199px; margin: auto;}
			#flash_navigation {width: 520px; height: 100px; margin: auto;}
			#content {width: 520px; margin: auto; padding-top: 0em; padding-bottom: 2em; color: #CCC; /* background: url(/files/gfx/girl_bg.gif) 50% 10px no-repeat; */}
				#content * {text-align: left;}
				#content div.date {display: block; width: 100%; text-align: right;}
				#content .centered {display: block; margin: auto; text-align: center;}
				#content p {line-height: 1.7; padding-top: 0.4em; padding-bottom: 0.4em; font-size: 1.2em;}
				#content ul {padding-left: 2em; font-size: 1.2em; padding-top: 0.4em; padding-bottom: 0.4em;}
				#content a:link,#content a:visited {color: #DD1A7B; text-decoration: none;}
				#content a:hover,#content a:active {text-decoration: underline;}
			#footer {color: #999; font-size: 0.9em; padding-bottom: 2em; padding-top: 6.2em; margin-top: 1em; background: url(/files/gfx/18_bg.png) 50% 0 no-repeat;}
				#footer a:link,#footer a:visited {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #DD1A7B; font-weight: bold; text-decoration: none;}
				#footer a:hover,#footer a:active {color: #2B99D5;}
				#footer a.bm:link,#footer a.bm:visited {color: #999; font-weight: normal; text-decoration: none;}
				#footer a.bm:hover,#footer a.bm:active {color: #999;}
				#footer address {font-style: normal; font-size: 2em; font-weight: bold; color: #FFF; padding: 0.2em;}
					#footer address strong {color: #DD1A7B;}
				
/* Begin Images */
p img {padding: 0; max-width: 100%;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin-left: 15px; margin-bottom: 10px; display: inline; border: 1px solid #000; padding: 2px;}
img.alignleft {padding: 4px; margin-right: 15px; margin-bottom: 10px; display: inline; border: 1px solid #000; padding: 2px;}
.alignright {float: right;}
.alignleft {float: left}
.centered {display: block; margin: auto;}
/* End Images */


/* Extra Classes */
.pink {color: #DD1A7B;}
.bigger {font-size: 1.3em;}
.italic {font-style: italic;}