html {
min-height: 100%;
position: relative;
}
body {
color: #fff;
margin: 0 0 100px;
background: #f3f3f3;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
a {
color: #fff;
text-decoration: none;
border-bottom: 1px #fff dotted;
}
.clear {clear: both;}
*:focus {outline: none;}
.toggle {cursor: pointer;}
h3 {
margin: 0;
padding: 0;
}
#main-title {
float: left;
display: inline;
font-size: 32px;
margin: 0 0 0 11%;
font-weight: normal;
padding: 13px 0 0 0;
}
#main-title a {
border: 0;
text-decoration: none;
}
#subtitle {
font-size: 16px;
padding: 0 0 10px 0;
text-transform: uppercase;
}
#nav {
width: 100%;
float: left;
position: relative;
background: #1F2B33;
}
#nav ul {
float: right;
margin: 0 8% 0 0;
}
#nav li {
float: left;
font-size: 14px;
list-style: none;
}
#nav li a {
border: 0;
color: #fff;
display: block;
text-transform: uppercase;
padding: 25px 20px 25px 25px;
}
#nav li a:hover {
background: #16a6b6;
}
#wrapper {
width: 52%;
float: left;
color: #444;
height: auto;
padding: 20px;
font-size: 15px;
background: #fff;
margin-top: 40px;
margin-left: 10%;
line-height: 19px;
border: 1px solid #fff;
}
#wrapper a {
color: #444;
border-bottom: 1px #444 dotted;
}
#side {
width: 20%;
float: left;
height: auto;
padding: 20px;
font-size: 14px;
margin-left: 2%;
margin-top: 40px;
background: #16a6b6;
}
span.editText {
display: block;
cursor: pointer;
}
span.editText textarea {
border: 0;
padding: 0;
width: 100%;
resize: none;
color: inherit;
display: block;
overflow: hidden;
font-size: inherit;
line-height: inherit;
font-family: inherit;
background-color: transparent;
}
.border {
border-radius: 5px;
margin-bottom: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.hide {
margin: 0;
width: 100%;
display: none;
}
.change {
width: 100%;
height: auto;
padding: 20px;
margin-top: 5px;
background: #1F2B33;
}
.change select {
width: 20%;
color: #fff;
border: none;
padding: 10px;
font-weight: bold;
background: #16a6b6;
}
.settings {
width: 100%;
clear: both;
color: #fff;
height: auto;
padding: 5px 0;
text-align: center;
background: #16a6b6;
}
div.settings div.change {
width: 52%;
text-align: left;
margin-left: 10%;
}
footer {
left: 0;
bottom: 0;
width: 100%;
min-height: 60px;
position: absolute;
background: #1F2B33;
}
footer p {
padding: 20px;
font-size: 13px;
margin: 0 6% 0 0;
text-align: right;
}