/* 
    Document   : style.css
    Created on : Jan 24, 2010, 7:27:17 PM
    Author     : danspencer
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* MINIMUM RESET - based on work by Eric Meyer
------------------------------------------------------------------ */

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 { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }

body {
    background:#79b23a;
    font-size:14px;
    color:#333;
    font-family: "Calibri","Lucida Grande", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;
    font-weight: normal;
}
h1, h3, h4 {
    font-family:"Calibri","Lucida Grande","HelveticaNeue-Light","Helvetica Neue Light", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;
    display:block;
}
h2 {
    font-family:"Calibri","Lucida Grande","HelveticaNeue-Light","Helvetica Neue Light", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;
}

h1 { font-size: 34px; line-height: 1.2; margin: 0.3em 0 10px;text-transform:uppercase;}
h2 { font-size: 16px; line-height: 1.2; margin: 0.3em 0 5px; font-style:normal;}

#container {
    width:900px;
    margin:20px auto;
    min-height:200px;
}
#sidebar {
    float:right;
    width:350px;
    min-height:200px;
}
#content {
    color:#fff;
    width:530px;
}
#logo {
    float:left;
}
#header_links {
    float:right;
}
#header {
    margin-bottom:20px;
}
.header_link {
    float:left;
    margin-left:20px;
    text-align:center;
}
.header_link a {
    text-decoration:none;
}
.sidebar_pic {

}
.gmap_note {
    margin:0 0 10px 0;
}
.charities_icon {
    background: url('../img/gmap_icons/charity_marker.png') no-repeat;
}
.growers_icon {
    background: url('../img/gmap_icons/foodsharer_marker.png') no-repeat;
}
.interested_icon {
    background: url('../img/gmap_icons/interested_marker.png') no-repeat;
}
.me_icon {
    background: url('../img/gmap_icons/green-dot.png') no-repeat;
    width:32px;
    height:37px;
    margin-right:5px;
}
.fl_left {
    float:left;
}
.result_list p {
    margin-left:35px;
    font-size:0.9em;
}
.result_list ul {
    list-style:none;
    margin-left:35px;
}
.result_list ul li {
    margin-bottom:5px;
}
.result_list ul li a {
    color:#7bb23a;
}
.result_list ul li a:hover {
    color:#555;
}
.result_list h2 {
    margin-left:35px;
}
.result_detail {
    min-height:37px;
}
.result_list {
    margin-bottom:10px;
    background:#f7f5ee;
    padding:5px;
    -moz-border-radius:5px;
}
.result_detail ul {
    font-size:0.9em;
}

#mini_search_container {
    border:1px solid #555;
    margin:0px auto;
    background:#fff;
    padding:2px;
    width:350px;
    display:block;
    -moz-border-radius:5px;
}
.mini_input {
    width:120px;
    font-size:13px;
    padding:10px 5px;
    background:none;
    border:none;
    float:left;
    position:relative;
    color:#999;
}
.mini_submit {
    font-size:1.2em;
    padding:6px 5px;
    background:#669900;
    border:1px solid #333;
    text-shadow:0 0px 1px #fff;
    float:right;
    margin-left:10px;
    -moz-border-radius:5px;
}
.mini_dropdown {
    width:112px;
}
#country_div {
    float:left;
    color:#999;
    padding:5px 0 5px 0;
    font-size:13px;
    position:relative;
    top:6px;
    float:right;
    width:112px;
}
.country_label {
    display:none;
    width:112px;
}
.advanced_search a {
    color:#fff;
}
#pics_container {
    margin:10px auto;
    text-align:center;
}
#info_panel {
    min-height:400px;
}
#info_panel p {
    margin:10px 0 10px 0;
    line-height:1.3em;
}
#info_panel ul {
    list-style:circle inside;
}
#info_panel li {
    margin:10px 0 10px 1em;
    padding-left:1em;
    text-indent:-1.3em;
}
#footer {
    margin-top:20px;
    clear:both;
}
#footer p {
    line-height:1.2em;
}
#social_links {
    position:fixed;
    left:0px;
    top:20%;
    padding:10px;
    background:#f2f5eb;
    border-right:3px solid #cccccc;
    border-top:3px solid #cccccc;
    border-bottom:3px solid #cccccc;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}