@charset "UTF-8";

/* CSS Document */

/* HTML */

html, body { margin:0; padding:0; text-align:center; }

body { background:#563000 url(../images/main_bg_brown); }

/* -------------------------------------------------------------- 
   Layout   
-------------------------------------------------------------- */

body.three_col #container { background:#fffdeb url(../images/content_bg_hm.png) repeat-y }

body.three_col #content_container { background:url(../images/content_header_hm.png) 0 0 no-repeat }

#container { width:954px; text-align:left; margin:0 auto; position:relative; background:#fffdeb url(../images/content_bg.png) repeat-y }

#content_container { position:relative; width:100%; margin:0 0 15px 0; padding:0 0 15px 0; background:url(../images/content_header.png) 0 0 no-repeat }

span#header_top_left { display:block; position:absolute; top:0; left:0; width:100%; height:153px; background:url(../images/top_repeat.png) repeat-x top; }

#header { position:relative; margin:51px auto 0 auto; height:289px; width:954px; background:url(../images/header_bg-main.png) no-repeat top; }

body.home1 #header { margin:51px auto 0 auto; height:396px; width:954px; background:url(../images/header_bg.png) no-repeat top; }

#header h1, #header h2 { position:absolute; width:472px; height:316px; padding:0; top:40px; left:0; overflow:hidden; margin:0; background:url(../images/logo.png) no-repeat; }

#header h1 span, #header h2 span { position:absolute;top:-500px;width:50px; height:50px;overflow:hidden;text-indent:-5000px;}

#header h1 a, #header h2 a { position:relative; display:block; width:472px; height:316px; margin:0; padding:0; overflow:hidden; }

#header h3 { position:absolute; padding:0; top:0; right:10px; margin:0; text-align:right; font-weight:normal; font-size:30px; color:#022a65; }

#header h3 span { position:absolute; width:50px; height:50px; overflow:hidden;top:-500px;text-indent:-5000px;}

#left_col { width:244px; float:left; margin:0; position:relative; text-align:left; background:url(../images/berries-side-bar.png) 0 100% no-repeat; padding:0 0 150px 0; }

body.three_col #right_col { display:block;width:188px; padding:20px 10px 10px 0; float:right; margin:0; position:relative; text-align:left; }

body.three_col #content { float: left; display:inline; position: relative; width:460px; padding:20px 0 0 20px; text-align:left; }

#right_col { display:none; }

#content { float: left; display:inline; position: relative; width:660px; padding:20px 0 0 20px; text-align:left; }

#footer { position:relative; text-align:center; margin:0 auto; clear:both; width:954px; }

#footer p { text-align:center; color:#f7ecbb; font-size:12px; }

#footer a { color:#f7ecbb; text-decoration:none; }

#footer a:hover { background:#c4161c }

#footer p.logosub a { display:block; background:url(../images/ice_cream-websites-footer_l.png) top center no-repeat; height:80px; width:100% }

#footer p.logosub span { position:absolute; width:50px;left:-3000px; }

/* CSS Document */

/* -------------------------------------------------------------- 
  
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1.9; text-align:center; color:#563000; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

table, td, th { vertical-align: middle; }

table.default, table.contacttable { width:100%; }

table.default td { padding:5px; border-bottom:1px solid #777; }

table.contacttable td { padding:5px; vertical-align:text-top!important; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* -------------------------------------------------------------- 

   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. */
html { font-size:1.2em }

body, input, textarea { font-size: 85%; font-family: Georgia, Arial, Helvetica, sans-serif; }

/* Headings
-------------------------------------------------------------- */

h1, h2, h3 { font-weight:normal; color:#d59a4e; }

h1, body.home1 #content h2, h2 { color:#d59a4e;font-size: 2.2em; line-height: 1.2; margin-bottom: 0.5em; }

#content h2 {color:#442500;font-size:1.8em;}

h3 { font-size: 1.6em; margin-bottom: 0.5em; }

div.submenu h4 { color:#ccc; margin:0 0 10px 0; color:#b72117; }

h4 { font-size: 1.3em; margin-bottom: .5em; color:#b72117; }

h5 { font-size: 1em; font-weight: bold; margin-bottom: .5em; }

h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.2em; line-height:150%; }

img.left_top, img.right_top, img.left_inside, img.right_inside, img.inlinephoto { border:1px solid #ded2a1; padding:5px; background:#fff; }

p.clear { clear:both; }

p img.left_top { float: left; margin: .2em 1.2em 1.0em 0; }

p img.right_top { float: right; margin: .2em 0 1.0em 1.2em; }

p img.left_inside { float: left; margin: 1.2em 1.0em 1.2em 0; }

p img.right_inside { float: right; margin: 1.2em 0 1.0em 1.2em; }

p img.inlinephoto { clear:both; display:block; margin:1.0em 0; }

a:focus, a:hover { text-decoration: none; }

a, .calendarblock h3 { color: #b72117; }

a { outline: none; } /* Getting rid of that dotted border in FF	*/

blockquote { margin: 1.5em; }

strong { font-weight: bold; }

em, dfn { font-style: italic; }

dfn { font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color:#666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Lists
-------------------------------------------------------------- */

li ul, li ol { margin: 0; }

ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul { list-style-type: circle; }

ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }

dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; width:100%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

/* Right and Left Col
-------------------------------------------------------------- */
#left_col a { color:#fff; }

#left_col .sidebar h3 { font-size: 32px; margin:0 0 .5em 0; color:#fffdeb; }

#left_col .sidebar h4 { font-size: 20px; margin:0 0 .2em 0; color:#fae773; text-transform:uppercase; }

#left_col .sidebar h2 { font-size: 25px; margin:0 0 .5em 0; }

#left_col .sidebar p { margin:.5em 0 0 0; line-height:140%; }

#right_col h3 { font-size: 22px; margin:.5em 0 .5em 0; color:#713f00; text-transform:uppercase; }

#right_col h4 { font-size: 18px; margin:0 0 1em 0; color:#713f00; }

#right_col h2 { font-size: 20px; margin:0 0 .5em 0; color:#713f00; }

#right_col p { margin:.5em 0 0 0; line-height:140%; }

#left_col p, #left_col h2, #left_col h3, #left_col h4 { padding:0 10px; }

.sidebar img.inlinephoto { clear:both; display:block; margin:.5em 0; }

#right_col p, #right_col li, #right_col { font-size:14px; }

#right_col ul { margin:0; padding:0 0 10px 15px; line-height:130%; }

#right_col li { padding:0 0 5px 0; }

#hours { background:url(../images/hours_bg.png); }

div.hours-header { background:url(../images/bannana-header-hours.png) no-repeat; height:135px; width:100%; clear:both; }

div.hours-footer { background:url(../images/brown-hours-footer.png) 0% 100% no-repeat; padding-bottom:10px; }

#left_col .sidebar { margin:0 0 5px 0; color:#fffdeb; }

#right_col .sidebar { margin:0 0 35px 0; padding-bottom:30px; background:url(../images/right_col-div.png) 40% 100% no-repeat; }

#visit { background:url(../images/visitbg.png); }

div.visit-header { background:url(../images/red-visit-header.png) no-repeat; height:18px; width:100%; clear:both; }

div.visit-footer { background:url(../images/red-visit-footer.png) 0% 100% no-repeat; padding-bottom:10px; }

#visit p, #hours p { font-size:20px; }

#left_col .sidebar a { color:#fffdeb; }


/****calendar and misc ***/

div.calendarblock {text-align:center;}

div.calendarblock h3{}

div.calendarblock {margin:15px 30px;padding:0 0 10px 0;}

div.calendarblock p {margin:0 0 15px 0;font-size:14px;padding:0;}

.calendarblock strong {margin:3px; padding:1px;border-bottom:1px dotted #d59a4e; font-weight:bold;font-size:18px;}

.calendarblock em {font-style:italic;}

.small {font-size:11px;}

#map {border:1px solid #d59a4e;}

div.paypalbutton {text-align:right;}

div.description p {font-size:13px}

/*****************************************************************/
 /***************** Normal Gallery and Image Styles ***************/
/*****************************************************************/

/* Pretty Photo */

div.ppt {
display:none!important;
}

div.pp_pic_holder * {
color:#333;
}


/* Common */

div.thumbwrapper:hover, #content li.thumbwrapper:hover {
	background:#fff;
	border-color:#ded2a1;
}

img.thumbimg {
	visibility:hidden;
	display:none;
}
/* This hides the image for screen but is ready for print in the print styles */


/* Gallery List or Album List */

#gallerylist {
	margin:20px 0;
}
div.albumwrapper {
	margin:0 0 20px 0;
	width:100%;
	clear:both;
	display:block;
	padding:10px 0;
}
div.thumbwrapper {
	background:#fff;
	float:left;
	width:225px;
	height:180px;
	padding:4px;
	border:1px solid #ded2a1;
}
div.thumbwrapper a {
	display:block;
	width:225px;
	height:180px;
	background-position:center center;
	background-repeat:no-repeat;
}
#content div.commentwrapper {
width:410px;
float:right;
}

#content div.commentwrapper h3 {
	margin:0 0 5px 0;
}
#content div.commentwrapper h3 a {
}
#content p.picturecount {
	padding-top:0px;
}
#content p.comment {
}
/* Album Thumbnails with background images for thumbs */

#content ul.thumblist {
	list-style-type:none;
	width:100%;
	position:relative;
	left:-2px;
	padding:10px 0 0;
}
#content li.thumbwrapper {
	margin:0 20px 10px 0;
	float:left;
	width:100px;
	height:100px;
	padding:4px;
	border:1px solid #ded2a1;
	list-style-type:none;
	background:#fff;
}
#content li.thumbwrapper a {
	display:block;
	width:100px;
	height:100px;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#fff;
}
/* Gallery Page Navigation */

#content p.albumnav {
	text-align:center;
	line-height:20px;
	font-size:11px;
	text-transform:uppercase;
}
#content p.albumnav a {
	padding:0 3px 1px 3px;
	margin:0 3px;
}
#content p span.noprint {
	clear:both;
	font-size:0.8em;
}
#content p.returnlink {
	clear:both;
	padding:20px 0;
}


 
 
 /* Forms
 -----------------------------------------------*/
 
 /* Recaptcha Styles */  
 

td.recaptcha_image_cell { border:1px solid #000!important }

.recaptchatable .recaptcha_image_cell, #recaptcha_table, .recaptchatable td { background-color:transparent!important; border:none!important /* reCaptcha widget background color*/ }

.recaptchatable { line-height:0px; border: 1px solid #fff !important; }

.recaptchatable td img { display: block; border:0px solid #fff!important; }

.recaptchatable td { margin:auto; border:1px solid #000 !important; }

#recaptcha_response_field { border: 1px solid #b72117!important; /* Text input field border color*/ }

.recaptchatable img#recaptcha_image { border:none!important; /* stop spam read books removing border from this image*/ }

.recaptchatable label.recaptcha_input_area_text { border:1px solid #fff !important; }

#recaptcha_table .recaptchatable .recaptcha_image_cell center img { border:none!important; }

#content input[type="text"], #content input[type="password"], #content textarea, #content select /* To keep form fields consistent when FireFox overrides them*/ { background: #fff!important; border: 1px solid #d59a4e; padding:4px; margin:2px 0 3px 0; }

#content textarea, #content input[type="text"], #content input[type="password"] { width:93%; }

#content textarea { height:100px; }

#content input[type="button"], #content input[type="submit"]  /* To keep form fields consistent when FireFox overrides them*/ { border: 1px solid #b72117; background:#b72117; color:#fff; font-weight:normal; font-size:18px; padding:3px; }

#content input[type="submit"]:hover, #content input[type="button"]:hover { background:#563000; border-color:#563000; }

label { font-size: 12px; margin:5px 0 2px 0; font-weight:bold; padding:5px 5px 0 0; }

label span { font-size:10px; font-weight:normal; }

/*****************************************************************/
 /***************** CONTACT FORM ***************/
/*****************************************************************/
 

.contactform { /*width of contact form */ margin:0 0 20px 0px; width:100%; }

.contactform label { /*all labels are bold */ font-weight:bold; font-size:12px; }

.contactform div { /*this makes the form fields and labels not so squished together */ margin:5px 0; }

.contactform fieldset legend { /*the legend does not display */ display:none; }

.contactform .textarea textarea, .contactform .textfield input, .contactform .select select { /*general field styles */ font-size:14px; padding:5px; }

.contactform .textfield label, .contactform .textarea label, .contactform .select label { /*labels inside these divs are blocks */ display:block; width:100%; margin:0 0 3px 0; }

.contactform .textarea textarea { /*width and height of the textarea field */ height:100px; width:95%; }

.contactform p, .contactform h3, .contactform p, .contactform h2 { /*If you add text inside the your form this is where you set the formats up if you override the main css */ padding:2px 0!important; }

.contactform div.clear { /*assign a class e.g., textfield clear after a floated div */ clear:both; }

div.textfield input { /*the text field input width and styles */ }

.contactform div.select select { /*width of the select field */ }

.contactform span { /*spans inside the form are blocks, display inline if necessary */ display:block; }

.contactform span.error { font-size:14px; color:#c40d15; font-weight:bold; display:block; margin:2px 0 8px 0; }

div.error_message { padding:0 0 20px 0; color:#c40d15; font-size:14px; }

div.error_message h2 { color:#c40d15!important; font-weight:bold!important; }

div.error_message span { display:block; }

p.required { font-size:11px; }

p.smalltext { font-size:11px!important; }

fieldset.spam { /*this is the spam fieldset class */ background:transpartent!important; /*the width of the contact form minus the padding */ }

fieldset.spam .textfield input { /*the textfield inside the spam fieldset */ }

fieldset.spam span { /*the text inside the spam fieldset is in a span */ font-size:12px; font-weight:bold; }

fieldset.spam img { /*give the spam image some pizazz */ border:0px solid #333; }

/* -------------------------------------------------------------- 
   * menu
-------------------------------------------------------------- */

body.home1 #menu_horiz { width:954px; position:absolute; top:-420px; left:0; text-align:left;padding:0 }

#menu_horiz { width:954px; position:absolute; top:-315px; left:0; text-align:left;padding:0; }

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }

#menu_container { /* Fix for Opera 8 */ /*   overflow: hidden;  */ width: 954px; z-index:1000000; margin:0 auto; }

#main_menu li li { font-size:12px; z-index:1000000 }

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#main_menu li li { width: 200px; }

/* Unless you know what you do, do not touch this */ 
#main_menu, #main_menu ul { list-style: none; margin: 0px; padding: 0px; }

#main_menu ul { position: absolute; top: auto; display: none; }

#main_menu ul ul { margin-top: 1px; margin-left: -1px; left: 100%; top: 0px; }

#main_menu li { font-weight:bold;font-size:16px; margin-left: -1px; margin-right: 10px; float: left; padding:0 }

#main_menu li li { margin-left: 0px; margin-top: 0; border-bottom:1px solid #fffdeb; float: none; position: relative; }

/* Styling the basic apperance of the menu elements */
#main_menu a { color:#fffdeb; display: block; margin: 0px; padding: 0 5px 0; text-decoration: none; line-height:24px; }

#main_menu li a:hover { color:#f5aa48; }

#main_menu li li a { color:#563000!important; background-color:#f7ecbb; line-height:28px; }

#main_menu li li a:hover { color:#f5aa48!important; }

#main_menu li, #main_menu li.menuparent { color: #f5aa48; }

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#main_menu li.menuactive a, li.currentpage, #main_menu ul li a { color:#f5aa48; }

#main_menu li.menuactive a { text-decoration:none }

#main_menu li.menuactive ul li a { text-decoration:none }

#main_menu li.menuactive ul li a { color:#f5aa48; }

#main_menu li.menuactive ul li a:hover { color:#f5aa48; }

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#main_menu ul li.menuparent, #main_menu ul li.menuparent:hover, #main_menu ul li.menuparenth { /* arrow for menuparents 
   background-image: url(../../../../images/../../../images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; */ }

/* Styling the apperance of menu items on hover */

#main_menu li:hover, #main_menu li.menuh, #main_menu li.menuparenth, #main_menu li.menuactiveh { }

#main_menu li:hover a, #main_menu li.menuh a, #main_menu li.menuparenth a, #main_menu li.menuactiveh a { color:#f5aa48; }

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#main_menu li:hover ul ul, 
#main_menu li.menuparenth ul ul ul,
for fourth level 
*/
#main_menu ul, #main_menu li:hover ul, #main_menu li:hover ul ul, #main_menu li.menuparenth ul, #main_menu li.menuparenth ul ul { display: none; }

/* add 
#main_menu ul ul ul li:hover ul, 
#main_menu ul ul ul li.menuparenth ul,
for fourth level
*/
#main_menu li:hover ul, #main_menu ul li:hover ul, #main_menu ul ul li:hover ul, #main_menu li.menuparenth ul, #main_menu ul li.menuparenth ul, #main_menu ul ul li.menuparenth ul { display: block; }

/* IE Hacks */
#main_menu li li { float: left; clear: both; }

#main_menu li li a { height: 1%; }

#main_menu li li li a { height: 1%; }

/* Accessibility
-------------------------------------------------------------- */

/* 
menu links accesskeys 
*/
span.accesskey { text-decoration:none; }

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr { position: absolute; top: -999em; left: -999em; }

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn { position: absolute; left: -1000px; top: -1000px; width: 0; height: 0; overflow: hidden; display: inline; }

/* end accessibility */

/* daily specials
-------------------------------------------------------------- */

body.daily-specials #menu_horiz, body.daily-specials #left_col, 
body.daily-specials #header, body.daily-specials #footer, 
body.daily-specials #right_col, body.daily-specials span#header_top_left {display:none!important;}

body.daily-specials #content_container, body.daily-specials #content, body.daily-specials #container {width:500px;}

body.daily-specials #content, body.daily-specials #content_container, body.daily-specials #container {background:none;padding:0;margin:0;}

body.daily-specials #content p {color:#fff;margin:0 0 10px 0;}

body.daily-specials h3 {margin:20px 0 0 0;font-size:18px;}

body.daily-specials #content {text-align:center}

body.daily-specials #content h2 {color:#b72117;margin:30px 0 40px 0;font-size:45px}

body.daily-specials {background-color:#241200;background-image:none;}

/* *** Float containers fix:*** */ 

.cf:after, #sidegallery:after, #rightcol p:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .cf, * html #sidegallery, * html #rightcol p { zoom: 1; } /* IE6 */

*:first-child+html .cf, *:first-child+html #sidegallery, *:first-child+html #rightcol p { zoom: 1; } /* IE7 */