/*  
Theme Name: Garnet and Gold
Theme URI: http://www.amberleafcreative.com
Description: A jewel toned theme based on WP-Inspirat
Author: Lisa Paitz Spindler
Author URI: http://www.amberleafcreative.com

Beth Andrews
http://www.bethandrews.com

*/

* { margin:0; padding:0;}
body { font:normal 15px 'Century Gothic', Arial, sans-serif; color:#976d3d; background:url(images/bg_frou.gif) repeat;}
a { color:#4CC4E8; text-decoration:none;}
a:hover { color:#1C4EA1;}
h1, h2, h3, h4, h5, h6 { font:normal 25px 'Century Gothic', Arial, sans-serif;  text-transform:uppercase;}
hr { display:none;}
ul, ol { list-style:none;}
abbr { border:0;}
input, select, textarea {font:normal 12px 'Century Gothic', Arial, sans-serif; color:#666; padding:5px 8px}
small { font-size:10px; text-transform:uppercase;}

#page {background:url(images/header.png) no-repeat 50px 0px;}
#header {height: 250px; padding:50px; padding-top: 20px; }
#header #headerimg {margin-left: 590px; width: 251px; height: 200px; background:url(images/swirly.png) no-repeat 0px 0px; padding-top: 75px; text-align: center;}
#header #headerimg li a {color: #976D3D; font-size: 24px;}
#header #headerimg li a:hover {color: #4CC4E8;}
#header h1 { font-size:48px; text-transform:none; letter-spacing:-2px;}
#header .description {  }

#container { position:relative;}
#content { padding:0 50px 100px 50px; width:625px;  float:left; }
.narrowcolumn { }
.widecolumn {  }

.post { margin-bottom:50px; clear:both;}
.post h2 { /*background:url(images/bg_post.png) no-repeat left bottom; padding-bottom:20px*/ }
.post h2 a {color:#AF8656; }
.post h2 a:hover {color:#4CC4E8;}
.post small { font-size:10px; text-transform:uppercase;}
.post .entry { margin-top:15px;}
.post .entry img { float:left; margin:0 10px 5px 0;}
.post .entry p { margin-bottom:15px; }
.post .postmetadata { font-size:10px; text-transform:uppercase; clear:both; }
.post .entry ul { padding:0 0 0 40px; margin-bottom:15px; list-style-type:disc}
.post .entry ol { padding:0 0 0 40px; margin-bottom:15px; list-style-type: decimal}
code { font-size:11px ; }
.post .bookcvr { float:left; height:300px; padding:10px 12px; text-align:center; width:189px;}
.post .bookcvr p {font-size:12px;}
blockquote { background:#f6f6f6 url(images/dot-blue.gif) repeat-x;  font-style:italic; }
blockquote p:first-letter { font-size:25px; text-transform:uppercase}
blockquote p { margin:0; padding:15px;}


.navigation { position:absolute; left:50px; bottom:-1px;}
.navigation a { background:url(images/tab.png) no-repeat ; color:#fff; float:left; padding:10px 0; width:161px; text-align:center; margin-right:3px;}

.center { text-align:center  }
.pagetitle { margin-bottom:30px}
.wp-smiley { float:none!important; vertical-align:middle;}

#sidebar { float:left; font-family: 'Century Gothic', Arial, sans-serif; padding-bottom:100px; width:200px; font-size: 12px; line-height: 20px;}
#sidebar p {padding-bottom: 12px;}
#sidebar a { color:#AF8656; background:url(images/dot-gold.gif) repeat-x left bottom;}
#sidebar a:hover { color:#fff; background:none;}
#sidebar ul li { padding:3px 0;}
#sidebar ul li ul li ul li { font-size:11px; padding:0 0 0 3px;}
#sidebar ul li ul li ul li a { background:none}
#sidebar h2 {font-size: 18px; padding-top: 10px;}

#sidebar #searchform { margin-bottom:30px; width:300px;}
#s { border:1px solid #A7A6AA;}
#searchsubmit { cursor:pointer; padding:3px}
.pagenav, .archives, .categories, .linkcat {margin-bottom:30px;}

#footer { clear:both; background:#af8656 url(images/bg_footer.png) repeat-x; color:#fff; padding:25px; padding-left: 75px; height:245px;}
*html #footer { background:#062833 url(images/bg-footer.png) repeat-x; }
#footer a { color:#fff; background:url(images/dot-white.gif) repeat-x left bottom; padding:1px 0; }
#footer a:hover { color:#70100b; background: none;}
#footer ul { font-family:'Century Gothic', Arial, sans-serif}
#footer li { padding:3px 0;}
#footer p {padding: 6px;}
#footer h4 {font-size: 16px; color: #AF8656; background-color: #70100b;	padding: 5px; text-align: center;}

#about { width:500px; float:left; margin-right:50px; font:italic normal  17px Georgia, "Times New Roman", Times, serif; }
#about p { }
#about div.copy { background:url(images/dot-white.gif) repeat-x left top; font:normal 13px 'Trebuchet MS', Arial, Helvetica, sans-serif; margin:0 44px; padding-top:15px;}
#about div.copy a { background:none;}
#meta { float:left }
#rss { position:absolute; outline:none; left:590px; bottom:0; display:block; width:113px; height:83px; background:url(images/feed-icon.jpg) no-repeat left top ; text-indent:-9999px;}

.commentlist {  margin-bottom:50px }
.commentlist li { padding:10px 0; background:url(images/dot-blue.gif) repeat-x left bottom}
.commentlist cite { font:italic normal 17px Georgia, "Times New Roman", Times, serif; }
.commentlist li ol { margin:0;}
.commentlist li ol li { padding:0; background:none;}
.commentlist li ul { margin:0;}
.commentlist li ul li { padding:0; background:none;}
.commentlist li blockquote { margin:0; padding:0; background:none;}

#commentform p { margin-bottom:5px;}
#commentform label { cursor:pointer}
#author, #email, #url, #comment {border:1px solid #A7A6AA; vertical-align:middle}
#comment { width:480px; overflow:auto}
#submit { padding:3px; cursor:pointer}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0;height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%;}

div.float {float: left; width: 225px; padding: 0px 25px; text-align: center;}

.copyright {display: block; clear: both; width: 675px; font-size: 10px; font-family: 'Century Gothic', Arial, sans-serif; text-align: center; padding-top: 15px; padding-left: 75px;} 

/* MAILCHIMP SIGNUP FORM STYLES */

.container {
        background-color:#FFFFFF;  /* #1# Editable Foreground */
        border: 1px solid #000000;  /* #1# Editable */
        }

        .content {
        background-color:#FFFFFF;  /* #1# Editable Foreground */
        font-family:'Century Gothic';  /* #3# Editable */
        padding:16px;  /* #3# Editable */
        }

        .headerBar {
        background-color:#70100b;  /* #2# Editable */
        color:#af8656;  /* #2# Editable */
        font-size:22px;  /* #2# Editable */
        font-family:'Century Gothic';  /* #2# Editable */
        font-weight:bold;  /* #2# Editable */
        padding:10px;  /* #2# Editable */
        text-align:left;  /* #2# Editable */
        border-bottom:0px solid #000000; /* #2# Editable */
        }

        .headerBarImg {
        background-color:#CCCCCC;  /* Editable */
        padding:20px;  /* Editable */
        text-align:left;  /* Editable */
        }

        .formText {
        font-family: 'Century Gothic';  /* #3# Editable */
        font-size:12px;  /* #3# Editable */
        line-height: Half;  /* #3# Editable */
        color: #333333;  /* #3# Editable */
        }

        .alert {
        font-size:20px;  /* #3# Editable */
        line-height:Double;  /* #3# Editable */
        color:#FF0000;  /* #3# Editable */
        font-family:Arial;  /* #3# Editable */
        font-weight:bold;  /* #3# Editable */
        }

        div.errorText {
        font-size: 12px;  /* #3# Editable */
        line-height:Half;  /* #3# Editable */
        font-weight:bold;  /* #3# Editable */
        color:#FF0000;  /* #3# Editable */
        font-family:'Century Gothic';  /* #3# Editable */
        background-color:#FFEEEE;  /* #3# Editable */
        padding:5px;  /* #3# Editable */
        margin:3px;  /* #3# Editable */
        }

        a.poweredBy {
        font-size:10px;
        font-family:trebuchet ms;
        text-decoration: none;
        }
        
        .poweredByBox td {
        text-align: center;
        }

        div.headerTextOn {
        	display: none;
        }
        
        div.headerImgOff {
        	display: none;
        }