/*
**  Created by rafael apocalypse on 2009-08-04.
**  Copyright (c) 2009 rafael apocalypse . All rights reserved.
**  author url: http://ideiadigital.org
*/

/*****************
	css reset based on eryc meyer's code at http://meyerweb.com/eric/tools/css/reset/index.html
*****************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body {line-height: 1; text-align: center;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
a, a:active, a:visited {text-decoration: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/*****************
	end of css reset, begin css by rafael apocalypse
*****************/

body {background: #fffde7 url(../images/bg-body.png) repeat-x; font-family: helvetica, arial, sans-serif; color: #58595b; font-size: 15px; line-height: 19px;}
strong {color: #f36f21;}
em {font-style: normal; font-weight: bold;}
p {margin-top: 15px; clear: both; float: left; max-width: 590px;}
p.lead {font-size: 18px;}
p a img {float: left; margin-right: 20px;}
hr {border: none; border-bottom: 1px solid #a7a9ac; float: left;}

#wrapper {display: block; width: 900px; margin: 0 auto;}

#bg {float: left; background: #fffde7 url(../images/bg-wrapper.jpg) no-repeat;}

#header {width: 900px; height: 120px; background: url(../images/bg-header.jpg) no-repeat; padding-top: 10px;}
  #header h1 {width: 106px; height: 90px; background: url(../images/logo.jpg) no-repeat; float: left; text-indent: -99999px; margin-left: 60px;}
  #header #title {font-weight: bold; font-size: 18px; color: #00a651; margin: 65px 0 0 40px; float: left;}

#main-area {text-align: left; padding: 5px 0 0 24px;}

#content {width: 620px; border-right: 1px solid #a7a9ac; float: left; padding-right: 30px;}

#content hr {width: 620px; margin-top: 20px;}

#content h2 {font-weight: normal; font-size: 18px;}
#content form {display: block; margin-top: 10px;}
  #content form label {display: none;}
  #content form input {float: left; width: 395px; height: 32px; border: 1px solid #58595b; color: #a7a9ac; font-size: 18px; padding: 12px 0 0 10px;}
  #content form input#submit-button {float: left; margin: -15px 0 0 26px; width: 68px; height: 51px; text-indent: -99999px; border: none;}
  
#content #result {float: left; clear: both; width: 852px; margin-top: 15px;}
  #result h3 {font-size: 24px; font-weight: normal;}
  #result .friend-list {float: left; margin-top: 15px;}
    #result .friend-list span {float: left; color: #f36f21; margin-right: 10px; padding-top: 15px;}
    #result .friend-list ul.friends {margin-bottom: 40px;}
    #result .friend-list ul.friends li {width: 44px; height: 44px; overflow: hidden; background-color: #ccc; float: left; margin-right: 10px;}
      #result .friend-list ul.friends li a img {border: none;}
    #result .friend-list span.kids {clear: both; margin: 20px 10px 0 0; padding-top: 7px;}
    #result .friend-list span.kids-counter {float: left; background: url(../images/smile.jpg); margin-top: 20px; height: 15px;}
  #result p.books {height: 25px; padding: 5px 0 0 63px; background: transparent url(../images/bg-actions.jpg) left -6px no-repeat;}
  #result p.dentist {height: 30px; padding: 10px 0 0 63px; background: transparent url(../images/bg-actions.jpg) left -62px no-repeat;}
  #result p.street {height: 50px; padding: 15px 0 0 63px; background: transparent url(../images/bg-actions.jpg) left -121px no-repeat;}

.how-work {float: left; margin-top: 20px; padding-bottom: 30px;}
  .how-work p {margin-top: 0;}
  .how-work img {float: left;}
  .how-work span.highlight {margin: 8px 0 0 10px;}

#sidebar {width: 210px; float: right;}
  #sidebar ul.donnation-counter {float: left; width: 173px; height: 54px; text-align: center; background: url(../images/bg-donnation-counter.jpg) 0 -4px no-repeat; overflow: hidden; margin: 10px 0;}
    #sidebar ul.donnation-counter li {font-size: 18px; font-weight: bold; margin-top: -5px;}
    #sidebar ul.donnation-counter li.selected {margin: 6px 0 12px;}
  #sidebar strong {color: inherit;}
  #sidebar p {font-size: 12px; line-height: 14px;}
  #sidebar hr {width: 180px; margin: 15px 0;}
  #sidebar .highlight {font-size: 22px;}
  #sidebar ul.links {float: left; clear: both;}
    #sidebar ul.links li a,
    #sidebar ul.links li a:visited {font-size: 12px; color: #f36f21; text-decoration: underline;}

span.highlight {float: left; font-weight: bold; color: #00a651 !important;}

.message {font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; float: left; font-size: 10px; width: 100%;}
	
}