* {
  margin:0;
  padding:0;
}
body {
  font-family: Verdana, Palatino Linotype, Arial, sans-serif;
  font-size: 14px;
  line-height: 140%;
  background:#FFFFFF;
}
a {
  color:#444444;
}
a:link {color:#7F250F;}
a:visited {color:#2C1299;}
a:hover,
a:active {
  color:white;
  background-color:#444444;
}

.blockquote {
  padding-left:20px;
  padding-right:20px;
}

img {
  border:0;
}
p {
}

/* ---------- Structure ---------- */

#wrapper {
  margin:0 auto 0 auto;
  width:812px;
  border: #BBBBBB 1px solid;
}
#header {
  text-align:left;
  line-height:26px;
  height:26px;
  background: #20097F;
}
#nav {
  height:26px;
  line-height:26px;
  color:white;
  background:#20097F;
  border-bottom:#BBBBBB 1px solid;
}
#sidebar {
  float:right;
  width:175px;
  min-height:600px;
  margin:0 0 0 10px;
  padding:10px 10px 10px 10px;
  border-left:#20097F 5px solid;
  border-bottom:#BBBBBB 1px solid;
}
#content {
  min-height:600px;
  padding:10px;
}
#recent {
  clear:both;
  padding:20px 0 20px 0;
  border-top: #BBBBBB 1px solid;
}
#footer {
  clear:both;
  text-align:center;
  padding:20px 0 0 0;
  border-top:#BBBBBB 1px solid;
}

/* ---------- Header ---------- */

.masthead {
  text-align:center;
  color:white;
  font-family:Lucida Sans Unicode;
  font-size:20px;
  font-weight:normal;
  line-height: 26px;
  padding: 3px 10px 3px 10px;
}
.masthead2 {
  text-align:center;
  color:white;
  font-family:Lucida Sans Unicode;
  font-size:18px;
  font-weight:normal;
  line-height: 26px;
  padding: 3px 0px 3px 0px;
}
.mastheadquote {
  color:white;
  font-size:12px;
  font-style: italic;
  font-weight:bold;
  line-height: 120%;
  padding-left:100px;
  padding-right:100px;
}

/* ---------- Navigation ---------- */

#nav a {
  text-decoration: underline;
}

#nav ul {
	list-style-type:none;
	}
#nav li {
	float:left;
	text-align:center;
        text-transform:uppercase;
        padding:0 10px 0 10px;
        border-right: #BBBBBB 1px solid;
	}
#nav li a {
        font-size:11px;
	display:block;
        color:white;
	}
#nav li a:hover {
        display:block;
	text-decoration:underline;
        background:white;
        color:#444444;
	}

/* ---------- Content ---------- */

.content-nav {
  clear:both;
  margin:10px 0 20px 0;
  font-size:16px;
  line-height: 120%;
  color:#CC2B04;
}
.content-header {
  clear:both;
  margin:10px 0 20px 0;
  text-align:center;
  font-size:18px;
  line-height: 120%;
  text-decoration: none;
  color:#20097F;
}

.entry p {
  padding-bottom:10px;
}
.entry ul {
  padding:0 0 10px 20px;
}
.entry ol {
  padding:0 0 10px 20px;
}
.entry-title a,
.entry-title {
  text-transform:lowercase;
  font-size:18px;
  line-height: 120%;
  color:#CC2B04;
  text-decoration: none;
}
.entry-date {
  font-size:11px;
  font-weight:normal;
  padding:0 0 10px 0;
  color:#888888;
}
.entry-body {
  padding:0 0 10px 0;
}
.entry-extended {
}
.entry-footer {
  padding:0 0 0 0;
  text-align:right;
  color:#888888;
}
.entry-separator {
  color:#BBBBBB;
}
.entry img {
  margin:10px;
}

/* ---------- Sidebar ---------- */

#sidebar a {
  text-decoration: underline;
}

#sidebar ul {
  list-style-type: none;
  list-style-position: outside;
  margin-left:7px;
  text-indent:-7px;
}
#sidebar li {
  font-size: 12px;
}
#sidebar li.title { 
  padding-top:20px;
  text-transform: uppercase;
  border-bottom: 1px solid #BBBBBB;
  margin-left:-7px;
  text-indent:0;
}
#sidebar li.titlefirst {
  text-transform: uppercase;
  border-bottom: 1px solid #BBBBBB;
  margin-left:-7px;
  text-indent:0;
}
#sidebar li.recentcomments {
  font-size: 12px;
  list-style-type: none;
  margin-left:7px;
  text-indent:-7px;
}

/* ---------- ForwardBack ---------- */

.fb-header a,
.fb-header {
  clear:both;
  margin:10px 0 20px 0;
  text-align:center;
  font-size:16px;
  line-height: 120%;
  text-decoration: none;
  color:#20097F;
}
.fb-col-one {
  margin:0 1% 0 2%;
  float:left;
  display:inline;
  width:29%;
}
.fb-col-two {
  margin:0 1% 0 1%;
  float:left;
  display:inline;
  width:29%;
}
.fb-col-three {
  margin:0 2% 0 1%;
  float:left;
  display:inline;
  width:29%;
}

/* ---------- Recent ---------- */

#recent .entry-title a {
  text-decoration: none;
}

.recent-header a,
.recent-header {
  clear:both;
  margin:10px 0 20px 0;
  text-align:center;
  font-size:16px;
  line-height: 120%;
  text-decoration: none;
  color:#20097F;  
}
.recent-col-one {
  margin:0 1% 0 2%;
  float:left;
  display:inline;
  width:29%;
}
.recent-col-two {
  margin:0 1% 0 1%;
  float:left;
  display:inline;
  width:29%;
}
.recent-col-three {
  margin:0 2% 0 1%;
  float:left;
  display:inline;
  width:29%;
}

/* ---------- Archive ---------- */

.archive-header a,
.archive-header {
  clear:both;
  margin:10px 0 20px 0;
  text-align:center;
  font-size:large;
  line-height: 120%;
  text-decoration: none;
  color:#20097F;  
}
.archive-col-one {
  margin:0 1% 0 2%;
  float:left;
  display:inline;
  width:46%;
}
.archive-col-two {
  margin:0 2% 0 1%;
  float:left;
  display:inline;
  width:46%;
}
.archive-list-item {
  line-height: 120%;
}

/* ---------- Footer ---------- */

.footer-list {
  list-style:none;
}
.footer-list-item,
.footer-list-item-end {
  display:inline;
  color:#20097F;
}
.footer-list-item:after {
  content: "\0020 \0020 \00B7 \0020";
}
.footer-text {
}

/* ---------- Tiny Gallery (TG) ---------- */

.tgtoolhd {
}
.tgtoolbd {
  font-family: Verdana, Palatino Linotype, Arial, sans-serif;
  font-size: 14px;
  line-height: 100%;
  text-transform:lowercase;
  background:#FFFFFF;
  opacity:0.8;
  padding:2px 2px 3px 5px;
  border:0;
}

table.tg {
  margin-top:0;
  border:0;
  cellpadding:0px;
  cellspacing:0px;
  frame:box;
  rules:none;
}
img.tg {
  border:0 1px 1px 0;
}
a.tginst {
  text-align:center;
  font-style:italic;
}

a.tginfo {
  cursor:pointer;
  text-align:center;
  text-decoration: none;
  font-size:10px;
  color:#444444;
}

/* ---------- Gallery ---------- */

.gallery {
        margin:0px 10px 10px 10px;
        padding:0px 10px 0px 10px;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;
        }

.gallery h2 {
        padding: 5px 0px 0px 0px;
	color: #DC5E04;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;
        }

.gallery h3 {
        padding: 5px 0px 0px 0px;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;
        }

.gallery table { 
	float: left;
        margin: 0px;
        padding: 0px;
        vertical-align: top;
        line-height: 100%;
        }

.gallery td { 
	float: center;
        padding: 5px 10px 15px 5px;
        vertical-align: top;
        width: 122px;
        line-height: 100%;
        border-color: #DDDDDD;
        border-style: dotted;
        border-width: 1px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        }

.gallery img { 
        margin: 5px 0px 0px 0px;
        width: 27px;
        height: 50px;
        border-color: #DDDDDD;
        border-width: 1px;
        }

.gallerybook {
        display: inline;
        float: left;
        padding: 0 10px 0 10px;
        width: 122px;
        height: 350px;
        border-color: #DDDDDD;
        border-style: dotted;
        border-width: 1px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}

/* ---------- Desktop Calendar ---------- */

.deskcalendar {
  width:50px;
  margin:0 10px 10px 0;
  padding:14px 0 0 4px;
  font-family: 'Courier New';
  font-weight: bold;
  text-transform:uppercase;
  color:#888888;
  background-image: url("http://www.sopedestrian.com/images/deskcalendar.png");
  background-repeat: no-repeat;
}
.dcmonth {
  font-size:10pt;
  line-height:12px;
}
.dcday {
  font-size:15pt;
  line-height:17px;
}

/* ---------- Extras ---------- */

.hide {display:none;}

img.browser {
  padding:6px 10px 0 0;}
a.browser {
  font-style:italic;
  text-transform:none;}

.mastheadinfohd {
  font-size:10px;
  font-family: Trebuchet MS;
  line-height: 100%;
  text-transform:uppercase;
  font-style:italic;
  color:#FFFFFF;
  background:#CC2B04;
  opacity:0.6;
  padding:2px;
  border:1px solid #CC2B04;
}
.mastheadinfobd {
  font-size:10px;
  font-family: Trebuchet MS;
  line-height: 100%;
  text-transform:uppercase;
  font-style:italic;
  background:white;
  opacity:0.6;
  padding:2px;
  border:1px solid #BBBBBB;
}
.galleryboxoverhd {
  font-size:10px;
  font-family: Trebuchet MS;
  line-height: 100%;
  text-transform:lowercase;
  font-style:italic;
  background:white;
  opacity:1.0;
  padding:2px;
  border:1px solid #BBBBBB;
}
.galleryboxoverbd {
  font-size:10px;
  font-family: Trebuchet MS;
  line-height: 100%;
  text-transform:lowercase;
  font-style:italic;
  background:white;
  opacity:1.0;
  padding:10px;
  border:1px solid #BBBBBB;
}
.maprtwhd {
  font-size:11px;
  line-height: 100%;
  padding:3px;
  background:white;
  border-top:1px solid #BBBBBB;
  border-right:1px solid #BBBBBB;
  border-left:1px solid #BBBBBB;
  border-bottom:0;
}
.maprtwbd {
  font-size:12px;
  line-height: 100%;
  padding:3px;
  background:white;
  border-top:0;
  border-right:1px solid #BBBBBB;
  border-left:1px solid #BBBBBB;
  border-bottom:1px solid #BBBBBB;
}
.searchdiv {
  align:right;
}
.searchbox {
  margin:0;
  font-size:12px;
  font-family: Trebuchet MS;
  color:#888888;
}

.searchdiv img {
  margin:0 4px 0 0;
  padding:0;
  background:white;
  border:1px solid #BBBBBB;
}
.search-results-header {
  clear:both;
  margin:10px 0 20px 0;
  text-align:center;
  font-size:large;
  line-height: 120%;
  text-decoration: none;
  color:#20097F;
}

.comment-footer {
  margin-bottom:10px;
  padding:0 0 10px 0;
  text-align:right;
  color:#888888;
  border-bottom: #BBBBBB 1px solid;
}

.fineprint {
  font-size:x-small;
}
.imapMarkerLabel2 {
  font-size:11px;
  line-height: 200%;
  padding:0px 5px 0 5px;
}
.imapMarkerLabel1 {
  font-size:12px;
  line-height: 120%;
  padding:0 5px 0 5px;
}

blockquote.withquote {
  background:url(http://www.sopedestrian.com/images/quote.gif)
no-repeat;background-position:top left;padding-left:40px;text-align:justify;} 

p.withunquote {
  background: url(http://www.sopedestrian.com/images/unquote.gif) no-repeat;background-position:bottom right;padding-right:45px; margin-right:200px;}
