/*
Theme Name: Princess Mia
Theme URI:
Description: A custom theme for <a href="http://littleprincessmia.com">www.littleprincessmia.com</a>
Version: 1.0
Author: Concept Logic
Author URI: http://conceptlogic.com/
Tags:
*/


html { font-size:62.5%; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline; }

body { position:relative; background:#729650; color:#000; text-align:center; font-size:1.55em; font-family:trebuchet ms;  }

#wrapper { background:url('/images/sky-repeating.jpg') top repeat-x  #fff; }

a { color:#3aa8a8; }
a:hover { text-decoration:none; }

h2, h3, h4 { font-family:'comic sans ms', 'comic sans'; }
h2, h4, p, ul { padding-bottom:20px; }
h3 { border-bottom:dashed 1px #ccc; margin:1em 0 5px 0; }
#content h3, #wide-content h3 { margin-bottom:1em; }

#content ul, #wide-content ul { margin-left:30px; }

#header { position:relative; text-align:left; margin:0 auto; width:1000px; z-index:50; background-image:url('/images/clouds.gif'); background-position:550px 20px; background-repeat:no-repeat; }

h1 { position:relative; left:75px; }
#ribbon { position:absolute; z-index:100; left:24px; top:55px; }

#butterfly-1 { background:url(/images/butterfly-1.png); height:40px; width:40px; position:absolute; top:20px; right:40px; }
#butterfly-2 { background:url(/images/butterfly-3.png); height:40px; width:40px; position:absolute; top:60px; right:0; }

#primary-nav { text-align:center; position:relative; z-index:10; padding-bottom:15px; border-bottom:solid 1px #ff00ff; background:#fff; }
#primary-nav li { background:url(/images/nav-divider.gif) center right no-repeat; display:inline; padding:0 10px 0 5px; }
#primary-nav li#last { background:none; }
#primary-nav img { position:relative; top:4px; }

#top-corners { background:url(/images/rounded-corners.png) top no-repeat; margin:0 auto; height:16px; width:900px; }
#page {	background:url(/images/content-background.gif) center repeat-y; text-align:left; width:898px; margin:0 auto; padding:0 51px; border-top:0; border-bottom:0; position:relative; z-index:10; }
#bottom-corners { position:relative; background:url(/images/rounded-corners-bottom.png) top no-repeat; margin:0 auto 0 auto; height:16px; width:900px; }
#bottom-corners #butterfly { background:url(/images/butterfly-2.png); height:40px; width:40px; position:absolute; top:0; left:0; z-index:1000; }

#content, #wide-content { float:left; padding:20px 45px; width:500px; }
#wide-content { float:none; width:auto; }

.post { border-bottom:dashed 3px #c3d9ff;  }

.alt { background:#dff5fa; }

#sidebar { margin-left:640px; padding:45px 0 15px 0; width:225px; }
#sidebar ul { padding-bottom:20px; }
#sidebar li { list-style:none; }
#sidebar li li { list-style:circle; margin-left:1em; }
#sidebar img { margin-bottom:30px; }

#footer { text-align:center; background:url('/images/grass-repeating.gif') repeat-x #729650; color:#fff; position:relative; }
#footer a { color:#ededed; }
#footer a:hover { text-decoration:none; }
#footer div { height:230px; background:url('/images/grass-centered.jpg') bottom center no-repeat; text-align:center; margin:0 auto; padding-top:100px; }
#footer p, #footer ul { position:relative; top:10px; }
#footer ul { list-style:none; }

.clear { clear:both; }

acronym, abbr {	cursor:help; border-bottom:1px dashed #999; }

.center { text-align:center; }

.hide, hr { display:none; }

div.hr { border-bottom:dashed 1px #000; }

.navigation { background:#f9f6fc; padding:0.5em; }
.postmetadata { padding:10px; margin-top:1em; }

/**** EDIT LINKS ****/
.edit-this a { background:#e0f9c4; border:solid 1px #669966; border-right:solid 1px #006600; border-bottom:solid 1px #333; color:#669966; text-align:center; text-decoration:none; }
.edit-this a:hover { background:#8adb8a; color:#000; border:solid 1px #333; }

p.edit-this a { display:block; width:8em; margin-top:20px; padding:5px 10px; }

span.edit-this a { padding:3px 5px; display:block; float:right; }


/**** HOME PAGE ****/
#mia { position:absolute; top:80px; right:71px; }

#home-page-nav { position:relative; width:900px; margin:0 auto; list-style:none; height:420px; }
#home-page-nav li { width:280px; height:200px; text-align:left; }
#home-page-nav img.center { display:block; margin:0 auto; }

#updates { position:absolute; top:0; left:0; }
#photos { position:absolute; top:0; left:310px; }
#guestbook { position:absolute; top:0; right:0; }
#donate { position:absolute; top:220px; left:0; }
#t-shirts { position:absolute; top:220px; left:310px; }
#calendar { position:absolute; top:220px; right:0; }

#last-update { background:url(/images/clouds-tile.jpg) #dff5fa; padding:20px; margin-bottom:1em; }

.post { padding:15px; }
.post small, #last-update small { float:right; }


/**** PHOTOS PAGE ****/
table { float:left; }


/**** DONATE PAGE ****/
#donate-form, #content .vcard { background:url(/images/clouds-tile.jpg) #dff5fa; border:solid 3px #c3d9ff; text-align:center; padding:10px 0; width:70%; }
#donate-form, #content .vcard, #content .vcard ul { margin:0 auto 1em auto; }

#content .vcard { text-align:left; }
#content .vcard { padding-top:20px; }
.vcard ul { padding-bottom:0; }
.vcard li { list-style:none; padding-left:5em; }
.vcard li li { padding-left:0; }


/**** GUESTBOOK PAGE ****/
#commentform { margin:0 0 30px 30px; }

.textbox { padding:3px; border:solid 2px #8d5ebe; background:#f9f6fc; }

.commentlist li { padding:15px; position:relative; border-bottom:dashed 3px #c3d9ff; }
.commentlist .avatar { border:solid 1px #666; float:left; margin-right:10px; }

.commentmetadata { position:absolute; top:10px; right:10px; }

cite { font-weight:bold; font-style:normal; }

.comment-page-numbers { text-align:right; margin:2em 0; background:#f9f6fc; padding:0.5em; }


/**** T-SHIRTS PAGE ****/
table#shirts { margin:1em auto 0 auto; float:none; border-spacing:20px; margin-bottom:2em;  }
table#shirts td { border:solid 3px #ccc; padding:20px; text-align:center; }
table#shirts img { display:block; margin-bottom:10px;  }

.order-shirts { padding:10px; margin:0 auto; }
#wide-content .order-shirts h3 { margin:0 0 5px 0;  }
#wide-content .order-shirts ul { margin:0; position:relative; height:2em; list-style:none; }

.order-shirts .price { position:absolute; top:10px; left:25px; }
.order-shirts .color { position:absolute; top:10px; left:380px; }
.order-shirts .size { position:absolute; top:10px; left:170px; }
.order-shirts .button { position:absolute; top:10px; right:15px; }

.order-shirts select { width:7em; }