Spoonzer
/* CSS Document */
* {
padding:0;
margin:0;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#1d1d1d;
margin: 0;
padding: 0;
}
a {
color:#0469c0;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
h1 {
}
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#1d1d1d;
margin-bottom:3px;
}
p {
margin-bottom:10px;
}
#main {
width:910px;
margin:0 auto;
}
#wrapper {
width:810px;
margin:0 auto;
}
#header {
background:url(images/bg_top.gif) repeat-x;
height:48px;
padding:12px 0 0 31px;
}
/* Top Menu */
#top_menu {
float:right;
padding-top:17px;
}
#top_menu a {
background:url(images/topmenu_tab.gif) no-repeat;
width:71px;
height:29px;
display:block;
color:#FFFFFF;
font-weight:bold;
font-size:13px;
text-decoration:none;
text-align:center;
line-height:20px;
float:left;
margin-left:1px;
}
#top_menu a:hover, #top_menu .topmenu_select {
background-position:bottom;
}
/* End Top Menu */
/* Content */
#content {
clear:both;
margin-bottom:10px;
}
.float_left {
float:left;
}
.float_right {
float:right;
}
.clear {
clear:both;
}
#getstarted {
padding:2px 167px 15px 31px;
}
#getstarted ul li {
list-style-type:none;
background:url(images/bullet.gif) no-repeat left;
padding-left:20px;
color:#4a98da;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
line-height:20px;
}
#featured_box {
width:478px;
float:left;
}
#featuredbox_top {
background:url(images/featuredbox_top.gif) no-repeat left top;
height:37px;
line-height:32px;
padding:0 15px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}
.viewall_link {
font-size:10px;
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
float:right;
}
.viewall_link:hover {
font-size:10px;
color:#FFFFFF;
text-decoration:underline;
}
#featured_logobox {
width:478px;
}
.boxlogo_left {
background:url(images/featuredbox.gif) no-repeat;
width:235px;
height:121px;
float:left;
margin:5px 5px 0 0;
}
.boxlogo_left img {
float:left;
margin:20px 12px;
}
.boxlogo_left p {
font-size:10px;
margin:15px 10px 0 0;
}
.boxlogo_left p span {
font-size:11px;
font-weight:bold;
margin:0 0 5px 0;
display:block;
}
.boxlogo_right {
background:url(images/featuredbox.gif) no-repeat;
width:235px;
height:121px;
float:left;
margin:5px 0 0 0;
}
.boxlogo_right img {
float:left;
margin:20px 12px;
}
.boxlogo_right p {
font-size:10px;
margin:15px 10px 0 0;
}
.boxlogo_right p span {
font-size:11px;
font-weight:bold;
margin:0 0 5px 0;
display:block;
}
.whitebig_txt {
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}
#login_signup_box {
width:304px;
float:right;
padding:5px;
border:solid 1px #bebebe;
background-color:#f1f1f1;
}
#login_box {
background-color:#FFFFFF;
padding:10px 8px 20px 10px;
margin-bottom:5px;
}
#join_now {
text-align:right;
margin-bottom:3px;
height:13px;
}
#login_box_form {
margin-bottom:10px;
display:inline;
}
#login_box_username {
width:107px;
float:left;
margin-right:2px;
}
#login_box_username input {
width:103px;
height:20px;
border:solid 1px #a5acb2;
}
#login_box_password {
width:107px;
float:left;
}
#login_box_password input {
width:103px;
height:20px;
border:solid 1px #a5acb2;
}
.login_btn {
margin:13px 0 10px 0;
float:right;
}
#forgot_password {
clear:both;
}
#signup_box {
background-color:#FFFFFF;
padding:10px 10px 10px 15px;
color:#454545;
}
#signup_box label {
float: left;
width: 100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
display:block;
text-align:right;
}
#signup_box input {
height:20px;
width:160px;
border:solid 1px #a5acb2;
margin:0 0 12px 10px;
background-color:#FFFFFF !Important;
}
#signup_box_btn input {
width:91px;
height:25px;
margin-left: 110px;
border:none;
}
#signup_box br {
clear: left;
}
#signup_box span {
font-size:10px;
}
/* Column One Css */
#column_one {
width:481px;
float:left;
}
#apple_iphone {
margin-bottom:11px;
}
#apple_iphone h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
}
#apple_iphone img {
border:solid 2px #2782d1;
}
#points {
float:left;
width:479px;
border:solid 1px #bebebe;
margin-bottom:12px;
}
#points_inner {
padding:10px;
float:left;
}
#points_inner img {
float:left;
margin:0 5px 9px 0;
}
#points_inner a {
color:#333333;
text-decoration:underline;
}
#points_inner a:hover {
text-decoration:none;
}
#points_inner span {
color:#f72f2f;
font-size:12px;
display:block;
}
.points_table_left {
float:left;
padding-left:10px;
width:215px;
}
#notes {
width:479px;
border:solid 1px #bebebe;
clear:left;
margin-bottom:12px;
}
.notes_txt {
padding:15px;
border-top:solid 1px #bebebe;
}
.notes_txt h4 {
color:#3585ca;
font-weight:bold;
font-size:12px;
}
.notes_txt span {
color:#8d0707;
}
.graybox_top {
background-color:#fafdff;
padding:10px 15px;
font-size:13px;
font-weight:bold;
color:#000000;
border-bottom:solid 1px #bebebe;
}
.gray_block {
background-color:#f1f1f1;
height:23px;
padding:0 15px;
line-height:23px;
}
.viewall_red {
color:#FF0000;
text-decoration:underline;
float:right;
font-size:10px;
font-weight:normal;
}
#photo_playlist {
border:solid 1px #bebebe;
margin-bottom:12px;
}
#photo_playlist h1 {
background:url(images/bullet_black.gif) no-repeat left;
padding-left:15px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin:10px 15px;
}
#featured_video {
border:solid 1px #bebebe;
margin-bottom:12px;
}
#featured_video h1 {
background:url(images/bullet_black.gif) no-repeat left;
padding-left:15px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin:10px 15px;
}
/* Column Two Css */
#column_two {
width:416px;
float:right;
}
#invite_friend {
border:solid 1px #bebebe;
padding:5px;
background-color:#f1f1f1;
margin-bottom:12px;
}
.bluebg_top {
background:url(images/bgblue_top.gif) repeat-x;
height:31px;
line-height:30px;
padding:0 15px;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
}
#invite_friend_txt {
background-color:#ffffff;
display:block;
padding:15px 5px 23px 8px;
}
#invite_friend_txt img {
float:left;
margin:5px 5px 0 5px;
}
#invite_friend_txt h2 {
color:#009966;
font-size:13px;
color:#de2283;
margin-bottom:5px;
}
.bullet_txt {
background:url(images/bullet.gif) no-repeat left;
padding-left:14px;
color:#4a98da;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:20px;
}
#top_link {
margin-bottom:5px;
text-align:right;
}
#top_link a.addfan {
background:url(images/icon_fan.gif) no-repeat left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#4a98da;
text-decoration:underline;
margin-right:10px;
padding-left:20px;
}
#top_link a.contactuser {
background:url(images/icon_contact.gif) no-repeat left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#4a98da;
text-decoration:underline;
margin-right:10px;
}
#top_link a.addfan:hover, #top_link a.contactuser:hover {
color:#fea01c;
text-decoration:none;
}
#fans {
display:table;
width:415px;
border-top:solid 1px #bebebe;
border-left:solid 1px #bebebe;
margin-bottom:12px;
}
#fans_inner {
float:left;
}
#fans_inner span {
color:#3585ca;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
display:block;
}
#fans_inner img {
margin-bottom:5px;
}
.fans_inner_img {
float:left;
text-align:center;
width:137px;
border-right:solid 1px #bebebe;
border-bottom:solid 1px #bebebe;
padding:11px 0;
}
#title {
border:solid 1px #bebebe;
clear:left;
margin-bottom:12px;
}
#title .graybox_top {
height:15px;
}
.title_txt {
background:#ebf4fa;
padding:15px;
color:#2565ba;
padding:15px;
}
.title_one {
font-weight:bold;
font-size:24px;
font-family:Helvetica, sans-serif;
line-height:15px;
}
.title_two {
font-weight:bold;
font-size:20px;
font-family:Helvetica, sans-serif;
}
.title_three {
font-weight:bold;
font-size:18px;
font-family:Helvetica, sans-serif
}
.title_three {
font-weight:bold;
font-size:16px;
font-family:Helvetica, sans-serif
}
.title_four {
font-weight:bold;
font-size:14px;
font-family:Helvetica, sans-serif
}
#comments {
width:415px;
border:solid 1px #bebebe;
}
#comments .gray_block {
border-bottom:solid 1px #bebebe;
}
#comments_txt {
padding:10px 24px;
}
#comments_txt textarea {
width:365px;
height:50px;
border:solid 1px #8fb9d0;
margin-bottom:10px;
}
#comments_box {
border:solid 1px #bebebe;
border-bottom:none;
margin:10px 0 0 0;
}
.user_comments_white, .bgColor {
border-bottom:solid 1px #bebebe;
padding:10px 10px 7px 10px;
}
.gray_bgColor {
background: #f1f1f1;
}
.user_comments_white img {
float:left;
border:solid 1px #d0d0d0;
margin:0 10px 15px 0;
}
.user_comments_white h1 {
border-bottom:dashed 1px #666666;
padding:0 0 5px 0;
color:#3585ca;
margin:0 20px 8px 125px;
font-weight:bold;
font-size:12px;
display:block;
}
.user_comments_white .time {
color:#311fe0;
font-weight:bold;
font-size:10px;
margin-left:100px;
}
.user_comments_white a {
color:#000000;
font-weight:bold;
font-size:10px;
text-decoration:none;
}
.user_comments_white a:hover {
color:#3585ca;
font-weight:bold;
font-size:10px;
text-decoration:underline;
}
.user_comments_white_slash {
margin:0 5px;
color:#000;
font-weight:bold;
font-size:10px;
}
/* Left Menu Css */
#bg_container {
width:910px;
position: relative;
background:url(images/bg_container.gif) repeat-y left top;
float:left;
}
#left_menu {
width:208px;
height:15px;
float:left;
background:url(images/leftmenu_boxtop.gif) no-repeat;
}
#leftmenu_top {
width:208px;
height:15px;
}
#leftmenu_center {
height:15px;
padding:0 23px 30px 27px;
}
#leftmenu_center h1 {
font-size:14px;
color:#3585ca;
}
#leftmenu_center h2 {
font-size:12px;
color:#000;
margin-bottom:10px;
}
#leftmenu_center img {
font-size:13px;
color:#3585ca;
border:solid 1px #bebebe;
margin:5px 0 10px 0;
}
#leftmenu_center .link_points {
background:url(images/icon_points.gif) no-repeat left;
padding-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#747a7f;
text-decoration:none;
margin-bottom:5px;
line-height:20px;
}
#leftmenu_center .link_friends {
background:url(images/icon_friends.gif) no-repeat left;
padding-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#747a7f;
text-decoration:none;
margin-bottom:5px;
line-height:20px;
}
#leftmenu_center .link_comments {
background:url(images/icon_comments.gif) no-repeat left;
padding-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#747a7f;
text-decoration:none;
margin-bottom:5px;
line-height:20px;
}
#leftmenu_center .link_favorites {
background:url(images/icon_favorites.gif) no-repeat left;
padding-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#747a7f;
text-decoration:none;
margin-bottom:5px;
line-height:20px;
}
#leftmenu_center .link_inbox {
background:url(images/icon_inbox.gif) no-repeat left;
padding-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
margin-bottom:5px;
line-height:20px;
}
#leftmenu_center .link_marketing {
background:url(images/icon_marketing.gif) no-repeat left;
padding-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
margin-bottom:5px;
line-height:20px;
}
#leftmenu_center .link_editpage {
background:url(images/icon_editepage.gif) no-repeat left;
padding-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
margin-bottom:5px;
line-height:20px;
}
#leftmenu_center .link_messages {
background:url(images/icon_messages.gif) no-repeat left;
padding-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
margin-bottom:5px;
line-height:20px;
}
#leftmenu_center .link_commentstwo {
background:url(images/icon_comments.gif) no-repeat left;
padding-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
margin-bottom:5px;
line-height:20px;
}
#leftmenu_center .link_sold {
background:url(images/icon_sold.gif) no-repeat left;
padding-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
margin-bottom:5px;
line-height:20px;
}
#leftmenu_center .link_newsletter {
background:url(images/icon_newsletter.gif) no-repeat left;
padding-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
margin-bottom:5px;
line-height:20px;
}
#leftmenu_center .link_uploaditem {
background:url(images/icon_upload.gif) no-repeat left;
padding-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
margin-bottom:5px;
line-height:20px;
}
#leftmenu_center .link_website {
background:url(images/icon_website.gif) no-repeat left;
padding-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
margin-bottom:5px;
line-height:20px;
}
#leftmenu_center .link_payment {
background:url(images/icon_payment.gif) no-repeat left;
padding-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
margin-bottom:5px;
line-height:20px;
}
#leftmenu_center .link_review {
background:url(images/icon_review.gif) no-repeat left;
padding-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
margin-bottom:5px;
line-height:20px;
}
#leftmenu_center .link_points:hover, #leftmenu_center .link_friends:hover, #leftmenu_center .link_comments:hover, #leftmenu_center .link_favorites:hover, #leftmenu_center .link_inbox:hover, #leftmenu_center .link_marketing:hover, #leftmenu_center .link_editpage:hover, #leftmenu_center .link_messages:hover, #leftmenu_center .link_commentstwo:hover, #leftmenu_center .link_sold:hover, #leftmenu_center .link_newsletter:hover, #leftmenu_center .link_uploaditem:hover, #leftmenu_center .link_website:hover, #leftmenu_center .link_payment:hover, #leftmenu_center .link_review:hover, #leftmenu_center, .link_select {
color:#1878cb;
text-decoration:none;
}
.border_blue {
border-top:solid 1px #9fc6e7;
height:10px;
margin-top:10px;
}
.feedback {
color:#000000;
display:block;
margin:3px 0 10px 0;
}
#leftmenu_btm {
background:url(images/leftmenu_boxbtm.gif) no-repeat;
position:absolute;
bottom: 0px;
left: 0px;
width:208px;
height:15px;
}
/* End Left Menu Css */
#right_part {
width:692px;
float:right;
}
#response {
border:solid 1px #bebebe;
background-color:#f1f1f1;
padding:5px;
}
#response_txt {
background-color:#fff;
padding:25px 5px 10px 5px;
}
#response_txt ul li {
list-style-type:none;
border-bottom:solid 1px #97bedf;
padding:0 15px 10px 40px;
margin-bottom:25px;
}
.red_link {
color:#b72e2e;
text-decoration:underline;
}
.skyblue_txt {
color:#307dc0;
}
.invite {
background:url(images/invite.gif) no-repeat 10px top;
}
.earned {
background:url(images/earned.gif) no-repeat 10px top;
padding-left:30px;
}
.comment {
background:url(images/comment.gif) no-repeat 10px top;
padding-left:30px;
}
.points {
background:url(images/points.gif) no-repeat 10px top;
padding-left:30px;
}
.added {
background:url(images/added.gif) no-repeat 10px top;
padding-left:30px;
}
.favorited {
background:url(images/favorited.gif) no-repeat 10px top;
padding-left:30px;
}
/* End Content */
/* Footer */
#footer {
padding:0 25px;
clear:both;
background:url(images/bg_footer.gif) repeat-x;
height:40px;
line-height:37px;
}
#footer a {
color:#262626;
text-decoration:none;
float:left;
margin-right:25px;
}
#footer a:hover, #footer a.footer_select {
color:#0469c0;
text-decoration:none;
}
#footer span {
font-size:10px;
float:right;
}