html, body {
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
background: #8FA6D2 url(images/background_gradient.jpg) repeat-x;
min-height: 660px;
}
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0px auto -71px; /* the bottom margin is the negative value of the footer's height */
width: 1000px;
}
#header #home_logo {
background: url(images/logo.jpg) no-repeat;
height: 165px;
width: 199px;
float: left;
}
#header #home_logo a {
display: block;
height: 138px;
width: 190px;
margin: 26px 0px 0px 10px;
}
#header #site_header {
height: 88px;
width: 776px;
float: left;
background: url(images/header.jpg) no-repeat;
padding: 0px 15px 0px 0px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#header #site_header p {
float: right;
margin: 7px 0px 0px;
}
#header #site_header p a:link, #header #site_header p a:visited {
font: bold 1.3em Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #F0F3FC;
text-decoration: none;
margin: 0px 10px 0px 0px;
}
#header #site_header p a:hover, #header #site_header p a:active {
font: bold 1.3em Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #9BABCC;
text-decoration: underline;
margin: 0px 10px 0px 0px;
}
#header #site_header form {
margin: 66px 0px 0px 498px;
}
#header #category_bar {
height: 105px;
width: 741px;
float: left;
background: url(images/categories_bar.jpg) no-repeat;
padding: 10px 30px 0px 20px;
font: bold 1.2em Tahoma;
text-align: center;
}
#header #category_bar a:link, #header #category_bar a:visited {
color: #162D63;
text-decoration: none;
font-weight: bold;
margin: 0px 3px;
}
#header #category_bar a:hover, #header #category_bar a:active {
font-weight: bold;
color: #000000;
text-decoration: underline;
margin: 0px 3px;
}
#left_nav {
width: 203px;
float: left;
}
#left_nav #left_nav_back {
background: url(images/side_nav_repeat.gif) repeat-y;
padding: 0px 16px 0px 10px;
width: 177px;
text-align: center;
}
#left_nav #left_nav_back #login label {
display: block;
font-size: 1.3em;
color: #FFFFFF;
font-weight: bold;
margin: 0px;
padding: 10px 0px 3px;
}
#left_nav #left_nav_back #login input {
display: block;
margin: 0px auto;
width: 90%;
}
#left_nav #left_nav_back #login #login_submit {
width: 30%;
}
#left_nav #left_nav_back #login #hidden_input {
display: none;
}
#left_nav h4 {
height: 59px;
width: 203px;
background: url(images/login_side_nav.png);
font-size: 2.6em;
font-weight: bold;
color: #0C358D;
text-align: center;
padding-top: 10px;
}
#left_nav #left_nav_back a {
font: 1.2em/1.3em Tahoma, Verdana, Arial, Helvetica, sans-serif;
display: block;
}
#left_nav #left_nav_back a:link, #left_nav #left_nav_back a:visited {
color: #0C358D;
text-decoration: none;
font-weight: bold;
}
#left_nav #left_nav_back a:hover, #left_nav #left_nav_back a:active {
color: #234EAC;
text-decoration: underline;
font-weight: bold;
}
#left_nav #left_nav_footer {
background: url(images/sidenav-footer.png) no-repeat;
height: 81px;
width: 203px;
}
#mainheadline {
max-width: 680px;
min-width: 330px;
font-size: 4em;
color: #FFFFFF;
text-align: center;
float: left;
margin: 0px 20px 10px 0px;
font-weight: bold;
display: inline;
}
.rss {
display: block;
height: 39px;
width: 39px;
background: url(images/rss_button.png) no-repeat;
float: left;
margin: 5px 0px 0px;
}
#main_area {
background: url(images/main_repeat.png) repeat-y;
float: left;
width: 579px;
border-top: 1px solid #000000;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
.bolder {
font-weight: bold;
}
#main_area .cool_points_box {
background: url(images/cool_points_box.png) no-repeat;
height: 125px;
width: 85px;
font-size: 2.2em;
color: #0C358D;
font-weight: bold;
text-align: center;
padding: 16px 0px 0px;
margin: 5px 0px 0px 10px;
float: left;
display: block;
}
#main_area p {
font: 1.2em/1.3em Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#main_area .cool_points_box a:link, #main_area .cool_points_box a:visited {
text-decoration: none;
color: #1F3A72;
}
#main_area .cool_points_box a:hover, #main_area .cool_points_box a:active {
text-decoration: underline;
color: #234EAC;
}
#main_area .rating_bar {
height: 50px;
width: 85px;
display: block;
margin: 30px 0px 0px;
}
#main_area .rating_bar p {
color: #000000;
font: normal 0.5em Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 3px;
}
#main_area .rating_bar a {
height: 31px;
width: 41px;
display: block;
float: left;
}
#main_area .rating_bar .plus_button {
background: url(images/plus_button.png) no-repeat;
height: 31px;
width: 41px;
display: block;
}
#main_area .rating_bar .minus_button {
float: left;
height: 31px;
width: 41px;
background: url(images/minus_button.png) no-repeat;
}
#main_area .not_cool_points_box {
background: url(images/not_cool_points_box.png) no-repeat;
height: 125px;
width: 85px;
font-size: 2.2em;
color: #FF0000;
font-weight: bold;
text-align: center;
padding: 16px 0px 0px;
margin: 5px 0px 0px 10px;
float: left;
display: block;
}
#main_area .not_cool_points_box a:link, #main_area .not_cool_points_box a:visited {
text-decoration: none;
color: #FF0000;
}
#main_area .not_cool_points_box a:hover, #main_area .not_cool_points_box a:active {
text-decoration: underline;
color: #CC3300;
}
#main_area .cool_info {
width: 454px;
float: left;
padding: 8px 0px 10px 15px;
}
#main_area .cool_info a:link, #main_area .cool_info a:visited {
text-decoration: none;
font: bold 1.8em Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #234EAC;
}
#main_area .cool_info a:hover, #main_area .cool_info a:active {
text-decoration: underline;
font: bold 1.8em Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #1F3A72;
}
#main_area .cool_info .categories {
margin: 0px 0px 0px 30px;
}
#main_area .cool_info .categories a:link, #main_area .cool_info .categories a:visited {
font-size: 1.3em;
font-weight: bold;
}
#main_area .cool_info .categories a:hover, #main_area .cool_info .categories a:active {
font-size: 1.3em;
font-weight: bold;
}
#main_area .cool_info .user_saved {
margin: 0px 0px 0px 15px;
color: #001D5F;
font: 1.2em Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#main_area .cool_info .user_saved a:link, #main_area .cool_info .user_saved a:visited {
font-size: 1.2em;
color: #0C358D;
font-weight: bold;
text-decoration: none;
}
#main_area .cool_info .user_saved a:hover, #main_area .cool_info .user_saved a:active {
color: #234EAC;
text-decoration: underline;
font-size: 1.2em;
}
#main_area .cool_info .description {
font: 1.3em Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#main_area h3 {
width: 400px;
margin: 10px auto 5px;
clear: both;
text-align: center;
font: bold 1.8em Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#main_area #sign_up_form {
width: 500px;
margin: 10px auto;
}
#main_area #sign_up_form #sign_up .left_col_form {
width: 177px;
display: block;
float: left;
text-align: right;
font: 1.3em Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #0C358D;
padding: 0px 3px 0px 0px;
margin: 3px 0px;
}
#main_area #sign_up_form #sign_up .right_col_form {
display: block;
width: 250px;
float: left;
margin: 3px 0px;
}
#main_area #sign_up_form #sign_up .sign_up_submit {
display: block;
margin: 0px 15px 0px 95px;
float: left;
}
#main_area #sign_up_form #error_message {
width: 400px;
margin: 0px auto;
text-align: center;
font: 1.3em Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #000066;
}
#main_area .red_error {
color: #CC0000;
font-weight: bold;
}
#main_area #categories_page_list {
list-style: none;
font: bold 1.4em Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin: 10px auto;
width: 400px;
}
#main_area #categories_page_list a:link, #main_area #categories_page_list a:visited {
color: #1F3A72;
text-decoration: none;
}
#main_area #categories_page_list a:hover, #main_area #categories_page_list a:active {
color: #000133;
text-decoration: underline;
}
#main_area #contact_form {
width: 500px;
margin: 10px auto;
}
#main_area #contact_form #contact .left_col_form {
width: 177px;
display: block;
float: left;
text-align: right;
font: 1.3em Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #0C358D;
padding: 0px 3px 0px 0px;
margin: 3px 0px;
}
#main_area #contact_form #contact .right_col_form {
display: block;
width: 250px;
float: left;
margin: 3px 0px;
}
#main_area #contact_form #contact .sign_up_submit {
display: block;
margin: 0px 15px 0px 95px;
float: left;
}
#main_area #contact_form #error_message {
width: 400px;
margin: 0px auto;
text-align: center;
font: 1.3em Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #000066;
}
#main_area .about_par {
width: 520px;
margin-top: 2px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
#wrapper #ads {
height: 600px;
width: 128px;
float: right;
margin: 0px 20px 20px 0px;
}
#footer, #push {
height: 71px; /* #push must be the same height as #footer for stickyfooter */
}
#footer {
background: url(images/footer.jpg);
height: 41px;
width: 950px;
text-align: right;
font: bold 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 30px;
padding-right: 50px;
padding-bottom: 0px;
padding-left: 0px;
}
#footer a:link, #footer a:visited {
color: #CCCCCC;
text-decoration: none;
}
#footer a:hover, #footer a:active {
color: #CCCCCC;
text-decoration: underline;
}