/*  
Theme Name:  Metta Tai Chi
Description: The Metta Tai Chi theme
Theme URI:   http://www.metta-taichi.org.uk/
Version:     2.1
Author:      Lumpy Lemon
Author URI:  http://www.lumpylemon.co.uk/
*/

@import 'reset.css';

/* Base Typography
----------------------------------------------- */

body, h1, h2, h3, h4, p, ul, ol, li, blockquote {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	color: #555;
}

body {
	font-size: 68.75%;
}
 
html>/**/body {
	font-size: 11px;
}

h1, h2, h3, h4, h5, h6 { 
	font-family: 'Gill Sans MT', 'Gill Sans', Verdana, sans-serif;
}

h1, h2 {
	text-transform: lowercase;
}

/* Base Layout
----------------------------------------------- */

body {
background-color: #fff;
text-align: center;
}

#outer {
text-align: left;
margin: 20px auto;
width: 630px;
}

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

#header {
height: 200px;
background: url('img/header.jpg') bottom left no-repeat #fff;
}

#header a:link, #header a:visited {
display: block;
width: 250px;
height: 50px;
text-decoration: none;
font-size: 2.4em;
color: #777;
padding: 150px 0px 0px 210px;
}

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

#sidebar {
width: 130px;
padding: 38px 17px 40px 20px;
text-transform: lowercase;
}

#sidebar ul {
text-align: right;
list-style: none;
}

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

#content {
padding: 0px 0px 40px 40px;
float: right;
width: 419px;
border-left: 1px solid #dbdbdb;
line-height: 1.7em;
}

#content h1 {
font-size: 2.1em;
margin: 40px 0px;
color: #777;
}

#content h2 {
font-size: 1.5em;
margin: 40px 0px 20px 0px;
padding-top: 5px;
color: #777;
background: transparent url('img/h2.jpg') top left no-repeat;
}

#content ul {
list-style-type: circle;
}

#content p, #content ul, #content ol, #content blockquote {
width: 360px;
margin-bottom: 1.5em;
}

#content h2 span {
font-size: 0.7em;
}

#content ol, #content ul {
padding-left: 1.5em;
}

#content em {
font-style: italic;
}

.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

#content .wp-caption {
    border: 1px solid #dbdbdb;
    text-align: center;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#content .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

#content .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
	width: auto;
}


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

#footer {
clear: both;
background: url('img/footer.jpg') top left no-repeat;
height: 80px;
padding: 40px 120px 0px 0px;
}

#footer p {
font-size: 10px;
color: #888;
line-height: 1.35em;
text-align: right;
}

/* Links
----------------------------------------------- */

#sidebar {}

#sidebar a:link, #sidebar a:visited {
color: #800000;
text-decoration: none;
display: block;
padding-right: 20px;
height: 1.6em;
}

#sidebar a:hover {
background: url('img/linkhover.png') center right no-repeat;
}

#content {}

#content a:link, #content a:visited {
color: #000;
text-decoration: none;
}

#content a:hover {
background-color: #eee;
}

#content h2 {}

#content h2 a:link, #content h2 a:visited {
color: #777;
text-decoration: none;
}

#content h2 a:hover {
background-color: #eee;
}

#footer {}

#footer a:link, #footer a:visited {
color: #333;
text-decoration: none;
}

#footer a:hover {
background-color: #eee;
}

/* Miscellaneous
----------------------------------------------- */

hr {
display: none;
}

#outer {
/* hack to preload link hover image: */
background: url('img/linkhover.png') -100px -100px no-repeat #fff;
}