/* ------------ */
/* reset styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
ol, ul			{ list-style:none; }
blockquote, q	{ quotes:none; }
:focus			{ outline:0; }
ins				{ text-decoration:none; }
del				{ text-decoration:line-through; }
/* tables still need 'cellspacing="0"' in markup */
table 
{
	border-collapse:collapse;
	border-spacing:0;
}
input[type=radio],
input[type=submit],
input[type=checkbox]
{
	width:auto;
}

.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* hides from IE-mac \*/
* html .clearfix { height:1%; }
/* end hide */

.clear-me { clear:both; }

/* ------------------------------- Typography --*/

h1 { font-size:22px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }


/* -- Links --*/
a, a:Visited { color:#b32420; text-decoration:none; }
a:Hover { text-decoration:underline; }

/* ---------------------------------------------------- */
/* layout and positioning */
/* ---------------------------------------------------- */
body 
{
	width:100%;
	height:100%;
	font-family:Verdana, Arial, Sans-Serif;
	color:#222222;
	font-size:12px;
	background:#fff;
}

.site-wrapper
{
	width:882px;
	margin:0 auto;
}

.content-wrapper
{
	position:relative;
	width:842px;
	height:467px;
	background:url('http://www.markrapp.com/winesongs/images/bg.gif') no-repeat left top;
	padding:35px 20px 0px 20px;
	margin-top:30px;
}

.left-content
{
	float:left;
	width:580px;
	height:auto;
}

.left-content h1
{
	color:#b32420;
	font-weight:normal;
	margin-bottom:15px;
	letter-spacing:-1px;
}

.left-content p,
.footer-wrapper p { padding-bottom:15px; line-height:17px; }

.poem-wrapper,
.player-wrapper
{
	float:left;
	width:290px;
	height:auto;
	color:#6c6b6b;
	font-family:Tahoma;
	margin-top:20px;
}

.player-wrapper { float:right; }

.poem-wrapper span,
.player-wrapper span { display:block; font-size:11px; margin-bottom:4px; }

.poem-wrapper p,
.player-wrapper p { font-style:italic; }

.right-content
{
	float:right;
	width:260px;
	height:auto;
	text-align:center;
}
.right-content img { margin:10px 0; }

.pem-logo,
.share-this 
{	
	position:absolute;
	bottom:20px;
	left:20px;	
}

.share-this { left:140px; }

.flash-player
{
	float:left;
	width:270px;
	height:auto;
}

.footer-wrapper
{
	text-align:center;
	padding:30px 0;
}

.email-input
{
	font-size:12px;
	font-family:Arial;
	color:#555555;
	width:150px;
	float:left;
	height:18px;
	padding:0;
	margin:0 5px;
	border:dotted 1px #b32420;
}