html, body {
height:100%;
}

body {
margin: 0px;
padding: 75px 0px 0px 0px;
color: #000;
background-color: #fff;
text-align: left;
}

.wrapper {
float: right;
}

body, h1, h2, h3, .title button, .bottom button, .bottom input, button, input {
font-family: 'Open Sans', Courier, Sans Serif, Georgia, Times, Serif;
line-height: 1.5em;
letter-spacing: 0.04em;
font-size: 12px;
font-weight: 400;
}

.selected {
font-weight: 700;
}

b {
font-weight: 700;
}

.navbar {
color: #000;
background-color: #ddf1fa;
border-bottom: 0px solid black;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.navbar-default {
padding: 25px 0px 15px 0px;
margin: 0px 0px 0px 0px;
}

.dropdown, .dropdown-menu, .dropdown-menu .divider {
  background-color: #ddf1fa;
color: #000;
}

.front_item {
height: 350px;
margin: 15px;
padding: 0px;
cursor: pointer;
background-position: center center;
background-attachment: scroll;
background-size: cover;
background-repeat: no-repeat;
background-color: #ddf1fa;
}

.front_title {
margin: 0px;
padding: 15px;
height: 100%;
width: 100%;
filter:alpha(opacity=0);
opacity:0;
color: #fff;
background-color: #fff;
transition:all 500ms;
-moz-transition:all 500ms; /* Firefox 4 */
-webkit-transition:all 500ms; /* Safari and Chrome */
-o-transition:all 500ms; /* Opera */
}

.front_title:hover {
filter:alpha(opacity=65);
opacity:0.65;
text-decoration: none;
color: #000;
background-color: #fff;
}

p {
margin: 0px;
padding: 0px 0px 10px 0px;
}

a {
text-decoration: underline;
color: #000;
}

a: hover {
text-decoration: underline;
color: #000;
}

a: visited {
text-decoration: underline;
color: #000;
}

h1 {
text-transform:uppercase;
margin: 0px 15px 0px 15px;
padding: 0px;
}

h2 {
text-transform:uppercase;
margin: 0px 0px 15px 0px;
padding: 0px;
border-bottom:1px solid black;
}

h3 {
text-transform:uppercase;
margin: 0px 0px 15px 0px;
padding: 0px;
border-bottom:1px dotted black;
}

.title {
text-transform:uppercase;
}

.title a {
color: #000;
text-decoration: none;
}

.title a:hover {
text-decoration: underline;
}

.title button {
width: 100%;
text-align: center;
margin: 0px;
padding: 0px;
}

.sock {
margin: 0px;
padding: 15px;
}

.writ_sock {
margin: 0px;
padding: 0px 0px 0px 15px;
}

img {
display: block;
height: auto;
max-width: 100%;
}

.spaced {
float: left;
background-color: transparent;
margin: 25px 0px 0px 0px;
padding: 0px;
}

.bottom {
background-color: #ddf1fa;
margin: 50px 0px 0px 0px;
padding: 0px 0px 100px 0px;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.bottom a {
text-decoration: underline;
}

.bottom a: hover {
text-decoration: underline;
}

.bottom a: visited {
text-decoration: underline;
}

.bottom h2 {
border-bottom:1px solid #000;
}

.bottom button,
.bottom input {
padding: 5px;
margin: 0px 0px 5px 0px;
line-height: normal;
color: #000;
background-color: #fff;
border: 0px solid #000;
}

.caption {
font-size: 9px;
padding: 0px 0px 10px 0px;
line-height: 1.6em;
}

button,
input {
padding: 5px;
margin: 0px 0px 5px 0px;
line-height: normal;
background-color: #fff;
border: 1px solid #000;
}

.paginate {
text-align: center;
}