/*	Live Event
	by Supriyadi Widodo	*/


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, 
tbody, tfoot, thead, article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

p {
	margin: 15px 0;
}

img,
a img {border: 0;}

.clear {
	clear: both;
}

body {
	background: url(images/pattern.jpg) top center repeat;
	font: 12pt/normal 'Helvetica Neue','Liberation Sans',Helvetica,Arial,sans serif;
	color: #000;
}

.page {
	width: 807px;
	margin: 0 auto;
}

#header_area {
	height: 250px;
	margin-top: 45px;
}

#content_area .page {
	background: url(images/page-bg.png) top center repeat-y;
}

#content_area .inner {
	padding: 15px 25px;
}

#footer_area {
	height: 70px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #33CCFF;
	font-weight: bold;
	text-align: center;
	font-size: 28px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #6666FF;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #9c5da4;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
}
.numberbox{
	width: auto;
	margin-right: auto;
	margin-left: auto;
	border: medium double #0066FF;
	padding: 10px;
}
.blacklarge{
	font-size: 22px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}
.blacklargest{
	font-size: 22px;
	color: #000000;
	text-align: center;
	text-decoration: line-through;
}
.blackmedium{
	font-size: 18px;
	color: #000000;
	text-align: center;
}
.purplenumbers{
	font-size: 26px;
	color: #9c5da4;
	font-weight: bold;
}
.purple{
	font-size: 22px;
	color: #9c5da4;
	font-weight: bold;
}
.redlarge2{
	font-size: 22px;
	color: #FF0000;
	font-weight: bold;
}
table{
	border-collapse:collapse;
}
tr{
}
.friend{
	width: auto;
	margin-right: auto;
	margin-left: auto;
	border: thin double #000000;
	padding: 10px;
}
.purplebox{
	width: auto;
	margin-right: auto;
	margin-left: auto;
	border: thin double #330033;
	padding: 10px;
}
.lightblue{
	font-size: 22px;
	color: #46c3e7;
	font-weight: bold;
}
.lightbluesmall{
	font-size: 12pt;
	color: #46c3e7;
	font-weight: bold;
}
.blackmediumleft{
	font-size: 18px;
	color: #000000;
}
ul {
	margin-left: 30px;
}
.divcenter{
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
ol {
	margin-left: 30px;
}
.blackexlarge{
	font-size: 26px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}
.DotBox2 {
    background-color: #FFFFFF;
    border: 2px dashed #641475;
    padding: 10px;
    width: 97%;
}

.tboxBlue {
	background-color: #A2EFFE;
	border: thin dashed #2072A2;
	padding: 10px;
}
.darkpurple{
	font-size: 26px;
	color: #7030a0;
	font-weight: bold;
}
.darkpurple2{
	font-size: 20px;
	color: #7030a0;
}
.darkpurplest{
	font-size: 20px;
	color: #7030a0;
	text-decoration: line-through;
}