body, td { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; }
html, body, #layout {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 50%;
  margin: auto;
  background-color: red;
  color: white;
} 
}
a:link { color: #005ec2; }
a:visited { color: #005ec2; }

h1 { font-size: 23px; font-weight: bold; margin: 0px 0px 5px 0px; color: #000066; }
h2 { font-size: 16px; font-weight: bold; margin: 0px 0px 0px 0px; color: #8b2ebb; }
li { padding-bottom: 5px; padding-top: 5px; }
	
/* header box formatting */
.topbox {
	font-size: 10px;
	color: #FFFFFF;
}
.topbox a:link { color: #d5e9ff; }
.topbox a:visited { color: #d5e9ff; }

/* header box formatting */
.topbox2, .topbox2 b {
	font-size: 11px;
	color: #FFFFFF;
}
.topbox2 a:link { color: #FFFFFF; }
.topbox2 a:visited { color: #FFFFFF; }

/* footer box formatting */			
.bottombox {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.bottombox a:link { color: #FFFFFF; }
.bottombox a:visited { color: #FFFFFF; }

/* Button */
.formbutton {
	float:none;
	border:#888 1px solid;
	margin:2px 0px;
	padding:2px 3px;
	font-weight:bold;
	font-size:11px;
	font-family:tahoma, verdana, sans-serif;
	text-decoration:none;
	background-color:#FBEFC0
}

a.linkbutton:link, a.linkbutton:visited, a.linkbutton.active, a.linkbutton:hover {
	float:none;
	border:#888 1px solid;
	margin:2px 0px;
	padding:3px 6px;
	font-weight:bold;
	font-size:11px;
	font-family:tahoma, verdana, sans-serif;
	text-decoration:none;
	line-height:21px;
	color:#000 !important;
	}
a.linkbutton:link, a.linkbutton:visited { background-color:#FBEFC0 }
/* a.linkbutton.active, a.linkbutton:hover { background-color:#FFF9E0 }*/

/* old styles */
.smalltext {font-size:11px;}
.twelve {font-size:10pt;}
.mainlinks, .mainlinks a:visited, .mainlinks a:link, .mainlinks a:active {color:#005826;}
.whitebgheader, .wbgh {font-size:14pt; color:#005826; }
.ts {font-size: 8pt;}
.regtext {font-size:12px;color:#027902;}
.footerlink a:link, .footerlink a:visited, .footerlink a:active, .footerlink {color:#ffffff;}
.tagline {font-size:13px;font-weight:bold;color:#ffffff;}
.header {font-size:14pt; color:#027902;}
.whiteheader {font-size:16pt; font-weight: bold; color:#ffffff;}
.asterisk {color:#cc0000;}
.blacklink, .blacklink a:visited, .blacklink a:link, .blacklink a:active {color:#000000;}
.tablehead{background:#027902;font-weight:bold; color:#ffffff;}
.smlink, .smlink a:link, .smlink a:visited, .smlink a:active {font-size: 7pt;}
.homelink, .homelink a:link, .homelink a:visited, .homelink a:active {color: #004794; font-size:10pt;}

#content {
  width:580px;
  margin:0 auto;
  text-align:left;
  }
#main {
  width:580px;
  float:center;
  background:#fff 
  margin:15px 0 0;
  padding:0 0 10px;
  color:#000;
  font-size:92%;
  line-height:1.0em;
  }
#main2 {
  float:center;
  width:100%;
  background:
  padding:10px 0 0;
  }
#main3 {
  background:
  padding:0;
  }
#sidebar {
  width:200px;
  float:right;
  margin:15px 0 0;
  font-size:84%;
  line-height:1.2em;
  }

/* Posts
----------------------------------------------- */
.date-header {
  margin:0 28px 0 43px;
  font-size:85%;
  line-height:2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#810;
  }
.post {
  margin:.3em 0 25px;
  padding:0 13px;
  border:1px dotted #bbb;
  border-width:1px 0;
  }
.post-title {
  margin:0;
  font-size:135%;
  line-height:1.5em;
  background:url("http://www.mopo.ca/images/icon_arrow.gif") no-repeat 10px .5em;
  display:block;
  border:#bbb;
  border-width:0 1px 1px;
  padding:2px 14px 2px 29px;
  color:#333;
  }
a.title-link, .post-title strong {
  text-decoration:none;
  display:block;
  }
a.title-link:hover {
  background-color:#eee;
  color:#000;
  }
.post-body {
  border:1px dotted #bbb;
  border-width:0 1px 1px;
  border-bottom-color:#fff;
  padding:10px 14px 1px 29px;
  }
html>body .post-body {
  border-bottom-width:0;
  }
.post p {
  margin:0 0 .75em;
  }
p.post-footer {
  background:#FFF;
  margin:0;
  padding:2px 14px 2px 29px;
  border:#bbb;
  border-width:1px;
  border-bottom:1px solid #eee;
  font-size:70%;
  line-height:1.5em;
  color:#666;
  text-align:right;
  }
html>body p.post-footer {
  border-bottom-color:transparent;
  }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("http://www.mopo.ca/images/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("http://www.mopo.ca/images/icon_comment.gif") no-repeat 0 45%;
  padding-left:
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:0px solid #ccc;
  }
blockquote {
  margin:.75em 0;
  border:1px dotted #ccc;
  border-width:1px 0;
  padding:5px 15px;
  color:#666;
  }
.post blockquote p {
  margin:.5em 0;
  }
/* Comments
----------------------------------------------- */
#comments {
  margin:-25px 13px 0;
  border:1px dotted #ccc;
  border-width:0 1px 1px;
  padding:20px 0 15px 0;
  }
#comments h4 {
  margin:0 0 10px;
  padding:0 14px 2px 29px;
  border-bottom:1px dotted #ccc;
  font-size:120%;
  line-height:1.4em;
  color:#333;
  }
#comments-block {
  margin:0 15px 0 9px;
  }
.comment-data {
  background:
  margin:.5em 0;
  padding:0 0 0 20px;
  color:#666;
  }
.comment-poster {
  font-weight:bold;
  }
.comment-body {
  margin:0 0 1.25em;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#666;
  }
.comment-timestamp a:link {
  color:#666;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
/* Profile
----------------------------------------------- */
#profile-container {
  background:#999
  margin:0 0 15px;
  padding:0 0 10px;
  color:#fff;
  }
#profile-container h2 {
  background:
  padding:10px 15px .2em;
  margin:0;
  border-width:0;
  font-size:115%;
  line-height:1.5em;
  color:#fff;
  }
.profile-datablock {
  margin:0 15px .5em;
  border-top:1px dotted #ccc;
  padding-top:8px;
  }
.profile-img {display:inline;}
.profile-img img {
  float:left;
  margin:0 10px 5px 0;
  border:4px solid #ccc;
  }
.profile-data strong {
  display:block;
  }
#profile-container p {
  margin:0 15px .5em;
  }
#profile-container .profile-textblock {
  clear:left;
  }
#profile-container a {
  color:#fff;
  }
.profile-link a {
  background:
  padding-left:15px;
  font-weight:bold;
  }
ul.profile-datablock {
  list-style-type:none;
  }
/* Sidebar Boxes
----------------------------------------------- */
.box {
  background:#FFf
  margin:0 0 15px;
  padding:10px 0 0;
  color:#666;
  }
.box2 {
  background:
  padding:0 13px 8px;
  }
.sidebar-title {
  margin:0;
  padding:0 0 .2em;
  border-bottom:1px dotted #fa0;
  font-size:100%;
  line-height:1.5em;
  color:#333;
  }
.box ul {
  margin:.5em 0 1.25em;
  padding:0 0px;
  list-style:none;
  }
.box ul li {
  background:url("http://www.mopo.ca/icon_arrow_small.jpg") no-repeat 2px .25em;
  margin:0;
  padding:0 0 3px 16px;
  margin-bottom:3px;
  border-bottom:1px dotted #eee;
  line-height:1.4em;
  }
.box p {
  margin:0 0 .6em;
  }
/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  margin:0;
  padding:15px 0 0;
  }
#footer div {
  background:#710 
  padding:8px 0 0;
  color:#fff;
  }
#footer div div {
  background:
  padding:0 15px 8px;
  }
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:#fff;}