* {
margin: 0;
padding: 0;
}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;} /*CSS-Reset here*/
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
h1 { font-size: 200%; font-weight: bold; text-align:left;}
h3 { font-size: 125%; font-weight: bold; text-align:left;}
.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }
.frame { padding: 5px; border: 1px solid #aaa; }
a:link {color: #9eaec7; text-decoration: underline; }
a:visited {color: #9eaec7; text-decoration: underline; }
a:hover {color: #b7cced; text-decoration: underline; }
a:active {color: #9eaec7; text-decoration: underline; }
#background1{
height: 350px;
margin: 0;
color: white;
margin-top: 0px; /* Makes it a little off the top of the screen */
width: 100%; /* For centering it on the screen */
position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
background: #000000; /* Login Box background color. Change this if desired. */
z-index: -1; /* Makes it on top of everything else */
font-family: arial; /* Sets the font */
visibility: visible; /* Makes it hidden at first. Very Important.*/
background-image: url(images/top2.jpg);
background-repeat: repeat-x;
background-position: top;
background-attachment: scroll;
}
body {
font-size: 75.0%;
font-family: Arial, sans-serif;
background: #191919;
background-image: url(images/backgrdmain.jpg);
background-position: top;
background-repeat: repeat;
background-attachment: scroll;
text-align: center;
}
#popupbox{
margin: 0;
color: white;
margin-left: 40%; /* This gets it relatively center on the screen */
margin-right: 40%; /* This gets it relatively center on the screen */
margin-top: 250px; /* Makes it a little off the top of the screen */
padding-top: 10px; /* Make the text not touching the top on the login box */
width: 15%; /* For centering it on the screen */
height: 150px; /* The height of the login box */
position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
background: #666666; /* Login Box background color. Change this if desired. */
border: solid #FFFFFF 1px; /* Makes a black border around the login box */
z-index: 9; /* Makes it on top of everything else */
font-family: arial; /* Sets the font */
visibility: hidden; /* Makes it hidden at first. Very Important.*/
}
#popupbox2{
margin: 0;
color: white;
margin-left: 40%; /* This gets it relatively center on the screen */
margin-right: 40%; /* This gets it relatively center on the screen */
margin-top: 270px; /* Makes it a little off the top of the screen */
padding-top: 10px; /* Make the text not touching the top on the login box */
width: 15%; /* For centering it on the screen */
height: 55px; /* The height of the login box */
position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
background: #666666; /* Login Box background color. Change this if desired. */
border: solid #FFFFFF 1px; /* Makes a black border around the login box */
z-index: 9; /* Makes it on top of everything else */
font-family: arial; /* Sets the font */
visibility: hidden; /* Makes it hidden at first. Very Important.*/
}
div#header {
height: 150px;
padding:25px 0px 0px 0px;
border:0px solid gray;
margin:0 auto;
}
div#navigation {
padding: 0px 0px 0px 0px;
margin: 0 auto;
color: white;
width:800px;
}
#nav ul{
list-style: none;
text-align: center;
}
#nav ul li a {
display: block;
width: 80px;
float: left;
margin-top: 50px;
color:white;
text-decoration:none;
}
#nav ul li a:hover, ul#nav li a:active {
color: #9eaec7;
{display:inline}
}
ul#nav li {width: 80px; display:inline}
div#container {margin: 0 auto; height: 500px; width:800px; background: #000000; color: white; border: 1px solid gray; padding: 0px 0px 0px 0px; position:relative; text-align: left}
div#container div#upperdisplay {height: 30px}
div#container div#upperdisplay span#upperdisplayleft {display: inline; width:200 px; margin-top: 25px; padding-left: 50px; float:left;}
div#container div#upperdisplay span#upperdisplayright {display: inline; wwidth:150 px; margin-top: 25px; padding-right: 35px; float:right;}
div#container div#left-column {
padding-left: 45px;
height: 425px;
width:480px;
float:left;
position:relative;
}
/*This CSS styles only the form on the reg page.*/
div#container div#left-column-reg {padding-left: 45px; height: 425px; width:500px; float:left; position:relative;}
div#container div#left-column-reg form { width:300px;padding:0 90px 20px;margin:auto;background:#666666;border:1px solid #ddd; }
div#container div#left-column-reg body { font:12px/1.3 Arial, Sans-serif; }
div#container div#left-column-reg div { position:relative;margin:0 0 10px; height: 20px;}
div#container div#left-column-reg label { cursor:pointer;display:block; }
div#container div#left-column-reg input[type="text"] { width:300px;border:1px solid #999;padding:5px;-moz-border-radius:4px; }
div#container div#left-column-reg input[type="password"] { width:300px;border:1px solid #999;padding:5px;-moz-border-radius:4px; }
div#container div#left-column-reg input[type="text"]:focus { border-color:#777; }
div#container div#left-column-reg input[type="submit"] { cursor:pointer;border:1px solid #999;padding:5px;-moz-border-radius:4px;background:#eee; }
div#container div#left-column-reg input[type="submit"]:hover,
div#container div#left-column-reg input[type="submit"]:focus { border-color:#333;background:#ddd; }
div#container div#left-column-reg input[type="submit"]:active{ margin-top:1px; }
/* */
/*This CSS styles only the form on the article submission page.*/
div#container div#left-column-art {padding-left: 45px; height: 425px; width:500px; float:left; position:relative;}
div#container div#left-column-art form { height: 375px; width:300px;padding:0 90px 20px;margin:auto;background:#666666;border:1px solid #ddd; }
div#container div#left-column-art body { font:12px/1.3 Arial, Sans-serif; }
div#container div#left-column-art div { position:relative;margin:0 0 10px; height: 20px;}
div#container div#left-column-art label { cursor:pointer;display:block; }
div#container div#left-column-art input[type="text"] { width:300px;border:1px solid #999;padding:5px;-moz-border-radius:4px; }
div#container div#left-column-art input[type="password"] { width:300px;border:1px solid #999;padding:5px;-moz-border-radius:4px; }
div#container div#left-column-art input[type="text"]:focus { border-color:#777; }
div#container div#left-column-art input[type="reset"] { cursor:pointer;border:1px solid #999;padding:5px;-moz-border-radius:4px;background:#eee; }
div#container div#left-column-art input[type="reset"]:hover,
div#container div#left-column-art input[type="reset"]:focus { border-color:#333;background:#ddd; }
div#container div#left-column-art input[type="reset"]:active{ margin-top:1px; }
/* */
div#container div#right-column {
height: 425px;
width:225px;
float:right;
padding-right: 20px;
padding-left: 5px;
border-left: 1px solid gray;
}
div#container div#one-column {
margin: 0;
color: white;
margin-left: 25%; /* This gets it relatively center on the screen */
margin-right: 25%; /* This gets it relatively center on the screen */
margin-top: 100px; /* Makes it a little off the top of the screen */
padding-top: 10px; /* Make the text not touching the top on the login box */
width: 50%; /* For centering it on the screen */
height: 150px; /* The height of the login box */
text-align: center;
position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
z-index: 9; /* Makes it on top of everything else */
font-family: arial; /* Sets the font */}
div#container span#copyright {
float:right;
font-size:75%;
height:10px;
padding-bottom: 5px;
position:absolute;
bottom:0;
right:0;
text-align:center;
width:235px;
}
div#container div#left-column div#left-column-top {padding-bottom:5px; height:315px;}
div#container div#left-column div#left-column-bot {height:100px;}
#popupbox{
margin: 0;
color: white;
margin-left: 40%; /* This gets it relatively center on the screen */
margin-right: 40%; /* This gets it relatively center on the screen */
margin-top: 250px; /* Makes it a little off the top of the screen */
padding-top: 10px; /* Make the text not touching the top on the login box */
width: 15%; /* For centering it on the screen */
height: 150px; /* The height of the login box */
position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
background: #666666; /* Login Box background color. Change this if desired. */
border: solid #FFFFFF 1px; /* Makes a black border around the login box */
z-index: 9; /* Makes it on top of everything else */
font-family: arial; /* Sets the font */
visibility: hidden; /* Makes it hidden at first. Very Important.*/
}
#popupbox2{
margin: 0;
color: white;
margin-left: 40%; /* This gets it relatively center on the screen */
margin-right: 40%; /* This gets it relatively center on the screen */
margin-top: 270px; /* Makes it a little off the top of the screen */
padding-top: 10px; /* Make the text not touching the top on the login box */
width: 15%; /* For centering it on the screen */
height: 55px; /* The height of the login box */
position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
background: #666666; /* Login Box background color. Change this if desired. */
border: solid #FFFFFF 1px; /* Makes a black border around the login box */
z-index: 9; /* Makes it on top of everything else */
font-family: arial; /* Sets the font */
visibility: hidden; /* Makes it hidden at first. Very Important.*/
}
/*User area-related CSS*/
div#container div#area1 {padding-left: 45px;
padding-right: 25px;
height: 170px;
width:700px;
position:relative;}
div#container div#area1 div#area1-left {float: left; height: 150px; width: 500px; padding-top:10px; padding-bottom:10px;}
div#container div#area1 div#area1-right{float: right; height: 150px; width: 100px; padding-top:10px; padding-bottom:10px;}
div#container div#area2 {padding-bottom: 10px; padding-top: 10px; padding-left: 45px; height: 250px; padding-right: 15px; width:740px; position:relative;}
div#container div#area2 div#area2-left {border: 1px solid gray; float: left; height: 220px; width: 500px;}
div#container div#area2 div#area2-right{float: right; height: 220px; width: 200px; border: 1px solid gray;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here; I hate these browsers.*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;} /*CSS-Reset here*/
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
body {color:blue;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
div#container {margin: 0 auto; height: 500px; width:800px; background: #000000; color: white; border: 1px solid gray; position:relative; text-align: left};
#nav ul li a {display:inline};
}