/*
Theme Name: Humanitarian Space Custom Theme
Theme URI: http://humanitarian-space.dk/
Description: Custom WordPress theme designed to match the front page at <a href="http://humanitarian-space.dk/">Humanitarian Space</a>.
Version: 1.0
Author: Nicolai Lønne
Author URI: http://css-outlet.com/

Johan Boström 2008-09-29
*/


@import url(stylesheets/css-reset.css);
@import url(stylesheets/clear-floats.css);
@import url(stylesheets/typography.css);

body {
	text-align: center;
	color: #666;
	background-color: white;
	background-image: url(images/bodyback.jpg);
}

h1, 
h2, 
h3 {
	color: #30a639;
}

a {
	color: #597dbc;
}
a img {
	border: 0;
}

div#container {
	position: relative;
	width: 950px;
	margin: 35px auto 0 auto;
	background-color: white;
	text-align: left;
}

div#header {
	padding: 40px 0 30px 20px;
}

div#header img#logotype {
	margin-right: 10px;
}

ul#menu {
	width: 150px;
	margin: 0 20px 20px 0;
}

ul#menu li {
	border-bottom: 1px solid #8ed394;
}

ul#menu li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #666;
	line-height: 2em;
	padding-left: .5em;
}

div#content {
	margin:0; padding:0;
	float: left;
	width: 700px;
	margin-right:0px;
}

div.post {
}


div#sidebar {
	float: left;
	width: 165px;
	margin: 0 10px;
	padding-left:20px;
}

div#sidebar div.box {
	
	position: relative;
	background-image: url(images/sidebar-box-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-bottom: 30px;
}
div#sidebar div.box b.top {
	background-image: url(images/sidebar-box-top.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 15px;
}

div#sidebar div.box div.box-content {
	padding: 5px 4px 15px 4px;
}
div#sidebar div.box div.box-content h4 {
	background-color: #30a639;
	color: white;
	padding-left: 10px;
	line-height: 1.6em;
}
div#sidebar div.box div.box-content p {
	margin-left: 10px;
	margin-right: 10px;
}
div#sidebar div.newsletter {
	
	position: relative;
	background-image: url(images/sidebar-box-bottom-newsletter.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 60px;
}
div#sidebar div.newsletter div.box-content {
	padding: 0 60px 0 15px;
}

div#footer {
	background-image: url(images/footer-background.png);
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 30px;
	padding: 26px 40px 1px;
}



b#container-shadow-top {
	position: absolute;
	top: -10px;
	left: -10px;
	right: -10px;
	height: 10px;
	background-image: url(images/container-shadow-top.png);
	background-repeat: no-repeat;
	background-position: top left;
}

b#container-shadow-right {
	position: absolute;
	top: 0;
	right: -10px;
	bottom: 0;
	width: 10px;
	background-image: url(images/container-shadow-right.png);
	background-repeat: repeat-y;
	background-position: top left;
	
}

b#container-shadow-left {
	position: absolute;
	top: 0;
	left: -10px;
	bottom: 0;
	width: 10px;
	background-image: url(images/container-shadow-left.png);
	background-repeat: repeat-y;
	background-position: top right;
	
}

/* --------- Styles added by Ciprian Pricop -------------- */

#subscribe1 { width:158px; background:url('images/lbg3.jpg') bottom left no-repeat; margin:0; padding:0; padding-bottom:10px; text-align:left; }
#subscribe1 h2 { width:158px; background:url('images/lbg1.jpg') top left no-repeat; margin:0; padding:0; padding-left:10px; padding-top:5px; }
#subscribe1 ol { width:158px; background:url('images/lbg2.jpg') top left repeat-y #fff; margin:0; padding:0; display:block; list-style-type:none; clear:both; }
#subscribe1 ol li { margin:0; padding:0; margin-left:10px; }
#subscribe1 p { margin:0; padding:0; }
#subscription_email { margin:0; padding:0; width:130px; }

/* border:2px dotted #ccc;padding:15px;text-align:left;width:200; */
#subscribe2 { width:706px; background:url('images/rbg3.jpg') bottom left no-repeat; margin:0; padding:0; padding-bottom:10px; text-align:left; }
#subscribe2 h3 { width:706px; background:url('images/rbg1.jpg') top left no-repeat; margin:0; padding:0; padding-left:20px; padding-top:20px; }
#subscribe2 ol { width:706px; background:url('images/rbg2.jpg') top left repeat-y #fff; margin:0; padding:0; padding-bottom:20px; display:block; list-style-type:none; clear:both; }
#subscribe2 ol li { margin:0; padding:0; padding-left:20px; }
#subscribe2 p { margin:0; padding:0; }