/* @override http://localhost:8888/April/Clear_Lucidity/stylesheets/style_cl.css */

/* @override http://test.clearlucidity.com/stylesheets/style_cl.css */

/* Clear_Lucidity style sheet */

/* 	web development by Colin Turner */

/* STANDARD HTML STYLES */
body, div, p, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, dt, li, td, blockquote, address, form, input, select, textarea {margin: 0; padding: 0;}
body {margin: 0; background-color: #ffffff; font: 62.5%/1.4em "Lucidia Grande", LucidiaGrande, Lucidia, "Lucida Sans Unicode", "Lucida Sans", Garuda, sans-serif; text-align: center; color: #333;}
table, td, th {font-size: 1em;}

h1 {font: bold 1.8em/2em Helvetica, Arial, sans-serif; color: #222;}
h2 {font: bold 1.8em/1.3em "Lucidia Grande", LucidiaGrande, Lucidia, "Lucida Sans Unicode", "Lucida Sans", Garuda, sans-serif; color: #222;}
h2.node-title {font: bold 1.6em/1.8em "Lucidia Grande", LucidiaGrande, Lucidia, "Lucida Sans Unicode", "Lucida Sans", Garuda, sans-serif; color: #222;}

h3 {margin: 10px 0; padding: 7px 0; font: bold 1.3em/1.3em "Lucidia Grande", LucidiaGrande, Lucidia, "Lucida Sans Unicode", "Lucida Sans", Garuda, sans-serif; color: #777;}
h3.more {background: url(/images/back_moreheader.png) no-repeat left;}

p {padding-bottom: .7em; line-height: 1.5em;}
a {color: #2149ae; text-decoration: none;}
a:hover {text-decoration: underline;}

ul {list-style: none outside; margin: 0; padding: 0 0 1em 0;}
li {padding-bottom: .3em;}

ul.disc {
	list-style-type: disc;
	list-style-position: inside;
	text-indent: 8px;
}

blockquote {padding: 0.25em 40px;}
blockquote {font-weight: bold; margin: 0; padding: 0 1em;}

/* POSITIONING */
#container {margin: 0 auto; text-align: left; width: 990px;}

#header {width: 990px; height: 102px; position: relative; background: url(/images/back_header.png) no-repeat center;}
#header h1 span {display: none;}
#header-description {
	float: right;
	font-family: "Lucidia Grande", LucidiaGrande, Lucidia, "Lucida Sans Unicode", "Lucida Sans", Garuda, sans-serif;
	clear: none;
	padding-right: 20px;
	padding-top: 58px;
}
#homelink {position: absolute; top: 10px; left: 50px; width: 300px; height: 85px;}
#homelink h1 {margin: 0;}
#homelink a {display: block; width: 550px; height: 85px;}

#navigation {margin-bottom: 21px; width: 990px; height: 32px; background: #346abf url(/images/back_nav.gif) repeat-x;}
#navigation ul.primary-links {list-style: none; margin: 0; padding: 0 0 0 10px;}
#navigation ul.primary-links li {padding-bottom: 0; float: left; font: normal 1.3em/1em "Lucidia Grande", LucidiaGrande, Lucidia, "Lucida Sans Unicode", "Lucida Sans", Garuda, sans-serif;}
#navigation ul.primary-links a, #navigation ul.primary-links span {display: block; float: left; padding: 10px 28px; color: #fff;
	text-align: center;
}

#navigation p.fr a img {
	margin-right: 20px;
	margin-top: 9px;
}


#content {float: left; padding: 8px 19px 15px 19px; margin: 0; width: 665px; background: url(/images/back_content.jpg) no-repeat;font-size: 1.2em;}

/* SIDEBAR */
#sidebar {float: right; padding: 0 0 1.5em; width: 271px;}
#sidebar h3 {font: bold 1.2em/1.2em "Lucidia Grande", LucidiaGrande, Lucidia, "Lucida Sans Unicode", "Lucida Sans", Garuda, sans-serif; color: #fff; background: none;}
#sidebar #side-block {margin-bottom: 13px; background: #8f8f8f url(/images/back_sidebarbottom.png) no-repeat center bottom;}
#sidebar #side-block h3 {margin: 0; padding: 6px 13px 9px; background: #8f8f8f url(/images/back_sidebartop.png) no-repeat center top; border-bottom: 3px solid #4b4b4b; font: bold 1.3em/1.3em "Lucidia Grande", LucidiaGrande, Lucidia, "Lucida Sans Unicode", "Lucida Sans", Garuda, sans-serif;}
#sidebar #side-block ul { list-style: none outside; margin: 0 10px 0px;
	padding: 0 0 50px;
}
#sidebar #side-block ul li {font: 1.3em/1.3em "Lucidia Grande", LucidiaGrande, Lucidia, "Lucida Sans Unicode", "Lucida Sans", Garuda, sans-serif; color: #fff; list-style: none;}
#sidebar #side-block a {color: #fff; display: block; background-repeat: no-repeat; background-position: top left;
	height: 50px;
}
#sidebar #side-block a span {display: block; width: 0; height: 0; overflow: hidden;}

/* FOOTER */
#footer {clear: both; margin: 0 auto; padding: 11px 0 0 0; width: 990px; background: #d6d6d6 url(/images/back_footer.png) no-repeat;}
#footer p {padding: 14px 20px; font: 1.4em/1.1em "Lucidia Grande", LucidiaGrande, Lucidia, "Lucida Sans Unicode", "Lucida Sans", Garuda, sans-serif; color: #626262;}
#footer p a {color: #626262; text-decoration: underline;}
#footernav {width: 990px; height: 37px; background: url(/images/back_footer_nav.png) no-repeat;}
#footer ul.primary-links {list-style: none; margin: 0; padding: 0 0 0 10px;}
#footer ul.primary-links li {padding-bottom: 0; float: left; font: 1.2em/1.3em "Lucidia Grande", LucidiaGrande, Lucidia, "Lucida Sans Unicode", "Lucida Sans", Garuda, sans-serif;}
#footer ul.primary-links a, #navigation ul.primary-links span {display: block; float: left; color: #323232;
	padding: 10px 18px 10px 14px;
}
#footer-email a img {
	padding-right: 20px;
	padding-top: 3px;
}

/* TOOLS */
.fl {float: left;}
.fr {float: right;}
img {border: none;}

img.fl {margin: 0 15px 10px 0;}
img.fr {margin: 0 0 10px 15px;}

table {width: 100%; margin-bottom: 1em;}
table td {padding: 5px;}

/* do i need these three */
div.links {clear: both;}
div.links ul.links li {border-left: 1px solid #999;}
div.links ul.links li.first {border-left: none;}

#content img {border: none;}
#projects ul li img {
	margin: 2px;
	float: none;
	position: relative;
	top: 15px;
	padding-right: 8px;
	padding-top: 6px;
	padding-left: 8px;
}

a.menu-active.active {
	font-weight: bold;
}

#navigation ul.links.primary-links li.first.menu-active a.menu-active.active {
	background: url(/images/back_nav_button.gif) repeat-x;
}