html {
margin:0;
padding:0;
}
body {
padding:0;
}
#topheader {
width: 100%;
margin: 0px auto;
padding: 5px 0px 5px 0;
background: none repeat scroll 0% 0% #000;
xheight: 60px;
color: #FFF;
z-index: 10000;
}
#maintext {
background-color: #fff;
opacity: .9;
padding: 10px;
}
#topheader h3 {
font-size: 40px;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
margin: 0px;
padding: 0px 42px;
text-transform: uppercase;
text-align: center;
font-weight: 400;
xline-height: 42px;
}
#topheader a:hover {
text-decoration: none;
color: #CFCFCF;
}
#topheader a {
color: #FFF;
text-decoration: none;
}
#footer_container {
width: 100%;
font-family: Arial, Helvetica, sans-serif;
margin: 0px auto;
padding: 20px 0px 20px 10px;
color: #FFF;
background: none repeat scroll 0% 0% #000;
}
#footer_container a {
color: #FFF;
padding: 0px 5px;
text-decoration: none;
}
#footer_container a:hover {
color: #CFCFCF;
}
#container {
margin:0 auto;
width: 1000px;
}
#content {
font-family: Arial, Helvetica, sans-serif;
color: #666;
}
#header {
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-size: cover;
height: 604px;
padding: 63px 125px 0px 491px;
font-family: Georgia;
font-size:16px;
}
#header span {
font-size: 25px;
xfont-weight: bold;
color: #F2693F;
}
#line {
height:50px;
background-color: #eee05b;
overflow: hidden;
}
#line p {
margin: 0;
font-size:30px;
line-height: 55px;
font-family: Georgia;
text-align: center;
text-transform: uppercase;
}
#content h1 {
margin: 10px 0;
font-size:75px;
line-height: 75px;
text-align: center;
text-transform: uppercase;
color: #F2693F;
}
#content form, #results {
margin:0 60px;
}
#content ul {
list-style-type: none;
padding:0;
}
#content ul li:first-child {
border-top: 1px solid #666;
}
#content a {
text-decoration: none;
color: #999;
}
#content a:hover {
text-decoration: underline;
color: blue;
}
#content ul li {
border-bottom: 1px solid #666;
text-transform: uppercase;
line-height: 75px;
margin:0;
text-indent:0;
font-size: 20px;
}
.checkbox {
width: 78px;
height: 72px;
padding: 0 10px 0 0;
background: url(bucketlist-checkbox.png) no-repeat;
display: block;
clear: left;
float: left;
margin-top: 2px;
margin-left: 25px;
}
#results h2 {
margin: 10px 0;
color: #F2693F;
font-size:30px;
line-height: 30px;
text-align: left;
text-transform: uppercase;
}
#results p {
margin: 10px 0;
font-size: 20px;
line-height: 20px;
text-align: left;
}
#results h3 {
margin: 10px 0;
font-size:24px;
line-height: 24px;
text-align: left;
font-weight: normal;
}
#results p a {
text-align: center;
text-transform: uppercase;
}
#quiz input[type=submit], #results .share a {
display:inline-block;
font-size: 20px;
width:300px;
height:44px;
text-transform: uppercase;
color:#fff;
overflow:hidden;
padding:12px 20px;
text-decoration: none;
}
#quiz input[type=submit] {
height:50px;
background: #F2693F;
border:0;
xfont-weight: bold;
margin:20px 44px;
}
#results {
padding:0 44px;
}
#results h3 {
margin-top:30px;
}
#results .share a img {
width:auto;
height:32px;
position: relative;
top: 6px;
}
#results .facebook {
background: #3B5998;
}
#results .twitter {
background: #55ACEE;
}
]]>