/*  

Theme Name: OBCC Classroom

Theme URI: http://www.lenmasondesign.com

Description: A wordpress theme design built off of In a Classroom

Version: 1.0

Author: Len Mason

Author URI: http://www.lenmasondesign.com

*/







/* General */



body {

	margin: 0;

	background: #C7B177;

}



h1, h2, h3, h4 {

	margin: 0;

}



img {

	border: 0;

}



.clear {

	clear: both;

	height: 1px;

	overflow: hidden;

}


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}



/* Page */



#page {

	margin: 0 auto;

	width: 1004px;

}





/* Header */



#header {

	width: 1004px;

	height: 459px;

	background: url("images/header.jpg") no-repeat;

	position: relative;

}



	/* Header - Info */

	

	#header #header-info {

		position: absolute;

		top: 115px;

		left: 415px;

	}

	

	#header #header-info h1 {

		color: #FFFFFF;

		font: bold 30px "Verdana", Verdana;

	}

	

	#header #header-info h1 a {

		color: #FFFFFF;

		text-decoration: none;

	}

	

	#header #header-info .description {

		color: #FFFFFF;

		font: bold 15px "Verdana", Verdana;

	}

	

	/* Header - Menu */

	

	#header #header-menu {

		position: absolute;

		top: 0px;

		left: 26px;

		height: 53px;

	}

	

	#header #header-menu ul {

		margin: 0;

		padding: 0;

		list-style-type: none;

		height: 53px;

	}

	

	#header #header-menu ul li {

		float: left;

		height: 53px;

		margin-right: 8px;

		font: bold 10px/43px "Verdana", Verdana;

		color: #ffffff;

		text-transform: lowercase;

		background: url("images/header_menu_left.gif") no-repeat;

	}

	

	#header #header-menu ul li a {

		color: #ffffff;

		text-decoration: none;

		padding: 0 40px;

		background: url("images/header_menu_right.gif") no-repeat right top;

		display: block;

	}

	

	#header #header-menu ul li a:hover {

		text-decoration: underline;

	}

	

	#header #header-menu ul li ul {

		display: none;

	}

	

	/* Header - Topbar */

	

	#header #topbar {

		position: absolute;

		top: 270px;

		left: 0px;

		width: 1004px;

		height: 201px;

		color: #FFFFFF;

		font: normal 12px "Trebuchet MS", Verdana;

	}

	

	#header #topbar h3 {

		font: bold 15px "Verdana", Verdana;

		color: #CCCCCC;

	}

	

	#header #topbar ul {

		margin: 0;

		padding: 0;

		list-style-type: none;

	}

	

	#header #topbar ul li {

		padding-top: 12px;

		color: #CCCCCC;

		font: normal 12px "Trebuchet MS", Verdana;

	}

	

	#header #topbar ul li a {

		color: #CCCCCC;

		text-decoration: none;

	}

	

	#header #topbar ul li a:hover {

		text-decoration: underline;

	}

	

		/* Header - Topbar - Boxes */

		

		#header #topbar #topbar-left {

			width: 285px;

			padding: 35px 33px;

			float: left;

		}

		

		#header #topbar #topbar-center {

			width: 306px;

			float: left;

			padding: 12px 0 0 30px;

		}

		

		#header #topbar #topbar-right {

			width: 287px;

			float: left;

			padding-left: 10px;

		}





/* Main */



#main {

	width: 1004px;

        height: auto;

	background: url("images/main.gif") repeat-y;

}



#main-top {

	width: 1004px;

        height: auto;

	background: url("images/main_top.gif") no-repeat;

}



#main-bottom {

	width: 992px;

	padding-left: 12px;

	min-height: 50px;

	background: url("images/main_bottom.gif") no-repeat left bottom;

}



	/* Main - Content */

	

	#content {

		float: left;

		width: 580px;

                height: 100%;

		padding: 6px 5px 0 5px;

                background: #333;

	}

	

	/* Main - Content - Post */

	

	#content .post {

		color: #000;

		float: left;

		margin-bottom: 16px;

		width: 554px;

		padding: 7px;

		background: #fff;

	}

	

		/* Post - Title */

		

		#content .post .post-title {

			width: 554px;

			height: 51px;

			color: #000;

			font: bold 12px "Trebuchet MS", Verdana;

		}

		

		#content .post .post-title a {

			color: #000;

			text-decoration: none;

		}

		

		#content .post .post-title a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-title .post-date {

			float: left;

			background: url("images/post_date.gif") repeat-x;

			width: 50px;

			height: 51px;

			color: #000000;

			text-align: center;

			text-transform: uppercase;

			margin-right: 10px;

			font: bold 10px/15px "Trebuchet MS", Verdana;

		}

		

		#content .post .post-title .post-date span {

			margin-bottom: 2px;

			display: block;

			font: bold 16px/34px "Trebuchet MS", Verdana;

		}

		

		#content .post .post-title h2 {

			padding: 4px 0 3px 0;

			color: #000;

			font: bold 19px "Verdana", Verdana;

		}

		

		#content .post .post-title h2 a {

			color: #000;

			text-decoration: none;

		}

		

		#content .post .post-title h2 a:hover {

			text-decoration: underline;

		}

		

		/* Post - Entry */

		

		#content .post .post-entry {

			font: normal 12px/18px "Trebuchet MS", Verdana;

			color: #000;

			padding: 0 4px;

			width: 546px;

		}

		

		#content .post .post-entry a {

			color: #000;

			text-decoration: none;

		}

		

		#content .post .post-entry a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-entry .more-link {

			font: bold 12px/20px "Trebuchet MS", Verdana;

			color: #000;

			float: right;

			padding-bottom: 5px;

		}

		

		#content .post .post-entry .more-link a {

			color: #000;

			text-decoration: none;

		}

		

		#content .post .post-entry .more-link a:hover {

			text-decoration: underline;

		}

		

		/* Post - Info */

		

		#content .post .post-info {

			padding: 10px 4px 0 4px;

			width: 546px;

			clear: both;

			font: bold 12px "Trebuchet MS", Verdana;

			color: #000;

		}

		

		#content .post .post-info a {

			color: #000;

			text-decoration: none;

		}

		

		#content .post .post-info a:hover {

			text-decoration: underline;

		}

		

		/* Post - Comments */

		

		#content .post h3 {

			color: #009900;

			font: bold 17px "Verdana", Verdana;

			margin: 25px 0 5px 0;

			padding: 0 4px;

			width: 546px;

		}

		

		#content .post .comments {

			padding: 0 4px;

			width: 546px;

			font: normal 12px/18px "Trebuchet MS", Verdana;

			color: #009900;

		}

		

		#content .post .comments a {

			color: #009900;

			text-decoration: none;

		}

		

		#content .post .comments a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol {

			margin: 10px 0 10px 0;

			padding-left: 25px;

		}

		

		#content .post .comments ol li {

			padding: 5px;

		}

		

		#content .post .comments ol li.alt {

			/* background: #000000; */

		}

		

		#content .post .comments ol li cite {

			color: #000000;

			font-style: normal;

			font-weight: bold;

		}

		

		#content .post .comments ol li cite a {

			color: #009900;

			text-decoration: none;

		}

		

		#content .post .comments ol li cite a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li .commentmetadata a {

			color: #000000;

			text-decoration: none;

		}

		

		#content .post .comments ol li .commentmetadata a:hover {

			text-decoration: underline;

		}

		

		#content .post #commentform {

			margin: 0;

			font: normal 12px/18px "Trebuchet MS", Verdana;

			color: #000000;

			padding: 0 4px;

			width: 546px;

		}

		

		#content .post #commentform a {

			color: #000000;

			text-decoration: none;

		}

		

		#content .post #commentform a:hover {

			text-decoration: underline;

		}

	

	/* Main - Sidebar */

	

	.sidebar {

		float: left;

		width: 195px;

		font: strong 15px/18px "Trebuchet MS", Verdana;

		color: #000000;

		padding: 7px 0;

	}

	

	.sidebar a {

		color: #000000;

		text-decoration: none;

	}

	

	.sidebar a:hover {

		text-decoration: underline;

	}

	

		/* Sidebar - Titles */

		

		.sidebar h3 {

			padding-left: 18px;

			font: bold 15px/34px "Verdana", Verdana;

			text-transform: lowercase;

			color: #ffffff;

			height: 46px;

			width: 189px;

			background: url("images/sidebar_title.gif") no-repeat;

		}

		

		/* Sidebar - Menus */

		

		.sidebar ul {

			margin: 0 0 20px 18px;

			padding: 0;

			list-style-type: none;

		}

		

		.sidebar ul li {

			color: #ffffff;

			font: normal 15px/26px "Trebuchet MS", Verdana;

		}

		

		.sidebar ul li a {

			color: #ffffff;

			text-decoration: none;

		}

		

		.sidebar ul li a:hover {

			text-decoration: underline;

		}

		

		/* Sidebar - Forms */

		

		.sidebar #searchform {

			margin: 0 auto;

			padding: 15px 0 25px 0;

			width: 145px;

			text-align: center;

		}

		

		.sidebar #searchform #s {

			width: 145px;

		}

		

		/* Sidebar - Tables */

		

		.sidebar #calendar_wrap {

			margin: 5px auto 20px -5px;

                        /* padding-left: 15px; */

			width: 187px;

                        /* background: #99CC99; */

		}

		

		.sidebar #calendar_wrap caption {

			font-weight: bold;

		}

		

		.sidebar #calendar_wrap #today {

			font-weight: bold;

		}

		

		/* Sidebar - Texts */

		

		.sidebar .textwidget {

			padding: 0 10px 20px 10px;

		}





/* Footer */



#footer {

	margin-top: 15px;

	width: 1004px;

	height: 62px;

	background: url("images/footer.gif") repeat-x;

	color: #FFFFFF;

	font: normal 10px/15px "Trebuchet MS", Verdana;

	text-align: center;

}



#footer a {

	color: #CCCCCC;

	text-decoration: none;

}



#footer a:hover {

	text-decoration: underline;

}