/*
Theme Name: Pirate Party
Version: 1.0
Theme URI: http://piratepartyofcanada.com/
Author: Brad Touesnard
Author URI: http://bradt.ca/
Description: Theme for the Pirate Party of Canada.

License Information:
All files in this theme is released for free under Creative Commons License. You
can redistribute it and/or modify it under the terms of the
Attribution-NonCommercial-ShareAlike as published by the Creative Commons
License, version 2.0 of the License.

This theme is distributed in the hope that it will be useful, but comes as is,
without any warranty and/or without any implied warranty. Users of said theme
should realize that they cannot and will not hold YUSOP.NET reliable or
responsible for any purpose what so ever. See the Creative Commons License
(Attribution-NonCommercial-ShareAlike 2.0) for more details at
http://creativecommons.org/licenses/by-nc-sa/2.0/.
*/

html {
	background-color: #a32727;
}

body {
	display: block;
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif;
	background: #a32727 url(img/footer.png) no-repeat bottom center;
	color: #333;
}

h3 {
	font-size: 1.7em;
	margin-bottom: 1em;
}

h4 {
	font-size: 1.4em;
}

a {
	color: #8d1b1b;
}

a:hover {
	color: #621B1B;
}

input {
/*	font-size: 1.4em;*/
}

input[type=text],
textarea {
/*	font-size: 1.6em;*/
	padding: 0.5em 0.4em 0.3em 0.4em;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #ccc;
}

.copy {
	font-size: 1.3em;
	line-height: 1.4em;
}

.copy p {
	margin-bottom: 1em;
}

.pagenav {
	font-size: 1.4em;
	font-weight: bold;
}

.read-more {
	white-space: nowrap;
}

#wrapper {
	background: #a32727 url(img/bg.png) repeat-y top center;
}

#main {
	width: 980px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

#header {
	height: 98px;
	background: url(img/header.png) repeat-x;
}

#header a {
	color: #8d1b1b;
	text-decoration: none;
}

#header a:hover {
	color: #621B1B;
}

#header .lang {
	position: absolute;
	top: 30px;
	right: 40px;
	color: #666;
	font-size: 1.2em;
}

#header .lang li {
	display: inline;
}

#header .lang li.current a {
	text-decoration: underline;
}

#header h1 {
	width: 242px;
	position: absolute;
	top: 16px;
	left: 16px;
}

#header h1 a {
	display: block;
	overflow: hidden;
	height: 67px;
	/*text-indent: -5000px;
	background: url(img/logo.png);*/
}

#nav {
	background: #9c1e1e url(img/nav.png) repeat-x top left;
	padding: 1.2em 0 0.5em 0;
	font-size: 1.4em;
	overflow: hidden;
}

#nav li {
	display: inline;
	margin-left: 0.5em;
}

#nav li a {
	color: #fff;
	text-decoration: none;
	
	padding: 0.7em 1em 2em 1em;
}

#nav li a:hover {
	text-decoration: underline;
}

#nav li.current_page_parent a,
#nav li.current_page_ancestor a,
#nav li.current_page_item a {
	background-color: #eee;
	color: #8d1b1b;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#sidebar {
	float: left;
	width: 250px;
	padding: 3em 26px 0 0;
	background: url(img/sidebar/bg-top.png) no-repeat;
}

#sidebar .widget {
	margin: 0 0 3em 30px;
}

#sidebar .widget_categories h2,
#sidebar .widget_archive h2,
#sidebar .widget-pages h2 {
	font-size: 1.6em;
	padding: 0 0 0.5em 2px;
	background: url(img/sidebar/nav-item.png) no-repeat bottom left;
}

#sidebar .widget_categories li a,
#sidebar .widget_archive li a,
#sidebar .widget-pages li a {
	display: block;
	font-size: 1.4em;
	padding: 0.7em 0 0.5em 0.7em;
	background: url(img/sidebar/nav-item.png) no-repeat bottom left;
	text-decoration: none;
}

#sidebar .widget_categories li.current-cat a,
#sidebar .widget-pages li.current_page_item a {
	background: url(img/sidebar/nav-item-hover.png) no-repeat bottom left;
	font-weight: bold;
}

#controls {
	font-size: 1.4em;
	font-weight: bold;
}

#content .content-wrapper {
	float: left;
	width: 678px;
	padding-right: 26px;
}

#content {
	background: url(img/sidebar/bg.png) repeat-y;
	padding-bottom: 5em;
	overflow: hidden;
	text-align: justify;
}

#content h1 {
	font-size: 3em;
	font-weight: bold;
	margin: 0.6em 0 0.4em 0;
}

#footer {
	width: 980px;
	margin: 0 auto;
	height: 274px;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.3em;
	overflow: hidden;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .left {
	width: 30%;
	margin: 30px 0 0 25px;
	float: left;
}

#footer h1 {
	width: 158px;
	margin-bottom: 0.5em;
}

#footer h1 a {
	display: block;
	height: 44px;
	background: url(img/logo-footer.png);
	text-indent: -5000px;
	overflow: hidden;
}

#footer .right {
	width: 60%;
	margin: 30px 25px 0 0;
	float: right;
}

#footer li.section {
	float: right;
	margin-left: 3em;
}

#footer li.section h4 {
	font-size: 1.1em;
	margin-bottom: 0.5em;
}

#footer li.section h4 a {
	font-weight: bold;
	margin-bottom: 
}

/* Homepage */
#content.home {
	overflow: hidden;
	padding-bottom: 50px;
	background-image: none;
}

#content.home .banner {
	display: block;
	width: 964px;
	height: 418px;
	margin: 8px 0 0 8px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(img/home/header_en.jpg);
	clear: both;
}

#content.home .banner_fr {
	display: block;
	width: 964px;
	height: 418px;
	margin: 8px 0 0 8px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(img/home/header_fr.jpg);
	clear: both;
}

#content.home .blog {
	width: 405px;
	float: left;
	padding: 30px 0 0 30px;
}

#content.home .blog h3 {
	margin-bottom: 1.5em;
}

#content.home .blog li {
	background: url(img/home/divider-news.png) no-repeat bottom left;
	padding-bottom: 2.2em;
	margin-bottom: 2.2em;
	overflow: hidden;
}

#content.home .blog li .date {
	float:left;
	width: 75px;
	color: #666;
	font-size: 1.3em;
}

#content.home .blog li .details {
	float: left;
	margin-left: 10px;
	width: 320px;
}

#content.home .blog li h4 {
	margin-bottom: 0.2em;
}

#content.home .blog li h4 a {
	text-decoration: none;
	font-weight: bold;
}

#content.home .right {
	width: 449px;
	float: right;
	padding: 30px 30px 0 0;
}

#content.home .callout {
	display: block;
	width: 449px;
	height: 158px;
	text-indent: -5000px;
	overflow: hidden;
	margin-bottom: 1em;
}

#content.home .callout:hover {
	background-position: 0px -158px;
}

#content.home .get-involved {
	background: url(img/home/get-involved.jpg);
}

#content.home .donate {
	background: url(img/home/donate.jpg);
	margin-bottom: 2em;
}

#content.home .tweets {
	margin-bottom: 3em;
}

#content.home .tweets li {
	background: url(img/home/divider-tweets.png) no-repeat bottom left;
	padding-bottom: 1.2em;
	margin-bottom: 1em;
	overflow: hidden;
}

#content.home .social li {
	float: left;
	margin-right: 20px;
}

#content.home .social li a {
	widtH: 48px;
	height: 48px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
}

#content.home .social .facebook {
	background-image: url(img/icon/facebook.png);
}

#content.home .social .twitter {
	background-image: url(img/icon/twitter.png);
}

#content.home .social .myspace {
	background-image: url(img/icon/myspace.png);
}

#content.home .social .flickr {
	background-image: url(img/icon/flickr.png);
}

#content.home .social .youtube {
	background-image: url(img/icon/youtube.png);
}

#content.home .social .friendfeed {
	background-image: url(img/icon/friendfeed.png);
}

#content.home .social .piratepartyradio {
        background-image: url(../../uploads/2009/12/PPR.png);
}

/* Blog */
#content.blog .content-wrapper h1 {
	margin-bottom: 1em;
}

#content.blog .content-wrapper h2 {
	margin-bottom: 0.3em;
}

#content.blog .content-wrapper h2 {
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
        color: #8d1b1b;
}

#content.blog .content-wrapper h2 a {
	text-decoration: none;
}


#content.blog .content-wrapper .date {
	font-size: 1.2em;
	margin-bottom: 0.3em;
	color: #666;
}

#content.blog .content-wrapper li.post {
	margin-bottom: 3em;
}

#content.blog div.post {
	margin-bottom: 5em;
}

#content.blog div.post h2 a {
	font-size: 2em;
}

#respond label {
	font-size: 1.6em;
	margin-left: 1em;
}

#respond p {
	margin-bottom: 1em;
}

#respond textarea {
	width: 550px;
}

ol.commentlist {
	margin-bottom: 5em;
}

ol.commentlist li {
	position: relative;
}

ol.commentlist .avatar {
	float: left;
	margin-right: 1em;
}

ol.commentlist .fn,
ol.commentlist .says,
ol.commentlist .comment-meta,
ol.commentlist p {
	font-size: 1.3em;
}

ol.commentlist p {
	margin-bottom: 1em;
}

ol.commentlist .comment-meta {
	position: absolute;
	top: 0;
	right: 0;
	font-style: italic;
}

.graph{
  width: 400px;
  border: 1px solid #B1D632;
  padding: 2px;
  margin: auto;
}
.graph .bar{
  display: block;
  background: #B1D632;
  text-align: left;
  color: #333;
  height: 2em;
  line-height: 2em;
}

.graph .bar span { position: absolute; left: 1em; }

.content-wrapper li {
    list-style-type: disc;
    margin-left: 1.5em;
    padding-left: 0.2em;
}

.mainpage label {
  font-size: 160%;
  font-weight: bold;
}

strong { font-weight: bold; }
em { font-style: italic; }

.alignright {
	float: right;
	margin-left: 0.8em;