@charset "UTF-8";
/* base.css */

/* ================================================================================= */
/* //////////////////////////////   RESET BROWSER   //////////////////////////////// */
/* ================================================================================= */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-weight: normal; font-style: normal; }
ul, ol { list-style: none; }
fieldset, img { border: none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; padding-left: 5px; }
/* ================================================================================= */
/* //////////////////////////////   LAYOUT          //////////////////////////////// */
/* ================================================================================= */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float - DW CS3 */
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
/* SEE: http://www.positioniseverything.net/easyclearing.html#  (ALSO SEE: http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/)*/
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* hide outlines/dotted boxes visible in Firefox (etc?) */
* {
	outline: none;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}
/* ............ */
/* - - - - - - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - */
img { behavior:url(/global/scripts/iepngfix.htc); }
img.left { float: left; margin: 2px 15px 0 0; }
img.right { float: right; margin: 0 0 0 15px; }
img.center { display: block; margin: 0 auto; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }
img.noborder { border: none; }
/* - - - - - - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - */
#container { width:955px; height:600px; position:relative; margin: 0 auto; text-align: left; }
*html #container { height:100%; }
#main { width:100%; height: 100%; position: relative; text-align: left; background-color: transparent; }
div#content { /* padding: 5px 8px 0px 8px; */ position: relative; /* background-image: url(/images/________.jpg); background-repeat: repeat-y; */ /* background-color: #fff; */ }
#container:after, #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clear floats and force container to contain floats */
#container, #content { _zoom:1; } /* IEwin6 has layout */
#page { border: 1px solid #ddd; }
/* ================================================================================= */
/* //////////////////////////////   TYPE            //////////////////////////////// */
/* ================================================================================= */
body { font: 100%; font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #1B0000; background: #000000 url(/images/leudkecreative_1.jpg) no-repeat 50% 0; }

a { color: #1B0000; text-decoration: none; }
a:hover { color: #993300; /* #993300;  9e4611 */ text-decoration: none; }
a:active { color: #330000; }
ol, ul { list-style:decimal; }
li { height: 1.7em; }


#container { width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ text-align: left; /* this overrides the text-align: center on the body element. */ position: relative; }
#header { padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ }
#header h1 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ }
#content { height: 870px; padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 20px; }
#footer { padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */ }
#footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ }
#enkoded_email { position: absolute; left: 600px; top: 8px; width: 165px; overflow: hidden; }
#enkoded_email a { left:-2px; }
#content a#featured-project { position: absolute; left: 11px; top: 182px; height: 314px; width: 754px; /*background:url(/images/featured_project.jpg) no-repeat 0 0;*/ }
#projects { position: absolute; left: 65px; top: 218px; /*641px;*/ height: 225px; width: 239px; overflow: visible;}
#projects ol { list-style: decimal-leading-zero outside none; *list-style: decimal outside none; *padding-left: 30px; *margin-left: -25px; }
#projects li { *display: list-item; height: 20px;  margin:0; position: relative; width: 239px; *vertical-align: middle;  }
#projects a {  text-indent: 0; text-shadow:1px 1px 1px #FFFFFF; width: 200px; *float: left; }
#projects span { background:url(/images/url-link.gif) no-repeat 0 2px; width: 17px; height: 15px; float: right; display: inline; clear: none; overflow:hidden; }