/*
Theme Name: Internationella Kvinnoförbundet för Fred och Frihet
Theme URI: http://www.ikff.se/
Description: 
Version: 1.0
Author: Henrik Pettersson
Author URI: http://henrikpettersson.se/
Tags: blue, green, white, fixed width, three columns
*/

/****************************************************************
* RESET
****************************************************************/

* {
	margin: 0;
	padding: 0;
}

/****************************************************************
* GENERIC
****************************************************************/

body {
	background: #f2f2f2 url(images/bg.gif) no-repeat fixed top center;
	color: #1a1a1a;
	font-family: Georgia, serif;
	font-size: 0.88em;
	line-height: 1.43em;
}

h3,
h4 {
	font-family: "Trebuchet MS", sans-serif;
}

h1 {
	float: left;
}

h2 {
	font-size: 1.17em;
	margin-bottom: 0.36em;
}

h2 img {
	margin-bottom: -2px;
}

h3 {
	font-size: 2.14em;
	line-height: 1.33em;
	margin-bottom: 0.67em;
}

h4 {
	font-size: 1.14em;
	margin-bottom: 0.31em;
}

h4 a,
h5 a {
	text-decoration: none;
}

h4 img {
	margin-bottom: -4px;
}

h5 {
	font-size: 1em;
	margin-top: 1.43em;
}

table {
	width: 100%;
}

#overview h5 {
	margin: 0;
}

p,
ul,
ol,
table {
	margin-bottom: 1.43em;
}

li {
	list-style-position: outside;
	margin-left: 2.14em;
}

#content li ul li {
	margin-left: 1.43em;
}

address {
	font-style: normal;
}

a {
	color: #0d6cb6;
}

a:hover {
	color: #000;
}

img {
	border: none;
}

blockquote {
	margin: 1.43em 4.29em;
	font-style: italic;
}

.column {
	display: inline;
	float: left;
	margin: 0 10px;
}

input {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
}

.hidden {
	display: none;
	visibility: hidden;
}

.alignright {
	float: right;
	margin: 0.71em 0;
	margin-left: 1.43em;
}

.alignleft {
	float: left;
	margin: 0.71em 0;
	margin-right: 1.43em;
}

/********************************
* LAYOUT
********************************/

#navigation,
#sub-navigation-bottom,
#center,
#featured,
#left,
.left-box-bottom,
#members-bottom,
.right-box-bottom,
.box,
#right,
#post-footer {
	margin-bottom: 20px;
}

#navigation,
#left,
#right,
#overview,
.post-date,
#post-footer,
#post-list,
#go-to-top,
#last-updated,
.post-author,
#page-navigation,
#breadcrumbs,
td,
small,
#footer {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 0.86em;
}

#left li,
#right li,
#overview li {
	list-style-position: inside;
	margin: 0;
	
}

#navigation,
#sub-navigation {
	font-weight: bold;
}

#navigation li,
#sub-navigation li,
#members li,
#post-footer li {
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
}

#sub-navigation-top,
#sub-navigation-bottom,
#members-top,
#members-bottom,
#content-top,
#content-bottom,
.left-box-top,
.left-box-bottom,
.right-box-top,
.right-box-bottom,
#navigation li ul .navigation-sub-bottom,
#footer-top,
#footer-bottom {
	font-size: 0;
	height: 10px;
}

.left-box,
.right-box {
	padding: 0 10px;
}

#sub-navigation ul,
#members p,
#members ul,
.left-box p,
.left-box ul,
.right-box p,
.right-box ul,
#overview ul,
#post-footer ul,
#post-list ul,
#go-to-top p,
#footer p {
	margin: 0;
}

#left p,
#right p {
	text-align: right;
}

#left a,
#right a,
#footer a {
	color: #737373;
}

#right h2 a {
	color: #0d6cb6;
}

#left a,
#overview a,
#post-footer a,
#go-to-top a,
#right a,
#breadcrumbs a,
#post-list a,
#footer a {
	text-decoration: none;
}

#left a:hover,
#overview a:hover,
#post-footer a:hover,
#go-to-top a:hover,
#right a:hover,
#breadcrumbs a:hover,
#footer a:hover {
	color: #000;
}

#navigation,
#sub-navigation,
#members {
	line-height: 20px;
}

h5 img,
li img,
#footer p img {
	margin-bottom: -3px;
}

/****************************************************************
* CONTAINER
****************************************************************/

#container {
	/* background: url(images/grid.gif) repeat-y; */
	margin: 0 auto;
	width: 960px;
}

* html #container {
	padding-bottom: 20px;
}

*+html #container {
	padding-bottom: 20px;
}

/****************************************************************
* HEADER
****************************************************************/

#header {
	height: 80px;
	margin: 20px 10px;
	width: 940px;
}

#search {
	background: url(images/search.gif) no-repeat;
	float: right;
	height: 40px;
	line-height: 35px;
	margin-top: 40px;
	width: 220px;
}

#search #s {
	padding: 1px;
	margin: 0 10px;
	width: 190px;
}

* html #search #s {
	margin-left: 11px;
	margin-top: 5px;
}

*+html #search #s {
	margin-left: 11px;
}

#search #searchsubmit,
.screen-reader-text {
	display: none;
	visibility: hidden;
}

/****************************************************************
* NAVIGATION
****************************************************************/

#navigation {
	background: url(images/navigation-bg.gif) no-repeat;
	padding: 0 20px;
	width: 900px;
}

#navigation li {
	display: inline;
	float: left;
}

#navigation li a {
	background: url(images/navigation-inactive.gif) no-repeat;
	color: #7fc9e7;
	display: block;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	width: 130px;
}

#navigation li a:hover,
#navigation .current_page_item a,
#navigation .current_page_ancestor a,
#navigation .current_page_parent a {
	background: url(images/navigation-active.gif) no-repeat;
	color: #fff;
}

#navigation li ul {
	display: none;
	margin-top: -2px;
	position: absolute;
	width: 150px;
}

#navigation li ul li a,
#navigation .current_page_item ul li a,
#navigation .current_page_ancestor ul li a,
#navigation .current_page_parent ul li a {
	background: url(images/navigation-sub-inactive.gif) no-repeat;
	color: #2a82b5;
}

#navigation li ul li a:hover,
#navigation li ul .current_page_item a,
#navigation li ul .current_page_ancestor a,
#navigation li ul .current_page_parent a {
	background: url(images/navigation-sub-active.gif) no-repeat;
	color: #045482;
}

#navigation li ul .navigation-sub-bottom {
	background: url(images/navigation-sub-bottom.gif);
	display: none;
	width: 150px;
}

/****************************************************************
* LEFT
****************************************************************/

#left {
	overflow: hidden;
	width: 160px;
}

.left-box-top {
	background: url(images/left-box-top.gif) no-repeat;
}

.left-box {
	background: url(images/left-box-bg.gif) repeat-y;
}

.left-box-bottom {
	background: url(images/left-box-bottom.gif) no-repeat;
}

#loginform p {
	text-align: left;
}

#loginform #user_login,
#loginform #user_pass {
	margin-bottom: 5px;
	padding: 1px;
	width: 134px;
}

#loginform .forgetmenot {
	margin-bottom: 5px;
}

#peace-women,
#reaching-critical-will,
#wilpf {
	text-align: center;
}

/********************************
* SUB NAVIGATION
********************************/

#sub-navigation-top {
	background: url(images/sub-navigation-top.gif) no-repeat;
}

#sub-navigation-bottom {
	background: url(images/sub-navigation-bottom.gif) no-repeat;
}

#sub-navigation ul li a {
	background: url(images/sub-navigation-inactive.gif) no-repeat;
	color: #e9f291;
	display: block;
	padding: 10px;
	text-decoration: none;
	width: 140px;
}

#sub-navigation ul li a:hover,
#sub-navigation ul .current_page_item a {
	background: url(images/sub-navigation-active.gif) no-repeat;
	color: #fff;
}

#members-top {
	background: url(images/members-top.gif) no-repeat;
}

#members-bottom {
	background: url(images/members-bottom.gif) no-repeat;
}

#members ul li a {
	background: url(images/members-inactive.gif) no-repeat;
	color: #666;
	display: block;
	padding: 10px;
	text-decoration: none;
	width: 140px;
}

#members ul li a:hover,
#members ul .current_page_item a {
	background: url(images/members-active.gif) no-repeat;
	color: #000;
}

/****************************************************************
* CENTER
****************************************************************/

#center {
	width: 520px;
}

/********************************
* CONTENT
********************************/

#featured p {
	font-style: italic;
	font-size: 11px;
}

#content-top {
	background: url(images/content-top.gif) no-repeat;
}

#content {
	background: url(images/content-bg.gif) repeat-y;
	padding: 10px 20px;
}

#content-bottom {
	background: url(images/content-bottom.gif) no-repeat;
}
.post {
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 20px;
}

.post-date {
	float: left;
	margin-bottom: 0;
	margin-right: 8px;
	line-height: 16px;
	margin-top: 4px;
	color: #737373;
}

#post-footer {
	border: 1px dotted #bfbfbf;
	padding: 10px;
}

#overview {
	border: 1px dotted #bfbfbf;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 10px;
	width: 160px;
}

#post-list {
	border: 1px dotted #bfbfbf;
	margin-bottom: 20px;
	padding: 10px;
}

#post-list h5 {
	margin-top: 0;
}

#post-list li {
	margin-left: 1.2em;
}

#page-navigation {
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-align: center;
}

#page-navigation .pages,
#page-navigation .current,
#page-navigation a {
	border: 1px solid #bfbfbf;
	padding: 5px;
}

#page-navigation a:hover {
	background: #f7f7f7;
}

#go-to-top {
	text-align: right;
}

#breadcrumbs {
	border-top: 1px solid #bfbfbf;
	margin-top: 20px;
	padding-top: 20px;
}

/****************************************************************
* RIGHT
****************************************************************/

#right {
	width: 220px;
}

#translate {
	overflow: hidden;
}

.right-box-top {
	background: url(images/right-box-top.gif) no-repeat;
}

.right-box {
	background: url(images/right-box-bg.gif) repeat-y;
}

.right-box-bottom {
	background: url(images/right-box-bottom.gif) no-repeat;
}

/****************************************************************
* FOOTER
****************************************************************/

#footer-top {
	background: url(images/footer-top.gif) no-repeat;
	width: 940px;
}

#footer {
	background: #f2f2f2;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	padding: 0 10px;
	width: 918px;
}

#footer-bottom {
	background: url(images/footer-bottom.gif) no-repeat;
	width: 940px;
}

/****************************************************************
* HACKS
****************************************************************/

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix { 
	display: block;
}