@charset "utf-8";
* { margin: 0; padding: 0; }
body  { font: 100% Verdana, Arial, Helvetica, sans-serif; font-size: 76%; left: 0; line-height: 1.5em; 
	 background:#333 url(/css/graphics/background.jpg) repeat top center; } 
img { border: 0; }
a { color: #00C; text-decoration: none; }
a:hover { text-decoration: underline; }
p { padding: 0.6em; }
ol li, ul li { padding: 5px; margin: 0 0 0 2em; }
h1 { font-size: 1.3em; font-weight: bold; letter-spacing: 0.2em; }
h2 { font-size: 1.2em; font-weight: bold; letter-spacing: 0.1em; padding: 1em 0 0 0; } 
h3 { font-size: 1.1em; font-weight: bold; padding: 0.6em 0 0 0; } 
h4 { font-size: 1.1em; font-weight: bold; padding: 0.3em 0 0 0; } 
blockquote { padding: 0 0 0 3em;}
.one-pixel { display: none; }


.inline-list ul { margin: 1em auto; }
.inline-list ul li { display: inline; }

.smaller {font-size: smaller}

#header-container, #body-container { top: 0; left: 0; }
#header-container { width: 100%;} 

/* ---------- Header ---------- */
#logo { margin: 0 auto; width: 250px; height: 41px; text-align: center; }
#slogan { margin: 0 auto; height: 2.6em; text-align: center; font-size: 1em; color: #FFF; }
#slogan a { color: #FFF; }

/* ---------- Quick Links ---------- */
#quick-links { margin: 0 auto; font-size: 1em;	text-align: center; border: 1px solid #FFF; background:#FFF url(/css/graphics/small-shading-2.png) repeat-x top left; width: 780px; font-weight: bold; }
#quick-links a { color: #006; }
#quick-links ul { padding: 8px; list-style-type: none; }
#quick-links ul li { display: inline; list-style-type: none; padding: 3px 2px 3px 5px;  margin: 0 5px 0 5px; }

/* ---------- Main Column ---------- */
#body-container { width: 780px;  margin: 0 auto; } 
#main-column { color: #000; float: right; width: 565px; margin: 1.5em 0 0 0; } 
#main-content { border: 1px solid #FFF; padding: 2.5em; background:#FFF url(/css/graphics/small-shading.png) repeat-x top left; }
#main-content .screen-shots img { padding: 0.3em; border: 1px solid #CCC; }
#main-content .screen-shots {  font-size: 0.8em; }
#portfolio-list ul { padding: 8px; list-style-type: none; }
#portfolio-list ul li { list-style-type: none; border: 2px solid #AAA; margin: 2em 0 3em 0; }
#portfolio-list ul ul li { list-style-type: none; border: 1px solid #CCC; margin: 1em 0 1em 0; }
#body-container hr { margin: 3em 0 3em 0; }
#main-content img { border: 1px solid #999; }

/* ---------- Blog ---------- */
/*#navbar-iframe { height:0px; visibility:hidden; display:none; } */
#main-column .date-header { }
#main-column .post { border: 1px solid #CCC; padding: 0.5em; margin: 0.5em; }
#main-column .post-title { }
#main-column .post-body { }
#main-column .post-footer { font-size: 0.8em; }
#main-column .comment-link { text-transform: lowercase; }
#main-content .blogger-labels { font-size: 0.7em; padding: 2em 0 0 0; }
#blog-navigation .sidebar-title { margin: 0 0 0 1em;}
#blog-navigation .archive-list { }
#blog-navigation .archive-list ul { }
#blog-navigation .archive-list ul li { }
#blog-navigation { margin: 0 0 1.5em 0; border: 1px solid #FFF; background:#FFF url(/css/graphics/small-shading.png) repeat-x top left; font-size: 0.9em; }
#blog-navigation ul { list-style-type: none; padding: 0.5em 0.5em 0.5em 0; }
#blog-navigation ul li, #blog-navigation ul ul li, #blog-navigation ul ul ul li { list-style-type: none; padding: 0.5em 0.5em 0.5em 0; }

#blog-labels { margin: 0 0 1.5em 0; border: 1px solid #CCC; background-color:#FFF; font-size: 0.9em; }
#blog-labels ul { list-style-type: none; padding: 0.5em 0.5em 0.5em 0em; }
#blog-labels ul li, #blog-labels ul ul li, #blog-labels ul ul ul li { list-style-type: none; padding: 0.5em 0.5em 0.5em 0em; }
#blog-labels .sidebar-title { margin: 0 0 0 1em;}
#labelList { }
ul#label-list { }
ul#label-list li { }

#comments { }
#comments-block { }
#comments .comment-poster { }
#comments .comment-body { }
#comments .comment-timestamp { }
#comments .comment-title { }
#comments .comment-poster a { }
#comments .comment-timestamp a { }
#comments .comment-title a { }

/* ---------- Terms ---------- */
#terms dt { margin: 1.5em 0 0 0.5em; }
#terms dd ol li { list-style: none; margin: 0 0 0 1.2em; }

/* ---------- Footer ---------- */
#footer-main { margin: 1.5em 0 0 0; padding: 0 1em 0 1em; font-size: 0.8em; line-height: 2em; background:#FFF url(/css/graphics/small-shading-2.png) repeat-x top left; border: 1px solid #FFF; } 
#footer-main a { color: #006; } 
#footer-left { float: left; text-align: left; padding: 0.5em; } 
#footer-right { float: right; text-align: right; padding: 0.5em;} 

/* ---------- Side Column ---------- */
#side-column { width: 195px; float: left; text-align: left; }
#side-column { margin: 1.5em 0 0 0;}
#side-column a { color: #006;}

#navigation { margin: 0 0 1.5em 0; border: 1px solid #FFF;  background:#FFF url(/css/graphics/small-shading.png) repeat-x top left; font-size: 0.9em;}
#navigation ul { list-style-type: none; padding: 0.5em 0.5em 0.5em 0; }
#navigation ul li, #navigation ul ul li, #navigation ul ul ul li { list-style-type: none; padding: 0.5em 0.5em 0.5em 0; }

/* --------- Side Feature and Contact Text ------------ */
#contact { text-align: left; padding: 4px 7px 10px 9px; margin: 0 0 1.5em 0; border: 1px solid #CCC; background-color:#FFF;  font-size: 0.9em;}
#contact .box, #contact .select, #contact .text-area { border: solid 1px #666; }
#contact .form-inputs ul { list-style-type: none; }
#contact .form-inputs ul li, #contact .form-inputs ul ul li { list-style-type: none; padding: 0.5em 0.5em 0.5em 0; margin: 0.5em 0.5em 0.5em 0; }

.box, .text-area  { border: solid 1px #666; padding: 0.3em; }
.submission { border: solid 1px #666; padding: 0.3em 0 0.3em 0; margin: 2px; }

.clearfloat { clear:both; height:0; line-height: 1px; }