/* 
Title:  Kathrine R. Everett Law Library - Main CSS document
*/

a img { border: none; text-decoration: none; }

/********** GLOBAL ***********/
a:link, a:visited, a:hover {
	color: #674b1c;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}

a:hover {
	color: #402c0c;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}

a.no-border { border: none; }

blockquote {
	border-left: 3px solid #ccc;
	margin-left: 15px;
	padding-left: 5px;
}

body, p, li, td, th, dd {
	font-family: verdana, geneva, Arial, Helvetica, sans-serif;
	color: #674b1c;
}

cite { font-size: 90%; font-style: normal; }

div.callout{
	float: right;
	margin: 0.5em;
	padding: 0.5em;
	width: 30%;
}

div.callout div  { border: 1px solid #ccc; padding: 4px; }

div.callout p {
	font-family: verdana, geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 6px 0;
	padding: 0;
	color: #666;
}

div.date {
	font-size: 85%;
	border-bottom: 1px dotted #ddd;
	padding: 0 0 20px 0;
	color: #666;
}

div.entry { margin: 20px 0 0 0; }

div.entry p{ margin: 10px 0; }

div.entry span.continue{ font-weight: bold; font-size: 85%; }

div.footer-logo a{ text-decoration: none; border: none; }

div.meta {
	background: url(icon-comment.gif) no-repeat 0 .3em;
	font-size: 85%;
	border-bottom: 1px dotted #ddd;
	padding: 0 0 20px 1.6em;
	color: #666;
}

fieldset {
	border: 1px solid #999;
	padding: 10px 20px;
	width: 100%;
}

/********** FORM ELEMENTS***********/
form { padding: 0; margin: 0; }

h1{
	margin: 0;
	padding: 0;
	font-size: 150%;
	line-height: 1.3em;
	color: #339900;
	font-weight: normal;
	background: none;
}

h1 span.hidden-title, h2 span.hidden-title {
	position: absolute;
	left: -5000px;
	width: 4000px;
	margin: 0;
	font-size: 150%;
}

/********** HEADINGS ***********/	
h1, h2, h3, h4, h5, h6 { font-family: "trebuchet MS", verdana, arial,sans-serif; }

h2 {
	background: url(heading-bullet.png) no-repeat 0% 50%;
	margin: 0;
	padding: 0 0 0 40px;
	font-size: 130%;
	color: #684d1e;
	font-weight: normal;
}

h3 {
	color: #6699cc;
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 105%;
	font-weight: bold;
	background: none;
}

hr{
	background: #ccc;
	border: 0;
	color: #ccc;
	height: 1px;
	margin: 0 0 10px;
}

html,body {
	padding: 0 0 20px 0;
	margin: 0 0;
	font-family: verdana, geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.2em;
	background: #6699cc;
}

img { border: none; }

/********** IMAGES ***********/
img.alignleft, img.alignleft-border { float: left; margin: 2px 7px 0 0; display: inline; }

img.alignleft-border { border: 1px solid #ccc; padding: 4px; }

img.alignright, img.alignright-border { float: right; margin: 0 0 3px 7px; display: inline; }

img.alignright-border { border: 1px solid #ccc; padding: 4px; }

img.scaled { width: 100%; }

legend {
	padding: 0.2em 0.5em;
	border: 1px solid #999;
	font-size: 85%;
	text-align: right;
}

link.footer { color: #369; text-decoration: underline; }

.alert{ color: #cc0000; }

.button{
	font-size: 90%;
	padding: 2px 4px;
	margin: 0;
	letter-spacing: 0.03em;
	background: #6699cc;
	border: 1px solid #369;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.clearer { clear: both; }

.footer-logo{ margin: 0; padding: 0; }

.form-box legend{
	color: #336699;
	font-weight: bold;
	font-size: 90%;
	background: #eee;
	border: 1px solid #ccc;
	padding: 2px 6px;
}

.nav-earlier { float: right; }

.nav-earlier, .nav-newer { margin: 20px 0; font-weight: normal; font-size: 100%; }

.skiplink { display: none; }

#banner {
	font-size: 100%;
	background: #d5a658 url(banner-bg2.jpg) no-repeat top;
	margin: 0;
	padding: 0;
	width: 960px;
	height: 199px;
}

#banner p{
	color: #fff;
	margin: 0px 0 0 0;
	font-weight: normal;
	font-size: 110%;
	line-height: 1.2em;
	padding: 0 40px 30px 40px;
	width: 400px;
}

#banner-home-r { height: 199px; margin: 0; padding: 0; float: left; }

#boiler{
	color: #fff;
	padding: 20px 0 40px 0;
	background: #6699cc url(footer-bg.png) repeat-x left top;
	margin: 0;
	text-align: center;
	font-size: 85%;
}

#boiler a:link, #boiler a:visited{
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	padding: 0;
	margin: 0;
}

#boiler a:hover{
	color: #fff;
	text-decoration: underline;
	border-bottom: none;
	padding: 0;
	margin: 0;
}

#container{
	clear: both;
	width: 960px;
	background: #fff;
	margin: 0px auto;
	padding: 0;
	border-bottom: #336699 solid 1px;
	color: #333;
	min-height: 100%;
	font-size: 100%;
}

/********** BODY ***********/
#content {
	width: 700px;
	padding: 0 0 20px 0;
	margin: 0 15% 0 15%;
	font-size: 100%;
}

#content li, #content-twocol li {
	padding: 0 0 0 1.0em;
	margin: 8px 0 0 0;
	background: url(list-bullet.png) no-repeat 0 .3em;
}

#content ol li { margin-top: 6px; background: none; padding: 0; }

/********** SIDEBAR  ***********/
/********** LISTS ***********/
#content ul, #content-twocol ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 12px 16px;
	line-height: 1.2em;
}

/********** FOOTER AND BOILERPLATE ***********/
#footer{
	background: #fff url(footer-bg-top.png) repeat-x left top;
	width: 960px;
	border-top: 1px solid #fff;
	padding: 0;
	margin: 0 auto;
	font-size: 100%;
	color: #369;
}

#footer .wrapper{ background: none; padding: 0 0 0 1px; color: #369; }

#footer a { 
color: #369; 
text-decoration: underline; 
}

#footer ul{
	border: 0px solid #000;
	float: none;
	margin: 0 0 0 0px;
	white-space: pre;
	color: #369;
}

#footer ul li{
	padding: 0;
	margin: 0 20px 0 20px;
	display: inline;
	font-weight: bold;
	color: #369;
}

#footer ul li a:link, #footer ul li a:visited, #footer ul li a:hover {
	color: #369;
	text-decoration: underline;
	border-bottom: none;
	padding: 0;
	margin: 0;
}

#footer ul li a:hover {
	text-decoration: underline;
	border-bottom: none;
	padding: 0;
	margin: 0;
	color: #369;
}

/********** HEADER ***********/
#header { background: #fff; padding: 0; margin: 0; }

/********** MAIN BANNER ***********/
#linkback {
	height: 100px;
	margin: auto;
	position: absolute;
	top: 5px;
	width: 960px;
	z-index: 100;
}

#linkback img { height: 100px; margin-left: 20px; width: 960px; }
