/*
-----------------------------------------------
Voices From Darfur
Author:   Cameron Corda
----------------------------------------------- */

html, body {margin: 0; padding: 0; text-align: center; background: #fff}
html {height: 100%; margin-bottom: 1px;}  /*force scrollbars on short pages*/


/* TYPOGRAPHY
----------------------------------------------- */
html { font-size: 100%; } /* Somehow Fixes IE */
body { font-size: 62.5%; font-family: helvetica, verdana, arial, sans-serif; color: #222;} /* sets font to 10px */

#container { font-size: 1.1em; } /* 1.1em = 11px */

h1 {font-size: 1.5em; color: #B30606; margin-top: .5em; margin-bottom: .8em; letter-spacing: 1px; text-transform: uppercase; font-family: Impact, 'Arial Black', arial, sans-serif;}
h2 {font-size: 1.4em; margin-bottom: .5em; font-weight: normal; color: #000; text-decoration:}
h3 {font-size: 1.2em; margin-bottom: 1.2em; font-weight: normal; color: #000;}
h4 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: bold;}
h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;}
h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;}

ol, li {font-size: 1em; line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.4em;}
p {font-size: 1em; line-height: 1.4em; margin-bottom: 1.2em; margin-top: 1.2em;}
blockquote {font-size: 1em; line-height: 1.4em; margin: 1.2em 3em 1.2em 3em; text-align: justify;}
pre {font-family: monospace; font-size: 1.0em;}
strong, b {font-weight: bold;}
td {vertical-align: top;}


/* LINKS
----------------------------------------------- */
a {color: #008752; text-decoration: underline;}
a:link {}
a:visited {}
a:active {}
a:hover {}


/* LAYOUT
----------------------------------------------- */
#container {background: #fff url(/page/-/voicesfordarfur/bg.png) repeat-y top left; margin: 0; text-align: left; width: 796px; margin: 0 auto;}

#contentWrap {margin: 0 30px; border-top: 1px solid #ebebeb; padding-top: 20px;}



/* HEADER
----------------------------------------------- */
#header {position: relative; height: 110px;}

div#logo {position: absolute; top: 5px; left: 25px;}

#nav {position: absolute; top: 10px; right: 2px; margin: 0; padding: 0; width: 600px; background: #fff;}

#nav {font-family: tahoma; font-weight: normal; font-size: 10px;}

#nav ul {margin: 0; padding: 0;}
#nav li {margin: 0; padding: 0; display: inline;}
#nav a {padding: 2px 6px; float: right; border-right: 1px solid #008752; background: #ebebeb; color: #000; text-decoration: none; text-transform: uppercase; font-weight: normal;}
#nav a:hover {color: #008752;}
#nav li#sd a {background: #008752; color: #fff;}
#nav li#sd a:hover {color: #fff;}


/* CONTENT
----------------------------------------------- */
#content {margin; 20px 0;}
#content h2 {background: #ebebeb; color: #000; display: inline; margin: 0 0 20px -27px; padding: 5px 27px 5px 27px; font-family: tahoma; text-transform: uppercase;}


/* FOOTER
----------------------------------------------- */
#footer {background: #008752; margin: 0 2px; text-align: center; color: #fff; padding: 10px 0;}
#footer a {color: #fff;}
#footer span {margin: 0 4px;}


/* UTILS
----------------------------------------------- */

img {border: 0;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* FORM ATTRIBUTES
----------------------------------------------- */
form {margin: 0;}
form p, form label {font-size: 10px; margin: 0; padding: 1px; line-height: 1.2em;}

select {font-size: 10px;}

label {padding: 0px; font-size: 11px; line-height: 1.1em;}

input, textarea {font-size: 11px; background: #fff; text-align: left;}
.txt, .text {background: #fff}
.hasfocus {background: #DEEFFF; color: #001F5C;}

input.buttonImg {cursor: pointer; border: none; vertical-align: middle; padding: 0;}