* <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 */

/*
Theme Name: Smitten Theme for Beaded Jewelry
Description: WP Smitten Theme designed by Neenuh 
Version: 1.0
Author: Neenuh
Author URI: http://thisisabrowngirl.com
Tags: two columns, widgets, fixed width, shabby chic, chic, scrapbook papers
Digital scrapbook papers and elements from http://www.ggdigitaldesigns.com and http://www.catscrap.com 
*/


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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, img,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1.3;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}

del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}


/***** General Typography and Colors *****/

body {
font-family: 'Century Gothic', 'Lucida Grande', Sans-Serif;
font-weight: normal;
}

h1 {
font-size: 1.5em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
}

h2 {
font-size: 1.4em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
color: #bdbd5b;
}

h3 {
font-size: 1.1em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
color: #bdbd5b;
}

h4, h5, h6 {
font-size: .90em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
color: #bdbd5b;
}

strong, em, b, i {
font-family: 'Century Gothic', 'Lucida Grande', Sans-Serif;
} 

a, a:active, a:visited {
color: #412d08;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #9e0c0f;
text-decoration: none;
}

a img {
border: none;
}

blockquote {
width: 300px;
background: #bdbd5b;
padding: 10px;
color: #412d08;
font-size: .85em;  
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}




/***** The Background Image *****/

body {
background: url('images/background.jpg') no-repeat center #412d08;
background-attachment: fixed;
color: #412d08;
margin: 0;
padding: 0;
}


/***** The Containers *****/

#page {
width: 900px;
margin: 0 auto;
overflow: auto;
background: #ffffff;
}

#wrapper {
width: 900px;
margin: 0 auto;
overflow: auto;
background: #ffffff;
}


/***** The Header Section *****/

#header {
width: 900px;
height: 418px;
padding: 20px 0 20px 0;
margin: 10px 0 20px 0;
border: 0;
overflow: hidden;
}


/***** The Content Section *****/

#content {
width: 600px;
float: right;
overflow: hidden;
display: inline;
}

.datetab {
width: 600px;
margin: 0 0 5px 0;
padding: 0;
font-family: "Trebuchet MS", Verdana, sans-serif;
text-transform: uppercase;
font-weight: bold;
font-size: .75em;
color: #412d08; 
letter-spacing: 2px;
text-align: left;
}

.post {
width: 600px;
}

.post-title h2{
padding: 0;
margin: 3px 0 10px 0;
text-align: left;
text-transform: capitalize;
}

.post-title h2 a {
text-decoration: none;
color: #bdbd5b;
}

.post-title h2 a:hover {
color: #bdbd5b;
text-decoration: none;
}

.post-story {
font-size: .80em;
color: #412d08;
padding: 10px 30px 10px 0;
text-align: left;
}

.post-story ul { 
list-style-type: disc; 
}

.post-story ol {
list-style-type: decimal; 
}

.post-story ul li, 
.post-story ol li {
text-align: left;
font-size: .75em;
}

.signature {
background: url('images/signature.png') no-repeat;
width: 600px;
height: 38px;
padding: 0;
margin: 15px 0px 10px 0;
border: 0;
}

.story-meta {
width: 600px;
padding: 0 0 30px 0;
margin: 10px 0px 20px 0;
border: 0;
font-size: .70em;
text-align: left;
font-family: "Trebuchet MS", Verdana, sans-serif;
}

.story-meta a {
text-decoration: none;
color: #bdbd5b;
}

.story-meta a:hover {
color: #9e0c0f;
text-decoration: none;
}

.navigation {
padding: 10px 0 10px 0;
margin: 20px 0 20px 0;
text-align: center;
}

.navigation a {
text-decoration: none;
color: #412d08;
font-size: .70em;
font-family: "Trebuchet MS", Verdana, sans-serif;
}

.navigation a:hover {
color: #9e0c0f;
text-decoration: none;
}


/***** The Comments Section *****/

.comments-template {
margin: 30px 30px 20px 0;
padding: 10px;
border: solid 1px #412d08;
}

.comments-template ol {
margin: 0;
padding: 0;
list-style: none;
}

.comments-template ol li {
background: #ffffff url('images/brad2.png') top left no-repeat;
margin: 5px 20px 5px 20px;
line-height: 1.2em;
padding: 10px 10px 25px 80px;
border: 0;
font-size: .80em;
border-bottom: solid 1px #412d08;
}

.comments-template h2 {
font-family: "Trebuchet MS", Verdana, sans-serif;
padding: 0 15px 0 15px;
text-align: left;
}

.comments-template h3 {
font-family: "Trebuchet MS", Verdana, sans-serif;
padding: 0 0 0 0;
text-align: left;
}

.comments-template h4 {
font-family: "Trebuchet MS", Verdana, sans-serif;
padding: 0 0 0 20px;
text-align: left;
}

.comments-template ol li.alt {
background: #ffffff url('images/brad1.png') top left no-repeat;
margin: 5px 20px 5px 20px;
line-height: 1.2em;
padding: 10px 10px 25px 80px;
border: 0;
font-size: .80em;
border-bottom: solid 1px #412d08;
}

.comments-template .avatar {
margin-bottom: 4px;
vertical-align: middle;
border: 0;
float: right;
}

.commentmetadata {
font-size: .80em;
}

.comments-template p.nocomments {
padding: 0;
}

.comments-template textarea {
font-family: 'Century Gothic', 'Lucida Grande', Sans-Serif;
font-size: .80em;
padding: 3px;
}

.comment-box {
padding: 0 15px 0 15px;
}

#zrx_captcha {
padding: 20px 0 20px 0;
margin: 20px 0 20px 0;
font-size: .80em;
color: #412d08;
font-weight: bold;
}

.not-found {
margin: 40px 0 0 0;
text-align: center;
font-weight: bold;
background: #ffffff;
padding: 20px 0 10px 0;
}


/***** The Sidebar Section *****/

#sidebar {
width: 210px;
margin: 0 0 0 20px;
padding: 0 0 20px 0;
border: 0;
overflow: hidden;
float: left;
display: inline;
}

#sidebar h3 {
background: url('images/ribbon.png') no-repeat;
padding: 30px 0 0 55px;
width: 200px;
height: 40px;
text-align: left;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 1.2em;
color: #bdbd5b;
} 

#sidebar ul {
color: #412d08;
font-size: .90em;
font-weight: bold;
list-style-type: none;
margin: 0;
padding: 0 5px 0 15px;
text-align: left;
text-indent: -10px;
}

#sidebar ul li {
font-size: .90em;
font-weight: bold;
list-style-type: none;
}

#sidebar ul ul li {
font-size: .90em;
font-weight: bold;
list-style-type: none;
}

#sidebar ul, #sidebar ul li, #sidebar ul li h3, #sidebar ul ul li a {
text-decoration: none;
}

#sidebar ul, #sidebar ul li, #sidebar ul li h3, #sidebar ul ul li a:hover {
text-decoration: none;
}


/***** The Footer Section *****/

#footer {
width: 900px;
padding: 20px 0 20px 0;
margin: 50px 0 10px 0;
border: 0;
}

.footer-navi {
margin: 0;
padding: 0;
font-size: .75em;
color: #412d08;
font-family: "Trebuchet MS", Verdana, sans-serif;
text-align: center;
}
        
.footer-navi a {
text-decoration: none;
}

.footer-navi a:hover {
color: #9e0c0f;
text-decoration: none;
}

.footer-meta {
margin: 0;
padding: 0;
font-size: .70em;
color: #412d08;
text-align: center;
font-family: "Trebuchet MS", Verdana, sans-serif;
}
        
.footer-meta a {
text-decoration: none;
}

.footer-meta a:hover {
color: #9e0c0f;
text-decoration: none;
}


/***** Images Alignment *****/

img.alignleft {
float: left;
margin: 10px;
}

img.aligncenter {
display: block;
margin: 10px;
}

img.alignright {
float: right;
margin: 10px;
}

img.size-thumbnail {
}

img.size-medium{
}

img.size-full {
}


/***** WordPress Stylings *****/

.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: #f3f3f3;
padding-top: 4px;
margin: 10px;
   
/* optional rounded corners for browsers that support it */

border-radius: 3px;

-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

.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;
}

.wp-polls .pollbar {
margin: 1px;
font-size: 6px;
line-height: 8px;
height: 8px;
border: 1px solid #c8c8c8;
}