/*   
Theme Name: Happy Magnolia
Theme URI: http://susanmagnolia.com
Description: WordPress theme for Susan Magnolia's weblog
Author: Susan Magnolia and maiki interi
Author URI: http://susanmagnolia.com
Version: alpha
.
Happiness!
.
*/

* {
margin: 0px;
padding: 0px;
}

body {
font: normal normal 12px Osaka, "Lucinda Grande", sans-serif;
}

#wrapper {
margin: 0 auto;
width: 735px;
}

#branding {
background: #fff url('images/happy-magnolia-header735x105.png') no-repeat top center;
width: 735px;
height: 105px;
}

#branding a h1 {
display: none;
}

#branding a {
display: block;
width: 735px;
height: 105px;
}

#content {
margin-top: 20px;
border: 1px solid #999;
}

#content p {
margin: 0px 10px 10px 15px;
color: #666;
}

#content h2 {
color: #6cc;
padding: 10px 15px 0px 15px;
}

#content h2 a {
color: #6cc;
text-decoration: none;
}

a {
color: #f93;
text-decoration: none;
}

blockquote {
border-left: 4px solid #ccc;
margin: 0 25px 0 20px;
}

h3#comments {
color: #6cc;
padding: 10px 15px 5px 15px;
}

h3#respond {
color: #6cc;
padding: 10px 15px 5px 15px;
}

ol.commentlist {
list-style-type: none;
}

input {
color: #000;
background: #fff;
border: 1px solid #6cc
}

textarea {
color: #000;
background: #fff;
border: 1px solid #6cc;
width: 400px;
}

/* Begin Images 
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid)

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;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
End Images */

p img { padding: 0; max-width: 100%; }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {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; }

.nav-previous {
text-align: left;
}

.nav-next {
text-align: right;
}

.floatclear {
clear: both;
}

p.postdata {
font-size: 10px;
}