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

/*
Theme Name: Smitten
Description: 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
*/

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

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

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

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

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

h3, h4, h5, h6 {
font-size: 1.2em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
color: #b1bf4d;
}


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

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

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

a img {
border: none;
}


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

body {
background: url('http://www.thisisabrowngirl.com/blog/wp-content/themes/Summer_2010/images/background.jpg') no-repeat center #4a2a16;
background-attachment: fixed;
color: ##4a2a16;
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;
}

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

.main { 
width: 550px; 
padding: 0 30px 20px 5px;
overflow: hidden;
float: right;
display: inline;
}

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

.about {
width: 800px;
padding: 0;
margin: 0 45px 30px 55px;
border: 0;
overflow: hidden;
font-size: 0.85em;
float: none;
}

.about h2 {
font-size: 1.5em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
color: #bdbd5b;
text-align: center;
}

.footer-meta {
width: 900px;
padding: 30px 0 20px 0;
margin: 0 0 10px 0;
border: 0;
overflow: hidden;
text-align: center;
font-size: .75em;
color: #412d08;
font-family: "Trebuchet MS", Verdana, sans-serif;
}

.footer-meta a {
color: #412d08;
text-decoration: none;
}

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

.footer-navi {
width: 550px; 
float: right;
text-align: center;
font-size: .70em;
color: #412d08;
font-family: "Trebuchet MS", Verdana, sans-serif;
text-transform: uppercase;
}

.footer-navi a {
color: #412d08;
text-decoration: none;
}

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



/***** Elements *****/

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

.post-title {
color: #bdbd5b;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 1.2em;
font-weight: bolder;
text-transform: capitalize;
padding: 0;
}

.post {
font-family: 'Century Gothic', 'Lucida Grande', Sans-Serif;
font-size: .80em;
text-align: left; 
padding-bottom: 5px;
}

.center-post {
font-family: 'Century Gothic', 'Lucida Grande', Sans-Serif;
font-size: .85em;
text-align: center; 
padding-bottom: 5px;
}

.comment {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: .70em;
color: #412d08; 
text-align: left;
padding-bottom: 40px;
}


/***** Sidebar Elements *****/ 

.menu-title {
padding: 0 0 0 10px;
width: 200px;
height: 20px;
text-align: left;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 1.1em;
color: #b1bf4d;
}

ul.menu-list {
color: #4a2a16;
font-size: .75em;
font-weight: bold;
list-style-type: none;
margin: 0;
padding: 0 5px 0 15px;
text-align: left;
text-indent: 10px;
}

ul.list {
font-family: 'Century Gothic', 'Lucida Grande', Sans-Serif;
font-size: .80em;
color: #412d08; 
text-align: left;
margin-left: 20px;
text-indent: 0px;
list-style: disc;
}


/***** Etcetera ******/
 
textarea,input {
font-size: .80em;
font-family: 'Century Gothic', 'Lucida Grande', Sans-Serif;
color: #412d08;
border : 1px solid #412d08; 
background-color : #ffffff; 
}