/*  

Theme Name: CHAL2

Theme URI: http://www.cross-eyedcat.com

Description: Developed for Chemistry and the Law Div.

Version: 1.0

Author: The Cross-Eyed Cat

Author URI: http://cross-eyedcat.com



*/



body, h1, h2, h3, h4, h5, h6, blockquote, p, form{

	margin: 0;

	padding: 0;

}



body{

	font-family: Verdana, Arial, Helvetica, Sans-serif;

	font-size: 12px;

	background-color: #D7D7D7;

	color: #6E787D;

}



/*  MAIN LAYOUT  -- WRAPPER GOES AROUND HEADER, MENUBAR, CONTAINER, CONTENT AND SIDEBAR */

#wrapper{

	margin: 0 auto;

	width: 760px;

}



#header{

	position: relative;

	float: left;

	width: 758px;

	height: 112px;

	margin: 0 auto;

	background: url(../CHAL/images/Header.jpg) no-repeat;

	color: #037796;

	border: 1px solid #6E787D;

}



#menubar{

	float:left;

	width: 758px;

	height: 22px;

	text-align: left;

	border-left: 1px solid #6E787D;

	border-right: 1px solid #6E787D;

	border-bottom: 3px solid #C0CFD6;

	background: #6E787D;

}



#container{  /* Like MAIN, covers the content area from bottom of menubar to top of footer*/

	position: relative;

	float: left;

	width: 738px;

	padding: 0 0 0 20px;

	background-color:#FFFFFF;

	border-left: 1px solid #6E787D;

	border-right: 1px solid #6E787D;

}



.sidebar{

	float: right;

	width: 215px;

	margin: 0;

	padding-top: 10px;

	padding-bottom: 15px;

	/*background-color:#C0CFD6;*/

}



#footer{

	clear: both;

	float: left;

	width: 758px;

	margin: 0px 10px 2px 0px;

	font-size: .75em;

	line-height: 2em;

	color: #FFFFFF;

	text-align: center;

	background: #6E787D;

	border-left: 1px solid #6E787D;

	border-right: 1px solid #6E787D;

}



/*HEADER STYLES */



h1{

	font-size: 2.5em;

	margin:55px 0 0 20px;

	color:#037796;

	text-align:left;

	font-weight: bolder;

}



h3{

	padding: 15px 0 15px 0;

}



h4{

	font-size: 1.1em;

	font-style: normal;

	letter-spacing: 2px;

	padding-left: 25px;

}



/* LINK STYLES */



a:link, a:visited{

	text-decoration: none;

	color:#037796;

}



a:hover{

	text-decoration: underline;

}



blockquote { font-style: italic; 

	color: #333; 

	margin: 1.5em 30px 1.5em 30px; 

	padding: 4px 4px 4px 10px;

	background: #FFFCED;

	color: #6E787D;

	border-top: 1px solid #F2E6B1;

	border-left: 1px solid #F2E6B1; 

}



.entry p { 

	margin: 0 0 10px 0px; 

	text-align:justify;

}



.entry ul, .entry ol { 

	margin: 0 0 15px 40px; 

}

	

.entry ul { 

	list-style-type: circle; 

}

	

.entry li { 

	margin: 0 0 5px 0; 

}

		

.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { 

	margin: 5px 0 5px 30px; 

}



.entry img.left { 

	padding: 6px; 

	margin: 0.5em 15px 0.5em 0; 

	border: 1px solid #ccc;

	background: #eee;

	float: left; 	

	clear: left; 

}

		

.entry img.right { 

	padding: 6px; 

	margin: 0.5em 0 0.5em 15px; 

	border: 1px solid #ccc;

	background: #eee;

	float: right; 

	clear: right; 

}

		

.entry img.center { 

	display: block; 

	padding: 8px; 

	margin: 0 auto 1.5em auto; 

	border: 1px solid #ccc;

	background: #eee;

	float: none; 

	clear: both; 

}

	

.entry img.off { 

	padding: 0 !important; 

	border: none !important; 

}

		

.entry img.stack { 

	clear: none !important; 

}



/*----STYLES WITHIN HEADER----*/





#header a{

	text-decoration: none;

	color: #037796;

}



#header a:hover{

	color:#6E787D;

}



/*----MENUBAR STYLES----*/



#menubar a{

	text-decoration: none;

	color: #FFFFFF;

}



#menubar a:hover{

	color:#CEDBE0;

}



#menubar ul{

	margin: 0 auto;

	width: 758px;

	padding: 3px 0;

	text-align: left;

}



#menubar ul li{

	display: inline;

	padding: 0 10px 0 25px;

	font-size: 1em;

}



#menubar .legal ul li{

	display: inline;

	padding: 0 0 0 70px;

}



#menubar .syndication ul li{

	display: inline;

}



/*----POST----*/



.post{

	float: left;

	width: 485px;

	padding: 10px 10px 20px 10px;

}



.yellowbox{

	float:left;

	width: 480px;

	padding: 20px 20px 20px 20px;

	background-color: #F2FDAA;

	border: 1px solid #6E787D;

}

	

.bluebox{

	float:left;

	width: 480px;

	padding: 20px 20px 20px 20px;

	background-color: #CEDBE0;

	border: 1px solid #6E787D;

}	

	

.post h2{

	font-size: 16px;

	padding: 10px 0 0 0;

}



.entry{

	line-height: 1.5em;

	margin: 5px 0 0 0;

}



.postinfo{

	font-size: .9em;

	color: #037796;

	padding: 2px 0 10px 0;

}



.postinfo a{

	color: #B2C3CB;



}



.postdate{ color: #037796; }



p.postmetadata{

	font-size: 1em;

	color: #037796;

	border-top: 1px dashed #B2C3CB;

	margin: 10px 0 0 0;

	padding: 5px 0 0 0;

}



p.postmetadata strong{

	float: right;

}



/* This is the link at the bottom of a post which lets you go to the next or previous post */



/*.navigation{

	padding: 10px 20px 20px 10px;

	font-size: 14px;

	font-weight: bold;

	line-height: 18px;

}*/



/*----SIDEBAR STYLES----*/

/* --  heading for all other list s-- */

.sidebar ul li h2{

	font-size: 14px;

	font-weight: bold;

        text-transform: capitalize;

	color: #037796;

	padding: 0px 10px 5px 5px;

	}

.sidebar ul{

	list-style: none;

	padding: 0px 5px 5px 0px;

        }

.sidebar ul li{

	font-size: 11px;

	padding: 10px 0 5px 0px;

}

.sidebar ul ul li{

	padding: 0;

	margin: 0 0 0 10px;

	text-transform: uppercase;

	line-height: 18px;

	list-style: none;

}

.sidebar .syndication ul li{

	display: inline;

	margin: 0 0 0 10px;

	padding: 0 0 0 17px;

	background: url(../CHAL/images/feed-icon-12x12.png) no-repeat;

}

.sidebar a:link, a:visited{

	text-decoration: none;

	color:#6E787D;

}

.sidebar a:hover{

	text-decoration: underline;

}




/*----COMMENT FORM----*/



#comment-form{

	width: 475px;

	margin: 50px 0 0;

	border: 2px dotted #6E787D;

	padding: 5px 5px 15px 15px;

	background: #CEDBE0;

}

#comment-form a{

	color:#037796;

	text-decoration: underline;

}


.comments-template ol{

	margin: 0 0 15px;

	list-style: none;

}



.comments-template ol li{

	line-height: 18px;

	margin: 10px 0 10px 0;

}



.comments-template h2, .comments-template h3{

	font-size: 1em;

	color: #^E787D;

	padding: 10px 0 10px 0;

}



.commentmetadata{

	font-size: 12px;

	color: #037796;

	padding: 10px 0 10px 0;

}



.commentmetadata strong { 

	font-size: 1em; 

}



.comments-template p.nocomments{

	padding: 0;

}



.comments-template input{

	border: 1px solid #333;

}



.comments-template textarea{

	font-size: 12px;

	color: #6E787D;

	margin: 30px 15px 15px 0;

	background: #FFF;

	border: 1px solid #B2C3CB;

}


/*----FOOTER----*/


#footer a:link{

	text-decoration: none;

	color: #FF9;

}



#footer a:hover{

	text-decoration: underline;

	color: #FFF;

}



#footer a:visited{

	text-decoration: none;

	color: #BFB8A1;

}