a {
font-style:italic;
text-decoration:none;
}
body {
background-color:#FFFFCC;
font-family:arial;
}
footer {
color:#000066;
margin:8px;
padding:5px;
}
h1,h2,h3,h4,h5,h6 {
font-family:arial;
font-weight:bold;
font-style:none;
text-decoration:none;
}
header {
color:#FFF;
background:#FF66FD;
padding:5px 20px 2px 20px;
border-radius:15px 15px 0px 0px;
height:90px;
text-align:center;
}
iframe {
margin-left:auto;
margin-right:auto;
}
main {
color:#000066;
background:#E5FEFF;
padding:10px 20px 10px 20px;
font-size:1.2em;
}
nav {
background:#FF99FE;
border-radius:0px 0px 15px 15px;
padding:5px;
}
nav ul {
list-style-type:none;
}
nav li {
display:inline;
}
nav button {
width:19.63%;
height:40px;
border:0;
background:#FF99FE;
color:#FFF;
font-size:1.1em;
-moz-transtion:all .1s linear;
-o-transition:all .1s linear;
-webkit-transition:all .1s linear;
}
nav button:hover,.current {
border-radius:15px;
background:#FFF;
color:#000;
}
#jhead {
width:175px;
margin:15px;
float:right;
}
#wrapper {
background:#E5FEFF;
border-radius:15px;
max-width:1000px;
min-width:1000px;
margin:0 auto 0 auto;
padding:20px;
}
.active,.demo:hover {
opacity:1;
}
.caption-container {
text-align:center;
background:#000;
padding:2px 16px;
color:white;
}
.close {
color:white;
position:absolute;
top:10px;
right:25px;
font-size:35px;
font-weight:bold;
}
.close:hover,.close:focus {
color:#999;
text-decoration:none;
cursor:pointer;
}
.column { /* making four columns equal widths to float next to one another */
float:left;
width:22%;
}
.demo {
opacity:0.6;
}
.hover-shadow {
transition:0.3s;
width:200px;
}
.hover-shadow:hover {
box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)
}
.modal {
display:none;
position:fixed;
z-index:1;
padding-top:100px;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
background:#000;
}
.modal-content {
position:relative;
background:#FEFEFE;
margin:auto;
padding:0;
max-width:1000px;
}
#carModal .mySlides {
display:none;
height:800px;
width:1200px;
background:#000;
text-align:center;
}
#catModal .mySlides {
display:none;
height:600px;
width:1200px;
background:#000;
text-align:center;
}
.numbertext {
color:#F2F2F2;
font-size:12px;
padding:8px 12px;
position:absolute;
top:0;
}
.photo {
max-width:1000px;
max-height:750px;
}
.row > .column {
padding:0px 8px;
}
.row:after {
content:"";
display:table;
clear:both;
}
.thumb {
width:200px;
margin-left:10px;
margin-right:10px;
}
Comments