@charset "utf-8";
* { margin: 0; padding: 0; }
body  { font: 100% Verdana, Arial, Helvetica, sans-serif; font-size: 76%; background:#F2F2F2; }
img { border: 0; }
a { color: #007; text-decoration: none; }
a:hover { text-decoration: underline; }
p { padding: 0.6em; }
hr { color: #000; }
blockquote { padding: 0 0 0 3em; font-size: 0.9em; }
blockquote img { padding: 0.5em 1em 0.5em 0; }
.one-pixel { display: none; }
.smaller {font-size: smaller; }
.larger {font-size: larger; font-weight: bold; }

#page-container {  margin: 0 auto; width: 1000px; border-right: solid 8px #FFF; border-left: solid 8px #FFF; border-bottom: solid 8px #FFF; background:#FFF; }

/* ---------- Header ---------- */
#header-container { border-bottom: solid 1px #8F8F8F; background: transparent url(/css/graphics/header-background.jpg) repeat bottom left; }
#header-left { width: 665px; float: left; }
#header-right { width: 335px; float: right; }

#logo { background: url(/css/graphics/minutes-a-day-logo.gif) no-repeat top left; width: 320px; height: 65px; float: left; margin: 1em 0 0 10px;}
#logo h1 { font-size: 1em; padding: 45px 0 0 60px; color: #0C4DA2; }
#logo a { color: #0C4DA2; }
#newsletter { width: 300px; float: left; margin: 2em 0 1em 20px; text-align: center; border: dashed 1px #000; padding: 0.3em 0 0.3em 0;}
#newsletter h2 { font-size: 1em; }
#newsletter .box { border: solid 1px #000; font-size: 0.9em; }

#quick-links { margin: 0 auto; font-size: 0.9em; text-align: center; float: left; width: 644px; font-weight: bold; padding: 0.7em 0 0.5em 0; }
#quick-links a { color: #007; }
#quick-links ul { list-style-type: none; }
#quick-links ul li { display: inline; list-style-type: none; padding: 1em 0.5em 0 0.5em;  margin: 0 5px 0 5px; }

#contact { text-align: left; margin: 10px 10px 10px 0; }
#contact h2 { font-size: 1em; }
#contact label { font-size: 0.8em; }
#contact .column { width: 145px; float: left; padding: 0.5em; }
#contact .box, #contact .select, #contact .text-area { border: solid 1px #000; font-size: 0.9em; }

/* ---------- Main Content ---------- */
#navbar-iframe { height:0px; visibility:hidden; display:none; }
#body-container { background: #CCE3F5; border-top: solid 1px #FFF; border-bottom: solid 1px #8F8F8F; }
#top-image { width: 665px; height: 100px; }
#main-content { float: left; width: 665px; }

#main-content h1 { font-size: 1.5em; padding: 0.5em 0.5em 0.3em 0.8em; } 
#main-content h2 { font-size: 1.3em; padding: 0.4em 0.5em 0.3em 0.8em; } 
#main-content h3 { font-size: 1.1em; padding: 0.3em 0.5em 0.3em 0.8em; } 
#main-content ul { padding: 0 0 0 3em; }
#main-content ul li { padding: 0.5em 0 0 0;}

#main-content .body-main-group h1 { background: url(/css/graphics/body-main-group-top.jpg) no-repeat top left; padding: 14px 7px 14px 14px; color: #0C4DA2; }
#main-content .body-main-group { margin: 14px 7px 14px 14px; background: url(/css/graphics/body-main-group-base.gif) no-repeat bottom left; background-color:#fff; padding: 0 0 1.2em 0; }
#main-content .body-main-group p { padding: 0.5em 1.5em 0.5em 1.5em; }

/* ---------- Side Column ---------- */
#side-column { float: right; width: 335px; }
#side-column .nav-group h2 { font-size: 1.1em; background: #FFF url(/css/graphics/nav-group-top.jpg) no-repeat top left; color: #0C4DA2; }
#side-column .nav-group { margin: 14px 14px 14px 7px; background: #FFF url(/css/graphics/nav-group-base.gif) no-repeat bottom left; }
#side-column .nav-group h2 { padding: 1em 1em 0 1em; }
#side-column ul { list-style-type: none;  padding: 0 0 1em 0.5em; }
#side-column ul li, #side-column ul ul li, #side-column ul ul ul li { list-style-type: none; padding: 0.5em 0 0 1em; font-size: 0.95em; }



/* ---------- Footer ---------- */
#footer { border-top: solid 1px #8F8F8F; border-bottom: solid 1px #8F8F8F; padding: 0.5em; 
	background: #999 url(/css/graphics/footer.png) repeat top left; color: #FFF; }
#footer a { color: #FFF; }
#footer p { padding: 0; font-size: 0.8em; }



/* ---------- Blog ---------- */
#main-content .date-header { }
#main-content .post { padding: 2em; }
#main-content .post-title { }
#main-content .post-body { }
#main-content .post-footer { font-size: 0.8em; }
#main-content .comment-link { text-transform: lowercase; }
#main-content .blogger-labels { font-size: 0.7em; padding: 2em 0 0 0; }
#blog-navigation h1 { font-size: 1.5em; }
#blog-navigation h2 { font-size: 1.3em; }
#blog-navigation h3 { font-size: 1.1em; }
#blog-navigation .sidebar-title { padding: 0.6em 0 0 1em; color: #0C4DA2; }
#blog-navigation .archive-list { }
#blog-navigation .archive-list ul { }
#blog-navigation .archive-list ul li { padding: 0.5em 0.5em 0.5em -2em; }
#blog-navigation { background-color:#FFF; font-size: 0.9em; }
#blog-navigation ul { list-style-type: none; padding: 0.5em 0.5em 0.5em -2em; }
#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 -2em; }
#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 { }


#call-to-action { border: 1px solid #CCC; background-color:#FFF; font-size: 0.8em; }

.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; }