/* @override http://localhost:8000/css/style.css */

/* blue color: rgb(0,154,222) */

/**
 **
 ** Undo some default styles
 **
 **/

body
{
    color: rgb(51,51,51);
    font: 100%/1.35 Georgia, serif;
    line-height: 150%;
    margin: 0;
    padding-bottom: 20px;
}

a
{
    color: rgb(0,122,194);
}

a:visited, a:hover
{
    color: rgb(0,70,102);
}

h1
{
	font-weight: normal;
    margin: 0;
    margin-bottom: 20px;
}

h2
{
    color: black;
    font-weight: normal;
    margin: 0;
    margin-bottom: 15px;
}

h3
{
    color: black;
    font-size:   1.3em;
    font-weight: normal;
    margin: 0;
    margin-bottom: 9px;
}

h4
{
    margin: 0;
}

p
{
    margin: 0;
    margin-bottom: 1.3em;
}

ul
{
    margin: 0.5em 0 25px;
    padding: 0 2.0em;
}

li
{
    margin: 0.4em 0;
    margin-bottom: -0.5em;
}

/**
 **
 ** Banner
 **
 **/

div#banner
{
    background: url(/images/corner-map.png) no-repeat right center;
    height: 88px;
}

div#banner a#logo img
{
    border: 0;
    margin: 15px;
}

div#banner ul#tabs
{
    /* Size and Positioning */
    display: block;
    margin: 0;
    padding: 0;
    padding-bottom: 4px;
    padding-left: 15px;

    /* Miscellaneous */
    list-style: none;

    /* Fonts and Colors */
    font-family: sans-serif;
    font-size: 18px;
}

div#banner ul#tabs li
{
    display: inline;
    margin-right: 1em;
}

div#banner ul#tabs a
{
    color: black;
    text-decoration: none;
}

/**
 **
 ** Base
 **
 **/

div#column
{
    position: absolute;
    font-size: 0.9em;
    left: 15px;
    width: 250px;
    margin-top: 31px;
}

div#column li
{
	
}

div#content
{
    margin-left: 250px;
    padding: 2em 3em;
}

div#content p
{
    width: 500px;
}

div#content li
{
    width: 460px;
}

sup
{
    font-family: serif;
}

ol.sources
{
    margin-top: 3em;
    padding: 0;
    font-size: 0.85em;
}

ol.sources li
{
    margin-left: 3em;
}

/**
 **
 ** Index
 **
 **/

body#index
{
    background-image: url(/images/stripe.jpg);
    background-repeat: repeat-x;
    background-position: 0 88px;
}

body#index div#column
{
    margin-top: 131px;
}

body#index div#column a
{
	display: block;
	border: solid 1px rgb(0,154,222);
	background-color: rgb(197,229,255);
	font-family: serif;
	font-size: 1.2em;
	color: black;
	text-decoration: none;
	width: 130px;
	text-align: center;
	margin: 0 auto;
	padding: 4px 1px;
}

body#index div#content
{
    margin-top: 100px;
}

body#index div#content ol
{
    font-size: 1.2em;
}

/**
 **
 ** Organization List Page
 **
 **/

ul#organizations
{
    list-style: none;
    padding: 0;
    margin-top: 1em;
}

ul#organizations li
{
    margin-bottom: 1em;
}

ul#organizations a
{
    font-size:          1.3em;

    display:            block;
    margin-bottom:      5px;
}

/**
 **
 ** Organization Detail Page
 **
 **/

h2#name
{
    margin-bottom: 5px;
}

div#mission-stmt
{
    margin: 1.5em 30px 2em;
    width: 430px;
}

div#description
{
    width: 500px;
}

img#map
{
    margin-top: 19px;
}

body#organization-show div#column
{
    line-height: 160%;
    font-size: 0.8em;
}

body#organization-show div#column  h3
{
    margin: 6px 0 3px 15px;
    padding-left: 12px;
}

ul#countries
{
    margin-top: 0;
    margin-left: 15px;
    width: 200px;

    list-style: none;

    padding: 0;
    padding-left: 1em;
}

ul#countries li
{
    margin: 0;
    padding-right: 1em;
}

/**
 **
 ** Pledge Page
 **
 **/

ul#recent-pledgers
{
    list-style: none;
    padding-left: 10px;
}

body#pledge-page form
{
}

body#pledge-page ul#pledge-fields
{
    list-style: none;
    padding: 0;
}

body#pledge-page ul#pledge-fields li
{
    margin-bottom: 10px;
}

body#pledge-page ul#pledge-fields label
{
    display: block;
    float: left;
    width: 110px;
    text-align: right;
}

body#pledge-page ul#pledge-fields ul.errorlist
{
    font-size: 0.9em;
    font-weight: bold;
    list-style: none;
    padding: 0;
}

body#pledge-page ul#pledge-fields ul.errorlist li
{
    margin-bottom: -6px;
}

body#pledge-page input#submit-button
{
    margin-left: 170px;
}