/*********************
CSS for cerabow.net
last modified 03/10/2016
*********************/

/**************************
Page Divisions

Minimum Page Dimensions:
Width=650
Height=600

Main page divisions are
header, body containing
nav and content, and footer

RR GG BB

**************************/

#clock
{
padding:0px;
margin:0px;

min-width:650px;
width:100%;
border:0px dotted yellow;

margin-left:auto;
margin-right:auto;

}

#header
{
/* height=100 width=650 */
padding:0px;
margin:0px;

min-width:650px;
width:100%;
height:100px;
border:0px dotted yellow;

margin-left:auto;
margin-right:auto;

/*background-color:#000020;*/
}

#body
{
/* height=485 width=650 */
padding:0px;
margin:0px;

min-width:650px;
/*min-width:50%;*/
width:100%;
min-height:505px; /*485 + 20px padding*/
border:0px dotted yellow;

margin-left:auto;
margin-right:auto;
}

nav.left
{
/* height=485 width=100 */

/*padding:5px;*/
padding:10px;
margin:0px;

min-width:100px;
/*min-width:10%;*/
min-height:485px;
border:0px dotted yellow;

font-family:"Arial";
font-size:1.10em;
font-weight:700; /*bold*/

float:left;
/*background-color:#002000;*/
}

nav.center
{
/* height=485 width=100 */

/*padding:5px*/
padding:0px;
margin:0px;

width:100%;
min-width:650px;
min-height:25px;
border:0px dotted yellow;

font-family:"Arial";
font-size:1.25em;
font-weight:700; /*bold*/

margin-left:auto;
margin-right:auto;
/* float:left; */
/*background-color:#002000;*/
/*
display:table;
table-layout:fixed;*/

clear:both;
}

nav.left ul
{
list-style-type:none;
border:0px dotted yellow;

padding:0px;
margin:0px;

padding-left:5px;
padding-right:5px;

}

nav.center ul
{
list-style-type:none;
border:0px dotted yellow;

/*position:relative;
float:left;
left:50%;
*/

padding:0px;
margin:0px;
/*
padding-left:0px;
padding-right:0px;*/

/*display:table-row;*/
}

nav.center li
{
display:inline;
/*display:table-cell;*/
/*
margin-right: 1px;*/
/*
float:left;
position:relative;
right:50%;
*/

text-transform:uppercase;

padding:0.25% 0.5%;
margin:0px;
background-color:#202020;

position:relative;

}

nav.center a
{
display:inline-block;
/*padding: 1px 1px;*/
}

nav.center ul ul
{
position:absolute;
visibility:hidden;
}

nav.center li li
{
position:relative;

margin-top:1px;
}

nav.center ul li:hover > ul
{
visibility:visible;
}

#content
{
/* height=485 width=525 */
/*margin-left:10%;*/

/*margin-left:130px;*/

min-width:525px;
/*min-width:50%;*/
min-height:485px;
padding:10px;
border:0px dotted yellow;

/*background-color:#200000;*/
}

#footer
{
/* height=15 width=650 */
min-width:650px;
width:100%;
padding:0px;
border:0px dotted yellow;

margin-left:auto;
margin-right:auto;

/*background-color:#202000;*/
}

/*************************/
/* Additional Formatting */

#hidden_footer
{
color:#000000;
}

.noaural
{
speak:none;
}

#title
{
font-size:2.5em;
font-weight:700;
}

span#title a
{
text-decoration:none;
}

.subtext
{
font-size:0.7em;
}

.lefttext
{
text-align:left;
}

.righttext
{
text-align:right;
}
.centertext
{
text-align:center;
}

.yellowtext
{
color:yellow;
}

/*************/
/* HTML Tags */

body
{
background-color:#000000;
/*background-image:url('/images/zeal.png');
background-repeat:repeat-y;*/
background-repeat:no-repeat;
background-position:bottom right;

margin:20px;

font-family:"Arial";
color:#DDDDDD;
font-size:0.813em;
text-align:left;
}

strong
{
color:#DDDD00;
}

code
{
/*background-color:#FFFFFF;
color:#000000;*/
font-size:1.2em;
white-space:pre-wrap;
}

.floatright
{
float:right;
}

.floatleft
{
float:left;
}

caption
{
font-weight:700;
color:#DDDD00;
}

.ipform
{
background-color:black;
font-size:1em;
color:white;
border:0px;
}

.alttblrow
{
background-color:#303030;
}

table
{
border:0px;
}

.hiddentext
{
font-size:0px;
}

input[type=submit]
{
/*width:9em;
height:2em;*/
font-size:0.7em;
background-color:#303030;
color:#DDDDDD;
border:1px outset #000000;
}

input[type=reset]
{
/*width:9em;
height:2em;*/
font-size:0.7em;
background-color:#303030;
color:#DDDDDD;
border:1px outset #000000;
}

.formtext
{
/*height:1.2em;*/
font-size:0.8em;
background-color:#c0c0c0;
}

.gallery/*for image tag*/
{
width:100%;
}

/*************************/
/* Minecraft Status Page */

.minecraftbox
{
border:1px outset #444444;
min-height:40px;
min-width:300px;
/*width:40%;*/
width:300px;

background-color:#151515;
}

.serverinfo_left
{
float:left;
width:50px;
padding:5px;

/*background-color:#000033;*/
}

.serverinfo_right
{
min-width:230px;
margin-left:60px;
padding:5px;

/*background-color:#003300;*/
}

.offlinetext
{
color:#DD0000;
font-weight:700;
}

.onlinetext
{
color:#00DD00;
font-weight:700;
}

/******************/
/* Header Styling */
h1
{
font-size:1.5em;
color:#DDDD00;
}
h2
{
font-size:1.35em;
color:#DDDD00;
}
h3
{
font-size:1.2em;
color:#DDDD00;
}
h4
{
font-size:1.05em;
color:#DDDD00;
}

#ip
{
white-space:pre;
font-family:monospace;
}

/****************************/
/* Maintenance Page Styling */

body.maintenance
{
background-color:#00008b;
font-family:"Arial";
color:white;
font-size:1em;
text-align:center;
}

h1.maintenance
{
background-color: white;
color:#00008b;
font-size:inherit;
font-weight:inherit;
display:inline-block; /* prevents the text background spanning the whole page */
}

.maintenancetext
{
color:#5050ff;
font-weight:700;
}

/***************************************/
/* Hyperlinks and hyperlink mouseovers */

a:link, a:visited
{
color:white;
}
a:hover
{
/*color:#4ccc14; lightish green*/
color:#a66501;
/*font-style:italic;*/
}
a:active
{
color:yellow;
}

/******************/
/* NAV hyperlinks */

/* Remove Underline for NAV links */
nav a
{
text-decoration:none;
}

nav a:link, nav a:visited
{
/*color:#199eff; lightish blue*/
color:#FFb013;
}
nav a:hover
{
color:#a66501;
/*background-color:#202020;*/
/*font-style:italic;*/
}
nav a:active
{
color:yellow;
}

#curpage
{
/*display:block;*/
/*background-color:#303030;*/
color:#e82d1c;
}