/* CSS Document: dante.css
CSS based on Design by Dante/Reformed Designs (http://dgabrielli.googlepages.com/home)
Created (finally): 7/22/2008
Last modified: 11:04 PM 11/22/2009
Custom colors: #084759 (dark), #98B8C3 (medium) , #DEEAED (light)
*/

*{background-color:#FFF;color:#000;margin:0;padding:0;}

html {
/* background: #CCC url(../images/grey-circles-bg.jpg) 0 0; */
font-family: "Arial", sans-serif;
font-size: 1em;
}

body {
width: 860px;
margin-right: auto;
margin-left: auto;
border:none;
/* border: 1px solid #000; */
padding: .125em;
}

img {border:none;}

p, a, a:visited, FORM, form {background-color: transparent;}

/*skip links*/
#nav {
position: absolute;
top: -1000px;
}

/*header*/
#loh-header h1 {
background: #FFF url(../images/mmm-banner.png) 0px 0 no-repeat;
height: 100px;
overflow:hidden;
color: transparent;
border-bottom: 3px solid #084759;
margin-top: -90px;
}
#loh-header h1 span {
position: absolute;
top: -1000px;
}
#loh-header ul {
background-color: #084759;
margin: .125em 0;
width:100%;
height: 1.6em;
font-family: "Verdana", "Arial", sans-serf;

display: inline;
}
#loh-header ul li {
background-color: #084759;
display: block;
float: left;
font-size: .8em;
text-align: center;
border-left: 1px solid #FFF;
width: 14%;
padding: .25em .5em;
}
#loh-header ul li a, #loh-header ul li a:visited {
text-decoration: none;
color: #FFF;
font-weight: 700;
}
#loh-header ul li:hover, #loh-header ul li a:hover, #loh-header ul li a:focus {
background-color: #DEEAED;
color: #000;
}
#loh-header ul li ul {display:none;} /*this is for the Issues nested menu */
#loh-header ul li a img {
padding: 0;
height: 1em;
font-size: .7em;
}

p.mmm-menu-small {padding-top: 90px;}

p.mmm-menu-small, p.mmm-menu-small a, p.mmm-menu-small a:visited {
text-align:right;
font-size: .8em;
text-decoration: none;
color: #084759;
}
p.mmm-menu-small a:hover, p.mmm-menu-small a:focus {
text-decoration: underline;
color: #98B8C3;
}


/* left col */
#module1 {
float: left;
width: 497px;
border-right: 3px solid #084759;
padding-right: 7px;
}

#welcome {
background: #FFF url(../images/graident-bg.jpg) -400px 0 repeat-y;
border: 1px solid #98B8C3;
padding: .25em;
margin: 1em;
font-size: 1em;
/*display: none; temporary content */
}
#welcome h2, #welcome p, #welcome p strong, #welcome p em {
background: transparent;
}
#welcome h2 {
font-family: "Verdana", "Arial", sans-serf;
font-size: 1.125em;
}
#welcome p {
margin: .5em 0;
font-size:.8em;
}
#welcome img {display:none;}

.logo-image {
background: transparent;
float: left;
padding: .5em;
}
h2.date-header {
font-size: 1.25em;
height: 45px;
margin-top: 1em;
font-weight: 500;
}
h3.post-title, h4.comments {
color: #084759;
font-size: 1em;

margin-left: .25em;
font-weight: 500;
}
div.post-body {
margin: 1em;
font-size: .8em;
}
div.post-body ul, div.post-body ol {
margin: 1em 2em;
}
div.post-body p, dd.comment-body, div.post-body ul li, div.post-body ol li {
font-size: 1em;
margin: .5em;
}
div.post-body ul li, div.post-body ol li {
margin: .5em 2em;
}
blockquote {
font-style: oblique;
margin: 1em 2em;
font-size: 1em;
}
div.post-body img {
clear: right;
float: right;
padding: .25em;
max-width: 480px;
max height: 480px;
}
p.blogger-labels, p.post-footer, p.comment-timestamp {
font-size: .7em;
font-style: oblique;
text-align: right;
clear: right;
}
p.post-footer {
margin-bottom: 1em;
}
p.blogger-labels {
font-weight: 700;
margin: 1em 0;
font-size: smaller;
}
#comments {
margin: 1em 2em;
font-size: .8em;
}
dd.comment-body {
border: 1px solid #CCC;
background: #DEEAED;
padding: .5em 1em;
}
dd.comment-body em, dd.comment-body i, dd.comment-body strong, dd.comment-body bold {
background: transparent;
}
span.delete-comment-icon {
display:none;
}

.qr-code-post-title {float: right; margin-top: -2em;}


/* right col */
#module2, #module3 {
width:340px;
padding-left: 7px;
float:right;
}
#module3 {
clear: right;
margin: 0 0 1em 0;
padding-top: 1em;
}
#module3 img{background: #CCC url(../images/grey-circles-bg.jpg) 0 0;border:1px solid #05475a;color:#EEE;font-weight:700;height:5em;margin-left:.25em;padding:.125em .25em;width:5em;}
.search {
border: 1px solid #CCC;
background: #DEEAED;
padding: .25em;
font-size: .8em;
margin: 1em .5em 1em;
}
.search p {
background: transparent;
}
#module2 h3, #module3 h3 {
font-size: 1em;

margin: 1em 0 .5em 0;
border-bottom: 1px solid #98B8C3;
}
#module2 p, #module2 li, .includes {
font-size: .8em;
}
#module2 li {
margin-left: 2em;
}
#ScratchBackWidget, div.issues {
display: block;
border: 1px solid #CCC;
background: #DEEAED;
padding: 1em;
margin: 1em;
}
div.issues h3, div.issues ul, div.issues ul li {
background-color: transparent;
}

/* footer */
#loh-footer {
clear: both;
font-size: .6em;
text-align: center;
margin-top: 1em;
padding-top: .5em;
border-top:3px solid #084759;
background: #FFF url(../images/graident-bg.jpg) 0 0 repeat-y;
}