/*   
Theme Name: Michael Kwan
Theme URI: http://weblogdesign.ca/
Description: A theme for michaelkwan.com by WeblogDesign.ca
Author: WeblogDesign.ca
Author URI: http://weblogdesign.ca/
Version: 3.0

* Blog Design and Coding by Matt Freedman of WeblogDesign.ca and MattsBlog.ca
*/

body {
color: #000;
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #000;
font-weight: 400;
font-family: Arial, sans-serif;
text-align: center;
}

#cont-box {
background-color: #FFF;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

img {
border: 0;
}

#main {
width: 750px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}

#content {
width: 550px;
padding: 5px;
text-align: left;
margin: 0 auto;
}

#footer {
font-size: 0.7em;
text-align: left;
border-top: 1px solid #000;
margin-top: 20px;
padding: 5px;
background-color: #F9F9F9;
clear: both;
z-index: 1;
position: relative;
}

#header {
text-align: left;
}

#nav {
text-align: left;
margin-left: 15px;
margin-bottom: 6px;
font-size: 0.9em;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav li {
margin: 0 10px 0 0;
padding: 0;
display: inline;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.center {
text-align: center;
}

.textalignleft {
text-align: left;
}

.textalignright {
text-align: right;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft {
display: inline;
margin: 0 7px 2px 0;
padding:4px;
}

img.alignright {
display: inline;
margin: 0 0 2px 7px;
padding: 4px;
}

#content :link {
color: #000;
text-decoration: underline;
}

#content :visited {
color: #000;
text-decoration: underline;
}

#content a:active {
color: #BB1717;
text-decoration: underline;
}

#content a:hover {
color: #BB1717;
text-decoration: none;
}

#nav :link {
font-weight: 700;
text-decoration: none;
}

#nav :visited {
color: #000;
font-weight: 700;
text-decoration: none;
}

#nav a:active {
color: #BB1717;
text-decoration: none;
}

#nav a:hover {
color: #BB1717;
font-weight: 700;
text-decoration: underline;
}

.post-title {
margin-bottom: -1px;
clear: both;
}

#content h2 :link {
color: #000;
text-decoration: none;
}

#content h2 :visited {
color: #000;
text-decoration: none;
}

#content h2 a:active {
color: #BB1717;
text-decoration: none;
}

#content h2 a:hover {
color: #BB1717;
text-decoration: underline;
}

.post small {
font-size: 0.8em;
}

.postmetadata {
font-size: 0.8em;
}

#footer :link {
color: #000;
text-decoration: underline;
}

#footer :visited {
color: #000;
text-decoration: underline;
}

#footer a:active {
color: #BB1717;
text-decoration: underline;
}

#footer a:hover {
color: #BB1717;
text-decoration: underline;
}

#main-h1 {
display: none;
}

#bread-tl {
background-image: url(images/bread-tl.png);
background-position: top left;
background-repeat: no-repeat;
float: left;
width: 14px;
height: 15px;
border-bottom: 1px solid #000;
}

#bread-tr {
background-image: url(images/bread-tr.png);
background-position: top right;
background-repeat: no-repeat;
max-height: 15px;
overflow: hidden;
border-bottom: 1px solid #000;
}

.bl {
background-image: url(images/bl.png);
background-position: top left;
background-repeat: no-repeat;
float: left;
width: 14px;
height: 15px;
}

#footer-br {
background-image: url(images/footer-br.png);
background-position: top right;
background-repeat: no-repeat;
margin-left: 14px;
}

.title cite {
font-style: normal;
}