/*  
Theme Name: Archies Room (Anne's Blog)
Blog creation by: Rebecca Creates
Url:http://rebecca-creates.com
*/


/* layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body {position: relative; background: url(images/bg_body.gif) top left repeat-x #99cc66; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: center;}
#page {display: block; width: 750px; background: #f4ffe4;text-align: left; margin: 0 auto; border-left: solid 4px #69804a;border-right: solid 4px #69804a; }
#header {width: 750px; padding: 0;}
#content {float: right; display: block; width: 525px; padding-top: 10px;}
#sidebar {float: left; display: block; width: 195px; margin-left: 2px; padding-top: 10px;}
* html #content, * html #sidebar {margin-top: -25px;}
.post {float: left; padding-left: 23px; display: block; width: 480px; margin: 0;}
.page {float: left; display: block; width: 480px; margin: 0;}
.archive {float: left; display: block; width: 480px; margin: 0; border-bottom: 1px solid #ccc;}
#sidebar .post {display: block; width: 157px; margin: 0;}
.title {float: left; display: block; width: 520px; background:#e4f0d4; margin: 0 0 12px 0px;}
#sidebar .title {float: left; display: block; width: 193px; background: url(images/bg_h3.gif) bottom left repeat-x #daedb8;}
.entry {float: right; display: block; width: 500px; margin: 0;}
.postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 0;}
.archive .postinfo {margin-left: 5px;}
.archive .entry {margin-right: -24px; }
* html .post, * html #sidebar .post, * html .archive  {margin-left: 0; position: relative; left: 18px;}
p img {margin: 25px;}

/* typography */
h1 {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
.description {color: #CADFED; margin: 0 37px 25px 37px;}
.title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}
#content .postwrapper .title h2 {font: 1.4em Arial, Helvetica, sans-serif; text-transform: lowercase; background: url(images/icon_entry.gif) 24px 50% no-repeat; padding:10px 100px 10px 42px;}
#sidebar .title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 0 12px 24px; background: none; color: #6c804d;}
.title small {float: right; padding: 14px 24px 0 0; color: #69804a;}
h2 a, h2 a:visited {}
h3 {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;}
p {margin: 0 0 18px 0; padding: 0;}
.entry p {padding-right: 24px;}
.postinfo p {padding: 0 6px;}
.req {padding-left: 3px; color: #CC0000;}
blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}

/* lists */
ul {margin: 0 0 24px 6px;list-style-type: none;}
ol {margin: 0 0 24px 6px;}
ul li {margin: 0 24px 0 14px;}
ol li {margin: 0 24px 0 14px;}
.buttons {float: left; list-style: none; margin-left: 0;}
.buttons li {float: left; margin: 0 18px 0 0; padding: 0;}
* html .buttons li {margin: 0;}
.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #daedb8;}
.buttons a:hover {background-position: bottom right;}


.catlist {float: left; list-style: none; margin: 0 0 18px 0;}
.catlist li {float: left; margin: 0 18px 0 0; padding-left: 10px;}
.catlist a, .catlist a:visited {display: block; padding-left: 10px; margin: 0 18px 0 0;}
.catlist a:hover {background: #F2F2F2;}

#themeswitcher {list-style: none; margin: 0 0 18px 0;}
#themeswitcher li {margin: 0;}
#sidelist {list-style: none;}
#sidelist li {margin: 0;}
#sidelist li li {margin: 0 24px 0 8px;}
#sidelist ul {list-style-type: disc; }


/* links */
a, a:visited {color: #993300; text-decoration: none;}
p a:hover, ul a:hover {color: #5C743D;}
#content p a:hover, #content ul a:hover {background-color: #d8edb5;}


/* main image */
#mainpic {float: left; background: url(images/mainpic.jpg) no-repeat; display: block; width: 750px; height: 141px; margin: 0px;}


/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;padding: 5px;}
#s {width: 130px; padding: 5px; border: 1px solid #daedb8; background: #eefbe8; color: #32474B; margin-left: 5px;}
select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 308px; font: 1em Verdana, Arial, Helvetica, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}


/* footer */
#footer {clear: both; display: block; width: 750px; bottom no-repeat; text-align: center;}
* html #footer {margin-top: 10px; position: relative;}
#footer p {color: #798892; padding: 0 37px 7px 37px;}
#footer a, #footer a:visited {color: #B05255;}