* { margin:0;padding:0;border: 0px none;}
ul, ol, li { list-style-type:none; }
a { text-decoration: none; color: #ee028b; }
a:hover {text-decoration: underline;}


body {font: 13px/18px "Arial", Helvetica, sans-serif;  background: #361b87;color: #462e7c;}
.wrapper {width: 900px;margin: 0 auto;}
.main-content {background: #7b1769 url(../images/bg.gif) 0 0 repeat-x;width: 100%;padding: 12px 0 32px;}


/* logo & navigation */
ul.header {width: 885px;background: url(../images/bg-header.jpg) 0 0 no-repeat;height: 128px;padding: 0 0 0 15px;font: bold 18px/20px "Arial", Helvetica, sans-serif;}
ul.header li {float:left;height:62px;padding: 66px 2px 0 20px;background: url(../images/bg-nav-divider.gif) right 57px no-repeat;}
ul.header li.info {background: none;}
ul.header li.home {height:128px;padding: 0 0 0 20px;background: none;}
ul.header li.downloads {background: none; padding: 66px 0 0 20px;}
ul.header li a {display:block;height:23px;border:none;margin-right: 20px;}
ul.header li.send a {background:url(../images/bg-nav.gif) 0 0 no-repeat; width:140px;}
ul.header li.send a:hover, ul.header li.send a.active {background:url(../images/bg-nav.gif) 0 -23px no-repeat; }
ul.header li.info a {background:url(../images/bg-nav.gif) -147px 0 no-repeat; width:108px;margin-right: 0;}
ul.header li.info a:hover, ul.header li.info a.active {background:url(../images/bg-nav.gif) -147px -23px no-repeat; }
ul.header li.home a {width:200px; height: 128px; margin-right: 10px;}
ul.header li.updates a {background:url(../images/bg-nav.gif) -261px 0 no-repeat; width:139px;}
ul.header li.updates a:hover, ul.header li.updates a.active {background:url(../images/bg-nav.gif) -261px -23px no-repeat; }
ul.header li.downloads a {background:url(../images/bg-nav.gif) -407px 0 no-repeat; width:105px;margin-right: 0;}
ul.header li.downloads a:hover, ul.header li.downloads a.active {background:url(../images/bg-nav.gif) -407px -23px no-repeat; }
ul.header li a span {display:none;}


/* white container for all main content */
.container-top { width: 670px;height: 106px;background:url(../images/bg-container-top.jpg) 0 0 no-repeat;clear: both;padding: 30px 0 0 230px;}
.container { width: 840px;padding: 0 30px;background:url(../images/bg-container.png) 0 bottom no-repeat;clear: both;}
.container-btm { width: 900px;height: 30px;background:url(../images/bg-container-btm.jpg) 0 0 no-repeat;clear: both;}

.container02-top { width: 670px;height: 106px;background:url(../images/bg-container-top.jpg) 0 0 no-repeat;clear: both;padding: 30px 0 0 230px;}
.container02 { width: 840px;padding: 0 30px;background:url(../images/bg-container02.png) 0 bottom no-repeat;clear: both;}
.container02 h2 {color: #ee028b;font: bold 45px/47px "Arial", Helvetica, sans-serif; padding: 10px 0; float: left; width: 375px; }
.container02 h2 span {color: #462e7c;}
.container02-btm { width: 900px;height: 30px;background:url(../images/bg-container-btm02.png) 0 0 no-repeat;clear: both;}

/* columns */
.leftcolumn {float: left;width: 400px; padding-right: 20px; background: url(../images/br-ruler-vert.gif) right 0 repeat-y;}
.rightcolumn {float: right;width: 400px; padding-left: 20px;}
.wide { width: 485px; background: none; padding: 0;}
.narrow { width: 335px;padding: 0;}


/* common font & image styles */
h1 {color: #fff;font: bold 47px/49px "Arial", Helvetica, sans-serif; padding: 20px 0; text-align: center; letter-spacing: 1px;}
.container-top h1 {margin: 0; padding: 0;letter-spacing: 0;font: bold 45px/47px "Arial", Helvetica, sans-serif;}
h1 span {color: #a8de44;}
.container h2 {color: #ee028b;font: bold 45px/47px "Arial", Helvetica, sans-serif; padding: 10px 0; float: left; width: 375px; }
.container h2 span {color: #462e7c;}
.ruler {font-size: 1px; border-bottom: 1px solid #cdc9d6; margin: 0 0 20px; clear: both;}
h3 {color: #361b87;font: bold 22px/25px "Arial", Helvetica, sans-serif; margin: 0 0 15px;}
h4 {color: #361b87;font: bold 18px/22px "Arial", Helvetica, sans-serif; margin: 0 0 15px;}
h5 {color: #361b87;font: normal 15px/17px "Arial", Helvetica, sans-serif; margin: 0 0 15px;}
p { padding: 0 0 15px;}
small {color: #7f74a1;font: normal 11px/14px "Arial", Helvetica, sans-serif; }
img.left { float: left; margin: 0 20px 15px 0;}
.divider-horiz {background: url(../images/br-ruler-horiz.gif) 0 bottom repeat-x;height: 12px;width: 100%;clear: both;font: normal 0px/0px sans-serif;margin: 0 0 15px;}
ol { margin: 0 0 10px;}
ol li { padding: 10px 0 0;}
ol li ol { margin: 0 25px 10px;}
img.border { border: 1px solid #b8b8b8;margin: 0 0 15px;padding: 1px; }


/* secondary navigation */
.sub-nav { float: right; margin: 20px 0 0;}
.sub-nav a { float: left; background: #ee028b url(../images/bg-2nd-nav.gif) 0 0 no-repeat; height: 30px;color: #fff; margin-right: 5px;}
.sub-nav a span{ float: left; background: transparent url(../images/bg-2nd-nav.gif) right -30px no-repeat; height: 30px; color: #fff; padding: 0 15px; line-height: 28px;}
.sub-nav a span:hover .sub-nav a:hover span { cursor: pointer;text-decoration: underline;}
.sub-nav a.active { background: #361b87 url(../images/bg-2nd-nav.gif) 0 -60px no-repeat; }
.sub-nav a.active span{ background: transparent url(../images/bg-2nd-nav.gif) right -90px no-repeat; }


/* likes links */
p.likes { padding: 10px 0 0;}
p.likes a { float:left; background:#ee028b; color:#fff; margin-right:5px; padding:2px 8px;font-size:11px; font-weight:bold;}
p.likes a.heart { background: #ee028b url(../images/bg-likes.gif) 5px center no-repeat;padding:2px 8px 2px 27px;}


/* home page video elements */
#video { float: right;position: relative; width: 320px; }
#video object { margin: 0; padding: 0; border: 0;}

/* three steps */
.three-steps div {float: left;width: 110px;padding: 5px 0;}
.three-steps div h4 { text-align: center; font: bold 21px/25px "Arial", Helvetica, sans-serif;}
.three-steps div.arrow {width:35px;}


/* update items */
.update-item {float: left;width: 820px;background: url(../images/br-ruler-horiz.gif) 0 bottom repeat-x;padding: 10px;}
.update-item h3 { font: bold 18px/20px "Arial", Helvetica, sans-serif;margin: 6px 0;}
.update-item img.left { margin-bottom: 0;}
.update-item p { padding: 0;}
.update-item small a { background:#ee028b; color:#fff; padding:2px 5px;font-size:11px; font-weight:bold; margin: 0 10px; text-transform: uppercase;}
.update-item span { float: right;background: url(../images/bg-likes-white.gif) 0 0 no-repeat; padding: 0 0 5px 23px;}
.update-item img.right { float: right; clear: right; margin: 5px 0;}
.update-item:hover { background:#ee028b;}
.update-item:hover h3 { color: #fff;}
.update-item:hover p, .update-item:hover small { color: #ff9fd7;}
.update-item:hover small a { color: #ee028b;background:#fff;}
.update-item:hover span {background: url(../images/bg-likes.gif) 0 0 no-repeat;color: #ff9fd7;}

.update-item02 {float: left;width: 550px;background: url(../images/br-ruler-horiz.gif) 0 bottom repeat-x;padding: 0px;}
.update-item02 {float: left;width: 550px;background: url(../images/br-ruler-horiz.gif) 0 bottom repeat-x;padding: 10px;}
.update-item02 h3 { font: bold 18px/20px "Arial", Helvetica, sans-serif;margin: 6px 0;}
.update-item02 img.left { margin-bottom: 0;}
.update-item02 p { padding: 0;}
.update-item02 small a { background:#ee028b; color:#fff; padding:2px 5px;font-size:11px; font-weight:bold; margin: 0 10px; text-transform: uppercase;}
.update-item02 span { float: right;background: url(../images/bg-likes-white.gif) 0 0 no-repeat; padding: 0 0 5px 23px;}
.update-item02 img.right { float: right; clear: right; margin: 5px 0;}
.update-item:hover02 { background:#ee028b;}
.update-item:hover02 h3 { color: #fff;}
.update-item:hover02 p, .update-item:hover small { color: #ff9fd7;}
.update-item:hover02 small a { color: #ee028b;background:#fff;}
.update-item:hover02 span {background: url(../images/bg-likes.gif) 0 0 no-repeat;color: #ff9fd7;}


/* monster & monstergram container */
.monstergram-container { width: 900px;height: 481px;padding: 0;background: url(../images/bg-monstergram.jpg) 0 0 no-repeat;}
.monstergram-container h2 {font: bold 35px/35px "Arial", Helvetica, sans-serif;color: #ee028b; margin: 0 0 15px;}
.monstergram-container h2.purple { color: #462e7c;}
.monstergram-container strong {font: bold 75px/75px "Arial", Helvetica, sans-serif;}
.monstergram-container b {font: bold 47px/47px "Arial", Helvetica, sans-serif;}
.monstergram-container .content { float: right; width: 415px; padding: 35px 25px 0 0;}
.center h2, .center p { text-align: center;}
.monstergram-container form {margin: 0; padding:0;}
.monstergram-container form input { width: 186px; height: 18px; margin:5px 0 15px; background: url(../images/bg-input-200.gif) 0 0 no-repeat; color: #ee028b; padding: 7px 7px 5px;font: normal 13px/13px "Arial", Helvetica, sans-serif;}
.monstergram-container form input.btn {border: 0; outline:0; padding: 0; background:none; width:auto; height: auto; margin: 0;}
.monstergram-container form span {float: left; width: 207px;}
.container h2.mg {font: bold 40px/44px "Arial", Helvetica, sans-serif;padding: 10px 0; float: none; width: auto; text-align: center;}
.container #flashcontent { float: left; width: 505px; margin: 0 auto; height: 385px; padding: 0; margin: 0;}
.monstergram-container #flashcontent { float: left; width: 449px; margin: 0 auto; height: 481px; padding: 0; margin: 0;}
.container .mg-rightcol {float: right; width:325px;text-align: center;}
.container .mg-rightcol h3 { margin: 0 0 15px; font-size: 28px;text-align: center;}


/* monstergram songs */
.songs { padding: 0 0 20px;float: left;}
.songs div { float: left;padding: 4px;margin: 0 15px 0 0;background: #fff;border: 1px solid #c4c0ce; width: 115px;}
.songs div.green { margin: 0;}
.songs div div {background: #0391d9;color: #fff;text-align: center;padding: 0 0 8px; float: left; border: 0; margin: 0;}
.songs div.green div { background: #4ab446;}
.songs div.pink div { background: #ee028b;}
.songs div div img { border-bottom: 1px solid #fff; float: none;}
.songs a { font-weight: normal; font-size: 12px;color: #93dbff; padding-right: 8px;background: url(../images/bg-arrow.gif) right 4px no-repeat;}
.songs div.green a {color: #a8ffaa;}
.songs div.pink a {color: #ff9fd7;}
.songs div div form { margin: 0; padding: 0; width: 115px; background: none; float: left;}
.songs div div form input {float: none;border: 0; outline:0; padding: 0; background:none; width:auto; height: auto; margin: 5px 0; line-height: 12px;}


/* sign up form */
.container form p.left, .container form p.right { float: left; width: 420px; font: bold 14px/18px "Arial", Helvetica, sans-serif;}
.container form p.right { float: right; }
.container form p.left input, .container form p.right input { width: 336px; height: 18px; margin:5px 0 15px; background: url(../images/bg-input.gif) 0 0 no-repeat; color: #ee028b; padding: 7px 7px 5px;font: normal 14px/14px "Arial", Helvetica, sans-serif;}
.container form p.left select, .container form p.right select { width: 200px; height: 30px; margin:5px 0 15px; background: url(../images/bg-input-200.gif) 0 0 no-repeat; color: #ee028b; padding: 7px 7px 5px;font: normal 14px/14px "Arial", Helvetica, sans-serif;}
.container form input.btn {border: 0; outline:0; padding: 0; background:none; width:auto; height: auto; margin: 0;}
.container p.facebook {line-height: 30px;}


/* clear everything (sometimes needed for IE 6) */
.clearall { width: 100%;clear: both;height: 1px;font-size: 0;line-height: 0;}


/* footer styles */
.footer {clear: both;width: 100%;height: 140px;background: #361b87 url(../images/bg-footer.gif) 0 0 repeat-x;}
.footer .wrapper { background: url(../images/cadbury-dairy-milk.gif) center 0 no-repeat;padding: 70px 0 0 ;width: 870px;}
.footer p {text-align: center;margin: 0;height: 35px;font-size: 11px;color: #9b8dc3;}
.footer p.links {float: left; }
.footer p.follow {float: right;}
.footer p.copyright {clear: both; padding: 0; }
.footer a {padding: 0 5px; font-weight: bold; }

.Button
{
	width: 120px;
	/*border-style: inset;
	display: inline;
	background-color: #FF00FF;
	font-size: 14px;
	color: #FFFFFF;*/
}

.Hidden
{
	display:none;
}