js-flash project style.css rev. 1

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;
}