body {
	background-color: #F6F6F6;
    color: #333333;
    font-size: 15px;
	font-family: Arial, Verdana, Tahoma, Helvetica, Sans-serif;
    line-height: 20px;
    margin: 0px;
}

#top {
	height: 63px;
	padding: 5px;
	background-image: url(/images/header_bg.png);
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#topLeft {
	width: 400px;
	float: left;
	padding: 3px;
	margin: 0px;
}

#topRight {
	width: 240px;
	float: right;
	padding-top: 5px;
}

#topRight input { color: #999999; }

#crumbtrail {
    margin-left: 30px;
	font-size: 0.8em;
	color: #666666;
}

#crumbtrail a {
	color: #558EC3;
}


#content {
	background-color: white;
	border: solid 1px #cccccc;
	margin-left: 26px;
	margin-right: 185px;
    padding: 16px;
}

.handlebar {
	background-color: #dddddd;
}

#sidemenu {
	position: absolute;
	right: 20px; 
	background-color: white; 
	padding: 0px;
	margin-top: 18px;
	width: 145px; 
}

#sidemenu a { 
	color: #558EC3; 
	text-decoration: none; 
}

#sidemenu a:hover { 
	color: #147;  
	text-decoration: underline; 
}

ul.sidenav {
    font-size: 13pt;
    font-weight: bold;
    margin-top: 2px;
    margin-left: 0px;
	margin-right: 0px;
    padding-right: 6px;
    padding-left: 0px;
    list-style-type: none;
}

ul.sidenav li {
    border-top: dashed 1px #666666;
    text-align: left;
    margin-left: 6px;
    padding: 4px;
}

ul.sidenav li.top {
	border-top: none;
	margin-top: 6px;
}

p.footer {
        clear: both;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-size: 8pt;
        color: #666666;
}

h1 { margin: 4px; margin-top: 6px;padding-top: 4px; font-size: 26pt; color: #555555; }
h1 a { color: #555555; text-decoration: none; }
h1 a:hover { text-decoration: none; }
h2 { margin-top: 0px; font-size: 14pt; color: #333333; }
h2 a { font-weight: normal; }
h3 { font-style: italic; font-size: 10pt; color: #333333; }
a, a:visited { text-decoration: none; }
table { border-collapse: collapse; }
th { background-color: #cccccc; }
dt { font-size: 10pt; font-weight: bold; }
dd { margin-left: 0px; padding-bottom: 10px; }
dd p { margin-top: 2px; }
a { text-decoration: none; color: #002bb8; }
a:hover { text-decoration: underline; }
a.external { background: url(/images/external.png) center right no-repeat; padding-right: 13px; }
hr { height: 1px; background-color: #aaaaaa; border: 0; }
img { margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; border: 0; }
span.underline { text-decoration: underline; }

div.colsection { width: 45%; margin-left: 15px; }
div.colsection h3 { margin-bottom: 0px; font-style: normal; font-weight: bold; font-size: large; width: 90%; border-bottom: solid 1px #aaaaaa; }
.left { float: left; }
.right { float: right; }
div.colsection ul { margin-top: 5px; }
dl.software-list-left { float: left; margin-left: 15px; width: 45%; }
dl.software-list-right { float: right; margin-right: 15px; width: 45%; }

div.blogitem { padding-top: 5px; padding-bottom: 10px;  margin: 0px; }
div.blogitem h2 { padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; }
div.blogitem h3 { padding-top: 0px; margin-top: 4px; }


p.posteddate {
	position: relative;
	top: -10px;
	margin: 0px;
	padding: 0px;
    font-size: 8pt; 
    font-style: italic;
}

pre {
    font-size: 8pt;
    line-height: 1.5em;
}

img.showcase { border: solid 1px gray; padding: 8px; }
img.topright { float: right; padding-left: 4px; }

#travelogue td { padding: 8px; border: 1px solid #cccccc; }
#travelogue img { padding: 4px; }

div.heading { color: #000000; font-size: 14pt; }
div.download { margin-left: 30px; margin-right: 30px;margin-top: 25px; margin-bottom: 25px; background-color: #eeeeee; }

pre 
{
	padding: 1em;
	border: dashed 1px #2f6fab;
	color: black;
	background-color: #f9f9f9;
	line-height: 1.1em;
}

#index-print { margin-left: 18px; }
#index-print img { margin: 5px; border: solid 1px #7f7f7f; }

#single-photo { text-align: center; }
#single-photo img { padding: 8px; border: 1px solid #aaaaaa;}
#single-photo table { margin-left: auto; margin-right: auto; text-align: left; }
#single-photo td { padding: 0; margin: 0; vertical-align: top; line-height: 1.1em; }
#single-photo td.exif-info { text-align: right; line-height: 1.2em; color: #666666; font-size: 10px; }

table#channels { width: 500px; margin-left: auto; margin-right: auto; border: solid 1px #cccccc; }
table#channels td { border: solid 1px #cccccc; padding-left: 10px; }
table#channels td.channel { width: 45px; padding-left: 20px; }
table#channels td.designation { width: 85px;  padding-left: 15px; font-family: fixed-width; }
table#channels td.network { width: 65px; text-align: center; padding-left: 0px; }

form#contact div { margin-top: 5px; }
form#contact label { display: block;  float: left; width: 100px; text-align: right; padding-right: 10px;}
form#contact div.required label { font-weight: bold; }
form#contact div.submit { text-align: center; }

div#resume ul { margin-top: 4px;  margin-bottom: 0px;}

p.error { color: red; text-align: center; background-color: yellow; }

table#bom { width: 100%; }
table#bom td { padding-left: 10px; padding-right: 10px; }
table#bom td.quantity { text-align: center; }
table#bom td.cost { text-align: right; }
table#bom caption { font-size: 11pt; font-weight: bold; }

form#login { width: 250px; margin-left: auto; margin-right: auto; margin-bottom: 50px; background-color: #eeeeee; padding: 20px; border: solid 1px #cccccc; }
form#login div { margin-top: 5px;;}
form#login label { float: left; display: block; width: 70px; text-align: right; padding-right: 10px; }
form#login div.required label { font-weight: bold; }
form#login div.submit { text-align: center; }

div#admin ul { list-style-type: none; margin-top: 0px; padding-top: 0px; height: 10px; font-size: 9pt; }
div#admin li { float: right; padding-right: 30px; margin-top: 0px; padding-top: 0px; }
div#admin a { color: #558EC3; }

#travelogues { float: right; width: 320px; margin-top: 20px; }
#travelogues ul { list-style-type: none; font-size: 16pt; font-weight: bold; }
#travelogues li {  }
#travelogues img { vertical-align: middle; width: 60px; height: 40px; padding: 2px; padding-right: 10px; }
#travelogues a { color: #666666; }

#places { margin-top: 20px; margin-right: 320px; }

.bibliography td.label { font-weight: bold; vertical-align: top; width: 80px;}
.bibliography { float: right; width: 240px; background-color: #fafafa; margin-left: 14px; border: solid 1px #cccccc; padding: 6px; font-size: 8pt;}
.bibliography h3 { text-align: center; font-style: normal; margin-top: 0px; background-color: #eedd88; font-size: larger; }

#htpc tr { border: solid 1px #cccccc; }
#htpc td.key { width: 170px; font-weight: bold; text-align: right; }
#htpc td { padding-right: 20px; }