/* ---------- reset CSS ---------- */

body {
 font-size:  62.5%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* ------------ begin layout styles ------------- */

body {
 background-color: #810738;
 margin: 0;
 padding-top: 24px;
 background: #810738 url(/wp-content/themes/retro-pink/images/floral-background.png) repeat-x 0 72px;
}

#header {
 width: 100%;
 height: 48px;
 border-bottom: 24px solid #242424;
}

#logo {
 display: block;
 width: 816px;
 margin: 0px auto;
 padding-top: 8px
}

#logo img {
 margin-left: -82px;
}


/* ----------- navigation -------------------------------------------- */

ul#navbar {
 width: 768px;
 height: 24px;
 text-align: right;
 padding: 0;
 margin: -90px auto 0;
 color: #fff;
 font-size: 12px;
}

#navbar li {
 display: inline;
 text-transform: lowercase;
 margin: 0;
 padding: 0 4px 0;

 font-size: 1.1em;
}

#navbar li a:link, #navbar li a:visited {
 color: #fff;
 font-weight: bold;
 text-decoration: none;
}

#navbar li a:active, #navbar li a:hover {
 color: #FFEF97;
 text-decoration: none;
}

/* ------------ content area ------------ */


#contentwrapper {
 background: #fff url(/wp-content/themes/retro-pink/images/corner-flowers.png) 578px bottom  no-repeat;
 border-radius: 30px;
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 width: 768px;
 min-height: 940px;

 margin: 48px auto 0;
 padding: 24px;

 clear: both;
 overflow: auto;
}

#content {
 width: 504px;
 float: left;
}

.error404 {
 width: auto;
 float: none;
}

/* ----------- posts --------------- */

.postmetadata {
 background: #ffef97;
 padding: 6px;
 font-style: italic;
 clear: both;
}

.postmetadata .categories {
}

.postmetadata .comments {
 display: block;
 text-align: right;
 width: 492px;
 margin-top: -15px;
}

/* --------- date calendar ----------- */

.date {
 margin: 0;
}

.calendar {
 display: block;
 float: left;
 padding-right: 4px;
}

.date .month {
 display: block;
 width: 32px;
 height: 12px;
 background: #d11862;
 color: #fff;
 -moz-border-radius: 2px;
-webkit-border-radius: 2px;

 text-align: center;
 font-size: 11px;
 line-height: 1.1em;
 font-weight: bold;
}

.date .day {
 display: block;
 width: 32px;
 height: 15px;
 background: #fff7ac url(/wp-content/themes/retro-pink/images/calendar-gradient.png) bottom repeat-x;
 color: #3f3f3f;
 -moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-radius-bottomleft: 2px;
-webkit-border-radius-bottomright: 2px;

 text-align: center;
 font-weight: bold;
 font-size: 16px;
 padding: 5px 0 6px;

}

.date .year, .date .time {
 margin: -2px 0 2px;
}


/* ----------- comments ----------- */

#comments, #trackbacks {
 background: url(/wp-content/themes/retro-pink/images/small-flower3.png) no-repeat 0px 0px;
 margin-top: 12px;
}

#comments h3 {
 background: url(/wp-content/themes/retro-pink/images/dotted-line.png) repeat-x left bottom;
 padding-bottom: 6px;
 padding-top: 12px;
 margin:  12px 0  10px 48px;
}

#content ol#commentlist {
 list-style: none;
 margin: 12px 0 24px 48px;
 padding: 0;
}

#content ol#commentlist li {
 clear: both;
 padding: 12px 0 6px;
 margin: 0;
 border-bottom: 1px solid #ccc;
}
#content ol#commentlist li:last-child {
 border: none;
}

#commentlist .avatar {
 float: left;
 margin-right: 6px;
}

#content ol#commentlist li.author { /* comments by me */
 background: #FFD5E6;
 padding: 12px 12px 6px;
}

#commentlist p.commentmetadata {
  margin-bottom: 6px;
}

#commentlist cite {
 font-weight: bold;
}

#commentlist .date {
 font-size: 12px;
 display: block;
 text-align: right;
 margin-top: -14px;
}

#content #trackbacks ol {
 list-style: none;
 margin-left: 48px;
 margin-top: 16px;
}

/* ----------- comment form ----------- */

#commentform {
 background: url(/wp-content/themes/retro-pink/images/small-flower3.png) no-repeat 24px 10px;

}

#commentform h3 { 
 background: url(/wp-content/themes/retro-pink/images/dotted-line-white.png) repeat-x left bottom;
 width: 524px;
 margin:  0px 0  10px 48px; 
 padding-bottom: 6px;
 color: #fff;
}

#commentform form {
 margin-left: 48px;
}

#commentform label {
 width: 100px;
 display: block;
 float: left;
 margin: 4px 0;
 clear: left;
}

#commentform input, #commentform textarea {
 margin: 4px 0;
 border: 1px solid #f5dd36;
}

#commentform input[type='submit'] {
	background:#FFEF97;
 	-moz-border-radius: 4px;
}

#cmnt-resize-handle {
 background: #FFEF97  url(/wp-content/themes/retro-pink/images/handle.png) no-repeat center center;
 border: 1px solid #f5dd36;
 cursor: s-resize;
 margin-top: -1px;
 padding: 4px;
}

/* ----------- sidebar ----------- */

#sidebar {
 width: 240px;
 float: left;
 list-style: none;
 margin: 0 0 0 24px;
 padding: 0;
}
#sidebar div  {
 margin-bottom: 12px;
}

#sidebar div div {
 margin-bottom: 0px;
}

#searchform div {
 background: #ffef97;
 padding: 6px;
 margin: 12px 0;

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#searchform input{ /* search button */
 width: 60px
}
#searchform input#s {
 width: 156px;
}

#text-161463611 { /* this is the about me text widget */

}

#text-161463611 img {
 height: 95px;
 width: 95px;
 float: left;
 padding: 0 4px 4px 0;
}

#categories-161463311 ul { /* categories widget  */
 -moz-column-count: 2;
}


/* ----------- chunky footer - common  ----------- */

.chunkyfooter {
clear: both;
 overflow: auto;
 padding: 24px;
 width: 768px;
 margin: 0 auto -48px;
}


/* ----------- homepage footer ----------- */


#homepagefooter div.widget {
 width: 240px;
 float: left;
 margin: -8px  24px 0 0;
 background: url(/wp-content/themes/retro-pink/images/small-flower2.png) no-repeat 0px 0px;
}

#homepagefooter  h2 {
 margin-left: 32px;
 background: url(/wp-content/themes/retro-pink/images/dotted-line-white.png) repeat-x left bottom;
 padding: 8px 0 6px;
}

#homepagefooter #rss-450788041 { /* delicious links */
  margin-right: 0;
} 

#homepagefooter #rss-450788041 h2 a {
 color: #fff;
}

#homepagefooter #rss-450788041 a {
 text-decoration: none;
}

/* ----------- footer ----------- */

#footer {
 width: 100%;
 background: #242424;

 padding: 12px 0;
 margin: 48px auto 0;
 color: #fff;
}

#footer p {
 margin: 6px auto;
 width: 800px;
 font-size: 1.2em;
}

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