
body {
	margin: 0px;
	background: #101224;
	text-align: center;
	color: #DDDDDD;
	font-family: Georgia, verdana, arial, serif;
}

td {
	text-align: left;
	color: #DDDDDD;
	font-family: "Trebuchet MS", verdana, arial, serif;
}


td.title {
	height: 230px;
	width: 700px;
	padding: 10px;
	background-image: url(./images/templates/mexican_sunset_title.jpg);
	border: 3px solid #666666;
	border-top: none;
	vertical-align: bottom;

}

td.leftside {
	background-image: url(./images/templates/mexican_sunset_bg.gif);
	background-repeat: repeat-x;
	background-color: #2A2D42;
	padding: 10px;
	border: 3px solid #666666;
	border-top: none;
	border-right: none;
	font-size: 8pt;
	line-height: 20px;
}

td.rightside {
	background-image: url(./images/templates/mexican_sunset_bg.gif);
	background-repeat: repeat-x;
	background-color: #2A2D42;
	padding: 10px;
	border: 3px solid #666666;
	border-top: none;
	font-size: 10pt;
	font-size: 8pt;
	line-height: 20px;
}

h1 {
	margin: 0px;
	font-size: 24pt;
	color: #EEEEEE;
	font-weight: bold;
	font-family: "Trebuchet MS", verdana, arial, serif;
}

h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12pt;
	color: #FFFFFF;
	font-weight: bold;
	font-family: "Trebuchet MS", verdana, arial, serif;
}

div.avatar {
	width: 20px;
	border: 1px solid #555555;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 3px;
}

div.timedate {
	margin-bottom: 5px;
}

a:link { color: #FFEE81; text-decoration: none; }
a:visited { color: #FFEE81; text-decoration: none; }
a:hover { color: #FFAD81; text-decoration: underline; }

a.menu:link { color: #FFEE81; text-decoration: none; }
a.menu:visited { color: #FFEE81; text-decoration: none; }
a.menu:hover { color: #FFAD81; text-decoration: underline; font-weight: bold; }



form { margin: 0px; }
td.form { border: 1px solid #DDDDDD; padding: 15px; vertical-align: top; line-height: 13pt; }
table.form { border: 1px solid #DDDDDD; border-left: none; border-bottom: none; }
td.form1 { border-bottom: 1px solid #DDDDDD; border-left: 4px solid #DDDDDD; padding: 13px; padding-top: 16px; font-weight: bold; vertical-align: top; }
td.form1error { border-bottom: 1px solid #DDDDDD; border-left: 4px solid #FF0000; padding: 13px; padding-top: 16px; font-weight: bold; vertical-align: top; }
td.form2 { border-bottom: 1px solid #DDDDDD; padding: 13px; vertical-align: top; }
div.help { color: #666666; padding-top: 3px; font-weight: normal; }
font.code { font-family: arial, tahoma, sans-serif; font-size: 8pt; font-weight: bold; }
font.error { color: #FF0000; }
font.success { color: #5B8C29; font-weight: bold; }
img.error { vertical-align: middle; }
img.success { vertical-align: middle; }

input.button { background: #DDDDDD; color: #444444; font-size: 8pt; padding: 3px; font-weight: bold; font-family: verdana, arial, tahoma; }
input.sbutton { background-color: #DDDDDD; font-size: 8pt; font-weight: bold; font-family: verdana, arial, tahoma; }
input.text { font-family: arial, verdana, tahoma, sans-serif; padding-left: 2px; }
textarea, select { font-family: arial, verdana, tahoma; margin-top: 1px; font-size: 10pt; }
select.small { font-size: 8pt; margin-left: 4px; }
input.status { border: none; background: clear; padding-left: 8px; font-size: 8pt; font-weight: bold; font-family: verdana, arial, tahoma; }

div.album_viewpic1 { text-align: center; padding-top: 20px; }
div.albumpic { float: left; border: 1px solid #AAAAAA; padding: 5px; margin-right: 10px; margin-bottom: 10px; width: 200px; height: 200px; background-image: url(./images/album_bg.gif); background-repeat: no-repeat; vertical-align: middle; text-align: center; }
td.album_viewpic2 { border: 1px solid #AAAAAA; padding: 20px; }

