* { /* Ghetto reset */
margin:0;
padding:0;
}

body {
font: normal 100%  Cambria, Helvetica, Arial, sans-serif;
background-color: #fff;
color: rgb(0,0,0);
color: rgba(0,0,0,0.8);
}

#background {
background: url('/static/images/check_trans.png') repeat #345;
}

.topcorner, .bottomcorner, .corner {
background-color: #fff;
box-shadow:0 0 40px 2px #e5e5e5 inset;
-webkit-box-shadow:0 0 40px 2px #e5e5e5 inset;
-moz-box-shadow:0 0 40px 2px #e5e5e5 inset;
padding: 0.5em;
overflow:inherit;
}

.corner {
margin: 1em 0.5em;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border: 8px solid #fff;
}

.topcorner {
margin: 0em 0.5em;
border-radius: 0em 0em 0.5em 0.5em;
-webkit-border-radius: 0em 0em 0.5em 0.5em;
-moz-border-radius: 0em 0em 0.5em 0.5em;
border:solid #fff;
border-width: 0px 8px 8px 8px;
}

.bottomcorner {
margin: 0em 0.5em;
border-radius: 0.5em 0.5em 0em 0em;
-webkit-border-radius:0.5em 0.5em 0em 0em;
-moz-border-radius:0.5em 0.5em 0em 0em;
border:solid #fff;
border-width: 8px 8px 0px 8px;
}

#myname {
text-align: center;
padding: 0;
width: 16em;
float:left;
}

#sitedesc {
margin-left: 16em;
text-align: left;
padding: 0;
}
#sitedesc p {
vertical-align: center;
}

#footer p img {
width:90%; max-width:405px; /* header and footer images are the same width */
height: 100%; /* IE7 fix */
max-height: 28px; /* IE8 fix for the IE7 fix */
}

#articlemeta div {
background: rgb(200,200,205);
background: rgba(255,255,255,0.8);
}

#staticmeta div{
background: rgb(200,200,205);
background: rgba(255,255,255,0.8);
font-size: 0.7em;
}

#intro p, #footer p {
background-color: transparent;
margin:0 0 0 0.9174%;
padding:0.3%;
font-size: 70%;
font-weight: bold;
}

#footer {
text-align: center;
}

#pic {
float: left;
position: absolute;
z-index: -0;
}

#contact img {
vertical-align: middle;
}

#breadcrumb {
border-top: 1px solid #dde;
}

#breadcrumb p {
color: #555;
margin:0;
padding:0.25% 1%;
font-size: 0.7em;
}

#breadcrumb a {
color: #555;
border: none;
}

#articlemeta ul {
margin: 0em 0em; 
padding-left: 0.5em; 
}

#articlemeta li {
list-style: none;
border-top: 1px solid #678;
}

#articlemeta li:first-child {
border-top: none;
}

#articlemeta {
font-size: 80%;
line-height: 100%;
}

#cse-search-box {
overflow: hidden;
}

.downloadlink {
display: block;
text-align: center;
border-radius: 0.7em;
-webkit-border-radius: 0.7em;
-moz-border-radius: 0.7em;
background-color: #0b0;
color: #efe;
font-weight: bold;
border: 2px solid #090;
}

.downloadlink:hover {
background-color: #0c0;
color: #ded;
font-weight: bold;
border: 2px solid #090;
}

.clearer {
clear:both;
}

p,h1,h2,h3,h4,h5,h6,ul,ol,dl {
background-color: transparent;
}

p,h1,h2,h3,ul,ol,dl {
margin: 1% 1%;
color: #111;
}

p,ul,ol,dl {
font-size: 1em;
line-height: 1.5em;
}

pre, code, tt {
font: 100% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace;
margin: 1em 0;
padding: 0 1px;
background-color: #eee; color:#000;
overflow: auto;
}

/* Links */
a {
text-decoration:none;
border-bottom:1px solid #ccc;
padding-bottom:1px;
color:#800;
}

a:hover {
color: #833; border:0;
}

a:visited {
color: #844;
}

h1 a {
display:block;
text-decoration: none;
border: none;
}

#myname a, #myname a:hover, #myname a:visited {
color: inherit;
}

h2 a {
border:0;
}

a img {
border: 0;
}

/* Headings */
h1,h2,h3,h4 {
font-family: Cambria, Helvetica, Arial, sans-serif;
}

h1 {
font-size: 170%;
}

#intro h1 {
font-size: 200%;
}

h2 {
font-size: 150%;
}

h3 {
font-size: 140%;
}

strong {font-weight: bold;}
em {font-style: italic;}
ul, ol {margin: 1em 0em; padding-left: 2.5em;}
ul li {list-style: circle;margin-bottom:0.2em}

sup {
font-size: smaller;
vertical-align: 0.5em;
line-height: 1px;
}

blockquote {
margin: 0.3em 1em 0em 1em;
padding: 0em 0.5em;
border: 1px solid #eec;
background-color: #ffe;
color:#222;
font-family: 'Cambria','Times New Roman',times-roman,georgia,serif; font-size: 150%;
}