html, body {
height: 100%;
width: 100%;
position: top center;
margin: 0;
padding: 0;
background-repeat: repeat;
background-attachment: fixed;
background: #000;
}
#Container {
position: relative;
margin: auto;
left: 0;
right: 0;
width: 1024px;
min-height: 1290px;
background-image: url(../images/Background/Content-1.png);
}
#Nav {
position: relative;
float: left;
margin: auto;
left: 190px;
right: 0;
width: 640px;
height: 79px;
}
.Navbar {
position: relative;
margin: auto;
left: 0;
right: 0;
top: 10px;
width: 640px;
height: auto;
}
#Button {
position: absolute;
margin: auto;
top: 110px;
left: 317px;
}
#Logo #title {
position: relative;
left: 340px;
width: 320px;
height: 180px;
}
#webcomic {
position: relative;
margin: auto;
top: 50px;
left: 10px;
right: 0;
height: auto;
}
#Tweets {
position: absolute;
margin: 0 auto 0 auto;
top: 20px;
right: 0;
left: 870px;
width: 300px;
height: 135px;
}
.Next {
-moz-border-radius: 3px;
}
img.Next {
position: absolute;
bottom: 900px;
right: 220px;
border: 2px solid black;
}
.Prev {
-moz-border-radius: 3px;
}
img.Prev {
position: absolute;
bottom: 900px;
left: 220px;
border: 2px solid black;
}
#Archives1 {
position: relative;
margin: auto;
bottom: 100px;
}
#Archives2 {
position: relative;
margin: auto;
bottom: 100px;
}
#Feb {
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 360px;
width: 600px;
}
#Mar {
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 580px;
width: 600px;
}
#April {
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 840px;
width: 600px;
}
#May{
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 1040px;
width: 600px;
}
.Title {
position: absolute;
top: 300px;
left: 200px;
margin: auto;
width: 700px;
}
.Title h3 {
position: absolute;
font-family: helvetica, sans-serif, arial, News Gothic Std;
margin: auto;
right: 0;
left: 0;
top: 0;
padding: 10px;
width: 645px;
}
.Title h3 b{
color: #DF0D16;
}
.Title sub {
position: absolute;
left: 480px;
width: 100px;
}
.Title h2 {
padding-top: 45px;
}
.Title hr {
position: absolute;
margin: 0;
right: 0;
left: 0;
top: 30px;
width: 590px;
}
.Title p {
position: relative;
font-family: helvetica, sans-serif, arial, news gothic std;
letter-spacing: .03em;
float: left;
width: 610px;
margin: auto;
right: 0;
left: 0;
top: 50px;
}
#Upcoming_Events {
position: relative;
margin: auto;
top: 150px;
left: 0;
right: 0;
width: 600px;
height: 400px;
text-align: justify;
}
#Upcoming_Events p{
font-family: helvetica;
font-size: 90%;
width: 430px;
}
#Upcoming_Events img{
position: absolute;
margin: auto;
top: 0;
left: 0;
}
#Upcoming_Events2 {
position: relative;
margin: auto;
top: 120px;
right: 0;
left: 0;
width: 600px;
height: 400px;
text-align: justify;
}
#Upcoming_Events2 p{
font-family: helvetica;
font-size: 90%;
width: 430px;
}
.bottom p{
position: absolute;
font-family: helvetica, sans-serif, arial, news gothic std;
letter-spacing: .03em;
top: 995px;
left: 190px;
width: 630px;
padding: 15px;
}
.bottom a{
color: #27588e;
font-family: helvetica, sans-serif, arial, news gothic std;
letter-spacing: .03em;
font-weight: bold;
}
.bottom a:hover {
color: #DF0D16;
}
ul {
position: absolute;
font-family: helvetica, sans-serif, arial, news gothic std;
letter-spacing: .03em;
width: 500px;
height: 200px;
margin: auto;
right: 100px;
top: 500px;
}
#B{
position: absolute;
font-family: helvetica, sans-serif, arial, news gothic std;
letter-spacing: .03em;
margin: auto;
left: 240px;
top: 520px;
}
li a{
color: #27588e;
font-family: helvetica, sans-serif, arial, news gothic std;
letter-spacing: .03em;
font-weight: bold;
}
li a:hover{
color: #DF0D16;
}
#Sig {
position: relative;
font-family: helvetica, sans-serif, arial, news gothic std;
letter-spacing: .03em;
width: 150px;
height: auto;
margin: 0 auto 0 auto;
left: 0px;
top: 915px;
}
.Artist {
float: right;
width: 200px;
height: auto;
border: 3px solid #4f4f4f;
}
#Contact {
position: absolute;
height: 300px;
left: 100px;
right: 0;
}
#Contact p{
position: relative;
margin: 0 auto 0 auto;
padding-top: 30px;
}
.Footer {
position: absolute;
float: left;
margin: auto;
bottom: 0;
left: 0;
right: 0;
color: #fff;
}
#Lower {
position: relative;
margin: auto;
bottom: 0;
right: 1px;
width: 655px;
background-color: #00345F;
font-weight: bold;
}