/* CSS Document for The Gelato Cafe*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
}

/*		   		general
--------------------------------------------- */

body { background-color:#FFFFFF; font-family: 'Trebuchet MS','Helvetica Neue',Arial,Sans-serif; font-size:12px; }

#wrapper { width:821px; height:auto; margin:0 auto; padding:0px; }

h1.title { color:#a56320; text-transform:lowercase; font-size:21px; border-bottom:5px #e4e98f dotted; padding:5px 0px 5px 0px;  }
h2.title, h2.title a:link, h2.title a:visited { color:#573917; font-size:21px; text-decoration:none; }

h2.widgettitle { color:#cb831a; font-size:16px; border-bottom:3px #9ca348 dotted; }


/*		   		main containers
--------------------------------------------- */

div#header { background:#FFFFFF; width:100%; float:left; height:auto; }
	div#logo h1 a { background:url(images/thegelatocafe-logo.jpg) no-repeat; display:block; width:411px; height:107px; float:left; }
	div#logo h1 a span, div#logo p { display:none; }

div#banner { width:821px; height:242px; float:left; cursor:default; }
	div#banner a:link { cursor:default;}

div#content { width:490px; height:auto; float:left; padding:12px 0px 0px 7px;  }
	div#content a:link, div#content a:visited { color:#999900; text-decoration: none; }
	div#content a:hover { text-decoration:underline;}
	
	div#content p { margin-top:10px;}

div#sidebar { width:307px; height:auto; float:right; padding:12px 0px 0px 0px;  }
	div#sidebar ul li { list-style-type:none; }

div.post { padding-bottom:20px;}
	div.entry { color:#aa933d; line-height:21px; font-size:13px; padding:10px 0px 0px 0px;}
	div.post a:link, div.post a:visited { color:#999900; text-decoration: none; }
	
	div.entry ul { margin-left:30px;}
		div.entry ul li { margin-left:10px;}
			div.entry ul li a:link, div.entry ul li a:visited { color:#aa933d; text-decoration:underline; }
			div.entry ul li a:hover { font-weight:bold; }
	
	

ul.callouts { width:100%; height:auto; float:left; /*padding:20px 0px 0px 0px;*/}
	ul.callouts li { float:left; list-style-type:none; }
	ul.callouts li.scoop span, ul.callouts li.club span { display:none; }
	ul.callouts li.scoop a { background:url(images/homepage-callouts.jpg) no-repeat 0px 0px; width:244px; height:109px; display:block; }
	ul.callouts li.scoop a:hover { background:url(images/homepage-callouts.jpg) no-repeat 0px -109px; width:244px; height:109px; display:block; }
	ul.callouts li.club a { background:url(images/homepage-callouts.jpg) no-repeat -244px 0px; width:244px; height:109px; display:block; }
	ul.callouts li.club a:hover { background:url(images/homepage-callouts.jpg) no-repeat -244px -109px; width:244px; height:109px; display:block; }
	
/*		   		menu
--------------------------------------------- */


/*#suckerfishnav {
    background:url(http://thegelatocafe.com/default/wp-content/themes/thegelatocafe/images/menu-bg.jpg) no-repeat;
    font-size:16px;
    width:821px;
	height:34px;
	position:relative;
	z-index:999;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    padding:0;
    margin:0;
	text-transform:lowercase;
    width:100%;
    }
#suckerfishnav ul li a {
    display:block;
    color:#fff8b3;
    text-decoration:none;
    padding:5px 0px;
	text-align:center;
	background-color:#573917;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav li a 
{	width:136px;	
	display:block;
    color:#fff8b3;
    text-decoration:none;
    padding:5px 0px;
	text-align:center;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:137px;
    font-weight:normal;
    margin:0;
    border:0;
    }
#suckerfishnav li li {
    width:136px;
    border-bottom:1px solid #714b20;
    border-left:1px solid #714b20;
    border-right:1px solid #714b20;
    }
#suckerfishnav li li a {
    width:137px;
    font-size:12px;
    color:#fff;
	text-align:center;
    }
#suckerfishnav li li a:hover 
{ background-color:#422602; }

#suckerfishnav li li:hover {
    background:#fff;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li:hover a {
    color:#FFFFFF;
	background-color:#422602;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a, #suckerfishnav ul li:hover a, #suckerfishnav ul li.sfhover a {
  	color:#FFFFFF;
	font-weight:bold;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#fff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#333;
    }
#suckerfishnav ul li:hover, #suckerfishnav ul li.sfhover {
	color:#009900;
    background:#000000;
    }*/


/*		   		widget
--------------------------------------------- */
		
li#escriba-countdown-widget { background-color:#CCCCCC; background:url(images/countdown-bg.jpg) no-repeat; width:307px; height:auto; padding:50px 0px 10px 0px; font-weight:normal;}
* html li#escriba-countdown-widget { background-color:#CCCCCC; background:url(images/countdown-bg.jpg) no-repeat; width:307px; height:auto;padding:65px 0px 10px 0px;}
li#escriba-countdown-widget h2 { display:none; }

/*		   		gclub form
--------------------------------------------- */

form.wpcf7-form { background-color:#8b5b2b; padding:10px 0px 20px 10px; border:3px #e2e78d dotted; color:#FFFFCC; }
	form.wpcf7-form span { color:#FF9900;}
	p.title-register { font-size:30px; text-transform:lowercase; color:#e2e78d; }
	form.wpcf7-form input { border:1px #999900 solid; background-color:#FFFFCC; color:#990000; }
	input#signup { background-color:#e2e78d; font-weight:bold; padding:4px 20px 4px 20px; color:#540a06; margin-top:10px; border:2px #99CC00 groove; cursor:pointer;  }

/*		   		footer
--------------------------------------------- */

div#footer { width:100%; height:auto; text-align:center; padding:10px 0px 30px 0px; border-top:8px #573917 solid; font-size:11px; }
	div#footer ul { float:left; width:100%; height:auto; padding:0px; margin:0px;}
	div#footer  ul li { display:inline; color:#9b5c1f; }
	div#footer  ul li a:link, div#footer  ul li a:visited { color:#9b5c1f; text-decoration:none;  }
	div#footer  ul li a:hover { text-decoration:underline;}
	div#footer ul span { padding:0px 5px 0px 5px;}
	
	div#footer p { margin:0px; padding:0px; color:#ce9763; }
	div#footer p a:link, div#footer p a:visited { color:#ce9763; text-decoration:none;}
	div#footer p a:hover { color:#9b5c1f; text-decoration:underline;}