/* --- general --- */

.debug { font-size: 8pt; color: #AFAFAF; }

.hidden { display: none; }

img { border: 0px; }
img.picture { border-width: 1px; border-style: solid; border-color: #E6E6E6; }
img.picture_right { border-width: 1px; border-style: solid; border-color: #E6E6E6; float: right; }

a:active { color: #E6E6E6; text-decoration: underline; }
a:link { color: #E6E6E6; text-decoration: underline; }
a:visited { color: #E6E6E6; text-decoration: underline; }
a:hover { color: #F05050; text-decoration: none; }

a.debug { font-size: 8pt; color: #AFAFAF; }

a.external
{ 
	background: url("../img/external.gif") center right no-repeat;
	padding-right: 13px;
}
a.newwindow { }
a.wiki { }

.warning { color: red; font-weight: bold; }

img.middle { vertical-align: middle; }
img.right { float: right; }
img.left { float: left; }
img.top { }
img.bottom { }

.info { font-size: 10pt; }

.by { font-size: 10pt; }
.by a { color: #E6E6E6; }
h1 .by { font-size: 11pt; }
h1 .count { font-size: 13pt; }

.ubbsmall { font-size: 9pt; }
.ubbbig { font-size: larger; }

.size1 { font-size: 8pt; }
.size2 { font-size: 10pt; }
.size3 { font-size: 12pt; }
.size4 { font-size: 14pt; }
.size5 { font-size: 16pt; }
.size6 { font-size: 18pt; }
.size7 { font-size: 20pt; }
.size8 { font-size: 24pt; }
.size9 { font-size: 28pt; }

ul { margin-left: 10px; padding-left: 10px; }
ol { margin-left: 15px; padding-left: 12px; }

form .info { font-size: 9pt; }

.errormessage { font-weight: bold; color: red; }
.okmessage { font-weight: bold; color: #E6E6E6 }

.onlineuser { color: #80F098; }
a.onlineuser { color: #80F098; }
.notactivated { color: red; }
a.notactivated { color: red; }

hr { }
h1 { font-size: 18pt; color: #E6E6E6; background: #A00000; padding: 4px 5px 2px 15px; border: #E6E6E6 solid 1px; }
h2 { font-size: 12pt; color: #E6E6E6; font-style: italic; background: #A00000; padding: 4px 5px 2px 15px; border: #E6E6E6 solid 1px; }
h3 { font-size: 11pt; font-weight: bold; }
h1 a { color: #E6E6E6 !important; }
h2 a { color: #E6E6E6 !important; }
h3 a { color: #E6E6E6 !important; }

hr.ubb { border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px dotted #AFAFAF; }

.boxtitle { font-size: 12pt; color: #E6E6E6; font-weight: bold; background: #A00000; padding: 5px; margin: 20px 0 5px 0; border: #E6E6E6 solid 1px; }
.boxtitle a { color: #E6E6E6; }

.tooltiparea a:active { color: #002299; }
.tooltiparea a:link { color: #002299; }
.tooltiparea a:visited { color: #002299; }
.tooltiparea a:hover { color: #002299; }

/* --- body --- */

body { color: #E6E6E6; font-size: 12pt; font-family: Arial, Verdana, helvetica, sans-serif, serif; background-color: #000000;  margin: 0px; }

/* --- table --- */

table.data { font-size: 12pt;
	border-top: solid 2px; border-bottom: solid 2px; border-collapse: collapse; }
table.data td { padding-left: 8px; padding-right: 8px; padding-top: 3px; padding-bottom: 3px; }
table.data tr.caption td { font-size: 13pt; font-weight: bold; 
	padding-top: 5px; padding-bottom: 5px; background: #800000; border-bottom: solid 2px; }
table.data tr.caption td.sorting { background: #a00000; }
table.data tr.row1 td { background-color: #700000; }
table.data tr.row2 td { background-color: #800000; }

table.media { background-color: #404040; border-collapse: collapse; }
table.media td { border: solid 1px #E6E6E6; text-align: center; }

/* --- entries --- */

table.entries { width: 100%; border-spacing: 0px; border: 1px solid #E6E6E6; }
table.entries td { font-size: 10pt; vertical-align: top; padding: 5px; }
table.entries td.b { border-bottom: 1px solid #A6A6A6; }
table.entries td.t { border-top: 1px solid #A6A6A6; }
table.entries td.l { border-left: 1px solid #A6A6A6; }
table.entries td.r { border-right: 1px solid #A6A6A6; }
table.entries tr.row1 { background: #700000; }
table.entries tr.row2 { background: #800000; }

/* --- forms --- */

input.login, input.logout
{
	font-size: 8pt;
	background-color: #E6E6E6;
	color: #000000;
	font-weight: bold;
	border-width: 2px;
	border-color: #000000;
	border-style: inset;
}

input.loginfield
{
	background-color: #E6E6E6;
	color: #000000;
	border-color: #000000;
}

input,textarea
{
	font-size: 8pt;
	background-color: #E6E6E6;
	color: #000000;
	border-width: 1px;
	border-color: #E0E0F8;
	/*border-style: solid;*/
	padding-left: 2px;
}

select
{
	font-size: 8pt;
	background-color: #E6E6E6;
	color: #000000;
	border-width: 1px;
	border-color: #E0E0F8;
	/*border-style: solid;*/
}

input.check
{
	background-color: transparent;
	border-width: 0;
}

input:focus { ; }
textarea:focus { ; }

input.invalid { border: red solid 1px; }
textarea.invalid { border: red solid 1px; }
select.invalid { border: red solid 1px; }

.sqllog1 { color: ; }
.sqllog2 { color: ; }
.sqllog3 { color: ; }
.sqllog4 { color: ; }
.sqllog5 { color: ; }
.sqllog6 { color: ; }

.mycalendar table.header { width: 252px; font-size: 10pt; background: #a00000; border: 2px #E6E6E6 solid; border-collapse: collapse; text-align: center; }
.mycalendar table.days { width: 252px; font-size: 10pt; background: #800000; border: 2px #E6E6E6 solid; border-collapse: collapse; text-align: center; }

.mycalendar table.header td.today { border: 1px solid #E6E6E6; }

.mycalendar table.days td.current { color: #000000; background: #E6E6E6; }
.mycalendar table.days td.deactivated { color: #AFAFAF; }

.mycalendar tr.weekday td { font-weight: bold; }
.mycalendar td.month { font-weight: bold; font-size: 12pt; }
.mycalendar td.today { font-size: 8pt; }
/* --- layout --- */

#header
{
	position: absolute; left: 0; top: 0;
	width: 100%; height: 65px;
	padding: 0px; 
	margin: 0px; 
	background: #A00000; 
	border-bottom: solid 1px #FFFFFF; 
	overflow: hidden;
}

#navigation
{ 
	position: absolute; left: 0; top: 65px;
	width: 110px;
	z-index: 1;
	padding: 0 0 0 0;
	color: #E6E6E6;
}

#navigation a
{
	color: #E6E6E6;
}

#navigation .greeting
{
	font-weight: normal;
}

#navigation .greeting a
{
	font-weight: bold;
}

#navigation .top
{
	background: #A00000;
	border-right: #FFFFFF solid 1px;
	height: 10px;
	width: 130px;
}

#navigation .middle
{
	background: #A00000;
	border-right: #FFFFFF solid 1px;
	width: 130px;
/*	padding: 0px 7px 0px 8px;*/
}

#navigation .bottom
{
	background: #A00000;
	border-right: #FFFFFF solid 1px;
	height: 10px;
	width: 130px;
}

#navigation .ads
{
	background: #A00000;
	border-top: dotted #C6C6C6 1px;
	border-right: #FFFFFF solid 1px;
	border-bottom: #FFFFFF solid 1px;
	width: 125px;
	margin: 0px 0px 5px 0px;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
}

#contentsframe
{ 
	position: absolute; left: 0px; top: 65px; 
	width: 100%;
	margin: 0 0 0 0px;
	z-index: 0;
}

#contentsframe #contents
{
		padding: 10px 10px 0 10px;
	margin-left: 131px;
	margin-bottom: 20px;
	 
	 
}

#contentsframe #header_info
{
	color: #E6E6E6;
	font-size: 10pt;
	position: relative; left: 0px; top: 1px;
	margin: 0 0 0 121px;
	padding: 2px 5px 2px 0;

	background: #700000; 
	border-bottom: solid 1px #FFFFFF; 
	text-align: right;
}

#contentsframe #header_info a
{
	color: #E6E6E6;
}

#contentsframe #header_message
{
	color: #E6E6E6;
	font-size: 10pt;
	position: relative; left: 0px; top: 1px;
	margin: 0 0 0 121px;
	padding: 5px 5px 5px 10px;

	background: #700000; 
	border-bottom: solid 1px #FFFFFF; 
	text-align: left;
}

#contentsframe #header_message .errormessage
{
  font-weight: bold; color: red;
}

#contentsframe #header_message .infomessage
{
	font-weight: bold; color: #E6E6E6;
}

#footerads
{
	width: 100%;
}

#footer
{
	width: 100%;
	text-align: center;
}

#validator 
{ 
	width: 100%;
	text-align: right;
}

/* --- menu --- */

#navigation .title { font-weight: bold; font-variant: small-caps; padding: 0px 7px 0px 8px; }
#navigation .dividertitle { font-weight: bold; font-variant: small-caps; margin-top: 4px; padding: 2px 7px 0px 8px; border-top: dotted #C6C6C6 1px; }
#navigation .entry { font-size: 10pt; padding: 0px 7px 0px 13px; }
#navigation .greeting { font-variant: normal; }

#navigation .onlinetitle { font-weight: bold; margin-top: 4px; padding: 2px 7px 0px 8px; border-top: dotted #C6C6C6 1px; }
#navigation .onlineentry { font-size: 8pt; padding: 0px 7px 0px 13px; }

#navigation .infotitle { font-weight: bold; margin-top: 4px; padding: 2px 7px 0px 8px; border-top: dotted #C6C6C6 1px; }
#navigation .infoentry { font-size: 8pt; padding: 0px 7px 0px 13px; }

#navigation input { font-size: 8pt; }
#navigation .save { font-size: 8pt; }
#navigation .unseenmessage { font-size: 11pt; font-weight: bold; margin-bottom: 10px; padding-left: 8px; font-style: italic; }
#navigation .unseenmessage a { color: #ffff00; }

/* --- header --- */

#header #header_pic 
{ 
	position: absolute; 
	left: 0px; top: 0px;
}

#header #header_links
{ 
	position: absolute; 
	left: 0px; top: 40px;
}

#header .header_link 
{ 
	padding: 4px 10px 0px 10px; 
	float: left;
	font-weight: bold; 
}

#header #header_firefox
{
	position: absolute; 
	left: 475px; top: 5px;
}

#header #header_search
{
	position: absolute; 
	left: 470px; top: 44px;
}

#header #header_banner
{
	position: absolute; 
	left: 660px; top: 2px;
}

/* --- footer --- */

#footer { font-size: 8pt; color: #AFAFAF; }
#footer a { font-size: 8pt; color: #AFAFAF; }

/* --- pagenavi --- */

.pagenavi .prev { padding-right: 10px; }
.pagenavi .next { padding-left: 10px; }
.pagenavi .all { padding-left: 10px; }
.pagenavi .g { font-weight: bold; padding: 1px 2px 1px 2px; }
.pagenavi .c { font-weight: bold; padding: 1px 2px 1px 2px; color: #000000; border: 1px solid; background: #E6E6E6; }
.pagenavi .text { padding-right: 10px; }
.pagenavi .count { padding-left: 10px; }

/* --- textarea --- */

.textarea { padding: 5px; background: #404040; border: #E6E6E6 dotted 1px; }

.topmargin { margin-top: 5px; }

.quote1 { font-size: 9pt; margin: 5px; }
.quote2 { font-size: 9pt; margin: 5px; }
.quote1 a { font-weight: bold; text-decoration: none; }
.quote2 a { font-weight: bold; text-decoration: none; }
.quotetext1 { font-size: 10pt; background-color: #404040; padding: 5px; margin-top: 1px; border: #E6E6E6 dotted 1px; }
.quotetext2 { font-size: 10pt; background-color: #606060; padding: 5px; margin-top: 1px; border: #E6E6E6 dotted 1px; }

.inlinequote { font-size: 9pt; margin: 2px 5px 10px 0; }
.inlinequote a { font-weight: bold; text-decoration: none; }
.inlinequotetext { font-size: 10pt; background-color: #606060; padding: 5px; margin-top: 1px; border: #E6E6E6 dotted 1px; }

.previewfield { padding: 5px; background: #404040; border: #E6E6E6 dotted 1px; }

/* --- main --- */

#main h1 { font-size: 12pt; background: #A00000; font-weight: bold; padding: 5px; margin: 5px 0 5px 0; border: #E6E6E6 solid 1px; }
.box { font-size: 12pt; background: transparent; }
.boxcontent { padding: 0 5px 5px 5px; }

#main #column1 { width: 65%; float: left; }
#main #column2 { width: 35%; float: left; }
#main .block { padding: 5px; }

#main_gallery .date { font-weight: bold; }
#main_gallery .title { font-weight: bold; }
#main_gallery .title_edit { font-weight: bold; color: red; }

#main_events .date { font-weight: bold; }
#main_events .title { font-weight: bold; }
#main_events .description { font-size: 10pt; }
#main_events .description .infotitle { text-decoration: underline; }

#main_forum { font-size: 9pt; }
#main_forum .user { }
#main_forum .title { }
#main_forum .timestamp { }
#main_forum .info { font-size: 8pt; color: #AFAFAF; }

#main_preview .title { font-size: 9pt; }
#main_preview .info { font-size: 8pt; color: #AFAFAF; }

#main_birthday .name { font-weight: bold; }
#main_birthday .date { font-size: 9pt; }

#main_state .name { font-weight: bold; }
#main_state .state { font-weight: bold; font-size: 9pt; }
#main_state .description { font-size: 9pt; }

#main_center { text-align: center; }

#main #main_gweihriver_event a:active { color: black; text-decoration: underline; }
#main #main_gweihriver_event a:link { color: black; text-decoration: underline; }
#main #main_gweihriver_event a:visited { color: black; text-decoration: underline; }
#main #main_gweihriver_event a:hover { color: black; text-decoration: none; }

/* --- gossip --- */

#gossip table a:active { color: #000000; font-weight: bold; text-decoration: underline; }
#gossip table a:link { color: #000000; font-weight: bold; text-decoration: underline; }
#gossip table a:visited { color: #000000; font-weight: bold; text-decoration: underline; }
#gossip table a:hover { color: #000000; font-weight: bold; text-decoration: none; }

#gossip table .date { color: gray; font-style: italic; }
#gossip table .info { color: gray; font-style: italic; }

#gossip .row1 { background-color: #ffddff; color: #000; font-size: 8pt; }
#gossip .row2 { background-color: #dddddd; color: #000; font-size: 8pt; }

/* --- gallery --- */

#gallery_content .title { font-size: 12pt; font-weight: bold; }
#gallery_content .title_edit { font-size: 12pt; font-weight: bold; color: red; }
#gallery_content img.act { border-width: 1px; border-style: solid; border-color: #E6E6E6; }
#gallery_content img.deact { border-width: 1px; border-style: solid; border-color: red; }
#gallery_content .top10link { font-size: 8pt; }
#gallery_content .time { font-size: 8pt; }
#gallery_content .count { font-size: 8pt; color: #AFAFAF; }

#gallery_content_all .new { width: 35px; }
#gallery_content_all .date { font-weight: bold; width: 70px; text-align: right; padding-right: 8px }
#gallery_content_all .title { font-weight: bold; }
#gallery_content_all .title_edit { font-weight: bold; color: red; }

#gallery_overview img.act { border-width: 1px; border-style: solid; border-color: #E6E6E6; }
#gallery_overview img.deact { border-width: 1px; border-style: solid; border-color: red; }
#gallery_overview .comment { color: yellow; }
#gallery_overview .time { font-size: 8pt; }
#gallery_overview .header { font-weight: bold; font-size: large; }
#gallery_overview .group { font-size: 10pt; background: #A00000; font-weight: bold; padding: 3px 3px 3px 10px; margin: 5px 0 0 0; border: #E6E6E6 solid 1px; }
#gallery_overview .contents { padding: 3px 3px 3px 10px; margin: 5px 0 0 0; }
#gallery_overview #comments .name { font-weight: bold; }
#gallery_overview #comments .text { }
#gallery_overview #comments .info { font-size: 8pt; color: #AFAFAF; }

#gallery_overview .currentfilter { font-weight: bold; padding: 1px 2px 1px 2px; color: black; border: 1px solid; background: #E6E6E6; }
#gallery_overview a.currentfilter { color: #000000 }

#gallery_slideshow img.act { border-width: 1px; border-style: solid; border-color: #E6E6E6; }
#gallery_slideshow img.deact { border-width: 1px; border-style: solid; border-color: red; }
#gallery_slideshow .group { font-size: 10pt; background: #A00000; font-weight: bold; padding: 3px 3px 3px 10px; margin: 5px 0 0 0; border: #E6E6E6 solid 1px; }
#gallery_slideshow .contents { padding: 3px 3px 3px 10px; margin: 5px 0 0 0; }
#gallery_slideshow #comments .name { font-weight: bold; }
#gallery_slideshow #comments .text { }
#gallery_slideshow #comments .info { font-size: 8pt; color: #AFAFAF; }
#gallery_slideshow #thatsme .name { }
#gallery_slideshow #thatsme .text { font-size: 9pt; }

#gallery_top10 .comment { color: yellow; }
#gallery_top10 .info { font-size: 9pt; }

/* --- thats me --- */

#thatsme img.act { border-width: 1px; border-style: solid; border-color: #E6E6E6; }
#thatsme img.deact { border-width: 1px; border-style: solid; border-color: red; }
#thatsme .comment { font-size: 8pt; }

/* --- guestbook --- */

#guestbook table.entries .name { font-size: 10pt; font-weight: bold; }
#guestbook table.entries .info { font-size: 8pt; color: #AFAFAF; }
#guestbook table.entries .text { font-size: 9pt; }

/* --- events --- */

#events .title { font-size: 12pt; font-weight: bold; }
#events .description { }
#events .description .infotitle { text-decoration: underline; }

/* --- nickpage --- */

#nickpage #user_left { width: 50%; float: left; overflow: hidden; }
#nickpage #user_right { width: 50%; float: left; overflow: hidden; }

#nickpage h2 { padding: 5px; margin: 20px 0 5px 0; }
#nickpage .contents { padding: 0px 3px 0px 5px; margin: 5px 0 0 0 }
#nickpage #guestbook_entries .name { font-size: 10pt; font-weight: bold; }
#nickpage #guestbook_entries .info { font-size: 8pt; color: #AFAFAF; }
#nickpage #guestbook_entries .text { font-size: 9pt; }
#nickpage #common .info { font-size: 8pt; color: #AFAFAF; }
#nickpage #thatsme .date { }
#nickpage #thatsme .title { font-weight: bold; }
#nickpage #thatsme .info { font-size: 8pt; }

/* --- messages --- */

#messages #msginfo { width: 150px; float: left; }
#messages #msgcontent { padding-left: 150px; }

#messages .caption { margin: 0; }
#messages .info { font-size: 8pt; }
#messages #message .subject { margin: 0; }
#messages #message .messageinfo { font-size: 8pt; }
#messages #message .text { background-color: #404040; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; }
#messages #message .info { font-size: 8pt; color: #AFAFAF; }

#messages #messagelist .name { padding: 4px 10px 4px 5px; }
#messages #messagelist .subject { padding: 4px 10px 4px 10px; background: #404040; }
#messages #messagelist .time { padding: 4px 10px 4px 10px; }
#messages #messagelist .unseen { font-weight: bold; }
#messages #messagelist #caption .name { font-weight: bold; }
#messages #messagelist #caption .subject { font-weight: bold; background: transparent; }
#messages #messagelist #caption .time { font-weight: bold; }

/* --- birthday-/statelist --- */

#birthdaylist .date { }
#birthdaylist .name { font-weight: bold; }
#birthdaylist .fullname { font-size: 8pt; }

#statelist .state { font-weight: bold; }
#statelist .name { font-weight: bold; }
#statelist .fullname { font-size: 8pt; }
#statelist .description { }
#statelist .date { font-size: 8pt; }

/* --- games --- */

#games .description { }
#games .filesize { font-size: 8pt; }
#games .play { font-weight: bold; }

/* --- forum --- */

#forum .contents .category { font-weight: bold; margin: 5px 0 5px 5px; }
#forum .contents .text { margin: 0 0 0 10px; }

#forum .contents .info { font-weight: normal; font-size: 8pt; color: #AFAFAF; }

#forum .threads .description { margin: 15px 0 15px 0; }
#forum .threads .description .new { font-size: 10pt; font-weight: bold; }

#forum .threads td.icon { width: 15px; padding-right: 0 }
#forum .threads td.title { font-weight: bold; }
#forum .threads td.count { width: 60px; text-align: center; }
#forum .threads td.user { width: 120px; text-align: center; }
#forum .threads td.lastentry { width: 120px; text-align: center; }

#forum .quote { padding: 5px; margin: 5px; background: #404040; }

#forum .entriesheader .action { font-size: 10pt; margin: 0 0 15px 0; }
#forum .entriesheader .action p { margin: 0 0 10px 0; }
#forum .entriesheader .action .new { font-size: 10pt; font-weight: bold; }
#forum .entriesheader .ads { margin: 0 0 15px 50px; }
#forum .entriesheader .ads p { margin: 0 0 10px 0; }

#forum .entriesheader .description { margin: 15px 0 15px 0; background: #404040; }
#forum .entriesheader .description .info { font-size: 8pt; border: 1px solid #E6E6E6; padding: 5px; }
#forum .entriesheader .description .info i { font-size: 10pt; font-style: normal; }

#forum .entries td.title { font-size: 10pt; font-weight: bold; }
#forum .entries td.info { font-size: 8pt; width: 300px; height: 16px; }
#forum .entries td.text { font-size: 10pt; }
#forum .entries td.author { font-size: 10pt; font-weight: bold; width: 112px; }
#forum .entries td.author img { margin-top: 4px; }

#statistic .highlight { color: #000000; background: #E6E6E6; font-weight:bold; }
#statistic .highlight a { color: #000000; background: #E6E6E6; font-weight:bold; }

#search .highlight { background: #779900; }