@charset "UTF-8";
/* CSS Document */

body {
background:url(http://www.markromeromusic.com/images/bg.jpg);
background-repeat:repeat-x;
background-color:#a52712;
}

#container {
width:900px;
margin:auto;
}

#top {
background:url(http://www.markromeromusic.com/images/top.png) bottom;
background-repeat:no-repeat;
width:900px;
height:143px;
padding:0;
}

#mid {
background: url(http://www.markromeromusic.com/images/mid.png);
background-repeat: repeat-y;
width:900px;
padding:0;
}

#footer {
background: url(http://www.markromeromusic.com/images/footer.png) top;
background-repeat:no-repeat;
width:900px;
height:52px;
padding:0;
}

#content {
width:820px;
margin:auto;
}

h1 {
font-family:Tahoma;
font-size:22px;
}

h2 {
font-family:Tahoma;
font-size:18px;
line-height:22px;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:16px;
}

ul li  {
list-style:square outside;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:16px;
margin-bottom:10px;
}

.red {
color:#aa0000;
}

.footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:center;
width:600px;
margin:auto;
}


/*Video box*/

#video-wrapper {
width:260px;
height:220px;
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:5px;
background-color:#000000;
}


/*Optin box*/

#optin-wrapper {
width:250px;
float:right;
margin-left:10px;
}

#optin-top {
background:url(http://www.markromeromusic.com/images/optin-top.jpg) bottom;
background-repeat:no-repeat;
width:250px;
height:143px;
padding:0;
}

#optin-mid {
background:url(http://www.markromeromusic.com/images/optin-mid.jpg) ;
background-repeat: repeat-y;
width:250px;
padding:0;
}

#optin-midcontent {
width:210px;
margin:auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#f3c335;
}

#optin-footer {
background:url(http://www.markromeromusic.com/images/optin-footer.jpg) top;
background-repeat:no-repeat;
width:250px;
height:81px;
padding:0;
}

form {
margin:0;
padding:0;
}