body {
margin-top:9px;
background-image:url(images/background_02.gif);
background-repeat:repeat-x;
text-align:center;
padding:0;
}
#homepage, #articlespage, #portfoliopage, #aboutmepage {
text-align:left;
width:80%;
margin:auto;
padding:0px;
}
.header {
margin-top:0px;
margin-bottom:0px;
}
#navbar {
height:2.4em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
padding-top:0;
padding-bottom:0;
min-width:750px;
}
#navbar ul {
margin:0;
padding:0;
height:2.4em;
list-style-type:none;
list-style-image:none;
list-style-position:outside;
}
#navbar li {
float:left;
padding:0 23px 0 13px;
margin-right:5px;
background:url(images/circle.gif) 100% 66% no-repeat;
}
#navbar a {
display:block;
padding:0.75em 0 0.25em;
margin-right:20px;
}
#navbar #aboutme {
background-image:none;
}
#navbar a:hover, #homepage #navbar #home a,
#articlespage #navbar #articles a, #portfoliopage #navbar #portfolio a, #aboutmepage #navbar #aboutme a  {
background:url(images/navbarbg2.gif) top left repeat-x;
}
a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
color:#4f7282;
}
a:link {
color:#4f7282;
text-decoration:none;
}
a:visited {
color:#4f7282;
text-decoration:none;
}
a:hover {
color:#b35638;
text-decoration:none;
}
p {
	color:#43313D;
	font-family:Verdana, Arial, sans-serif;
	font-size: medium;
}
.mainpanel {
margin-right:260px;
margin-top:0px;
margin-bottom:0px;
padding:10px 10px 75px 10px;
border-right:#7e6b71 1px solid;
height:100%;
}
.mainpanel a {
	font-size:medium;
	font-family: Verdana, Arial, sans-serif;
}
.sidebar {
width:250px;
float:right;
padding:5px;
margin-top:0px;
text-align:center;
}
.sidebar h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:0.9em;
color:#877380;
margin:0;
padding:5px;
text-decoration:underline;
letter-spacing:2px;
}
.articles a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
text-align:left;
margin:0 0 5px 0;
padding:0;
}
.information {
width:75%;
}
.articles h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:small;
font-weight:normal;
margin:0;
padding:0px;
text-align:left;
color:#43313D;
letter-spacing:2px;
}
.articles p {
margin:0px;
padding:3px;
text-align:left;
font-style:italic;
}
.articles {
padding:15px;
text-align:left;
border-bottom-style:dashed;
border-bottom-color:#7e6b71;
border-bottom-width:1px;
height:100%;
}
.article h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:small;
font-weight:bold;
margin:15px 0 5px 0;
padding:0px;
text-align:left;
color:#1B1418;
letter-spacing:2px;
}

.article h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:small;
font-weight:normal;
margin:0;
padding:0px;
text-align:left;
color:#43313D;
letter-spacing:2px;
}
.article h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
font-weight:normal;
margin:0 0 10px 0;
padding:0px;
text-align:left;
color:#43313D;
letter-spacing:1px;
}
.article p {
margin:0 0 0 20px;
padding:3px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
font-weight:normal;
color:#1B1418;
}
.article ol {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color:#1B1418;
}

.article ol li {
margin:10px 0 5px 20px;
}

.article {
padding:15px;
}
.contents {
margin-top:0;
border-top:#7e6b71 1px solid;
clear:both;
}
.selected {
border-top-color:#53531e;
border-top-width:5px;
border-top-style:solid;
text-align:center;
}
code {
font-family: "Courier New", Courier, monospace;
font-size:small;
color:#443F65;
}
#leftfooter {
width:10em;
float:left;
text-align:center;
border-right:#7e6b71 1px solid;
height:3em;
}
#footer p {
letter-spacing:2px;
margin:0;
padding:0;
font-size:small;
}
#footer {
border-top:#7e6b71 1px solid;
height:3em;
border-bottom:#7e6b71 1px solid;
}
#rightfooter {
padding:0;
margin-left:1em;
float:left;
margin-top:1em;
}
#rightfooter p {
letter-spacing:0;
}

.portfolio {
margin:25px;
}

.portfolio h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:medium;
margin-right:180px;
}

.thumbnails {
float:right;
}

.portfolioitems {
clear:both;
padding:5px;
}

.codeblock {
background-color:#E7E7DA;
margin-top:5px;
}