/*
Theme Name: Sweetheart
Theme URI: http://www.wordpressdiva.com/themes/34/sweetheart.html
Description: Single column WordPress theme. Colors: green, white, pink variations.
Author: WordPress Diva
Author URI: http://www.wordpressdiva.com/
Version: 1.0.0
*/

/* =================================
All Rights Reserved.

You are free to use and modify this theme
as long as the included attribution links 
remain intact.

For more information, see:
http://www.wordpressdiva.com/themes/legal/theme-use/

Please note: There are a number of empty CSS 
elements. This is intentional and are there so you 
can have maximum flexibility with customizing 
specific theme elements.

For more information, see:
http://www.wordpressdiva.com/themes/read-me/css/
================================== */
#content,#header,#sidebar
{
overflow:hidden;
}

body
{
background:#f5f5e9;
color:#54ba4a;
font: 'Trebuchet MS', Arial, Geneva, sans-serif;
text-align:left;
margin:0;padding:0;
}

#insidethezoo
{
width:214px;
height:57px;
background-image:url(images/insidethezoo.gif);
}

#hr_bar
{
width: 700px;
height: 10px;
margin-top:2px;
position:relative;
background-image:url(images/hr_bar.gif);
}

#nav_top
{
width: 740px;
height: 10px;
background-image:url(images/nav_top.gif);
repeat: no-repeat;
}

#content_top
{
width: 740px;
height: 35px;
background-image:url(images/content_top.gif);
}

#content_left
{
width: 20px;
height: 510px;
background-image:url(images/content_left.gif);
background-repeat: repeat-y;
}

#content_body
{
width: 700px;
height: 510px;
background-color: #493828;
}

#content_right
{
width: 20px;
height: 510px;
background-image:url(images/content_right.gif);
background-repeat: repeat-y;
}

#footer_content
{
width:740px;
height:35px;
background-image:url(images/footer_content.gif);
}

#footer_bottom
{
width:740px;
height:20px;
background-image:url(images/footer_bottom.gif);
}

#nav_left
{
background: url(images/nav_left.gif);
width:30px;
height:40px;
padding:0px;
border:0px;
margin:0px;
}

#nav_right
{
background: url(images/nav_right.gif);
width:30px;
height:40px;
padding:0px;
border:0px;
margin:0px;
}

#menu
{
width:670px;
height:40px;
margin:0px;
position: relative;
}



#menu ul {
padding:0;
margin:0;
list-style:none;
position:absolute;
background: #2b2119;
left:0;
top:0;
width:680px;
height:40px;
z-index:10;
}

#menu ul li
{
float:left;
padding:0;
}

#menu ul li#li1
{
padding-left:50px;
}

#menu li a
{
display:block;
height:40px;
float:left;
color:#2b2119;
text-decoration:none; 
padding:0;
font-family:arial, sans-serif;
font-size:14px;
margin:0px;
}

#menu li#li7 a {border:0;}

#menu li#nav_blog a b {width: 72px; height: 40px; background-image:url(http://zooshirts.com/wp-content/themes/sweetheart/images/button_blog); z-index:10;}
#menu li#nav_shop a b {width: 75px; height: 40px; background-image:url(http://zooshirts.com/wp-content/themes/sweetheart/images/button_shop); z-index:10;}
#menu li#nav_locations a b {width: 113px; height: 39px; background-image:url(http://zooshirts.com/wp-content/themes/sweetheart/images/button_locations); z-index:10;}
#menu li#nav_events a b {width: 89px; height: 40px; background-image:url(http://zooshirts.com/wp-content/themes/sweetheart/images/button_events); z-index:10;}
#menu li#nav_story a b {width: 78px; height: 39px; background-image:url(http://zooshirts.com/wp-content/themes/sweetheart/images/button_story); z-index:10;}
#menu li#nav_media a b {width: 81px; height: 40px; background-image:url(http://zooshirts.com/wp-content/themes/sweetheart/images/button_media); z-index:10;}
#menu li#nav_faq a b {width: 74px; height: 40px; background-image:url(http://zooshirts.com/wp-content/themes/sweetheart/images/button_faq); z-index:10;}
#menu li#nav_contact a b {width: 99px; height: 39px; background-image:url(http://zooshirts.com/wp-content/themes/sweetheart/images/button_contact); z-index:10;}

#menu li a:hover {color:#000; white-space:nowrap;}
#menu li a.current {color:#ff0;}
#menu li a:hover.current {color:#ff0;}
#menu li a:hover b {display:block; position:absolute; z-index:-1;}

#menu li#nav_blog a:hover b {width: 72px; height: 40px; background-image:url(http://zooshirts.com/wp-content/themes/sweetheart/images/button_blog-over.gif);}
#menu li#nav_shop a:hover b {width: 75px; height: 40px; background-image:url(http://zooshirts.com/wp-content/themes/sweetheart/images/button_shop-over.gif);}
#menu li#nav_locations a:hover b {width: 113px; height: 39px; background-image:url(http://zooshirts.com/wp-content/themes/sweetheart/images/button_locations-over.gif);}
#menu li#nav_events a:hover b {width: 89px; height: 40px; background-image:url(http://zooshirts.com/wp-content/themes/sweetheart/images/button_events-over.gif);}
#menu li#nav_story a:hover b {width: 78px; height: 39px; background-image:url(http://zooshirts.com/wp-content/themes/sweetheart/images/button_story-over.gif);}
#menu li#nav_media a:hover b {width: 81px; height: 40px; background-image:url(http://zooshirts.com/wp-content/themes/sweetheart/images/button_media-over.gif);}
#menu li#nav_faq a:hover b {width: 74px; height: 40px; background-image:url(http://zooshirts.com/wp-content/themes/sweetheart/images/button_faq-over.gif);}
#menu li#nav_contact a:hover b {width: 99px; height: 39px; background-image:url(http://zooshirts.com/wp-content/themes/sweetheart/images/button_contact-over.gif);}



a
{
background-color:inherit;
color:#42a02e;
font-weight:normal;
text-decoration: none;
}

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

blockquote
{
background-color:#99dc8f;
color:#fff;
font:1em/1.5em "Lucida Sans", "Courier New", Courier, "Times New Roman", Times, serif;
padding:15px;
}
code,pre
{
background:inherit;
font:0.85em/1.9em Monaco, "Courier New", Courier, monospace;overflow:auto;color:#444;
vertical-align:baseline;}

h1,h2,h3,h4,h5,h6{font-weight:400;}
h1{font-size:2.25em;}
h3{font-size:1.5em;}
h4 {font-size:1.1em;}
#wrap{background:#f7f5e8;font-size:.8em;color:#f7f5e8;width:740px;margin:0 auto; font-family: "Trebuchet MS", sans-serif;}
/* Header  */
#header {background:#FFF url(images/header-bg.jpg) no-repeat; height: 150px;}
#header h1{text-align:left;margin:75px 30px 0;padding:5px 0;font-weight: normal; font-size: 1.5em;}
#header h1 a {background-color:inherit;color:#f7f5e8; border: none;}
#header p.tagline{margin:5px 30px;}
/* top navigation  */
ul#mainnav{background: #fff url(images/nav-bg.jpg) no-repeat; list-style:none;height:45px;margin:auto 0;padding:5px 0 40px; text-align: center;}
#mainnav li{display:inline;margin:5px 10px;}
#mainnav li a{background-color:inherit;color:#FFF;text-decoration:none;font-weight:400;}
/* Content  */#content{width:700px;margin:0 auto;}
/* blog posts  */
.post{margin-bottom:50px;}
.authormeta{background-color:#999;color:#FFF;margin:0;padding:3px;}
.authormeta a{background-color:inherit;color:#FFF;font-weight:normal;text-decoration:none;}
.postdate{font-size:.75em;color:#42a02e;text-align:right;padding:5px;}
.posttitle{font-size:1.8em;line-height:1.1em; color:#42a02e; margin:15px 0 5px;font-weight: normal;}
.posttitle a {background-color:inherit; color: #42a02e;font-size:1.8em border: none;}
.posttitle a:hover {background-color:inherit; color: #54ba4a;font-size:1.8em border: none;}
/* post content headings  */
.postcontent h3{border-bottom:5px solid #382b21;line-height:1.5em;font-size:1.3em;}
.postcontent h4{border-bottom:5px solid #382b21;font-weight:normal;font-size:1.3em;line-height:1.5em;}
/* playing with blockquotes  */
.postcontent blockquote .styleleft{width:25%;display:block;float:left;margin:5px 10px 5px 0;}
.postcontent blockquote .styleright{width:25%;display:block;float:right;margin:5px 0 5px 10px;}
.singlemeta{background-color:#999;color:#FFF;margin:50px 0;padding:15px;}
.singlemeta a{background-color:#999;color:#FFF;text-decoration:none;font-weight:normal;}
#commentwrap{margin:10px;}
#comments{font-size:1.75em;line-height:1.5em;margin:0 5px;}
#comments big{font-size:1.25em;}
.commentmetadata{font-size:0.9em;text-align:right;padding:2px;}
/* individual comments  */
#commentlist{list-style:none;margin:25px 0;padding:0;}
#commentlist li{background-color:#ADC692;color:#000;padding:15px;}
#commentlist li li {margin: 2px 0; padding: 0;}
#commentlist li a{background-color:#ADC692;color:#000;}
#commentlist li.alt{border-left:5px solid #ADC692;background-color:#FFF;color:#000;}
#commentlist li.alt a{background-color:#FFF;color:#000;}
#commentlist cite{font-style:normal;font-size:1.25em;}
#commentform label{font-weight:normal;display:block;padding:3px 0;}
/* pop up comments  */
#commentspopup{background:#FFF;color:#000;width:700px;margin:0 auto;padding:0;}
#commentspopup h1#header{background:#FFF url(images/header-bg.jpg) no-repeat;height:200px;color:inherit;font-size:1.75em;line-height:1.25em;text-align:center;margin:0 30px;padding:15px 0 50px;}
#popupcontent .interact{border:none;text-align:center;}
/* Sidebar */
#sidebar ul{list-style:none;margin:0;padding:0;}
#sidebar li h2{font-size:1.75em;line-height:1.25em;}
#sidebar li ul{margin:0 0 50px;}
#sidebar li li{margin:3px 0 3px 25px;}
#sidebar li#search label{font-size:1.75em;line-height:1.25em;text-indent:0;}
/* Footer  */
#footer{text-align:center;margin:0 30px;padding:5px 25px; font-size: 0.9em;}
/* footer credit styling  */
#footer p.credit{background:inherit;color:#382b21;font-size:85%;}
#footer p.credit a{background:inherit;color:#382b21;font-weight:400;text-decoration:none;}
/* Various Classes & Image Alignment  */
.center{text-align:center;}
.floatleft{float:left;margin:5px;}
.floatright{float:right;margin:5px;}
img.center{display:block;margin:10px auto;}
img.left{display:inline;margin:0 10px 5px 0;}
img.right{display:inline;margin:0 0 5px 10px;}
.navigation{padding:5px 0;margin: 25px auto;}
.previouslink{float:left;width:45%;text-align:left;}
.nextlink{float:right;width:45%;text-align:right;}
h2,#respond{font-size:1.75em;}
input,textarea,td,th,tr{font-family:Verdana, Arial, Geneva, sans-serif;padding:0px;}
hr,#commentform legend,#sidebar li#search h2,#sidebar li#search legend{display:none;}
#header h1 a,.posttitle a{text-decoration:none;}
#mainnav li a:hover,.authormeta a:hover,.singlemeta a:hover{border-bottom:1px solid #FFF;}
#commentform dd,#sidebar li#search dd{margin:0;}
#commentform fieldset,#sidebar li#search fieldset,#footer p.credit a:hover{border:none;}
#commentform input#author,#commentform input#email,#commentform input#url,#commentform textarea{width:98%;}
#popupcontent,#popupcontent .commentwrap,#sidebar{margin:0 30px;}