/*FONT FAMILY===========================================================================================*/

body, td, th {
	font-family: Arial, Helvetica, sans-serif; /*Arial & Helvetica are almost undistinguishable*/
}

/*-------uncomment and ustomize if you want to use different fonts for different page elements
h2 { font-family: Times }
h3 { font-family: Courier }
h4 { font-family: Trebuchet }
p { font-family: Helvetica }
---------*/
 


/*FONT SIZE=============================================================================================*/

h1 { font-size: 225%; } /* - header or special effects */
h2 { font-size: 110%; } /* content headings */
h3 { font-size: 105%; font-weight:lighter } /* content sub-headings */
h4 { font-size: 100%; } /* list headings, same size as (p) */
h5 { font-size: 100%; } /* list headings 2, same size as (p) */


/*

p, ul, ol, td { font-size: 100%; }

ul ul { font-size: 100%; } /*- actually only necessary if the ul size is not 100%  */
td p { font-size: 100%; }

h1, h2, h3, h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {color: #AAC837}
ul li a:link, ul li a:visited {color: #0066cc}
p a:link, p a:visited {color: #0066cc}
a:link, a:visited {color: #0066cc}

p.postmetadata a:link, p.postmetadata a:visited {color: #88bb22}

#footer p a:link, #footer p a:visited {color: black}

*/

/*-------uncomment and customize below example if you want to add colors 
h2, h2 a:link, h2 a:visited { #990000 }
h3, h3 a:link, h3 a:visited { #9966cc }
---------*/



/*LINK STYLE other than color=============================================================================*/

a:link, a:visited {text-decoration:none }
p a:link, p a:visited {text-decoration:underline } /* orphan text remains undecorated */

a:hover {text-decoration:underline }
h1 a:hover {text-decoration:none }

#footer p a:link, #footer p a:visited {text-decoration: none}
#footer p a:hover {text-decoration: underline}

/*MARGINS, BORDERS AND PADDING for elements (not for containers)===========================================*/


h1, h1 a:link, h1 a:visited, h1 a:hover {margin-top:0}
h2, h2 a:link, h2 a:visited, h2 a:hover {margin-top:0}
h3, h3 a:link, h3 a:visited, h3 a:hover {margin-top:0}
h4, h4 a:link, h4 a:visited, h4 a:hover {margin-top:0}


a img {border: 0px}


/*MULTI-USE TAGS==========================================================================================*/

.center {text-align: center;}
.alignleft {text-align: left;}
.alignright {text-align: right;}

.left {float:left;}

.bg1 {background: #eeeeff}
.bg2 {background: #f7f7ff}

.border1 {border: solid 1px #0066cc;}


/*IMAGE TAGS==========================================================================================*/

/*the below will make images float right but you have to add 'class="right" inside the image tag)*/
img.right {float: right; margin: 0px 0px 0px 5px}

#header img {border: none}


/*=========================================================================================
===========================================================================================
===========================================================================================
*/




/* DIV FRAMING =============================================================
un-comment the next few lines and you will see colored borders around the main elements on your site - this helps you to identify which DIV you need to change if you want to change the layount (e.g. make the page or the sidebar wider)==========================================================================*/

/*
#page {border: 3px solid green;}
#header {border: 3px solid red;}
#middle {border: 3px solid blue;}
#menu {border: 3px solid grey;}
#content {border: 3px solid brown;}
#sidebar{border: 3px solid aqua;}
.post {border: 3px solid #0066cc;}
#comments {border: 3px solid black;}
.commentlist {border: 3px solid yellow;}
*/

/* BEGIN DIVS and other layout stuff========================================
this is the tricky bit - here you change your layout - make sure you back-up before changing ==========================================================================*/

.narrowcolumn {float: left;	padding: 0 0 20px 45px;	margin: 0px 0 0; width: 535px;}
		.narrowcolumn .postmetadata {text-align: right;}

.widecolumn {float: left;	padding: 0 0 20px 45px;	margin: 0px 0 0; width: 840px;}



/* navigation here refers to the link to the next on previous post (not needed if you do pages only)*/
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 10px;}

/* sidebar refers to the main element on the right hand side of the page which contains all navigation links*/
#sidebar{position:relative;	float:right; padding: 0px 0 0px 0;	width: 290px; margin-top: 10px;	margin-left: 0px;}
		#sidebar form {margin: 0;}
		#sidebar #searchform #s {width: 108px; padding: 5px;}
		#sidebar #searchsubmit {padding: 0px;}

/* style of the headers within the sidebar*/
		.sb_header {background: #eeeeff; margin: 0 0 20px 20px;	padding-top: 5px; border-top: 1px solid #cccccc;	border-bottom: 1px solid #cccccc;}
				.sb_header h2 {margin: 0 0 2px 0px; }
			
.post {margin: 0 0 40px 0; text-align: left; display:block;	clear:both;}
	
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none;	list-style-image: none;}

.blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
		.blockquote cite {margin: 5px 0 0; display: block;}

#footer {	padding: 0;	clear:both;	width: 900px;}
		#footer p {margin: 0; padding: 5px 10px; text-align: center;}

#comments { clear:left;}

.commentlist {padding: 0; text-align: left;	margin-left: 0;}
	.commentlist li {margin: 15px 0 5px; padding: 5px 10px 5px;	list-style: none;}
	.commentlist p {margin: 10px 5px 10px 0;}
	.commentlist p {text-transform: none;}

#commentform p {margin: 5px 0;}
#commentform input {width: 170px; padding: 5px;	margin: 5px 5px 0px 0;}
#commentform textarea {width: 500px;	padding: 0px;}
#commentform #submit {margin: 0; float: right;}

.commentmetadata {margin: 0; display: block;}

.nocomments {text-align: center; margin: 0;	padding: 0;}

#searchform {margin: 10px auto;	padding: 5px 3px; text-align: center;}

.entry form { text-align:center;}

select {width: 130px;}

.alt {background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; padding: 10px;}

/*  
Theme Name: Drikatruu Jelly
Theme URI: http://www.drikatruu.com/
Description: Widget ready, customizable CMS theme with commented template files for easy customization.
Version: 1.1w
Author: Thomas Natter
Author URI: http://www.drikatruu.com/
*/


/*
Caffe Bella Italia
Version 0.2
Author: RJ Sheperd
*/

body{
	background-color: #3A1500;
}

#container {
	width: 900px;
	margin: auto;
}
#header{
	background-image: url(images/logo.png);
	width: 296px;
	height: 58px;
}
#dinegreen{
	background-image: url(images/dinegreen.png);
	width: 110px;
	height: 50px;
        float:right;
        margin-right: 10px;
        opacity: 0.8;
}

#follow {
	width: 180px;
	padding: 5px;
	height: 30px;
	float: right;
	color: #BACD73;
	background-color: #fff;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	font: 12pt/10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#follow img {
	vertical-align: middle;
}

#middle {
        position: absolute;
	width: 900px;
	height: 387px;
	background-color: #FFF;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	
}

#menu {
        width: 159px;
        float:left;
}

#menu ul{
	width: 159px;
	height: 100%;
	list-style: none;
padding: 0;
margin: 0;
}

#menu li {
	width: 100%;
	height: 43px;
	border-bottom: 1px, #666633;
	font: bold 12pt/11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#menu li a{
height: 2.7em;
line-height: 2em;
float: left;
width: 159px;
display: block;
text-decoration: none;
}

#menu img{
	vertical-align: middle;
	border: none;
}

a.reg:link, a.reg:visited{
	background-image: url(icons/background.png);
	color: #fff;
}

a.currentreg:link, a.currentreg:visited{
	background-image: url(icons/background_active.png);
	color: #AAC837;
}

a.reg:hover {
	color: #fff;
	background-image: url(icons/background.png);
}

a.top:link, a.top:visited {
	color: #fff;
	background-image: url(icons/backgroundtop.png);
}

a.currenttop:link, a.currenttop:visited {
	color: #AAC837;
	background-image: url(icons/backgroundtop_over.png);
}

a.bottom:link, a.bottom:visited {
	color: #fff;
	vertical-align: middle;
	background-image: url(icons/backgroundbottom.png);
}

a.currentbottom:link, a.currentbottom:visited {
	color: #AAC837;
	vertical-align: middle;
	background-image: url(icons/backgroundbottom_over.png);
}

a.bottom:hover{
	
}

#number {
	color: #FFF;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 11pt;
	width: 212px;
	text-align: right;
}

#number a:link {
	color: #AAC837;
	text-decoration: none;
}

#number a:hover{
	color: #AAC837;
	text-decoration: underline;
}

#number a:visited{
	color: #AAC837;
}

#content {
	margin-top: 6px;
	margin-right: 6px;
	z-index: 50;
        width: 728px;
        height: 383px;
        float: right;
}

.phone {
	font-size: 20pt;
}

#tour {
	font: 17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: right;
	margin-top: 3px;
}
#tour a{
	color: #BACD73;
	text-decoration: none;
}
#tour a:hover{
	text-decoration: underline;
}

#specials {
	float: right;
	height: 85px;
	width: 680px;
	margin-top:8px;
}

#specialsbox {
	background-color: #BACD73;
	color: #3A1500;
	font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 150px;
	height: 110px;
	text-align: right;
	padding: 5px;
	float: left;
	margin-left: 10px;
}

#specialsbox a:link, #specialsbox a:visited {
        color: #3A1500;
}

#specialsbox a:hover {
        text-decoration: none;
}

#photo {
float:left;
}

#photos {
list-style: none;
padding: 0;
margin-top:0;
margin-left: 0;
float:left;
}

#othercontent {
      width: 354px;
     float:right;
}

#othercontent p {
         font-size: 10pt;
         margin-top: -13px;
         color: #4C4C4C;
}