/*  
Theme Name: Peace By Design
Theme URI: http://peacebydesign.org/
Description: A theme for peacebydesign.org.
Version: 1.0
Author: Bryan Wilson
Author URI: http://webcollective.coop/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed by Bryan Wilson and build by Fulvio Casali,
	whose blog you will find at http://webcollective.coop/

	The CSS, XHTML and design is released under ???:
	???????????????
*/


/* Begin Typography & Colors */


/************
BASIC TAGS
*************/

body {
  background: #fff url("images/bodyBG-blueGradient.jpg") repeat-x;
  font-size: 76%;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  padding: 0;
  margin: 0;
  color: #333;
}

h1, h2, h3, h4, h5, h5 {
  font-family: Georgia, 'Times New Roman', Times, serif;
  margin: 0.3em 0 0.3em 0;
}

ul {
  margin-left: 0;
}

ul.noBullet li {
  list-style-type: none;
}

/* new image handling for 2.5 and above */
img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {float: right;}
.alignleft {float: left;}


/************
PAGE LAYOUT
*************/
   
div#bgWrapper {
  background: url("images/bgTopClouds.jpg") repeat-x;
  min-height: 600px;
}

div#marginWrapper {
 margin: auto;
 width: 846px;
}

div#mainWrapper {
  width: 846px;
  /* height: 100%; 
  background: url("images/swanfeathersBigBG.jpg") bottom left;*/
  border:1px solid #999;
  border-top: none;

}

div#contentColumn {
  width: 578px;
  /* background: url("images/swanfeathersBigBG.jpg") bottom left; */
  float: left; 
  border-right: 1px solid #888;
  border-collapse: collapse;
background-color: white;
}

div#adWrapper{
  text-align: center;
  padding: 30px 0px;
}

div#topBGWrapper {
  background: url("images/topBGSwansClouds.gif") repeat-x;
  background-position: -30px top;
}

div#middleBGWrapper {
  background: url("images/white.png") top right repeat-y;
  margin-left: 30px;
}

div#bottomBGWrapper {
  background: url("images/topBGSwansClouds.gif") repeat-x;
}

div#contentWrapper {
  margin:0px 0px 60px 0px;
  padding: 0px 40px 40px 30px;
  border-bottom:1px solid #666666;
}


body.home div#middleBGWrapper {
  background: transparent;
}


div#homePgWrapper {
  background-color: #B2DB96;
  padding: 20px 10px 10px 10px;
  border: 1px solid #888888;
}



div#sidebar {
  /*margin-left: 578px;*/
  float: left;
  width: 265px;
  /* height: 100%; */
  background-color: #B2DB96;
  /*border-left: 1px solid #888888;*/
  border-right: 1px solid #ffffff;
}


div#tagFooter {
  /* background: url("images/bgWhiteTrans.png"); 
  background-color: #fff; */
  height: 200px;
  padding: 2em;
}

div#siteFooter {
  color: #eee;
  background-color: #839CAE;
  padding: 20px;
  text-align: center;
  border-top: 3px solid #647784;
}

div#siteFooter a {
  color: #eee;
}

/************
SIDEBAR STYLES
*************/

div.sidebarBlock {
  margin: 15px 0 15px 0;
}

div#sidebar ul {
  padding-left: 15px;
}

div#sidebar a, div#sidebar a:visited {
  color: #41522F;
}

/************
BASIC LINK STYLES
*************/

a {
  color: #333;
  /*text-decoration: none;*/
}

a:hover {
  text-decoration: underline;
}

a img {
	border: none;
}

div#sidebar a {
  text-decoration: none;
}

div#sidebar a:hover {
  text-decoration: underline;
}

/************
BASIC TEXT STYLES
*************/

.small {
  font-size: 85%;
}

.mediumSmall {
  font-size: 90%;
}

.mediumLarge {
  font-size: 110%;
}

.large {
  font-size: 120%;
}


/*****************
GENERAL HEADER STYLES
*******************/

div.breadcrumb {
margin-bottom:47px;
/* margin-top: -29px; */
}

div.breadcrumb, div.breadcrumb a {
  color: #666; 
}


/*****************
POST HEADER STYLES
*******************/

h1.pageTitle {
  font-size: 225%;
  font-weight: normal;
}

body.home div.post h1 {
  display: none;
}

body.home div.social_bookmark {
  display: none;
}

h4.categoryLabel {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 95%;
  font-weight: bold;
  color: #41522F;
  letter-spacing: 0.02em;
  line-height: 120%;
  padding-left: 10px;
  background: url('images/categoryLabelBG.png') 0 2px  repeat-y;
}

h4.categoryLabel a {
  display: block;
  text-decoration: underline;
}

span.categoryLabel {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 95%;
  font-weight: bold;
  color: #41522F;
  letter-spacing: 0.02em;
}

.byline, .dateLabel {
  font-size: 90%;
}

.byline {
  text-transform: uppercase;
}

.center {
	text-align: center;
	}


/*****************
CONTENT STYLES
*******************/
div#contentWrapper img {
  padding: 5px;
  border: 1px solid #ccc;
  _padding: 0;
}

div#contentWrapper img[border="0"] {
  border: none;
  padding: 0;
}

img.social_img {
  border: 0 !important;
  padding: 0 !important;
}

div#contentWrapper img[align="left"] {
   margin-right: 10px;
}

div#contentWrapper img[align="right"] {
   margin-left: 10px;
}

div.content a, .entry * a, .entry a, div.homePgAreaOfFocusBox a {
  text-decoration: underline;
}

div.homePgAreaOfFocusBox {
  border: 1px solid #768D6B;
  background-color: #E3F2D7;
  padding: 6px;
  font-size: 95%;
  height: 15em;
}

.entry {
  line-height: 130%;
}


#sideAd{
width: 180px;
height: 150px;
margin: 5px 40px;
}

/*****************
TAGS
*******************/

div.st-tag-cloud {
  background-color: #E5F2FB;
  border: 1px solid #D3D3D3;
  padding: 10px;
  margin: 0 0 10px 0;  
  line-height: 200%;
}
