/*  
Theme Name: Clam Shack
Author: Mary Baker and Mary Baker Art and Mary Baker Design
Author URI: http://www.marybakerart.com
 

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* main styles */
body {background:#2b2b42 url(images/bg.gif) 0 0 repeat-x; margin:0 auto; padding:0; text-align: center;font-family: Geneva, Arial, Helvetica, sans-serif; border-bottom:20px solid #2b2b42;}
a:link, a:visited {color:#630; text-decoration:none;}
a:hover, a:active {color:#963; text-decoration:underline;}
#page {width:760px; background-color: #faf3f3; margin:0 auto;border-top:5px solid #336; border-right:4px solid #003; border-left:4px solid #003;border-bottom:3px solid #003;}
#header {width: 760px; height: 200px;background:url(images/head.gif) 0 0 no-repeat;padding-top: 8px; text-align:left; margin: 0 0 -8px 0;}
#menu {width:760px; height: 40px; float:left; background: url(images/menu.gif) 0 0 no-repeat; padding-top: 0px; margin: 0 auto; display: inline; border-top:4px solid #336;font-family: Geneva, Arial, Helvetica, sans-serif;}
#content {width: 480px; float:left; text-align: left; padding: 30px 0 10px 45px; margin: 0px 0 0;}
html>body #content {width: 480px; float:left; text-align: left; padding: 0px 0 10px 45px; margin: 0px 0 0;}
#sidebar {width:170px; float:right; text-align:left;  padding:30px 0 70px 20px;}
#footer {clear:both; width: 760px; height: 27px; text-align:center; padding:27px 0 32px 0; color:#666; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; background:url(images/footer.gif) bottom no-repeat;}
#footer a:link, #footer a:visited {color:#666; text-decoration:underline;}
#footer a:hover, #footer a:active {color:#333; text-decoration:underline;}

/* header */
#header h1 {margin:0; color:#e8e8e8; padding:100px 0 0 280px; font-size:36px; font-weight:normal; font-family: Georgia, Times;}
#header h2 {margin:0; color:#e8e8e8; font-size:12px; letter-spacing: 0.5px; padding:0 0 0 284px; font-weight:normal;}
#header a:link, #header a:visited {color:#fff; text-decoration:none;}
#header a:hover, #header a:active {color:#ccc; text-decoration:none;}

/* menu */
#menu ul {margin:0; padding:5px 0 0 20px;}
#menu ul li {font-size: 16px; float: left; font-family: Geneva, Arial, Helvetica, sans-serif;  font-weight: normal;  padding: 6px 15px 0 25px; margin: 0; display:inline; font-variant: small-caps;}
#menu ul li a:link, #menu a:visited {color:#eee; text-decoration:underline;}
#menu ul li a:hover, #menu a:active {color:#eee; text-decoration:underline; font-weight: bold;}

/* posts... */
.post {padding:0px 0 0 0;}
.post h1 {font-size:26px;font-weight:normal;font-variant: small-caps;}
.post h2 {font-size: 26px;font-weight:normal;font-variant: small-caps;}
.post h1, .post h2 {padding:0; margin-bottom:0;}
.post h1 a:link, .post h1 a:visited, .post h2 a:link, .post h2 a:visited {color:#003;}
.post h1 a:hover, .post h1 a:active, .post h2 a:hover, .post h2 a:active {color:#336;}
.post small {font-size:11px; padding:0; margin-top:0; color:#630;}
.post blockquote {border-left:7px solid #EEE; padding-left:10px; margin:0; color:#000;}
.entry {font-size:14px; color:#000; line-height:18px; padding:0;}
.entry img {border:1px solid #CCC; padding:8px; margin:0 5px;}
img.wp-smiley {border:none;}
.postmetadata {font-size:10px; text-align:left; text-transform: uppercase; margin-bottom:30px; color:#630; clear:both; padding-top:10px;}
.more-link {font-style:italic;}

.post .entry h1 {font-size:26px; text-align:left; line-height:24px;}
.post .entry h2 {font-size:26px; text-align:left;}
.entry legend {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:18px;}
th, td {padding:5px;}
cite {font-family:Georgia, "Times New Roman", Times, serif;}
pre {overflow:scroll; padding:5px 10px; background-color:#faf3f3;}
.no-result {text-align:center; border-top:1px solid #630; border-bottom:1px solid #630; padding:10px 20px;font-size:14px; color: #333; margin-top: 50px;}

/* ...and comments */
#comments {text-align:center; font-size:16px; color:#333; padding-top:40px;}
#commentform {padding-left:20px;}
#commentform p {font-size:12px;}
.commentlist {font-size:11px; line-height:16px; padding:0 20px;}
.commentlist li {padding: 15px 5px; background-color: #faf3f3; border: 1px solid #bbb;margin-top:10px;}
.commentlist cite {font-weight:bold;}
.commentlist li .avatar {float: right; border: 1px solid #ccc; padding: 2px; background: #faf3f3;}
#respond {font-size:14px; color:#333; text-align:center; padding-top:40px;}
.nocomments {text-align:center; padding:0 20px; font-size:11px; color:#999;}
.tags {border:1px solid #CCC; background-color:#faf3f3; padding:3px; margin-right:20px;}

/* sidebar */
#sidebar ul {margin:0; padding:0; list-style-type:none;}
#sidebar ul li ul { font-size:12px; margin:0 25px 0 10px; padding:0;}
#sidebar ul li ul li {margin:0 0 0 10px; padding:0; line-height:16px;}
#sidebar ul li h2 {font-size:18px; border-bottom:1px solid #666; color:#630; font-weight:normal; padding-top:10px; font-family: geneva, Arial, Helvetica, sans-serif;}
#sidebar ul li h2 a:link, #sidebar ul li h2 a:visited {color:#630; text-decoration:none;}
#sidebar ul li h2 a:active, #sidebar ul li h2 a:hover {color:#888; text-decoration:none; font-weight:bold;}
#sidebar p, .textwidget {font-size:11px;color: #666; font-weight:normal; padding-left: 15px; padding-right: 15px;}
#sidebar table {margin:0 auto; font-size:11px;}

/* other */
.navigation {text-align:left; font-size:12px; margin:10px 0 0 20px; padding:10px;}
#searchform {text-align:right; font-size:11px; color:#575757; padding-top: 15px; padding-right: 35px;}
.libera {clear:both;}

/* align */
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #faf3f3; padding-top: 4px; margin: 10px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}