/* 
Theme Name:Betty Lives!
Theme URI:http://www.bettylives.com/
Description:Theme for Alison Bowers by Yu Industries. Adapted from the Simply Basic theme by Ash Haque.
Author:Yu Industries 
Author URI:http://www.yuindustries.com
*/
/*
Pale yellow:#FFC
Dark yellow:#CACA68
*/

/* UNIVERSAL */
*{margin:0;padding:0;}
ul{list-style-type:none;}
* a:link,* a:visited,* a:hover,* a:active{text-decoration:none;color:#300;}
* a:hover{cursor:pointer;}
:link img{border:none;}
* img{border:none;}
a img{border:none;}
:link img,:active img{border:none;}

/* STRUCTURE */
html{background:#dee8df url(images/bg.gif) repeat scroll 0 0;}
body{font-size:62.5%;/* Sets the page font to 10px */
font-family:Georgia,Serif;color:#444;}
.top{background:#eee;width:100%;padding:10px 0;border-bottom:1px solid #ccc;font-size:1.1em;}
#header{background:#FFF url(images/header.gif) no-repeat scroll 0 0;height:157px;width:675px;margin:0 auto;}
#wrapper{background:#FFC url(images/bg_wrapper.gif) repeat-y scroll 0 0;width:750px;margin:0 auto;text-align:left;font-size:1.1em;clear:both;}
#menu{background:#f9fbda url(images/menu.gif) repeat-x scroll 0 0;height:64px;width:750px;}
#main{}
#content{clear:both;float:left;width:425px;margin:20px 20px 15px 40px;}
#sidebar{float:right;width:190px;margin:20px 15px 15px 30px;border:1px solid #fff;}
#footer{clear:both;border-bottom:0;background:#CC9 url(images/footer.gif) repeat-y scroll top right;height:30px;font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;}
#footer p {font-weight:bold;margin:15px 0 0 20px;}

/* HEADER */
#header h1 a,#header p.description{position:absolute;left:-9999px;}
ul.mainmenu{background:transparent url(images/corner_right.gif) no-repeat scroll top right;display:block;width:750px;height:64px;}
#mainmenu{background:transparent url(images/corner_left.gif) no-repeat scroll top left;}
.mainmenu li{float:left;position:relative;margin:10px 0 0 40px;clear:none;}
.mainmenu li a{height:36px;width:100px;display:block;}
.mainmenu li.home a{}
.mainmenu li a:hover{text-decoration:underline;}
div#menu div#mainmenu ul.mainmenu li{font:normal normal normal 2em Georgia,serif;color:#51320e;}

/* CONTENT */
#content h2 a{color:#300;font-size:1.4em;margin-bottom:10px;}
#content p a,#content .metadata a{color:#600;font-weight:bold;text-decoration:underline;}
#content p a:hover,#content .metadata a:hover{border-bottom:1px solid #666;}
#content p a:visited,#content .metadata a:visited{color:#444;}
#content p{font:1.25em/1.875em Georgia,Serif;padding:.25em 0 .2em .25em;color:#444;text-align:left;}
#content .post h3{border-bottom:1px solid #ccc;font:1.2em Georgia,serif;padding-top:10px;text-transform:uppercase;}
#content .entry{padding-top:10px;width:95%;height:1%;}
#content .metadata{display:block;padding:10px 0 60px;}
.date{display:block;margin:8px 0 5px 5px;color:#330;}
.more-link{font-weight:bold;color:#300;}

/* COMMENTS */
.commentlist{padding:10px 0 30px 0;}
.commentlist li{background:url(images/dot.gif) bottom left repeat-x;/* This fixes a Firefox / Safari bug where the bottom border sometimes shwoed up and sometimes didn't */
margin:10px 0;padding:25px 0 10px 0;list-style-type:none;width:100%;overflow:auto;height:1%;}
.comment_number a{font:3.2em Georgia,serif;float:right;padding-right:10px;color:#d6d6d6;}
.comment_author{font-size:1.4em;}
h3#respond{display:block;padding-top:15px;}

/* SIDEBAR */
#sidebar p.description{margin-bottom:20px;color:#663;font:normal normal bold 1.2em/1.5em Georgia,serif;}
#sidebar ul li.side{padding-bottom:25px;}
#sidebar div{line-height:1.7em;}
#sidebar h2{display:block;height:20px;padding-top:55px;margin:0 0 10px 80px;}
#sidebar ul li.links h2{margin:0 0 5px 60px;}
#sidebar ul li.linkcat h2{margin:0 0 5px 10px;}
#sidebar ul li.about{background:#FFF url(images/icon_stove.gif) no-repeat scroll top left;}
#sidebar ul li.recent{background:#FFF url(images/icon_utensils.gif) no-repeat scroll top left;}
#sidebar ul li.comments{background:#FFF url(images/icon_women.gif) no-repeat scroll 0 15px;}
#sidebar ul li.links{background:#FFF url(images/icon_links.gif) no-repeat scroll 0 25px;}
#sidebar ul li a{line-height:1.8em;}
#sidebar ul li.side ul li{margin-left:25px;list-style-image:url(images/bullet.gif);}
#sidebar ul li.side ul li a{color:#630;border-bottom:1px dotted #963;}
#sidebar ul li ul li ul{padding-left:15px;}
#sidebar ul li ul li ul li ul{padding-left:30px;}
#sidebar li.widget_text h2{display:none;}

/* FOOTER */
#footer p{line-height:2em;}

/* LISTS */
#content ul,#content ol{line-height:1.9em;padding:15px 0 15px;}
#content ul li a,#content ol li a{line-height:2.5em;}
#content .post ol{padding-left:25px;}
#content .post ul li{padding-left:20px;background:url(images/bullet.gif) center left no-repeat;}

/* HEADINGS */
h1,h1 a,h1 a:hover,h1 a:visited,h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,h4,h4 a,h4 a:hover,h4 a:visited{font-weight:normal;font-family:Georgia,Serif;}
h3{font-size:1.8em;}
h4{font-size:1.6em;}

/* FORMS */
#content img{padding:10px;border:1px solid #ccc;max-width:100%;display:block;margin:0 auto;}
#content img.none{border:0;max-width:90%;margin:0 auto;}
#content img.wp-smiley{border:0;padding:0;margin:0;display:inline;/* For whenever one uses smileys in posts */}

/* FORMS */
.searchform{width:250px;float:right;text-align:right;}
textarea{width:430px;}

/* PAGE-SPECIFIC */
.last_20 li{line-height:2em;}
.archive_date{width:100px;float:left;}

/* This is if you use the current page-archives.php for your archives */
.pagetitle{display:block;padding:0 0 60px;}

/* EXTRAS */
blockquote{margin-right:30px;padding:0 0 0 35px;background:url(images/quote.gif) top left no-repeat;text-align:justify;}
html>body blockquote{background-position:0 0;}
.center{text-align:center;}

/* SIFR */
.sIFR-flash{visibility:visible !important;}
.sIFR-replaced{visibility:visible !important;}
span.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}

/* Hide Adblock Object tab:the text should show up just fine,not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]{display:none !important;}