@charset "UTF-8";

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

Author:   Space2Burn    www.space2burn.com
Version:  2010.03

green: #7D890D
brown: #2D1D06
yellow: #F9B41F
red: #BA1212
tan (text): #FBD98E

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

<!--
  @import url(/templates/hottomato/css/products.css);
  @import url(/templates/hottomato/css/uf-validator.css);
-->


/*** global ***/

* {
	padding:0;
	margin:0;
	border:none;
}

body {
	font-size:100%;
	line-height:100%;
	background-color:#2D1D06;
}

#container {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	line-height:1.4em;
	color:#FBD98E;
}

p {
	margin:0 0 20px 0;
}

h1 {
	margin:0 0 21px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	font-weight:normal;
	color:#BA1212;
	text-transform:uppercase;
}

h2 {
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:normal;
	color:#BA1212;
	text-transform:uppercase;
	line-height:130%;
}

	h2 a {
		color:#BA1212;
	}

h3 {
	margin:0 0 5px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	font-weight:normal;
	color:#7D890D;
}

h4 {
	margin:0 0 5px 0;
	font-size:1.0em;
	color:#999;
}

a:link, a:active, a:visited, a:hover, a:visited:hover {
	color:#F9B41F;
	text-decoration:none;
}

a:hover, a:visited:hover {
	color:#BA1212;
	text-decoration:underline;
}


/*** tables ***/

table tr td {
	/* using px to avoid nested resizing */
	font-size:12px;
}

table {
	padding:0 0 30px 0;
}


/*** lists ***/

ul, ol {
	margin:0px 0px 20px 5px !important;
	margin:0px 0px 20px 8px;
	padding:0px 0px 0px 10px;
}

li {
	line-height:140%;
	color:#666;
	margin:0;
}


/*** forms ***/

form select {
	margin:0 10px 0 0;
	padding:0;
}

form input, form textarea {
	padding:2px;
	border:1px solid #666666;
	color:#666666;
}

form input.formbutton {
	padding:5px;
	background-color:#F4F4F4;
	font-weight:bold;
	color:#666666;
}

form input.formbutton:hover {
	padding:5px;
	background-color:#666;
	font-weight:bold;
	color:#FFF;
}


/*** layout ***/

#container {
	position:relative;
	margin:0 20px 0 0;
	width:1280px;
}

#header {
	position:absolute;
	z-index:1;
	width:1280px;
	height:120px;
	background-color:#7D890D; 
}
	
#art-top-left {
	position:absolute;
	z-index:2;
	width:400px;
	height:600px;
	background-image:url(/templates/hottomato/structure/art.top.left.png);
	background-position:0 24px;
	background-repeat:no-repeat;
}

#logo {
	float:left;
	margin:29px 0 0 197px;
	width:146px;
	height:81px;
}
	#logo a {
		text-decoration:none;
		color:transparent;
	}

#live-area {
	position:absolute;
	z-index:3;
	top:120px;
	width:1280px;
	min-height:801px;
	background:url(/templates/hottomato/structure/art.bottom.left.png) bottom left no-repeat;
}

	/*** homepage layout ***/

	#live-area.hp {
		background-image:none;
	}
	
	#live-area-container.hp {
		height:925px;
		/* background:url(/templates/hottomato/structure/main-bg/april2011.jpg) 0 120px no-repeat; */
		background:url(/templates/hottomato/structure/main-bg/bardance.jpg) 0 120px no-repeat;
	}
	
	#blog-widget .post {
		margin:0;
		/*
		padding:15px;
		background:transparent url(/templates/hottomato/structure/misc/bg_white_85_alpha.png);
		*/
	}
	
	#blog-widget .post p {
		margin:0;
		/* color:#000; */
	}
	
	#blog-widget div.hr {
		display:none;
	}
	

#leftcol {
	float:left;
	margin:100px 0 40px 100px;
}

	#locationimg {
		width:380px;
		min-height:280px;
	}
	
		#locationimg.about {
			background:transparent url(/templates/hottomato/structure/navimg/AboutHead-380x280.png);
		}
	
		#locationimg.menu {
			background:transparent url(/templates/hottomato/structure/navimg/MenuHead-380x280.png);
		}
				
		#locationimg.news {
			background:transparent url(/templates/hottomato/structure/navimg/NewsHead-380x280.png);
		}
	
		#locationimg.franchising {
			background:transparent url(/templates/hottomato/structure/navimg/FranchiseHead-380x280.png);
		}
	
		#locationimg.hot-tomato-goes-green {
			background:transparent url(/templates/hottomato/structure/navimg/GreenHead-380x280.png);
		}
		
		#locationimg.contact {
			background:transparent url(/templates/hottomato/structure/navimg/ContactHead-380x280.png);
		}
	
		#locationimg.store {
			background:transparent url(/templates/hottomato/structure/navimg/StoreHead-380x280.png);
		}
	
		#locationimg.photos {
			background:transparent url(/templates/hottomato/structure/navimg/PhotosHead-380x280.png);
		}	
		
		#locationimg.new-belgium-brewery-beer {
			background:transparent url(/templates/hottomato/structure/navimg/BeerHead-380x280.png);
		}

		#locationimg.ride-bikes {
			background:transparent url(/templates/hottomato/structure/navimg/RideBikesHead-380x280.png);
		}
		
		#locationimg.jobs {
			background:transparent url(/templates/hottomato/structure/navimg/JobsHead-380x280.png);
		}
		
		#locationimg.email-signup {
			background:transparent url(/templates/hottomato/structure/navimg/NewsletterHead-380x280.png);
		}

		#locationimg.blog {
			background:transparent url(/templates/hottomato/structure/navimg/BlogHead-380x280.png) no-repeat;
		}
		
#rightcol {
	float:right;
	margin:30px 30px 40px 0;
	width:720px;
}

#footer {
	position:absolute;
	bottom:-90px;
	margin:20px 30px;
	padding:0 0 20px 0;
	width:1280px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#7D890D;
	font-size:9px;
	line-height:14px;
}
	
	#footer a:link, #footer a:active, #footer a:visited, #footer a:visited:hover {
		margin:0;
		padding:1px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		color:#7D890D;
		text-decoration:none;
	}
	
	#footer a:hover, #footer a:visited:hover{
		text-decoration:underline;
	}


/*** homepage layout ***/

#hp-canvas {
	position:relative;
	height:800px;
	background:transparent url(/templates/hottomato/structure/homepage/hp_bg.png) no-repeat 20px bottom;
}
	
#talkbubble {
	position:absolute;
	z-index:102;
	zoom:1;
	display:none;
	padding:10px 15px 35px 15px;
	width:253px;
	height:117px;
	background:transparent url(/templates/hottomato/structure/homepage/talkbubble1.png) no-repeat top left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	line-height:125%;

}

#talkbubble.hide {
	display:none;
}

#talkbubble.reverse {
	background:transparent url(/templates/hottomato/structure/homepage/talkbubble2.png) no-repeat top left;
}


#blog-widget {
	position:absolute;
	top:300px;
	left:250px;
	width:500px;
}

	#blog-widget .post h2 {
		margin:0 0 5px 0;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.8em;
		font-weight:normal;
		text-transform:uppercase;
	}
	
	.italic {
		font-weight:bold;
		font-style:italic;
	}

#hp-canvas .e {
	position:absolute;
	z-index:101;
	zoom:1;
	background-repeat:no-repeat;
	background-position:top left;
}

#hp-canvas .e:hover {
	background-position:bottom left;
}

#hp-canvas .e a:link, #hp-canvas .e a:active, #hp-canvas .e a:visited, #hp-canvas .e a:hover, #hp-canvas .e a:visited:hover {
	display:block;
	text-decoration:none;
	color:transparent;
}

	#e-blog {
		top:60px;
		left:239px;
		width:279px;
		height:268px;
		background-image:url(/templates/hottomato/structure/homepage/e-blog.png);
	}
		#e-blog a {
			height:268px;
		}

	#e-facebook {
		top:622px;
		left:167px;
		width:136px;
		height:135px;
		background-image:url(/templates/hottomato/structure/homepage/e-facebook.png);
	}
		#e-facebook a {
			height:135px;
		}

		.e-facebook {
			top:480px;
			left:267px;
		}

	#e-urbanspoon {
		top:622px;
		left:336px;
		width:136px;
		height:132px;
		background-image:url(/templates/hottomato/structure/homepage/e-urbanspoon.png);
	}
		#e-urbanspoon a {
			height:132px;
		}

		.e-urbanspoon {
			top:480px;
			left:85px;
		}

	#e-newbelgium {
		top:621px;
		left:501px;
		width:142px;
		height:140px;
		background-image:url(/templates/hottomato/structure/homepage/e-newbelgium.png);
	}
		#e-newbelgium a {
			height:140px;
		}

		.e-newbelgium {
			top:480px;
			left:605px;
		}

	#e-goesgreen {
		top:558px;
		left:929px;
		width:136px;
		height:124px;
		background-image:url(/templates/hottomato/structure/homepage/e-goesgreen.png);
	}
		#e-goesgreen a {
			height:124px;
		}

		.e-goesgreen {
			top:418px;
			left:668px;
		}

	#e-thegoods {
		top:280px;
		left:1068px;
		width:102px;
		height:100px;
		background-image:url(/templates/hottomato/structure/homepage/e-thegoods.png);
	}
		#e-thegoods a {
			height:100px;
		}

		.e-thegoods {
			top:140px;
			left:800px;
		}

	#e-ridebikes {
		top:650px;
		left:1148px;
		width:114px;
		height:118px;
		background-image:url(/templates/hottomato/structure/homepage/e-ridebikes.png);
	}
		#e-ridebikes a {
			height:118px;
		}

		.e-ridebikes {
			top:500px;
			left:880px;
		}

	#e-photos {
		top:435px;
		left:1106px;
		width:101px;
		height:129px;
		background-image:url(/templates/hottomato/structure/homepage/e-photos.png);
	}
		#e-photos a {
			height:129px;
		}

		.e-photos {
			top:300px;
			left:814px;
		}
		
	



/*** subpage layout ***/

#main-column {
	float:left;
	margin:0 0 0 20px;
	width:710px;
	border:1px solid red;
}

#right-column {
	float:right;
	margin:0 15px 0 0;
	width:220px;
	border:1px solid green;
}

#subnavgroup {
		float:left;
		clear:both;
		width:720px;
		margin:0 0 20px 0;
}

#subnavgroup li {
		float:left;
		margin:0 20px 0 0;
		display:inline;
		list-style:none;
}

#subnavgroup li, #subnavgroup ul {
		padding:0;
}

/*** button styles ***/

a.button:link, a.button:active, a.button:visited, a.button:hover, a.button:visited:hover {
}

a.button:hover, a.button:visited:hover {
}


/*** navgroups ***/

#topnav {
	float:right;
	margin:0;
	width:920px;
}

#urban-spoon {
	margin:10px 13px 0 0;
	height:65px;
	text-align:right;
}

#navgroup1, #navgroup2, #navgroup3 {
}

#navgroup1 {
	float:right;
	margin:0 15px 0 0;
}

	#navgroup1 a:link, #navgroup1 a:active, #navgroup1 a:visited, #navgroup1 a:visited:hover {
		float:left;
		padding:4px;
		margin:2px 10px 0 0;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		font-weight:normal;
		color:#2D1D06;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	#navgroup1 a:hover, #navgroup1 a:visited:hover {
		color:#FFF;
	}
	
	
#subnavgroup a:link, #subnavgroup a:active, #subnavgroup a:visited, #subnavgroup a:visited:hover {
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
		color:#7D890D;
		text-decoration:none;
		text-transform:uppercase;
}
	
#subnavgroup a:hover, #subnavgroup a:visited:hover {
		color:#F9B41F;
}

#navgroup2 {
	float:right;
	margin:0 15px 0 0;
}

	#navgroup2 a:link, #navgroup2 a:visited, #navgroup2 a:active, #navgroup2 a:hover, #navgroup2 a:visited:hover {
			display:block;
			float:left;
			overflow:hidden;
			height:33px;
			text-indent:-3333px;
	}
	
	#navgroup2 a:hover, #navgroup2 a:visited:hover {
	}
	
		#navgroup2 a.nav1 {
			margin:0 20px 0 0;
			width:46px;
			background:transparent url(/templates/hottomato/structure/nav/jobs.png) top right no-repeat;
		}
		
		#navgroup2 a.nav1:hover {
			background-position:bottom right;
		}
		
		#navgroup2 a.nav2 {
			margin:0;
			width:110px;
			background:transparent url(/templates/hottomato/structure/nav/franchising.png) top left no-repeat;
		}
		
		#navgroup2 a.nav2:hover {
			background-position:bottom left;
		}

#navgroup3 {
	float:right;
	margin:0;
}

	#navgroup3 a:link, #navgroup3 a:visited, #navgroup3 a:active, #navgroup3 a:hover, #navgroup3 a:visited:hover {
		float:left;
		padding:5px 7px;
		margin:2px 10px 0 0;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:15px;
		font-weight:normal;
		text-decoration:none;
		text-transform:uppercase;
		background-color:#2D1D06;
		color:#7D890D;
		-moz-border-radius:4px; 
		-webkit-border-radius:4px; 
	
	}
	
	#navgroup3 a:hover, #navgroup3 a:visited:hover {
		background:#FFF;
	}

.addthis_toolbox {
	float:right;
	margin:0;
}

	.addthis_toolbox a:link, .addthis_toolbox a:visited, .addthis_toolbox a:active, .addthis_toolbox a:hover, .addthis_toolbox a:visited:hover {
		float:left;
		padding:5px;
		margin:2px 10px 0 0;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		font-weight:normal;
		color:#2D1D06;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	.addthis_toolbox a:hover, .addthis_toolbox a:visited:hover {
		color:#FFF;
	}

#contact-info {
	float:left;
	width:480px;
}

#phone-number, #contact-address {
	width:220px;
	float:left;
	display:inline;
}

#phone-number{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	line-height:40px;
}
#contact-address{
	font-size:12px;
	line-height:17px;
	font-weight:bold;
}

#bottomnav {
	text-align:right;
	float:left;
	display:inline;
	width:440px;
}

#navgroup4 a:link, #navgroup4 a:active, #navgroup4 a:visited, #navgroup4 a:visited:hover, #navgroup5 a:link, #navgroup5 a:active, #navgroup5 a:visited, #navgroup5 a:visited:hover {
		margin:0 5px 0 5px;
}

#credits {
	float:right;
	font-size:9px;
	line-height:14px;
	padding: 0 110px 0 0;
	width:240px;
}

#navgroup1 a.selected, #navgroup3 a.selected, #subnavgroup a.selected, .addthis_toolbox a.selected {
	color:#F9B41F;
}


/*** rss ***/

#rss-header {
	position:absolute;
	top:16px;
	right:100px;
}

#rss-header h1 {
	position:absolute;
	left:-2000px;
}

#rss-header a {
	font-size:14px;
	font-weight:normal;
}



/*** post + listitem - affects flares and blog ***/

.post, .lisitem {
	background-color:transparent;
}

.post h2 {
	color:#F9B41F;
}

.post img {
	float:right;
	margin:0 0 10px 10px;
}

.listitem img {
	float:left;
	margin:0 10px 10px 0;
}

/*** gallery ***/


/*** blog ***/

#blog-main {
	width:480px;
}

#blog-sidebar {
	width:200px;
	background:none;
}
	
	#blog-sidebar .hr {
		border-color:#F9B41F;
	}

	#blog-sidebar h3 {
		color:#BA1212;
	}

	#blog-sidebar a:link, #blog-sidebar a:active, #blog-sidebar a:visited, #blog-sidebar a:hover, a:visited:hover {
		color:#F9B41F;
		text-decoration:none;
	}

		#blog-sidebar a:hover, #blog-sidebar a:visited:hover {
			color:#BA1212;
			text-decoration:underline;
			background:none;
		}

/*** contactbasic ***/


/*** products ***/

#breadcrumb {
	margin:0 0 20px 0;
}

#breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:visited:hover {
	font-size:9px;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	font-stretch:extra-condensed;
}

#breadcrumb a:hover, #breadcrumb a:visited:hover {
	color:#FFF;
}

/* subnavigation left sidebar 

green: #7D890D
brown: #2D1D06
yellow: #F9B41F
red: #BA1212
tan (text): #FBD98E
*/

#subnav-sidebar {
	margin:0 0 0 180px;
	padding:5px;
	width:180px;
}

#subnav-sidebar ul, #subnav-sidebar li {
	list-style-type:none;
	list-style:none;
	margin:0;
	padding:0;
}

#subnav-sidebar a:link, #subnav-sidebar a:active, #subnav-sidebar a:visited, #subnav-sidebar a:hover, #subnav-sidebar a:visited:hover {
	display:block;
	margin:0 0 8px 0;
	padding:2px 3px;
	background-color:#7D890D;
	font-size:10px;
	color:#FFF;
	text-decoration:none;
}

#subnav-sidebar a:hover, #subnav-sidebar a:visited:hover {
	background-color:#F9B41F;
	color:#FFF;
	text-decoration:none;
}

#subnav-sidebar a.selected {
	font-weight:bold;
	color:#FFF;
	background-color:#7D890D;
}

#subnav-sidebar ul ul li a:link, #subnav-sidebar ul ul li a:active, #subnav-sidebar ul ul li a:visited, #subnav-sidebar ul ul li a:hover, #subnav-sidebar ul ul li a:visited:hover {
	margin:0 0 2px 0;
	border:none;
	background-color:transparent;
}

#subnav-sidebar ul ul li a:hover, #subnav-sidebar ul ul li a:visited:hover {
	color:#F9B41F;
}

#subnav-sidebar ul ul li a.selected {
	background-color:transparent;
}


/*** products ***/
#shopping-cart {
	position:absolute;
	float:right;
	width:203px;
	height:37px;
	top:10px;
	right:160px;
	margin:0;
	padding:5px 5px 5px 40px;
	color:#666;
	background-color:#FFF;
	background-image:url(/engines/products/frontend/structure/shopping-cart-icon.png);
	background-repeat:no-repeat;
	background-position:2px 5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}


/*** forms ***/

ul.form li label {
	color:#FFF;
}




/*** iphone-number css ***/

@media only Screen and (max-device-width: 480px) { 
}