/*
Theme Name: City Olive 
Theme URI: http://cityolive.com
Description: City Olive, based on annalinnea.net's blank WPBlank
Version: 1.1
Author: sicreative.com
Author URI: http://sicreative.com

	Based on Kubrick v1.5

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/


/* -- just some ugly styling to make it easier to get started, can safely be removed */
/* @import url("layouts/sidebar_left.css");  */
/*

.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}
*/

/*
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;} 
*/


/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
textarea#comment {overflow:auto}

/* -- NAVIGATION --*/
div.navigation {height:25px; overflow:auto;float:none;clear:both; margin:0 auto}
* +html div.navigation {overflow:visible} /* IE hack to prevent scrollbars on the .navigation div... */

.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

@charset "utf-8";
/* City Olive Styles */

/*---------------------
TABLE OF CONTENTS

=FRAMEWORK
=HOME PAGE
=INNER PAGE
=EVENTS
---------------------*/


/*---------------------
=FRAMEWORK
---------------------*/

body {
	background: #b7ad48 url('/images/background.png') repeat-x top;
	text-align: center;}
	
body a {
	color: #A0410A;
	text-decoration:underline;}

body a:hover {
	color: #7A2F04;}

body a:visited {
	color: #A0410A;}	
	
#header {
	width: 899px;
	height: 123px;
	margin: 22px auto 0 auto;
	background: url('/images/header.png') no-repeat right bottom;
	position: relative;}

#hp-logo {
	float: left;
	height: 123px;
	width: 372px;
	line-height: 800px;
	overflow: hidden;
	background: transparent url('/images/city-olive-logo-hp.png') no-repeat left top;
	padding: 0;
	margin: 0;}
#hp-logo a {display: block;}

#logo {
	float: left;
	height: 123px;
	width: 372px;
	line-height: 800px;
	overflow: hidden;
	background: transparent url('/images/city-olive-logo.png') no-repeat left top;
	padding: 0;
	margin: 0;}
#logo a {display: block;}

span#tagline {
	display: block;
	height: 20px;
	width: 420px;
	line-height: 100px;
	overflow: hidden;}

#salutations {
	position: absolute;
	right: 18px;
	top: 59px;
	color: #a0410a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}

#salutations a {
	font-weight: bold;
	color: #a0410a;
	text-decoration: none;}

#salutations a:hover {
	font-weight: bold;
	color: #a0410a;
	text-decoration: underline;}

a#shop_now {
	display: block;
	background: transparent url('/images/shop-now.png') no-repeat left top;
	position: absolute;
	right: 30px;
	top: 92px;
	width: 118px;
	height: 17px;
	line-height: 100px;
	overflow: hidden;}
	
#content-frame {
	background: url('/images/content-bg.png') repeat-y center top;
	width: 899px;
	margin: 0 auto;
	padding-bottom: 1px;
	text-align: left;
}

#topnav {
	height: 25px;
	border-top: 2px solid #b8b25d;
	border-bottom: 2px solid #b8b25d;
	background-color: #fdf0cc;
	margin: 0 7px;}

#topnav ul {
	margin: 1px 0;
	padding: 4px 0;
	width: 100%;
	height: 15px;
	display: block;
	list-style-type: none;
	background: #eadfb0 url('/images/topnav-bg.png') no-repeat center;}

#topnav ul li { 
	display: inline;
	float: left;
	margin: 0px 0px;
	padding: 0 38px;
	height: 13px;
	line-height: 13px;
	font-size: 10px;
	border-left: 1px solid #f9f4e1;
	border-right: 1px solid #d9cb8e;}

#topnav ul li.first {
	background: url('/images/topnav-divider.png') no-repeat left top;
	border-left: none;
	margin-left: 8px;}
	
#topnav ul li.last {
	background: url('/images/topnav-divider.png') no-repeat right top;
	border-right: none;
	margin-right: 0px;}

#topnav ul li a {
	padding: 0;
	margin: 0;
	color: #a0410a;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-decoration: none;
	height: 18px;
	line-height: 55px;
	display: block;
	overflow: hidden;}
#topnav ul li a#story {background: url('/images/nav-ourstory.png') no-repeat top center; width: 67px;}
#topnav ul li a#events {background: url('/images/nav-events.png') no-repeat top center; width: 44px;}
#topnav ul li a#location {background: url('/images/nav-locations.png') no-repeat top center; width: 64px;}
#topnav ul li a#news {background: url('/images/nav-news.png') no-repeat top center; width: 79px;}
#topnav ul li a#products {background: url('/images/nav-products.png') no-repeat top center; width: 58px;}
#topnav ul li a#info {background: url('/images/nav-info.png') no-repeat top center; width: 91px;}


#content {
	margin: 6px 20px 12px 20px;
	padding: 8px;
	color: #464646;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}

h2 {font-size: 16px; 
	font-weight: normal; 
	font-family: "Times New Roman", Times, serif; 
	text-align: right; 
	vertical-align: text-top;
	font-style: italic; 
	margin: -19px 70px 0 0; 
	position: relative;
	padding: 1px; 
	line-height: 16px;}

h3 {color: #a0410a;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;}

h4 {color: #464646;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 16px;}

.clear { clear: both;}

#footer {
	background: url('/images/frame-bottom.png') no-repeat top center;
	margin: 0 auto 36px auto;
	padding-top: 22px;
	width: 899px;
	color: #faf6e6;
	font-size: 10px;
	line-height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

#footer ul li {
	display: inline;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	border-right: 1px solid #faf6e6;}

#footer ul li:last-child, #footer ul li.last {border-right: none;}

#footer span {
	margin: 0px 14px;
	line-height: 30px;}

#footer a {
	color: #faf6e6;
	text-decoration: none;
	text-transform: none;}
#footer a:hover {
	text-decoration: underline;}

.quote {
   border:1px solid #A0410A; 
   background-image: url('/images/background.png'); 
   margin-left: 50%; 
   margin-right: 10%;
   padding-top: 5px;
   padding-left: 3px; 
   padding-right: 3px;
   padding-top: 5px;
   font-size: 14px; 
   font-family: "Times New Roman", Georgia, Times, serif;
   text-align: center;
   width: 200px;
   height: auto;}
   



/*-----------------------
=HOME PAGE
-----------------------*/

#intro {
	margin: 2px 7px;
	padding: 0 0 2px 0;
	border-bottom: 4px solid #b8b25d;
	background: url('/images/intro.jpg') no-repeat center top;
	height: 221px;}
	
#hp-left {
	float: left;
	display: inline;
	width: 368px;
	padding-right: 62px;
	margin: 1px 0 2px 0;
	background: url('/images/hp-divider.png') no-repeat right top;}
	
h2.hp {
	color: #464646;
	font-style: normal;
	text-align: left;
	font-size: 19px;
	margin: 8px 0 16px 0;
	padding: 0;
	line-height: 18px;
	font-family: "Times New Roman", Georgia, Times, serif;
	font-weight: normal;}

#hp-right {
	float: right;
	display: inline;
	width: 359px;
	margin-right: 18px;}

#hp-right h3 {
	color: #a0410a;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0;}
	
#hp-right h4 {
	color: #464646;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 16px;}
		
#hp-right img {
	border: 1px solid #dbae66;
	padding: 1px;
	float: left;
	margin: 4px 10px 60px 0;}

#hp-right p {
	margin: 6px 0;
	padding: 0;}
	
#hp-right p a {
	color: #A0410A;
	text-decoration: underline;
/*	text-transform: lowercase; */
}
	
/*---------------------
=INNER PAGE
---------------------*/

h1 {
	color: #464646;
	font-size: 30px;
	margin: 8px 0 100px 0;
	padding: 0;
	line-height: 18px;
	font-family: "Times New Roman", Georgia, Times, serif;
	font-weight: normal;
	font-variant: small-caps;
	margin: 6px 105px;
	}


hr {
	border: 0;
	height: 2px;
 	margin: 8px 0;
	color: #E9E0BA;
	background-color: #E9E0BA;
}

.hr1 {
	height: 9px;
	margin: 8px 0;
	background: url('/images/hr1.png') no-repeat center center;}

#inner_content {
	margin: 16px 105px;
}

#tinymce #inner_content {
	margin: 16px 105px;
	background-color: #FDF0C8;
	padding: 5px;
}


#inner_content p {
	color: #464646;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	margin: 10px 0;
	padding: 0;}
	

/*---------------------
=STORY PAGE
---------------------*/
	
#message {
	float: right;
	display: inline;
	width: 512px;
	margin-right: 18px;
	background-color: #FDF0C8;
	height: 347px;
}
	
#message h2 {
	color: #464646;
	font-style: normal;
	text-align: left;
	font-size: 19px;
	margin: 8px 0 16px 0;
	padding: 0;
	line-height: 18px;
	font-family: "Times New Roman", Georgia, Times, serif;
	font-weight: normal;}
	
#message img {
	border: 0px solid #dbae66;
	padding: 1px;
	float: left;
	margin: 4px 18px 60px 0;}
	
#message img.signature {
	border: none;
	padding: 1px;
	margin: 28px 0 60px 0;}

/*---------------------
=EVENTS PAGE
---------------------*/

#inner_content .event {
	width: 530px;
	margin: 12px 0 12px 105px;
	padding: 1px;}

#inner_content .event img, #inner_content .event img a {
	border: 2px solid #bcb663;
	margin-left: -105px;
	position: relative;
	float: left;
	padding: 1px;}

#inner_content .event p {
	line-height: 15px;
	margin: 6px 0;}
	
.hr2 {
	height: 9px;
	margin: 8px 0;
	background: url('/images/hr2.png') no-repeat center center;}	
	
div.post {
 	padding: 10px;
}
h2.entry-title {
	margin: 0px;
	text-align: left;
	}
h2.archive-title {
	margin: 0px;
	padding: 10px;
	text-align: left;
	}