body {
font: 100% Lucida Sans, Verdana;
margin: 20px;
line-height: 26px;
}
span {
color: #4caf50;
}
.logo {
font-family: fontawesome;
font-size: 37px;
letter-spacing: 3px;
line-height: 1;
padding-left: 2px;
text-decoration: none;
}
.top {
background-color: #ffffff;
height: 50px;
line-height: 0px;
overflow: hidden;
padding-top: 20px;
position: relative;
z-index: 1;
}
.nav {
background-color: #5f5f5f;
color: #f1f1f1;
font-size: 17px;
letter-spacing: 1px;
position: relative;
width: 99%;
z-index: 2;
margin:0,10,0,10;
overflow:hidden;
padding:5;
}
.wrapper {
overflow: auto;
position: relative;
}
.logoRight {
float: right;
}
.alink {
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.active {
color: Red;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.indexImg {
width:33%;
height:400px;
}
.album {
margin: 5px;
float: left;
padding:15px;
height:135px;
width: 125px;
text-align:center;
}
.content {
width:90%;
height:370px;
margin-left:auto;
margin-right:auto;"
}
.movie {
float: left;
width: 47%;
padding:15px;
height:130px;
}
.bottom {
background-color: #f1f1f1;
border: 1px solid #d4d4d4;
font-size: 70%;
line-height: 14px;
padding: 10px;
position:relative;
text-align: center;
}
table {
border-collapse: collapse;
width: 99.8%;
}
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2}
th {
background-color: #4CAF50;
color: white;
}
a {
color: #000000;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
ul {
background: grey;
padding: 20px;
}