/* CSS for monamarshall.com */
/* by Pete Lares : www.laresweb.com */

body {
margin: 0;
padding: 0;
color: #555;
font-family: corbel,'trebuchet ms',arial,sans-serif;
background: #b3b9bb;
font-size: 12px;
}
#home, #pointofentry, #magicscience {
background: #d6deb5;
}

a:link, a:visited {
color: #555;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
color: #775;
}
a img {
border: none;
}
a.pdf {
background:transparent url(images/pdficon_small2.gif) no-repeat scroll left top;
padding-left:16px;
}
a.block {
display: block;
}

#wrapper {
width: 960px;
margin: 0 auto;
padding: 0 0 50px 0;
background: white;
}
#home #wrapper, #pointofentry #wrapper, #magicscience #wrapper {
background: transparent;
}

#header {
height: 50px;
width: 300px;
float: right;
display: inline;
margin: 0 10px 0 0;
}
#header h1 {
margin: 0;
line-height: 50px;
font-size: 32px;
padding: 0;
font-weight: normal;
}
#header h1 a {
font-weight: normal;
}

div.main {
float: left;
display: inline;
width: 500px;
text-align: left;
margin: 0 0 0 10px;
/* background: #efe; */
}
img.piece {
margin-bottom: 1em;
}
.main p {
margin: 0 0 1em 0;
}
.statement {
color: #775;
font-weight: bold;
font-style: italic;
width: 500px;
padding: 50px 0;
background: #eee;
}
.main .statement p {
font-size: 14px;
text-align: justify;
margin-left: 50px;
margin-right: 50px;
}
.main .statement form {
font-size: 14px;
margin-left: 50px;
margin-right: 50px;
}
form .field {
padding-bottom: 1em;
}
div.side {
float: right;
display: inline;
width: 300px;
margin: 0 10px 0 0;
/* background: #fee; */
}
.nav ul {
margin: 0 0 20px 0;
padding: 0;
list-style: none;
}
#home .nav ul {
margin-bottom: 50px;
}
.nav ul li {
font-size: 14px;
list-style: none;
}
.side h2 {
font-size: 12px;
font-weight: bold;
margin: 0;
}
.side p.quote {
color: #775;
font-size: 12px;
font-style: italic;
font-weight: bold;
margin: 0 0 50px 0;
width: 200px;
}
.thumbgrid {
margin-bottom: 1em;
}

.sidethumb {
margin: 0 0 50px 0;
}
.sidethumb img {
float: left;
display: inline;
width: 80px;
height: 80px;
margin: 0 20px 0 0;
}

div.side2 {
width: 400px;
display: inline;
float: right;
margin: 0 10px 0 0;
/* background: #eef; */
}

.gridthumb {
width: 100px;
height: 100px;
float: left;
display: inline;
margin: 0;
padding: 0;
}
.gridthumb img {
width: 80px;
height: 80px;
margin: 10px;
padding: 0;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

/* IE hacks */
* html .clearfix {
height:1%;
}
*:first-child + html .clearfix {
min-height:1px;
}