/*  
Theme Name: Beyond Classroom Conflict
Theme URI: http://watershedstudio.com/
Description: Beyond Classroom Conflict Custom Theme
Version: 2009-07
Author: Watershed Studio
Author URI: http://watershedstudio.com/
*/

html,body{margin:0;padding:0}

body{
   font: 80% arial,sans-serif;
   text-align:center;
   background-color: #5F6A56;
   }

/*
.title { 
   margin: 0 0 10px 0; 
   padding: 0 0 0 20px;
   height: 35px;
   border-bottom: 1px solid #333;
   }  
*/

.title { 
   margin: 0 0 10px 0; 
   padding: 0 0 0 20px;

   }  
   
.entry { 
   margin: 0 0 10px 20px; 
   padding: 0 20px 0 0;
   }

.blog { 
   margin: 0 0 10px 20px; 
   padding: 0 20px 0 0;
   }

.blog .entry { 
   margin: 0 0 10px 0px; 
   padding: 0 0px 0 0;
   }	

	
/*
h2 {
   border-bottom: 1px solid #DCDCDC;
   border-left: 1px solid #DCDCDC;
   border-right: 1px solid #DCDCDC;
   background-color: #DCDCDC;
   padding: 0px 0px 0px 5px;
   color: #006;
}
*/
#navigation a { 
 display:block; 
 color: #FFF; 
 padding:10px;
}

div#header {
   height: 80px;
   border-bottom: 4px solid #333;
   background-color: #DCDCDC;
}

div#header a {
	text-decoration: none;
}

div#header h1 {
	padding: 10px 0 0 10px;
	margin: 0px;
}

div#header div.description {
	padding: 5px 0 0 10px;
	margin: 0px;
}

span#header-search {
   float: right;
   margin-top: 15px;
   margin-right: 10px;
	text-align: right;
}
  
div#container{
   text-align:left;
   background-color: #FFF;
   }

div#content p {
   line-height:1.4; 
   padding-top:5px;
   }

div#navigation{
   padding-bottom: 50px;
}

div#extra{background:#FF8539;}

div#footer{
   background: #DCDCDC;
   color: color: #000066;
   }

div#footer p{margin:0;padding:5px 10px; text-align: center;}

div#container{
   width:820px;
   margin:0 auto;
   background-image: url('images/bkg_01.jpg');
   background-repeat: repeat-y;   
}

div#content{
   float:right;
   width:620px;
   }

div#navigation{float:left;width:200px;}

div#extra{float:right;width:620px;}

div#footer{
   clear:both;
   width:100%;
   border-top: 1px solid #3b4741;
   }

   /* Images */
      
div.img-container-lt, div.img-container-rt {
  border: 1px solid #DCDCDC;
  background-color: #fff;
  width: 280px; 
  height: 265px !important;
  height: 270px;
  text-align: center;
  }

 div.img-container-lt {
  float: left;
  margin: 0px 0px 10px 0px;
  }
  
div.img-container-rt {
  float: right;
  margin: 0px 0px 10px 10px;
  }
   
div.img-float {
  width: 250px;
  padding: 5px;
  }
  
div.img-float span {
   text-align: center;
   margin-top: 0px;
   }
  
div.img-spacer {
  clear: both;
  margin: 0px;
  padding: 0px;
  }     

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	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;
	}
/* End Images */
  
  
/* Navigation */
div#navigation ul {	
	width: 200px;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;	
	border-bottom: solid 1px #DCDCDC;
}	

div#navigation li {
	margin: 0px;
	padding: 0px;
}

div#navigation li a {
	display: block;
	text-align: left;	
	padding: 10px 6px 10px 20px;
	border-top: solid 0px #DCDCDC;
	border-left: solid 0px rgb(255,255,255);		
	background-color: inherit;
	color: #FFF;
	text-decoration: none;
	height: 15px;
   }
	
div#navigation li a.two {	
	height: 30px;
   }

div#navigation li.top-nav a {
	display: block;
	text-align: left;	
	padding: 10px 6px 10px 17px;
	border-top: solid 1px #DCDCDC;
	border-left: solid 0px rgb(255,255,255);		
	background-color: inherit;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	height: 15px;
}	

div#navigation li.top-nav a.two {
	height: 30px;
   }
		
div#navigation a:hover {
	text-align: left;	
	border-left: solid 0px #3b4741;				
	background-color: inherit;	
	background-color: #3b4741;	
	color: #FFF;
	text-decoration: none;
}

div#navigation li.top-nav a:hover {
	text-align: left;	
	border-left: solid 0px #3b4741;		
	background-color: #3b4741;
	color: #FFF;
	text-decoration: none;
}   

div#navigation ul#calendar {   
   width: 190px;
   float: left;
   list-style: none;
   margin: 0px;
   padding: 10px 0px 0px 5px;   
   border-bottom: solid 0px #DCDCDC;
}