@charset "utf=8";
html, body, div, h1, h2, h3, h4, p, ul, li, img, a {
margin: 0;
padding: 0;
}
article, aside, figure, footer, header, hgroup,
menu, nav, section {
display: block;
}
a:link {color:#FFF; background-color:transparent; text-decoration:none}
a:visited {color:#FFF; background-color:transparent; text-decoration:none}
a:hover {color:#FFF; background-color:transparent; text-decoration:none}
a:active {color:#FFF; background-color:transparent; text-decoration:none}
/*Navigation*/
#menu {
width: 430px;
min-width: 50%;
margin: 0 5px 50px 0;
padding: 0 0 5px 7px;
}
li {
display:inline-block;
margin: 1px;
margin-right: 1px;
box-shadow: 2px 2px 3px #000;
}
/*Style for menu links*/
li a {
display:block;
width:100px;
height:18px;
text-align: center;
line-height: 5px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
color: #fff;
background: transparent;
text-decoration: none;
border-radius: .5em;
padding-top: 15px;
box-shadow: 2px 2px 3px #000;
border: 1px solid #99adeb;
}
/*Hover state for top level links*/
/*li:hover a {
background: #5681a9;
} */
a:hover {
color: #5681a9;
background: transparent;
font-style: italic;
}
/*Style for dropdown links*/
/*li:hover ul a {
background: #f3f3f3;
color: #2f3036;
height: 40px;
line-height: 40px;
}*/
/*Hover state for dropdown links*/
/*li:hover ul a:hover {
background: #19c589;
color: #fff;
}*/
/*Hide dropdown links until they are needed*/
/*li ul {
display: none;
}*/
/*Make dropdown links vertical*/
/*li ul li {
display: block;
float: none;
}*/
/*Display the dropdown on hover*/
/*ul li a:hover + .hidden, .hidden:hover {
display: block;
}*/
/*Prevent text wrapping*/
li ul li a {
width: auto;
min-width: 100px;
padding: 0 10px;
}
.body {
background: #000;
background-attachment: fixed;
background-image: url("images/abstract.html");
background-size: 103% 103%;
background-position: 40% 50%;
background-repeat: no-repeat;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.container {
background-color: bdbdbd;
background-size: cover;
width: 1000px;
height:100%;
margin:30px auto 0;
border-radius: 2em;
}
header{
width: 100%;
background: transparent;
border-radius: .5em .5em;
}
header h1 {
width:995px;
color:#fff;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
border-radius: .3em;
border: 1px solid #99adeb;
box-shadow: 2px 2px 3px #000;
}
.content {
background: transparent;
padding-top: 20px;
padding-bottom: 30px;
border: 0 1px 1px 1px solid #fff;
overflow:clear;
}
.content h2 {
text-align: left;
font-size: 20px;
padding: 0 10px 10px 10px;
color:#fff;
word-spacing: 2px;
text-shadow:1px 1px 2px #000;
}
.content p{
height: 100%;
text-align: left;
padding: 15px 10px;
}
.gallery {
width:1000px;
height: 600px;
}
.gallery ul {
list-style: none;
}
.gallery li a {
float: left;
margin: 10px;
}
.gallery a {
float: left;
}
.gallery img {
display: block;
margin: 7px;
padding: 5px;
background: #42517f;
border: 1px solid #99adeb;
box-shadow: 2px 2px 3px #000;
border-radius: .5em;
clear: both;
}
.gallery img:hover {
border: 1px solid #fff;
}
footer {
width: 100%;
height: 3em;
background: #transparent;
clear: left;
position: relative;
bottom: 0;
}
footer h4 {
font-size: 12px;
color: #fff;
text-align: center;
padding: 15px 0;
}