/**************************************\ |------------COLOR SCHEME--------------| |--------------------------------------| - black #000 - white #fff - light purple #f9e7ff - light purple font #88768b - footer purple #e7d8f2 - purple #d07fe8 - purple font #9876b1 - purple cherry #c2357d - dark purple #8d00b0 - dark purple2 #4a2c55 - warm green #99c235 - leaf green #35c2a6 - light green #c9f2ba - dark green #0c2900 - green font #9dc244 \**************************************/ /**************************************/ /* GLOBALS */ /**************************************/ html, body { height: 100%; margin: 0 auto; } th {font-weight: normal;} .xl {font-size: 2em !important;} .xxl {font-size: 2.25em !important;} .xxxl {font-size: 2.5em !important;} .floatleft {float: left;} .floatright {float: right;} .lightgreenbg {background-color: #c9f2ba; color: #9dc244;} .lightpurplebg {background-color: #e8c8f2; color: #4a2c55;} .lightbluebg {background-color: #e8c8f2; color: #4a2c55;} .rounded {-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;} .spacer {height: 5px;} a.lightgreen:link, a.lightgreen:visited {color: #abc277 !important; } a.pink:link, a.pink:visited {color: #ff0078; border-bottom: 1px dotted #ff0078;} a.lightpurple:link, a.lightpurple:visited {color: #88768b; border-bottom: 1px dotted #88768b;} a.purple:link, a.purple:visited {color: #b3433b; border-bottom: 1px dotted #b3433b;} a.green:link, a.green:visited { color: #afbd8a; border-bottom: 1px dotted #afbd8a; } .blueborder_btm {background: url('../images/blueborder.png') left bottom repeat-x;} .greenborder_btm {background: url('../images/horz_greenline.png') left bottom repeat-x;} .greyborder_btm {background: url('../images/horz_greyline.png') left bottom repeat-x;} .greyborder_top {background: url('../images/horz_greyline.png') left top repeat-x;} .ads728x90 { width: 728px; height: 90px; } .ads160x600 { width: 160px; height: 600px; } .ads300x250 { width: 300px; height: 250px; } .avatar_green {padding: 2px 20px 2px 2px; background: url('../images/avatar_green.gif') no-repeat;} .avatar_purple {padding: 2px 8px 2px 2px; background: url('../images/avatar_purple.gif') no-repeat;} .avatar_grey {padding: 2px 8px 2px 2px; background: url('../images/avatar_grey.gif') no-repeat;} .avatar_header {margin: 15px 0 0; padding: 2px 2px 2px 7px; background: url('../images/avatar_header.gif') no-repeat; } div.exclamation { display: inline-table;-moz-border-radius: 3px;-webkit-border-radius: 3px; -khtml-border-radius: 3px; border: 1px solid #efefef; background: #fcfce1 url('../images/exclamation.png') 8px 5px no-repeat; padding: 5px 8px 5px 30px; color: #000; font-size: 11px; font-family: verdana; margin-bottom: 10px;} div.success_answer {display: inline; -moz-border-radius: 3px;-webkit-border-radius: 3px; -khtml-border-radius: 3px; border: 1px solid #efefef; background: #f9fff4 url('../images/tick_circle.png') 8px 50% no-repeat; padding: 5px 8px 5px 30px; color: #000; font-size: 11px; font-family: verdana; margin-bottom: 10px;} .balloon_icon {background: url(../images/balloon_left.png) right 50% no-repeat; padding-right: 15px;} div.avatars_container {width: 168px; height: 360px; padding-top: 20px} a.upload_avatar_link:link, a.upload_avatar_link:visited { display: block; height: 16px; width: 80px; background: url('../images/avatar_upload_image.png') left center no-repeat; border-bottom: none; text-decoration: underline; padding: 0 0 0 22px; cursor: pointer; } a.take_photo_link:link, a.take_photo_link:visited { display: block; height: 17px; width: 80px; margin: 2px 0; background: url('../images/avatar_take_photo.png') 0 2px no-repeat; text-decoration: underline; border-bottom: none; padding: 0 0 0 22px; } a.remove_photo_link:link, a.remove_photo_link:visited { display: block; height: 16px; width: 80px; background: url('../images/avatar_delete_photo.png') 0 2px no-repeat; text-decoration: underline; border-bottom: none; padding: 0 0 0 22px; } .avatar_large { width: 200px;} .avatars {border: 2px solid #fff;} .selected_avatar {border: 2px solid #000;} .font-large {font-size: 1.2em } .font-larger {font-size: 1.55em; line-height: 32px;} .green_font { color: #9dc244; } .grey { color: #ccc; } .dark_grey { color: #999; } .orange {color: #fe5f21;} /**************************************/ /* HEADER */ /**************************************/ .header { padding-top: 15px; } /* TOP LOGIN */ div.zero { font-size: 0; height: 0 !important; margin: none; padding: none; } div.container_login { width: 450px; padding-top: 10px; } div.container_login form { margin: none; padding: none; } div.container_login h2 { font-size: 24px; color: #c65c54; padding: none; margin: none;} div.container_login input { color: #ccc; margin: none; float: left; width: 193px; margin-right: 5px; background: url('../images/input_login_bg.png') repeat-x; height: 29px; border-left: 1px solid #e1e8ec; border-right: 1px solid #e1e8ec; border-top: none; border-bottom: none; padding: 0px 3px; font-size: 16px; vertical-align: baseline;} div.container_login input:focus { outline: none; border-left: 1px solid #e1e8ec; border-right: 1px solid #e1e8ec; border-top: none; border-bottom: none; } div.container_login input.login_submit { float: right; width: 30px; margin-right: none; background: #bdcdda; color: #fff; padding: 0 5px; border: none;} .container_search {margin-top: 20px; padding: 8px; background-color: #f9f9f7; -moz-border-radius:10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;} .container_search input[type='text'] {border:0;font-family: Georgia, "tiems new roman";font-size: 32px; height: 42px; line-height: 42px; width: 430px; margin-right: 10px; background-color: #f9f9f7;} .container_search input[type='submit'] {border:0;font-family: Georgia, "tiems new roman"; font-size: 32px; background-color: #aebdc3;-moz-border-radius:5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px; color: #fff; height: 42px; line-height: 42px; width: 42px;} .container_header {margin: 0 auto; text-align: center; height: 220px; background: url('../images/header_bg.png') repeat-x;} .container_header .container div {padding-right: 20px;} .container_header .container div.last {padding-right: 0;} .container_header_internal {margin: 0 auto; text-align: center; height: 156px; background: url('../images/topbar_bg.png') repeat-x;} .topbar_switchbox {height: 156px;background: url('../images/topbar_box.gif') no-repeat; width: 674px;text-align:left;} div.header_internal_signup {padding-top: 30px; line-height: 30px; font-size: 16px;} #header_login { width: 290px; padding-top: 30px; font-size: 20px;} #header_login form { margin: 0; padding: 0;} #header_login label { padding-top: 5px; font-size: 1.1em; float: left; display: block; font-weight: normal; color: #555; } #header_login input { font-size: 1em;-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; float: right; margin-bottom: 4px; border: 2px solid #fff; width: 160px;} #header_login input:focus { border-color: #ccc; outline: 0;} #header_login .header_login_button { font-family: Palatino, Georgia, "Times New Roman"; padding: 5px 8px; color: #fff; background-color: #97aa66; font-size: 16px; border: 0px; width: 80px;} #header_login .header_login_button:hover { background-color: #b5cc7a; text-decoration: underline; } #header_login .clear { height: 0; padding: 0; margin: 0;} #header_login .login_links { padding-top: 5px; font-size: .7em; } #header_login .login_links a { color: #000; border-bottom: 1px dotted #000;} #header_login .login_here { position: absolute; top: 115px; width: 122px; height: 34px; background: url('../images/login_here.gif') no-repeat;} #switchbox {padding: 6px 0 0 8px; font-size: 16px;} #switchbox ul, #switchbox li {list-style: none; margin: 0; padding: 0;} #switchbox li {float: left;} #switchbox input {font-family: Georgia, Palatino, "Times New Roman", sans-serif; border: 0; margin: 0;} #switchbox input[type='text'] { display: block; width: 567px !important; overflow: hidden; font-size: 28px; margin: 0; height: 42px; padding: 5px 0 0 5px; } #switchbox input[type='submit'] {background: url('../images/topbar_go.png') no-repeat; font-size: 20px; height: 46px; width: 46px; color: #fff; border: 0; padding: 0;} /* SWITCHBOX DIVS */ #switchbox #ask, #switchbox #answer, #switchbox #browse {margin-left: 2px; margin-top: -2px;} /* TOP LI */ #switchbox li a {display: block; padding: 20px 0 0 0;} #switchbox li {text-align: center; cursor: pointer;} #switchbox #liAsk {width: 222px;} #switchbox #liAsk a {padding-right: 40px; color: #535053; text-decoration: underline} #switchbox #liAnswer {width: 213px;} #switchbox #liAnswer a {padding-right: 45px; color: #535053; text-decoration: underline} #switchbox #liBrowse {width: 224px;} #switchbox #liBrowse a {margin-right: 60px; color: #535053; text-decoration: underline} #switchbox li.ui-tabs-selected a {padding: 25px 0 0 0;} #switchbox #liAsk.ui-tabs-selected a, #switchbox #liAnswer.ui-tabs-selected a, #switchbox #liBrowse.ui-tabs-selected a {text-decoration: none;} /* WHEN TABS ARE SELECTED */ #switchbox li#liAsk.ui-tabs-selected {background: url('../images/topbar_ask.gif') no-repeat; height: 66px; } #switchbox li#liAnswer.ui-tabs-selected {background: url('../images/topbar_answer.gif') no-repeat; height: 66px; } #switchbox li#liBrowse.ui-tabs-selected {background: url('../images/topbar_browse.gif') no-repeat; height: 66px; } #switchbox li#liAsk.ui-tabs-selected a, #switchbox li#liAnswer.ui-tabs-selected a, #switchbox li#liBrowse.ui-tabs-selected a { color: #c65c54; } #switchbox ul:after {display: block;clear: both; content: " ";} #switchbox .ui-tabs-hide { display: none; } #switchbox #ask, #switchbox #answer, #switchbox #browse {padding: 5px 19px;font-size: 24px;} /* HEADER LOGGED IN BOX */ div.header_logged_in { text-align: left; margin-top: 16px; display: block; width: 286px; height: 130px; background: url(../images/header_logged_in.gif) no-repeat; overflow: hidden; } div.header_logged_in div.inner { padding: 10px 15px; } div.header_logged_in .heading { color: #333;} div.header_logged_in ul {margin: 10px 0 0 10px; padding: 0; list-style: square;} div.header_logged_in li { color: #ccc; } div.header_logged_in span { color: #444; } /**************************************/ /* NAVIGATION */ /**************************************/ ul#categories { list-style: none; padding: 14px 0 0 0; margin: 0; font-size: 1.1em; } ul#categories li { margin: 0;} ul#categories a { display: block; padding: 1px 0 1px 20px; color: #3a841e;} ul#categories a.lightgreen {color: #90ba80;} ul#categories a:hover {color: #000;} ul#categories .selected a {font-weight: bold; background: url('../images/breadcrum_arrow.gif') 0 50% no-repeat; color: #0c2900;} div.container_homepage div.contenttabs { margin-top: -10px; } div.contenttabs { min-height: 40px; background: url('../images/horz_blueline.png') left 38px repeat-x; } div#contenttabs ul { padding: 0px; margin: 10px 0 0 0; float: right;} div#contenttabs li { margin: 0 0 0 3px; font-size: 14px; padding: 6px 12px;-moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-left: 1px solid #8faeb9; border-top: 1px solid #8faeb9; border-right: 1px solid #8faeb9;} div#contenttabs li a {color: #8da6af;} div#contenttabs li.ui-tabs-selected { background: #fff; background-image: none;} div#contenttabs li.ui-tabs-selected a {color: #000;} #contenttabs ul li {height: 16px !important; overflow: hidden; display: block; float: left;} #contenttabs .ui-tabs-hide { display: none; } div.filter { font-size: 14px; padding-top: 10px;} div.filter a:link, div.filter a:visited {margin: 0 3px; color: #9dc244;} div.filter a.current { color: #000; border-bottom: 1px dotted #000;} a.topbar_signup_link:link, a.topbar_signup_link:visited { color: #b3433b; border-bottom: 1px dotted #b3433b; } a.topbar_signup_link:hover { color: #e78c85; } div.breadcrum { font-size: 16px; padding-bottom: 3px; } div.breadcrum .floatleft a:link, div.breadcrum .floatleft a:visited {background: url('../images/breadcrum_arrow.gif') 7px 11px no-repeat; padding-left: 26px; color: #506d09;} div.breadcrum .floatleft a.none { padding-left: 0; background: none; color: #000;} /**************************************/ /* MAIN CONTENT */ /**************************************/ div.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; } /* HOMEPAGE */ div.container_homepage {width: 650px; position: relative;} div.home_tabs { margin: 25px auto 0px auto; width: 1000px; background: url('../images/input_border.gif') repeat-x; padding: 1px;} div.home_tabs_nav a:link, div.home_tabs_nav a:visited { float: left; display: block; background-color: #e0d7dc; color: #643552; padding: 7px 10px; font-size: 18px; text-decoration: none; margin-right: 2px; } div.home_tabs_nav a.home_tabs_current:link, div.home_tabs_nav a.home_tabs_current:visited { background: url('../images/home_tabs_current.gif') center bottom; padding-bottom: 17px; color: #fff; position: relative; } div.home_tabs_search { margin-top: -20px; padding: 9px 0; background: url('../images/input_bg.png') repeat-x; height: 51px; } input.home_tabs_input { border: none; background: transparent; padding: 2px 5px; float: left; width: 850px; font-size: 22px; height: 30px; font-family: 'Georgia', 'Times New Roman', sans-serif; color: #000;} input.home_tabs_input:focus { outline: none; } input.home_tabs_submit { float: right; background: #97aa66; color: #fff; border: none; font-family: 'Georgia', 'Times New Roman', sans-serif; font-weight: bold; font-size: 22px; margin: 1px; margin-right: 6px;} div.recentquestions {padding-bottom: 10px; margin-bottom: 10px;} div.recentquestions a {font-size: 1.3em; margin-left: 5px;} div.leftcol { text-align: left; width: 160px; float: left;} div.leftcol h2 { color: #9ec244} div.what_is_answerlily { width: 320px; background: url('../images/what_is_answerlily.gif') no-repeat; padding-top: 20px; } div.what_is_answerlily p { font-size: 18px; color: #9099a0; padding: 0px 28px; line-height: 24px; } a.join:link, a.join:visited { font-size: 24px; color: #C65C54; font-weight: bold; padding: 5px 0px; border-bottom: 1px dotted #C65C54;} /* HOME CATEGORGIES */ div#home_categories ul { float: left; list-style: none; padding: none; width: 50%; } div#home_categories li { float: none; display: block; border: none; padding: 0 20px 20px 0; } div#home_categories li a { padding: none; font-size: 24px; color: #97aa66; border-bottom: 1px dotted #97aa66 !important; padding-bottom: 3px; } /* QUESTIONS LOOPED & INVIDUAL QUESTION */ div.midcol { width: 640px; text-align: left; float: left; padding: 0 20px;} div.content { padding: 15px 0px; } div.question, div.answer_question { font-size: 1.2em;} div.question { padding-bottom: 10px; background: url('../images/horz_greenline.png') left bottom repeat-x;} div#pagination { padding-top: 10px; width: 100%; text-align: center; font-size: 1.4em; } div.container_homepage div#pagination { text-align: right; } div#pagination a { background-color: #efefef; margin: 0 1px; padding: 3px 5px; color: #c65c54;} span.question_heading {display: block; font-size: 1.7em; line-height: 1.2em;} span.question_heading cite {color: #9dc244;} span.question_description {display: block; padding-top: 12px;} div.content_inner_left {float: left; width: 100px; font-size: 11px;} div.content_inner_right {width: 540px; float: left;} div.content_inner_buttons {margin-top: 20px;} div.content_inner_buttons a {vertical-align: top; float: left;} div.content_inner_buttons a img {margin-top: -5px; padding: 0 3px;} div.content_inner_buttons a.answer { -moz-border-radius: 3px;-webkit-border-radius: 3px; -khtml-border-radius: 3px; font-weight: bold; padding: 3px 9px; background: #97aa66; color: #fff; margin-right: 3px;} div.content_inner_buttons a.report { -moz-border-radius: 3px;-webkit-border-radius: 3px; -khtml-border-radius: 3px; padding: 3px 9px; background: #ccc; color: #fff; margin-right: 3px;} div.content_inner_buttons a.thumbs_up { padding-left: 25px; height: 20px; margin-left: 8px; background: url('../images/thumbs_up2.png') no-repeat;} div.content_inner_buttons a.thumbs_down { padding-left: 25px; padding-bottom: 3px; height: 20px; margin-left: 8px; background: url('../images/thumbs_down2.png') 0 5px no-repeat;} span.time {background: url('../images/clock_small.png') 0 50% no-repeat; padding-left: 20px; color: #aeaeae;} a.profile {background: url('../images/user.png') 0 1px no-repeat; padding-left: 20px; } a.watch {background: url('../images/binocular.png') 0 1px no-repeat; padding-left: 20px; } a.flag {background: url('../images/flag.png') 0 1px no-repeat; padding-left: 20px; } a.delete {font-size: .9em; padding-bottom: 3px; background: url('../images/cross_circle.png') 0 1px no-repeat; padding-left: 20px; } a.report_small {background: url('../images/minus_small_circle.png') 0 1px no-repeat; padding-left: 15px; } a.edit_small {background: url('../images/pencil_small.png') 0 1px no-repeat; padding-left: 15px; } a.delete_small {background: url('../images/cross_small.png') 0 1px no-repeat; padding-left: 15px; } a.chosen_small {background: url('../images/tick_small.png') 0 1px no-repeat; padding-left: 15px; } /* ANSWERS LOOPED & INDIVIDUAL ANSWER */ div.answer_question {font-size: 1.4em; line-height: 1.4em; color: #555;} div.answer {margin-bottom: 20px; font-size: 1em !important;} div.answers { padding-top: 20px } div.answers span.answer_heading {display: block; font-size: 1.4em; padding-bottom: 7px; padding-right: 22px; background: url('../images/answer_heading_top.gif') right bottom no-repeat;} div.answers div.answer_text {-moz-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px; padding: 15px 20px; background: #eff4e3; font-size: 1.1em; color: #555;} div.chosen_answer h3 { background: url('../images/heart.gif') 270px 0 no-repeat; padding: 5px 60px 5px 100px;} div.chosen_answer { padding-bottom: 5px; margin-bottom: 15px; background: url('../images/horz_greenline.png') left bottom repeat-x;} div.chosen_answer span.answer_heading { background-image: url('../images/answer_heading_top_blue.gif'); } div.chosen_answer div.answer_text {background: #e2e9ff;} div.answer_image{ float: left; width: 150px; margin: 10px 10px 10px 0; } /* ASK FORM ON ASK PAGE */ div.ask_form label { display: block; color: #9dc244; font-weight: normal; font-size: 1.4em; padding-bottom: 5px;} div.ask_form input, div.ask_form textarea, div.ask_form select { width: 525px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border: 1px solid #ccc; font-family: Georgia, "tiems new roman";font-size: 1em;} div.ask_form textarea { height: 100px;} div.ask_form .tags { height: 50px; } div.ask_form select { width: 200px; } div.ask_form .question { font-size: 1.5em; height: 100px;} div.ask_form .submit { margin-top: 5px; padding: 5px; width: 150px; border:0; background-color: #C65C54; color: #fff;} /* ANSWER FORM ON QUESTION PAGE */ div.answer_form { width: 100%; } div.answer_form_heading {font-size: 18px; font-style: italic; display: inline; padding: 15px 20px; color: #333; background: #efefef url('../images/answer_form_top.gif') left top repeat-x;} div.answer_form_textarea textarea { width: 505px; height: 120px;} div.answer_form_textarea { width: 520px; padding: 10px; background: #efefef; } input.answer_form_submit { border: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px; padding: 7px 10px; background: #C65C54; color: #fff; font-size: 18px;} /* BROWSE PAGE - MAKES FIRST QUESITON BOLDED */ div.browse div.question {padding: 1.2em 0; background: url('../images/horz_greyline.png') left bottom repeat-x;} div.browse div.question:first-child {padding-top: 0px; } div.browse span.question_heading { font-size: 1.2em;} div.browse div.question:first-child span.question_heading { font-weight: bold; } div.browse span.question_heading a { color: #000;} div.rightcol { width: 160px; float: right;} div.error_page { width: 1000px; text-align: center; padding: 50px 0; line-height: 2.8em; } div.error_page h1 { text-align: center; } div.message { width: 100%; text-align: center; } /* SIGN UP PAGE */ div.signup { font-size: 1.4em; width: 430px; color: #999;} div.signup div.clear { height: 2px; } div.signup label { float: left; text-align: right; width: 160px; display: block; font-weight: normal; clear: right;} div.signup input, div.signup select, div.signup textarea { padding: 3px 5px; font-size: 14px; width: 230px; float: right; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-color: #ccc; } div.signup input.signup_submit, input.green_button { -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background-color: #97aa66; border: 0; color: #fff; width: 120px; padding: 4px 8px; } div.signup input:hover, div.signup select:hover, div.signup input:focus, div.signup select:focus { border-color: #666; } div.signup h1 { color: #9dc244; background: url('../images/horz_greyline.png') left bottom repeat-x; padding-bottom: 20px;} div.signup_women { background: url('../images/signup_woman.gif') no-repeat; width: 395px !important; height: 350px !important; } div.signup_errors { color: #624e80; font-weight: normal; font-size: 1.1em; font-style: italic; padding: 25px 15px 40px 10px; width: 230px; height: 280px; -z-index: 10;; top: 30px; } div.signup_errors_inner { width: 215px; height: 280px; overflow: auto;} div.signup_errors p { width: 230px; display: block; padding: 0; margin: 0;} div.signup_errors p:before { content: "\2192 \0020";} div.signup .notepad_icon {position: absolute; z-index: 11; padding-left: 350px; margin-top: -40px;} div.signup .agree_tos input { width: 14px; } div.signup .agree_tos {float: left; text-align: right; width: 290px; padding-top: 4px; font-size: .7em;} /* USER PAGES */ div.user_container input[type='submit'] { font-size: 1.3em; width: auto;} div.user_container {width: 665px; text-align: left; float: left;} div.user_container h1 { color: #9dc244; background: url('../images/horz_greyline.png') left bottom repeat-x; padding-bottom: 20px;} div.user_container table { border: 0;} div.user_container th { background-color: #fff; } div.user_container tr { border-top: 1px solid #ccc; padding: 5px 8px; background-color: #f3f5f7; } div.user_container tr:last-child, .border_btm { border-bottom: 1px solid #ccc; } div.user_container .heading_icon {position: absolute; z-index: 11; padding-left: 585px; margin-top: -15px;} div.user_container .alt { background-color: #d8e1f0;} .bold_black, .bold_black a, .bold_black a:visited { font-weight: bold; color: #000; } .black, .black a, .black a:visited { color: #000; } div.user_container a { border-bottom: 1px dotted;} div.user_container input { font-size: 16px; padding: 3px 5px; } div.user_container textarea { font-size: 16px; width: 525px; padding: 3px 5px; } div.user_container h2, div.user_container h3 {padding-bottom: 5px; line-height: 34px;} table.reply tr td {padding: 20px;} div.user_container div.avatar { width: 70px; float: left; } div.user_container div.reply { width: 540px; float: right; } .edit_input { font-size: 1.3em; width: 520px;} div.settings { font-size: 1.4em; color: #999; width: 100%;} div.settings label {font-weight: normal; padding-left: 10px;} div.profile { width: 220px; font-size: 1.1em; } div.summary { color: #666;} div.summary label, div.summary h3 { color: #000;} div.last_login { position: relative; -z-index: 10; float: right; text-align: right;} div.last_login strong { color: #000;} a.view_friends {display: block; width: 76px; font-size: .9em; background: url('../images/user.gif') 0 50% no-repeat; padding-left: 20px;} a.add_friend {display: block; width: 82px; font-size: .9em; background: url('../images/plus_circle.gif') 0 50% no-repeat; padding-left: 20px; margin: 0; } a.message {display: block; width: 78px; font-size: .9em; background: url('../images/notebook_pencil.gif') 0 50% no-repeat; padding-left: 20px; margin: 0;} div.recent_questions, div.recent_answers { padding-bottom: 20px;} div.recent_questions a {display: block; background: url('../images/question.gif') 0 50% no-repeat; padding-left: 25px; } div.recent_answers a {display: block; background: url('../images/balloon_left.png') 0 50% no-repeat; padding-left: 25px; } div.friend a { width: 20%; float: left; padding: 10px 0 10px 65px; margin-right: 20px; font-size: 1.5em; line-height: 50px;} div.friend_remove { width: 30%; float: left; margin-right: 20px; } table.edit_table { margin-bottom: 5px; } table.edit_table tr td, table.edit_table tr th { padding: 5px; } /* STATIC PAGES */ div.static_page { padding: 10px 0; font-size: 1.2em; } /**************************************/ /* FOOTER */ /**************************************/ .container_footer, .push { height: 100px; } .container_footer { font-size: 1.2em; line-height: 1.2em; padding-top: 10px; text-align: center; color: #8e969d; background:#eaf0f5 url('../images/footer.gif') top center no-repeat;} div.container_footer a:link, div.container_footer a:visited { color: #5e6c76; text-decoration: underline; } div.footer_inner { width: 1000px; margin: 0 auto; line-height: 22px;}