/*  
Theme Name: Yum Yum
Description: Photoblog theme made for my blog.
Author: Jenny
*/

@import "comments.css";
@import "links.css";

@font-face { font-family: 'Century Gothic'; src: url('http://justjennifer.me/boogie/wp-content/fonts/Quicksand_Bold.otf'); }

* {  font-style: normal; font-size: 100%; }
html, body { color: #84602C; font-family: "Century Gothic", Futura, "Gill Sans", Helvetica, Arial, sans-serif; font-size: 10pt; margin: 0 auto; background-color: #FFF; }
h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0; }
.clear { clear: both; }
a { text-decoration: none; }
img, img a { border: 0; }

code { font-family: "courier new", monospace; }
address { margin-bottom: 1em; font-style: normal; font-family: "courier new"; }
del { color: #888; text-decoration: line-through; }
ins { text-decoration: underline; }
em { font-weight: bold; }
q { font-style: oblique; }
strong { border-bottom: 1px dotted #ff96a2; color: #ff96a2; }
blockquote { color: #baae9a; font-weight: bold; margin: 0 25px; padding: 10px; font-size: 9pt; }
.alignright { float: right; }
.alignleft { float: left; }

a { color: #99CCFF; }
a:hover { color: #FFC681; }

img.wp-smiley { border: medium none; vertical-align:middle; }
img.alignleft { float: left; background-image: url(images/wall.gif); padding: 10px; margin: 8px 10px 0 0; }
img.alignright { float: right; background-image: url(images/wall.gif); padding: 10px; margin: 8px 0 0 10px; }
img.aligncenter { display: block; background-image: url(images/wall.gif); padding: 10px; margin: 0 auto; }

#topbg {position:absolute; top:0; left:0; width:100%; background-repeat: repeat-x;}
#page { margin: 20px auto; padding: 0; text-align: center; width: 850px; }
#page #header { height: 90px; background: url(images/header.png) top left no-repeat; width: 850px; margin-bottom: 20px; }
#page #header ul#menu { margin: 0; float: right; list-style: none; padding: 35px 0; text-align: right; }
#page #header ul#menu li { font-family: "Quicksand Bold", "Century Gothic", Arial, Sans-Serif; display: inline; float: left; text-transform: lowercase; font-size: 16pt; }
#page #header ul#menu li a { display: block; padding: 0 10px; color: #84602C; }
#page #header ul#menu li.current_page_item a { color: #99CCFF; }
#page #header ul#menu li a:hover { color: #FFCE90; }

#page #container #content { width: 600px; text-align: left; float: left; }
#page #container #content .post { margin: 0 0 30px 0; padding: 0 30px 0 10px; }
#page #container #content .post h2 { text-align: left; font-size: 18pt; font-weight: bold; color: #99CCFF; font-family: "Quicksand Bold", "Century Gothic", Arial, Sans-Serif; }
#page #container #content .post .date { text-align: left; font-size: 8pt; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #FFC681; }

#page #container #content .post .entry { text-align: justify; font-size: 9pt; line-height: 18pt; font-family: Verdana, Tahoma, Arial, Sans-Serif; }
#page #container #content .post .entry a { font-weight: bold; }
#page #container #content .post .entry h3 { margin-top: 1em; color: #FF6699; font-weight: bold; font-size: 15pt; letter-spacing: 1px; }

#page #container #content .post .entry cite { color: #FFC681; font-family: "Century Gothic", Arial; font-weight: bold; }

#page #container #content .post .postmetadata { padding: 15px 0; background: url('images/footer.gif') repeat-x left top; font-family: cambria, georgia, "times new roman", arial, sans-serif; font-size: 9pt; text-align: right; text-transform: lowercase; }

#page #container #content .post .entry h4 { margin-bottom: 1em; padding-left: 15px; line-height: 2; color: #ffb8c0; background: url('images/h4.gif') no-repeat left center; font-weight: bold; font-family: "Century Gothic", Arial; }
#page #container #content .post .entry h5 { margin-bottom: 1em; font-weight: bold; font-family: "Century Gothic", Arial; }
#page #container #content .post .entry h6 { margin-bottom: 1em; color: #baae9a; font-weight: bold; font-family: "Century Gothic", Arial; }

#page #container #sidebar { width: 250px; margin: 0; padding: 0; float: left; font-family: Verdana, Tahoma, Arial, Sans-Serif; }
#page #container #sidebar ul { list-style: none; margin: 0; padding: 0; text-align: left; }
#page #container #sidebar ul li { margin: 0 0 30px 0; padding: 0; }
#page #container #sidebar ul li h3 { padding: 0 5px 5px 5px; font-size: 14pt; font-family: "Quicksand Bold", "Century Gothic", Arial, Sans-Serif; color: #FF6699; }
#page #container #sidebar ul li ul { }
#page #container #sidebar ul li ul li { text-align: justify; margin: 0; padding: 2px 5px; font-size: 8pt; }
#page #container #sidebar ul li ul li.rss { background: url(images/icons/feed.png) no-repeat left center; padding-left: 23px; margin: 0 0 0 5px; }
#page #container #sidebar ul li ul li.tweet { background: url(images/icons/twitter.png) no-repeat left center; padding-left: 23px; margin: 0 0 0 5px; }

#page #footer { margin: 10px 0 0 0; padding: 0; clear: both; font-size: 9pt; font-family: cambria, georgia, "times new roman", sans-serif; background: url('images/footer.gif') repeat-x left top; text-align: center; }
#page #footer p { margin: 0 0.2em; padding: 20px 0; }

table { margin-bottom: 1em; border-collapse: separate; }
th, td { padding: 0 0.8em; }
th { color: #99CCFF; background-color: #EEE;  text-align: center; }
td { border: 1px #eee solid; font-size: 10pt; }

form#feed input { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #FBE6C8; border: 2px dotted #FCD7A1; padding: 4px; font-size: 9pt; font-family: cambria, georgia, arial, sans-serif; color: #A89577; }

.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 30px; padding: 20px 30px 0 10px; }

p.backtop { text-align: right; margin: 40px 0 0 0; padding: 0 20px; }
.entry ul, ol, dl { margin: 0 0 1em; font-size: 10pt; margin: 0; padding: 0; }
.entry ul li { list-style: disc inside; }
.entry ol li { list-style: decimal inside; }
.entry dl { }
.entry dt { font-weight: bold; }
.entry dd { margin-left: 1em; padding: 0 1em; background: url('images/dd.gif') repeat-y left top; }

.mark { margin-bottom: 1em; padding-left: 15px; line-height: 2; color: #baae9a; background: url('images/h4.gif') no-repeat left center; }
dl.horizontal dt { border: none; width: 10em; line-height: 1.8; }
dl.horizontal dd { margin: -1.8em 0 0 10em; }
dl.horizontal dd.second { margin-top: 0.1em; }