/*
CSS for Emoticon Page

ChangeLog online update
  h2.announcec [modified]
  .message ul li.newmessage [added]

Volgorde:
	margin,padding
	position, top, right, bottom, left
	width, height
	background, background-position, border
	font, font-style, font-variant, font-weight, font-size, font-family
	line-height
	color, text-decoration
	align, text-align
	list-style
	display, clear, float
*/

/* =======================
======== DEFAULTSZ =======
======================= */
* {
margin:			0;
padding:		0;
/* border: 1px dotted red; */
}

ul {padding-left: 21px;}

.clr {clear: both;}

/* =======================
====== LAYOUT STYLE ======
======================= */

body {
margin:			10px;
background:		#232323; /* EFEFEF */
font-family:	"Helvetica", "Trebuchet MS", "Arial", sans-serif;
}

#content{
margin:			0 auto 0 auto;
text-align: center;
}
#content table{
margin:			0 auto 0 auto;
width:			600px;
}

.navigation {
margin:			0 auto;
padding:		0px 3px 3px 3px;
width:			678px;
background-color: #2a569e;
border:			2px inset #e2e2e2;
font-size:		7pt;
color:			#a8bfff;
text-align:		center;
}

.message {
margin:			4px;
padding:		0px 4px 4px 4px;
width:			280px;
background-color: #333333;
border:			2px inset #e2e2e2;
font-size:		7pt;
color:			#a8bfff;
float:			right;
}

.message ul li.newmessage {
margin:			0px 0px 4px 0px;
padding:		4px 4px 4px 7px;
background-color: #444444;
font-size:		8pt;
}

div#message_archive {display: none;}

/* =======================
====== CONTENT STYLE =====
======================= */
h1 {
margin:			10px 0;
font:			bold 24pt "Georgia", "Times New Roman", serif;
color:			#FFFFFF;
text-align:		center;
}
h2 {
margin:			8px 0;
font:			bold 18pt "Georgia", "Times New Roman", serif;
color:			#e8e8e8;
text-align:		center;
}
h2.sub {
margin:			-9px 0px -5px 0px;
font:			bold 12pt "Georgia", "Times New Roman", serif;
color:			#e8e8e8;
text-align:		center;}
h2.announcea {
margin:			0px 0px 8px 0px;
font:			bold 12pt "Georgia", "Times New Roman", serif;
color:			#e8e8e8;
text-align:		center;}
	h2.announcea span {color: #FF0000;}
h2.announceb {
margin:			0px 0px 8px 0px;
font:			bold 12pt "Georgia", "Times New Roman", serif;
color:			#e8e8e8;
text-align:		center;}
	h2.announceb span {color: #339900;}
h2.announcec {
margin:			0px 0px 8px 0px;
font:			bold 11pt "Georgia", "Times New Roman", serif;
color:			#e8e8e8;
text-align:		center;}
	h2.announcec span {color: #e8e8e8;}
h3 {
margin:			6px 0;
font:			bold 14pt "Georgia", "Times New Roman", serif;
color:			#e8e8e8;
text-align:		center;
}
h4 {
margin:			5px 0;
font:			bold 12pt "Verdana", sans-serif;
color:			#DCDCDC;
}
h5, h6 {
margin:			3px 0;
font-family:	"Verdana", sans-serif;
color:			#DCDCDC;
}

a:link, a:active, a:visited {
color: 			#a8bfff;
text-decoration: none;
}
a:hover {
color:			#FFFFFF;
text-decoration: underline;
}

a.top {
color:			#6699CC;
text-decoration: none;
display:		block;
font-weight:	normal;
text-align:		center;
}
a.top:hover {
color:			#6699FF;
text-decoration: none;
}

.message a {
color:			#DCDCDC;
text-decoration: none;
}
.message a:hover {
color:			#6699FF;
text-decoration: underline;
}

#content table {
background-color: #3a78db;
border:			2px solid #2a569e;
}

#content table tbody tr td {
background-color: #EFEFEF;
border:			1px inset #2a569e;
text-align:		center;
}
#content table tbody tr td strong{
background-color: #3a78db;
color:			#FFFFFF;
display:		block;
text-align:		center;
}

hr {
height:			4px;
width:			70%;
background:		#3a78db;
margin:			10px auto;
}