/*  
Theme Name: Wisdom Custom
Description: Custom Template for Wisdom Within You Blog
Version: 1.0
Author: Amy Derr
Author URI: http://www.insitefulwebdesign.com/
*/

body {background: transparent url(images/mainbg.gif); font: 80%/110% arial, verdana, geneva, sans-serif; margin: auto;}
input, textarea {font: 95% arial, verdana, geneva, sans-serif; padding: 2px;}
h2 {font-size: 110%;}
h3 {font-size: 105%;}

#wrap {background: transparent url(images/body-bg.gif) repeat-y; margin: 8px auto; width: 682px;}

/* =HEADER
---------------------------------------*/
#header h1 {text-indent: -9999px; margin: 0; padding: 0;}
#header h1.logo {background: transparent url(images/blog-header.jpg) no-repeat; width: 682px; height: 124px; padding: 0; margin: 0;}

/* =CONTENT
---------------------------------------*/
#content {float: right; width: 540px; margin: 11px;}
#content .post {margin-bottom: 50px;}
#content .post-title {border-bottom: 1px solid #2A2E75; font-size: 105%; margin: 5px 0; padding: 0;}
#content .post-title a {color: #000; text-decoration: none;}
#content .post-title a:hover {color: #2A2E75;}
#content .post-date {padding: 0; margin: 0; font-size: 80%; text-indent: 0;}
#content .post-meta {font-size: 75%; text-indent: 0;}

/* =SINGLE
-----------------------------------------*/
#single {float: right; width: 530px; margin: 15px;}
#single .post-title {border-bottom: 1px solid #2A2E75; font-size: 105%; margin: 5px 0; padding: 0;}
#single .post-meta {font-size: 80%; border-bottom: 1px solid #2A2E75; border-top: 1px solid #2A2E75; margin-top: 50px; padding: 5px 0;}

/* =COMMENTS
-----------------------------------------*/
#comment-wrap cite {font-size: 105%; font-style: normal; font-weight: bold;}
#comment-wrap ol li {margin-bottom: 25px;}
p.comment-meta {font-size: 75%; margin: 0; padding: 0;}
#comment-wrap input {width: 50%;}
input#submit {width: auto;}
textarea#comment {width: 80%;}

/* =ARCHIVES
------------------------------------------*/
#archive {float: right; width: 540px; margin: 0 auto;}
#archive h2.archive-title {border-bottom: 1px solid #366; font-size: 105%; margin: 5px 0; padding: 0;}
#archive h3 {padding: 0; margin: 0;}
#archive h3 a {text-decoration: none;}
#archive .post-date {font-size: 75%; padding: 0; margin: 0; text-indent: 0;}
#archive .post {margin-bottom: 50px;}
#archive .post-meta {font-size: 75%; text-indent: 0;}

/* =PAGE
--------------------------------------------*/
#page {float: right; width: 530px; margin: 11px;}
#page .page-title {border-bottom: 1px solid #2A2E75; font-size: 105%; margin: 5px 0; padding: 0;}

/* =SEARCH
---------------------------------------------*/
#search-page {float: right; width: 540px; margin: 0 auto;}
#search-page .page-title {border-bottom: 1px solid #2A2E75; font-size: 105%; margin: 5px 0; padding: 0;}
#search-page .post-title {margin: 0; padding: 0;}
#search-page .post-title a {color: #000; text-decoration: none;}
#search-page .post-title a:hover {color: #366}
#search-page .post-date {font-size: 75%; margin: 0; padding: 0; text-indent: 0;}
#search-page .post {margin-bottom: 50px;}
#search-page .post-meta {font-size: 80%; text-indent: 0;}

#searchform {text-align: center;}
input#s {width: 90%;}
#searchsubmit {padding: 0; width: 80%;}

/* =SIDEBAR
--------------------------------------------*/
#sidebar {float: left; width: 100px; font-size: 90%; padding: 0; margin: 0 10px;}
#sidebar a {color: #333399; text-decoration: none;}
#sidebar a:hover {text-decoration: underline;}
#sidebar ul {list-style: none; margin: 0; padding: 0; }
#sidebar ul li {list-style: none; margin: 0; padding: 0;}
#sidebar ul li ul {padding: 0; margin: 0 5px 25px 15px;}
#sidebar ul li h2 {font-size: 95%; margin: 0; padding: 0;}
#sidebar li ul li {color: #2A2E75; list-style: square; margin: 0; list-style-position: outside; padding: 0;}

/* =FOOTER
--------------------------------------------*/
#footer {background: transparent url(images/footer-bg.gif); clear: both; font-size: 70%; text-align: center; padding: 8px 0; }
#footer a:link {text-decoration: none; color: white;}
#footer a:visited {text-decoration: none; color: white;}
#footer a:active {text-decoration: none; color: white;}
#footer a:hover {text-decoration: underline; color: white;}

/* =MISC
--------------------------------------------*/
.center {text-align: center;}
.floatleft {float: left; margin: 5px;}
.floatright {float: right; margin: 5px;}
.right {text-align: right;}
.left {text-align: left;}