/*
Theme Name: m.fox
Theme URI: http://mfox.me
Description: theme for Miabella Foxley
Version: 1.0
Author: Express Zenovka
Author URI: http://www.spressie.com

*/

/* Fonts */
body{font-size:62.5%; font-family:Helvetica,"Helvetica Neue",Arial,sans-serif}
h1, h2, h3, h4, h5, h6{font-family:"Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif}

/* Font Sizes */
#header h1{font-size:12em}
.description{font-size:1.2em}

.pagetitle{font-size:7em; line-height:1.5px}

.content h2, .post h2{font-size:4.2em; line-height:1.4; letter-spacing:1px}

.post h3{font-size:4em; line-height:1.2}
.post h4{font-size:3.5em; line-height:1.2}
.post h5{font-size:3em; line-height:1.2}
.post h6{font-size:2.5em; line-height:1.2}
.entry{font-size:1.3em; line-height:1.2}
.post-meta{font-size:1em}

#sidebar{font-size:1.3em; line-height:1.2}
#sidebar h3{font-size:1.2em}

/* Other Fonty Crap */
.description, .content h2, .post h2{font-variant:small-caps}
a{text-decoration:none; font-weight:bold}
h2 a{font-weight:lighter}

/* Colors */
body{color:#222}

h1, h2, h3, h4, h5, h6{color:#4c565d}

a, a:link, a:visited{color:#222}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#4c565d}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link{color:#4c565d}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited{color:#4c565d}
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:#7fc88f}
a:active, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active{color:#7fc88f}

/* Basic HMTL*/
p{margin:1em 0}
h1, h2, h3, h4, h5, h6{margin:0; padding:0px}
img{border:0}
center{text-align:center}

/* Basic Images */
body{background:#92948f url(images/miabg.png)}
#bunny{background:#92948f url(images/mialogo.png) no-repeat top right}
#contentwrap{background:#92948f url(images/yellowcol.png) repeat-y center center}

/* Layout */
html, body{margin:0; padding:0}
#wrapper{width:960px; margin:0 auto}
#bunny{position:fixed; width:360px; height:433px; float:right; margin:0 0 0 660px}
#contentwrap{width:660px; float:left}

#header, #footer, #content, #sidebar{padding:0 30px}
#header{padding-top:50px; padding-bottom:20px}

.navigation, .clear{clear:both}

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

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

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

.alignleft{float:left}
.alignright{float:right}

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

.post{padding:20px 0}
.post h1{padding:10px 0}

#commentform textarea{width:100%}

#leftbar{width:380px; padding-right:20px}
#rightbar{width:180px; padding-right:20px}

#sidebar ul{padding:0; list-style:none}
#sidebar ul ul{padding-left:10px}

#footer{margin-top:1em}
#footer p{margin:0}