@charset "utf-8";
/*  
Theme Name: EBC
Theme URI: http://ebcseattle.org
Description: The standard theme for EBC's website
Version: 3.0
Author: David Martin
Author URI: http://ebcseattle.org
*/

@import url('cleartags.css');

body {
	background: #6A86C3 url(images/images-01.png) repeat-x;
}
#BackgroundElement {
	background: url(images/images-02.png) 0px 180px no-repeat;
	width: 100%;
}
#BodyWrapper {
	width: 820px;
	margin: 0 auto;
	overflow: hidden;
}
/*The container for the header and image*/
#Header {
	height: 150px;
	background: url(images/images-03.png) no-repeat;
}
	#HeaderHomeLink {
		width: 550px;
		height: 150px ;
		cursor: pointer;
		float: left;
	}

/*The container for the search bar*/
#Search {
	height: 60px;
	float: right;
	margin-top: 15px;
	margin-right: 10px;
}
	#Search div, #Search form {
		width: 400px;
		overflow: hidden;
	}
	#SearchButton{
		width:80px;
		height:40px;
		cursor:pointer;
		background:none;
		background-image: url(images/images-14.png);
		background-position: 0px 0px;
		vertical-align: middle;
	}
		#SearchButton:hover{
			background-position: 0px 80px; /* Negative height of third of the sprite, to push the image up */
		}
		#SearchButton:active{
			background-position: 0px 40px; /* Negative height of third of the sprite, to push the image up */
		}
	#Search #SearchInput{
		color: #353B61;
		background-color: #FFF;
		width: 300px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		height:20px;
		vertical-align:middle;
	}

/*The container for holding the content such as posts and menus*/
#Content {
}
	/*The container for the top background of the content*/
	#ContentTop {
		height: 70px;
		background: url(images/images-06.png) no-repeat;
		}
	/*The container for the middle background of the content*/
	#ContentMiddle {
		background: url(images/images-07.png) repeat-y;
	}
	/*The container for the bottom background of the content*/
	#ContentBottom {
		height: 20px;
		background: url(images/images-08.png) no-repeat;
	}
#LeftColumn {
	width: 210px;
	float: left;
	overflow: hidden;
	/*Position relative to the content wrapper allowing to 'float' over the background*/
	position:relative;
	top: -80px;
}
#RightColumn {
	width: 610px;
	float: right;
	overflow: hidden;
}
#RecentTitle{
	background: url(images/images-05.png) no-repeat;
	width: 225px;
	height: 50px;
}
#Posts {
}
	.Post{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		width: 570px;
	}
		.Post h1, .Post h1 a {
			font-size: 16px;
			font-weight: bold;
			letter-spacing: -1px;
		}
		.Post h2 {
		}
		.Post h3 {
		}
		.Post h4 {
		}
		.Post h5 {
		}
		.Post h6 {
		}
		.Post b, .Post strong	{
			font-weight: bold;
		}
		.Post em, .Post i	{
			font-style: italic;
		}
		.Post a	{
			color: #363C61;
			text-decoration: underline;
		}
		.entry, .Post p {
			text-align: justify;
		}
		.Post p {
			padding-bottom: 6px;
		}
		.Post table	{
			padding-bottom: 12px;
		}
		.Post div	{
			padding-bottom: 6px;;
		}
		.Post ul	{
			list-style-position: outside;
			list-style-type: disc;
			padding-bottom: 1em;
			padding-left: 1em;
			padding-right: 1em;
			padding-top: 1em;
		}
		.Post ol	{
			list-style-position: outside;
			list-style-type: decimal;
			padding-bottom: 1em;
			padding-left: 1em;
			padding-right: 1em;
			padding-top: 1em;
		}
		.Post li	{
			padding-bottom: 1em;
			padding-top: 0px;
			}
			
	.PostTitle {
		font-size: 24px;
		font-weight: bold;
	}
	.PostInfo {
		font-size: 10px;
	}
			
	.PostContent {
	}

	.PostToolBar {
	}
			
	.PostComments{
	}
		.PostComments input, .PostComments textarea {
			border: solid 1px #434343;
			width: 100%;
			padding: 0;
			margin: 0;
		}
		.PostComments .req {
			color:#F00;
		}
		.PostComments #submit {
			width:80px;
			height:40px;
			cursor:pointer;
			background:none;
			background-image: url(images/images-04.png);
			background-position: 0px 0px;
			vertical-align: middle;
			border: none;
			float: right;
		}
			.PostComments #submit:hover{
				background-position: 0px 80px; /* Negative height of third of the sprite, to push the image up */
			}
			.PostComments #submit:active{
				background-position: 0px 40px; /* Negative height of third of the sprite, to push the image up */
			}
/*The container for holding the navigation menu*/
#Menu {
}
	/*The container for the top background of the navigation menu*/
	#MenuTop {
		height: 20px;
		background: url(images/images-09.png) no-repeat;
		}
	/*The container for the middle background of the navigation menu*/
	#MenuMiddle {
		background: url(images/images-11.png) repeat-y;
	}

		#MenuButtons{
			width: 160px;
			height: 40px;
		}
		
		#MenuButton1{
			background-image: url(images/images-16.png);
		}
		#MenuButton2{
			background-image: url(images/images-17.png);
		}
		#MenuButton3{
			background-image: url(images/images-18.png);
		}
		#MenuButton4{
			background-image: url(images/images-19.png);
		}
		.MenuButton{
			width:40px;
			height:40px;
			cursor:pointer;
			background:none;	
			background-position: 0px 0px;
			vertical-align: middle;
			float: left;
		}
			.MenuButton:hover{
				background-position: 0px 80px; /* Negative height of third of the sprite, to push the image up */
			}
			.MenuButton:active{
				background-position: 0px 40px; /* Negative height of third of the sprite, to push the image up */
			}
		/*The container for the middle content background of the navigation menu*/
		#MenuContent {
			width: 170px;
			background: url(images/images-10.png) no-repeat;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			color:#FFF;
			padding-left: 20px;
		}
			#MenuContent a, #MenuContent a:hover, #MenuContent a:visited, #MenuContent a:active {
				text-decoration:none;
				color:#FFF;
			}
			#MenuContent ul{
				list-style: none;
			}
			/*The space between the top-level items of the menu*/
			#MenuContent li, #MenuContent li a  {
				padding-bottom: 15px;
				color:#F69526;
				font-weight: bold;
			}
				/*First-order menu sublists*/
				#MenuContent li ul {
				}
					/*Submen menu items*/
					#MenuContent li ul li, #MenuContent li ul li a {
						padding: 0;
						color:#FFF;
						font-weight: normal;
					}
						/*The non first-order menu sublists*/
						#MenuContent li ul li ul {
							padding-left: 15px;
						}

	/*The container for the bottom background of the navigation menu*/
	#MenuBottom {
		height: 20px;
		background: url(images/images-12.png) no-repeat;
	}
/*The container for holding the left sidebar items under the menu*/
#LeftSidebar {
}

  /*The container for the middle background of the left ad boxes*/
  .LeftAd {
	  height: 120px;  
	  overflow: hidden;
	  position: relative;
	  background: url(images/images-13.png) no-repeat;
  }
	  .LeftAd img{
		  height: 100px;
		  width: 180px;
		  padding-top: 10px;
		  padding-left: 10px;
	  }

#RightAd {
	float: right;
	width: 200px;
	height: 300px;
	overflow: hidden;
	background: url(images/images-15.png) no-repeat;
	margin-left: 10px;
}
	#RightAd img {
		width: 180px;
		height: 280px;
		margin-left: 10px;
		margin-top: 10px;
	}
/*The listing of the categories on the right*/
#CategoryList{
	float: right;
}
	#CategoryList select {
		font-family: Arial, Helvetica, sans-serif;
		border: #434343 solid 1px;
	}
	
/*Table for displaying the archive*/
#Archive {
}
	/*Archive table row*/
	#Archive td {
		padding-top: 10px;
		width: 500px;
	}
	#Archive .Left {
		text-align: left;
		width: 70px;
	}
#Footer {
}
/*Used for clearing floated divs*/
.Clear {
	clear: both;
}
.alignleft {
	float:left;
	margin-right: 1em;
}
.alignright {
	float:right;
	margin-left: 1em;
}
@media print {
	
	/*Items to hide*/
	#LeftColumn, #RightSidebar, #TopAd, #Search, .Clear, #ContentTop, #ContentBottom {
		display: none;
	}
	
	#BodyWrapper, #Content, #RightColumn, #Posts, .Post, #Footer, body, #BackgroundElement {
		width: 100%;
		background: none;
		float: none;
		overflow: visible;
	}
	

}