<?php Header ("Content-type: text/css");?> 
/* this makes sure that the .css file looks like a regular .css file to */
/* anyone that asks. If you don't return a text/css header, Mozilla will refuse */
/* to include the file if the calling page has an XTML or strict HTML doctype */

/*************************************************************************/
/* when adding colours you need to do changes in "frames/frames_top.php" */
/* and you also need to do the following changes in phpAdsNew: */
/* Add new banner for " Advertisers & Campaigns" -> "Default Campaigns" -> "track_and_field_net - Default" */
/* Add new zone for "Publishers & Zones" -> "track_and_field_net" */
/******************************************************************/

<?php
$timestamp = time();
$twentyfourhours = 24*60*60;
$dayssinceunixbirth = $timestamp/$twentyfourhours;
$colourcode4today = bcmod($dayssinceunixbirth,2);
$colourcode4today = 9;

// phpbb
$text_color0 = "#000040";
$link_color0 = "#006699";
$title_color0 = "#FF6600";
$border_color0 = "#8F8F8F";
$font_family0 = "Verdana, Arial, Helvetica, sans-serif";

// almost original
$text_color1 = "#000040";
$link_color1 = "#003399";
$title_color1 = "#ff0033";
$border_color1 = "#C0C0C0";
$font_family1 = "Verdana, Arial, Helvetica, sans-serif";

//green title and orange links
$text_color2 = "#000040";
$link_color2 = "#DB892C";
$title_color2 = "#788F1D";
$border_color2 = "#8F8F8F";
$font_family2 = "Verdana, Arial, Helvetica, sans-serif";

// original
$text_color4 = "#000040";
$link_color4 = "#003399";
$title_color4 = "#DC143C";
$border_color4 = "#C0C0C0";
$font_family4 = "Verdana, Arial, Helvetica, sans-serif";

// blue, blue-grey, beige
$text_color5 = "#000040";
$link_color5 = "#00398C";
$title_color5 = "#A30025";
$border_color5 = "#B27300";
$font_family5 = "Verdana, Arial, Helvetica, sans-serif";

// new design
$text_color9 = "#000040";
$link_color9 = "#006699";
$title_color9 = "#FF7F00";
$border_color9 = "#e8e8e8";
$font_family9 = "verdana, arial, helvetica, sans-serif";

$text_color = ${text_color . $colourcode4today};
$link_color = ${link_color . $colourcode4today};
$title_color = ${title_color . $colourcode4today};
$border_color = ${border_color . $colourcode4today};
$font_family = ${font_family . $colourcode4today};
?> 

html { 
	overflow-y: scroll; 
}
body { 
	background: #C5C5C5 url("body-bg.jpg") repeat-x left top; 
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 125%;
	text-align: center; 
	padding: 0; 
	margin: 0;
}

ul {
	list-style-type: square;
} 

h1 { 
	font: normal 22px arial, helvetica, sans-serif; 
	color: #FF7F00; 
	margin: 8px 0 4px 0; 
}
h2 { 
	font: normal 18px arial, helvetica, sans-serif; 
	color: #FF7F00; 
	margin: 6px 0 3px 0; 
}
h3 { 
	font: normal 14px arial, helvetica, sans-serif; 
	color: #FF7F00; 
	margin: 4px 0 0 0; 
}

a { 
	color: #006699; 
	text-decoration: none; 
}
a:hover, a:active { 
	color: #006699; 
	text-decoration: underline; 
}

hr { 
	height: 1px; 
	background-color: #e8e8e8; 
	color: #e8e8e8; 
	padding: 0; 
	border: 0; 
	margin: 0; 
}

hr.margin10 { 
	margin: 15px; 
}

hr.small {
	width: 50%;
	text-align: center;/*this will align it for IE*/
	margin-left : auto; /*this will align it left for Mozilla*/
	margin-right: auto; /*this will align it left for Mozilla*/
}

img { 
	border: 0; 
}
.imgborder {
	border-width: 1px; 
	border-style: solid;
	border-color: #CDCDCD;
}
legend					{ color: #820000; }
fieldset					{ border: 0.1em solid #e8e8e8!important; }

/* 'widthwrapper' & 'padding' below both are containers for main section to the right */
.widthwrapper { 
	width: 100%; 
}
.padding { 
	padding: 12px; 
}
.clear { 
	height: 0; 
	clear: both; 
	font-size: 1px; 
	padding: 0; 
	margin: 0; 
}

#banner {
	text-align: center;
}

/* for weird reasons div and img in _tafforums.php cant use external css. css defined in file instead */


/* general layout
---------------------------------------------------------------------------------------------------------------------------------------------------- */

#container { 
	width: 760px; 
	text-align: left; 
	border: 0; 
	margin: 0 auto 10px auto; 
}

#header { 
	background: #820000 url("logo_rw.jpg") no-repeat right top;
}

#contentwrapper		{ 
	background: #fff url("contentwrapper-bg.jpg") repeat-x left top; 
	min-height: 360px; 
	/* IE6 cant handle min-height, so use this... */
	min-height: 360px;
	height:auto !important;
	height: 360px;
	/* END OF IE6 cant handle min-height, so use this... */
}

/* 530px is main div, 230px is promo div */
#main			{ 
	width: 529px; 
	float: right; 
	border-left: 1px solid #CDCDCD;
	min-height: 360px; 
	/* IE6 cant handle min-height, so use this... */
	min-height: 360px;
	height:auto !important;
	height: 360px;
	/* END OF IE6 cant handle min-height, so use this... */
}

.white_link {
	color: #FFFFFF; 
}

.italic {
	font-style: italic;
}

.t_tiny {
	font-size: 10px; 
}

/* the links just below the logo
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#link_row { 
	/*background-color: #CBCBCB;*/
	background-color: #000000; 
	padding: 4px 0; 
}

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

.linkrow {
	float: right; 
	padding: 0 20px 0 0;
}

#linkrow_height {
	height: 30px;
	width: 1px
}

/* Promo section
---------------------------------------------------------------------------------------------------------------------------------------------------- */

#promo { 
	background: #fff url("fade-bg.jpg") repeat-x right top; 
	width: 230px; 
	float: left;
}
.forum_inner, .forum_inner_targeted {
	padding: 10px;
}
.added_space_below, .added_space_below_targeted {
	padding: 0 0 5px 0;
}
/* targeted links to myjjk */
a.topic_link {
}
.topic_replies {
	font-size: 10px;	
}
.added_space_above_targeted {
	padding: 5px 0 0 0;
}

/* Footer
---------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer					{ clear: both; background-color: #fff; border-top: 1px solid #CDCDCD;  }
#footer p				{ font-size: 10px; color: #b5b5b5; text-align: center; padding: 6px 0; margin: 0; }


/* top navigation
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#mainnav { 
	width: 760px; 
	text-align: center; 
	margin: 0 auto 0 auto;
}
#mainnav ul { 
	text-align: left; 
	padding: 0; 
	margin: 0 auto; 
}
#mainnav ul li { 
	display: inline; 
	list-style-type: none; 
	line-height: 100%; 
	color: #fff; 
	margin: 0; 
}
#mainnav ul li a { 
	background: #000 url("mainnav-bg.jpg") repeat-x left top; 
	float: left; 
	color: #fff; 
	padding: 8px 12px; 
	border-left: 1px solid #494949; 
}
#mainnav ul li.selected a { 
	background: #ED8A07 url("mainnav-selected-bg.jpg") repeat-x 0 0; 
}
#mainnav ul li a:hover { 
	background: #ED8A07 url("mainnav-selected-bg.jpg") repeat-x 0 0; 
}

/* index page
---------------------------------------------------------------------------------------------------------------------------------------------------- */

table.inner_main_table {
	border: 0px;
	width: 225px;
	padding: 0px;
}

table.inner_main_table_wide {
	border: 0px;
	width: 450px;
	padding: 0px;
}

/* submit a link
---------------------------------------------------------------------------------------------------------------------------------------------------- */
span.formlabels, span.formlabels_mono {
	font-family: <?php echo "$font_family"; ?>;
	font-size: 12px; 
	color: <?php echo "$text_color"; ?>;
}

span.formlabels_s {
	font-size: 10px;
}

span.formlabels_mono {
	line-height: 175%
}

select {
	font-family: <?php echo "$font_family"; ?>;
	font-size: 12px; 
  	color: <?php echo "$text_color"; ?>;
} 

select.select2, select.select3 {
	width: 200px; 
} 

select.select1, select.select4 {
	width: 240px; 
} 

input.inputclass, textarea {
	font-family: <?php echo "$font_family"; ?>;
  	color : <?php echo "$text_color"; ?>;
	font-size: 12px; 
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color:  #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	width: 320px; 
}

input.inputsearch {
	font-family: <?php echo "$font_family"; ?>;
  	color : <?php echo "$text_color"; ?>;
	font-size: 12px; 
	width: 110px; 
}

input.submit {
	cursor: pointer;
}

input.textclass {
}

input.dateclass {
}

input.radioclass {
}

#form_err_msg {
visibility: hidden;
padding: 0px;
margin: 0px;
line-height: 1px;
}

#form_title {
visibility: hidden;
background-image: url(attention.gif);
background-repeat: no-repeat;height: 0px;width: 0px;
}

#form_url {
visibility: hidden;
background-image: url(attention.gif);
background-repeat: no-repeat;
height: 0px;
width: 0px;
}

#form_descr1 {
visibility: hidden;
background-image: url(attention.gif);
background-repeat: no-repeat;
height: 0px;
width: 15px;
}

#form_descr2 {
visibility: hidden;
background-image: url(attention.gif);
background-repeat: no-repeat;
height: 0px;
width: 15px;
}

#form_descr2exp {
visibility: hidden;
background-image: url(attention.gif);
background-repeat: no-repeat;
height: 0px;
width: 15px;
}

#form_descr2_1y {
visibility: hidden;
background-image: url(attention.gif);
background-repeat: no-repeat;
height: 0px;
width: 15px;
}

#form_section {
visibility: hidden;
background-image: url(attention.gif);
background-repeat: no-repeat;
height: 0px;
width: 0px;
}

#form_sub1 {
visibility: hidden;
background-image: url(attention.gif);
background-repeat: no-repeat;
height: 0px;
width: 0px;
}

#form_sub2 {
visibility: hidden;
background-image: url(attention.gif);
background-repeat: no-repeat;
height: 0px;
width: 0px;
}

#form_sub3 {
visibility: hidden;
background-image: url(attention.gif);
background-repeat: no-repeat;
height: 0px;
width: 0px;
}

/* other
---------------------------------------------------------------------------------------------------------------------------------------------------- */

td.subsection_title, td.search_title {
	color: <?php echo "$title_color"; ?>;
	font-size: 12px; 
	padding: 10px 0 0 0;
}

td.subsection_title a {
	color: <?php echo "$title_color"; ?>;
	text-decoration: none; 
}

td.newlinks_title {
	color: <?php echo "$title_color"; ?>; 
	font-size: 12px; 
	padding: 0 0 5px 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #e8e8e8;
}

td.link_description, td.search_link_description, td.search_no_found {
	font-size: 12px; 
}

td.link_url, td.link_section, td.search_link_url, td.search_link_section, td.directory_subsection {
	font-size: 10px; 
}

td.link_title, td.search_link_title, td.search_link_title {
	font-size: 12px; 
	padding: 5px 0 0 0;
}

table.section, table.directory {
	border: 0px;
	width: 100%;
	padding: 0px;
}

td.greenshade {
	background-color: #7DBD00;
}

td.center {
	text-align: center;
}

table.article_borders {
	border-width: 0px;
	border-style: solid;
	width: 100%;
	padding: 0px;
}

table.article_borders_small {
	border-width: 0px;
	border-style: solid;
	padding: 0px;
}

td.article_borders {
	border-width: 1px 1px 0 0;
	border-style: solid;
	padding: 5px 5px 5px 5px;
}

td.article_borders_left {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	padding: 5px 5px 5px 5px;
}

td.article_borders_left_bottom {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	padding: 5px 5px 5px 5px;
}

td.article_borders_bottom {
	border-width: 1px 1px 1px 0;
	border-style: solid;
	padding: 5px 5px 5px 5px;
}

table.article {
	border: 0px;
	width: 100%;
	padding: 0px;
}

td.article {
	padding: 0 10px 0 10px;
}

td.article_minheight {
	font-size: 1px; 
	padding: 0 0 0 0;
}
.pagination { 
	float: right;
	margin: 0 0 5px 5px;
	background-color: #7DBD00;
	background-image: url(images/forum_myjjk_bg_green.png); 
	background-repeat: repeat-x;
	padding: 2px 5px 2px 5px;
}

.pagination a { 
	color: #FFFFFF; 
	text-decoration: none; 
}
.pagination a:hover, a:active { 
	color: #FFFFFF; 
	text-decoration: underline; 
}

/* containing the subsection menue to the left */
table.directory_menue {
	border: 0px;
	width: 100%;
	padding: 10px;
}

td.menu-link {
	font-size: 12px;
	padding: 0 0 10px 0;
}

#inputsearch {
	width: 135px;
}

.emphasis {
	font-style: italic;
	font-weight: bold;
}

.monospace {
	font-family: courier new;
}

/* the news section */
#news_header { 
	background-color: #7DBD00; 
	background-image: url(images/forum_myjjk_bg_green.png); 
	background-repeat: repeat-x;
	padding: 4px 4px; 
	font-style: italic;
}

#news_header a { 
	color: #FFFFFF; 
	text-decoration: none; 
	font-style: italic;
}
#news_header a:hover, a:active { 
	color: #FFFFFF; 
	text-decoration: underline; 
	font-style: italic;
}

.readme:after {
	content: ">>";
	
}
.img-left {
	float: left; 
	margin: 2px 7px; 2px 0px;
}

.img-right {
	float: right; 
	margin: 2px 0px 2px 7px;
}