﻿/*
Theme Name: grottopizza
*/
body{
	margin:0;
	background: #FFF2CF url(images/parchment-bg.jpg) repeat-x 0 0;
	background-attachment: fixed;
	font:12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#301c00;
}
img{border-style:none;}
a{
	text-decoration:underline;
	color:#301c00;
}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#8d8d8c;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.hidden{
	position:absolute;
	top:0;
	left:-9999px;
}
#wrapper{
	margin:0 auto;
	padding:57px 0 30px;
	width:990px;
}
.panel{
	position:absolute;
	z-index:900;
	top:-44px;
	left:11px;
	width:317px;
}
.panel .logo{
	margin:0 0 8px;
	overflow:hidden;
	background:url(images/logo-home.gif) no-repeat;
	width:317px;
	height:112px;
	text-indent:-9999px;
}
.logo a{
	background:url(images/transparent.gif) no-repeat;
	display:block;
	height:100%;
}
.slogan{
	display:block;
	overflow:hidden;
	margin:0 auto;
	padding:0 13px 0 0;
	background:url(images/text-founded.gif) no-repeat;
	width:109px;
	height:11px;
	text-indent:-9999px;
}
.page{width:990px;}
.page .top{
	background:url(images/bg-page-top.png) no-repeat;
	width:990px;
	height:19px;
	font-size:0;
	line-height:0;
}
.page .center{
	position:relative;
	width:990px;
	background:#fff;
}
.home .page .center{background:none;}
#header{
	position:absolute;
	top:-32px;
	left:0;
	overflow:hidden;
	padding:0 24px 0 23px;
	width:943px;
	height:119px;
}
#header .logo{
	float:left;
	overflow:hidden;
	background:url(images/logo.gif) no-repeat;
	width: 257px;
	height: 91px;
	text-indent:-9999px;
}
#header #nav,
.home #nav{
	overflow:hidden;
	margin:0 0 14px;
	padding:0;
	background:url(images/bg-page-bottom.png) no-repeat;
	height:46px;
	list-style:none;
}
#header #nav{
	float:right;
	margin:82px 0 0;
	background:url(images/bg-nav.gif) no-repeat;
	width:671px;
	height:36px;
}
.home #nav li{
	position:relative;
	float:left;
	padding:18px 0 5px;
	background:url(images/separator-nav.gif) no-repeat;
}
#header #nav li{
	float:left;
	padding:13px 0 10px;
	background:url(images/separator-nav-header.gif) no-repeat;
}
#header #nav li:first-child,
#header #nav li.first-child,
.home #nav li:first-child,
.home #nav li.first-child{background:none;}
#header #nav .active a,
#header #nav a,
.home #nav a{
	float:left;
	overflow:hidden;
	background:url(images/text-nav.gif) no-repeat;
	height:13px;
	text-indent:-9999px;
}
#header #nav .active a,
#header #nav a{background:url(images/text-nav-header.gif) no-repeat;}
.home #nav .menu{
	margin:0 48px 0 47px;
	background-position:0 0;
	width:71px;
}
#header #nav .active .menu,
#header #nav .menu:hover,
.home #nav .menu:hover{background-position:0 -13px;}
.home #nav .locations{
	margin:0 26px 0 38px;
	background-position:-157px 0;
	width:151px;
}
.home #nav .locations:hover{background-position:-157px -13px;}
.home #nav .shop{
	margin:0 36px 0 45px;
	background-position:-379px 0;
	width:67px;
}
.home #nav .shop:hover{background-position:-379px -13px;}
.home #nav .history{
	margin:0 40px 0 50px;
	background-position:-532px 0;
	width:52px;
}
.home #nav .history:hover{background-position:-532px -13px;}
.home #nav .news{
	margin:0 22px 0 35px;
	background-position:-659px 0;
	width:108px;
}
.home #nav .news:hover{background-position:-659px -13px;}
.home #nav .contact{
	margin:0 0 0 22px;
	background-position:-811px 0;
	width:120px;
}
.home #nav .contact:hover{background-position:-811px -13px;}
#header #nav .menu{
	margin:0 13px 0 18px;
	background-position:0 0;
	width:61px;
}
#header #nav .locations{
	margin:0 16px 0 18px;
	background-position:-92px 0;
	width:125px;
}
#header #nav .active .locations,
#header #nav .locations:hover{background-position:-92px -13px;}
#header #nav .shop{
	margin:0 17px 0 15px;
	background-position:-248px 0;
	width:56px;
}
#header #nav .active .shop,
#header #nav .shop:hover{background-position:-248px -13px;}
#header #nav .history{
	margin:0 15px;
	background-position:-336px 0;
	width:43px;
}
#header #nav .active .history,
#header #nav .history:hover{background-position:-336px -13px;}
#header #nav .news{
	margin:0 16px;
	background-position:-410px 0;
	width:91px;
}
#header #nav .active .news,
#header #nav .news:hover{background-position:-410px -13px;}
#header #nav .contact{
	margin:0 0 0 15px;
	background-position:-532px 0;
	width:100px;
}
#header #nav .active .contact,
#header #nav .contact:hover{background-position:-532px -13px;}

.sub-menu
{
	display: none;
}
#main{
	padding:252px 23px 0;
	background:url(images/bg-main.gif) no-repeat 23px 86px;
}
.home #main{
	padding:0;
	background:#fff;
}
#main h1{
	margin:0;
	color:#d9171f;
	font:24px/28px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#main h2{
	margin: 0px 0px 20px 0px;
	color:#d9171f;
	font:24px/28px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#main h3{
	margin: 0px 0px 10px 0px;
	color:#d9171f;
	font:20px/24px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#main h4{
	margin: 0px 0px 10px 0px;
	font:18px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#main h5{
	margin:0 0 7px;
	font-size:14px;
	line-height:16px;
}
#main h6{
	margin:0 0 7px;
	font-size:11px;
	line-height:14px;
}
.promobox{
	position:relative;
	width:990px;
}
.promobox img{display:block;}
.promobox .holder{
	position:absolute;
	top:-10px;
	right:33px;
	width:617px;
}
.newsletter-form{
	position:relative;
	z-index:50;
	margin:0 0 -40px 22px;
	width:595px;
}
.newsletter-form .frame{
	overflow:hidden;
	padding:9px 58px 0;
	background:url(images/bg-newsletter-form.png) no-repeat;
	width:459px;
	height:51px;
}
.newsletter-form fieldset{
	position:relative;
	overflow:hidden;
	width:459px;
}
.newsletter-form label{
	float:left;
	font:bold 14px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#fff;
}
.newsletter-form label strong{
	display:block;
	margin:0 0 -1px;
}
.newsletter-form label span{
	display:block;
	font-size:11px;
	color:#f4e03a;
}
.newsletter-form .text{
	float:left;
	overflow:hidden;
	margin:2px 8px 0 11px;
	padding:5px 10px;
	background:url(images/bg-text.gif) no-repeat;
	width:185px;
	height:16px;
}
.newsletter-form .text input{
	float:left;
	padding:0;
	background:url(images/transparent.gif) no-repeat;
	border:none;
	width:185px;
	height:16px;
	line-height:16px;
	outline:none;
}
.newsletter-form .submit{
	float:left;
	overflow:hidden;
	margin:2px 0 0;
	padding:0;
	background:url(images/btn-join.gif) no-repeat;
	border:none;
	width:55px;
	height:25px;
	cursor:pointer;
	line-height:0;
	text-indent:-9999px;
}
.box-gallery{
	position:relative;
	width:617px;
	height:331px;
}
.box-gallery .gallery{
	position:absolute;
	margin:0;
	padding:0;
	width:603px;
	height:320px;
	list-style:none;
}
.box-gallery .gallery li{
	position:absolute;
	display:none;
	padding:8px 0 0 7px;
	width:603px;
	height:320px;
}
.box-gallery .gallery .active{
	display:block;
}
.box-gallery .gallery img{display:block;}
.box-gallery .gallery-bg{
	position:absolute;
	z-index:20;
	top:0;
	left:0;
	background:url(images/bg-gallery.png) no-repeat;
	width:617px;
	height:331px;
}
.promobox-links{
	overflow:hidden;
	width:559px;
	padding:0 0 0 58px;
}
.promobox-links .visit{
	float:left;
	overflow:hidden;
	padding:25px 12px 38px 0;
	background:url(images/text-visit.png) no-repeat;
	width:355px;
	height:50px;
	text-indent:-9999px;
}
.promobox-links .visit a{
	position:relative;
	display:block;
	height:100%;
	background:url(images/transparent.gif) no-repeat;
}
.promobox-links .specials{
	float:right;
	padding:0 12px 9px 9px;
	background:url(images/bg-specials.png) no-repeat;
	width:164px;
	height:79px;
}
.promobox-links .specials a{
	position:relative;
	display:block;
	padding:7px 13px 0 22px;
	background:url(images/transparent.gif) no-repeat;
	height:72px;
	color:#fefefd;
	text-decoration:none;
}
.promobox-links .specials a:hover{
	border:none;
	text-decoration:none;
}
.promobox-links .specials strong{
	display:block;
	margin:0 0 3px;
	font:bold 21px/23px Arial, Helvetica, sans-serif;
	color:#be222a;
}
.promobox-links .specials a:hover strong{text-decoration:none;}
.promobox-links .specials span{
	display:block;
	text-decoration:underline;
}
.promobox-links .specials a:hover span{text-decoration:none;}
.specials a
{
	text-decoration: none;
}
.specials a:Hover
{
	text-decoration: underline;
}

.section{
	overflow:hidden;
	height:1%;
	margin:0 0 27px -6px;
}
.section .block{
	padding:4px 0 0;
	float:left;
	width:859px;
}
.box-social{
	position:relative;
	float:left;
	width:620px;
}
.section .box-bottom,
.section .box-top{
	background:url(images/bg-box-top.png) no-repeat;
	height:22px;
	font-size:0;
	line-height:0;
}
.section .box-bottom{
	background:url(images/bg-box-bottom.png) no-repeat;
	height:30px;
}
.section .box-center{
	width:581px;
	padding:0 15px 0 24px;
	background:url(images/bg-box-center.png) repeat-y;
}
.section .box-center:after{
	display:block;
	clear:both;
	content:"";
}
.box-social .box-facebook{
	position:relative;
	float:left;
	width:340px;
	margin:-7px 0 -5px;
}
.box-social .box-facebook .holder{
	overflow:hidden;
	width:340px;
	margin:0 0 12px;
}
.box-social .box-facebook .like,
.box-social .box-facebook .footer{
	float:left;
	overflow:hidden;
	margin:0 19px 0 0;
	background:url(images/ico-social-networks.gif) no-repeat -60px 0;
	width:98px;
	height:26px;
	text-indent:-9999px;
}
.box-social .box-facebook .like{
	margin:1px 7px 0 0;
	background-position:-158px 0;
	width:51px;
	height:24px;
}
.box-social .box-facebook .text{
	float:left;
	padding:6px 0 0 16px;
	background:url(images/ico-social-networks.gif) no-repeat -316px -11px;
}
.box-social .box-facebook ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:9px;
	line-height:12px;
}
.box-social .box-facebook li{
	display:inline-block;
	padding:0 5px 0 0;
	width:44px;
	vertical-align:top;
}
* html .box-social .box-facebook li{
	display:inline;
	padding-right:7px;
}
*+html .box-social .box-facebook li{
	display:inline;
	padding-right:7px;
}
.box-social .box-facebook li a{
	display:block;
	color:#5583be;
	text-decoration:none;
	cursor:pointer;
}
.box-social .box-facebook li a:hover{
	text-decoration:none;
	color:#714f49;
}
.box-social .box-facebook li img{
	display:block;
	margin:0 0 1px;
}
* html .box-social .box-facebook li img{margin-bottom:-1px;}
*+html .box-social .box-facebook li img{margin-bottom:-1px;}
.box-social .box-facebook li span{display:block;}
.box-social .box-twitter{
	position:relative;
	float:right;
	width:205px;
	margin:-7px 0 -5px;
	color:#000;
	font:10px/12px Arial, Helvetica, sans-serif;
}
.box-social .box-twitter .twitter{
	display:block;
	overflow:hidden;
	margin:0 0 9px;
	background:url(images/ico-social-networks.gif) no-repeat -209px 0;
	width:99px;
	height:24px;
	text-indent:-9999px;
}
.box-social .box-twitter .holder{
	overflow:hidden;
	height:1%;
}
.box-social .box-twitter .holder img{
	float:left;
	padding:3px 13px 0 3px;
}
* html .box-social .box-twitter .holder img{padding-top:4px;}
.box-social .box-twitter .holder .frame{
	overflow:hidden;
	height:1%;
}
.box-social .box-twitter .holder .frame p{margin:0 0 12px;}
.box-social .box-twitter .holder .frame a{color:#ee3a43;}
.section .box-new{
	float:right;
	width:239px;
	color:#432800;
	font-size:14px;
	line-height:16px;
	text-align:center;
}
.section .box-new img
{
	display:block;
	margin: 0px 0px 0px 6px;
}
.section .box{
	float:left;
	width:135px;
	margin:0 -20px 0 -2px;
	color:#000;
	font-size:10px;
	line-height:12px;
	text-align:center;
}
.section .box img{
	display:block;
	margin: 2px 0px 0px 18px;
}
.section .box dl{margin:0;}
.section .box dt{
	font-weight:bold;
	text-transform:uppercase;
}
.section .box dd{
	margin:0;
	padding:0 0 6px;
	letter-spacing:-1px
}
.copyright{
	margin:0;
	color:#000;
	font:10px/14px Arial, Helvetica, sans-serif;
	text-align:center;
}
#twocolumns{
	background:url(images/bg-twocolumns.gif) repeat-y -966px 0;
	width:944px;
}
#twocolumns:after{
	display:block;
	clear:both;
	content:"";
}
#twocolumns .holder{
	float:left;
	padding:0 96px 110px 0;
	background:url(images/bg-twocolumns.gif) no-repeat;
	width:848px;
}
#content{
	position:relative;
	margin:-118px 0 0;
	float:right;
	width:542px;
}
.block-content{
	position:relative;
	margin:-33px 0 0;
	width:600px;
}
.content-holder{
	overflow:hidden;
	height:1%;
}
.block-heading{
	position:relative;
	overflow:hidden;
	margin:0 -96px 0 -35px;
	padding:33px 34px 50px;
	background:url(images/bg-heading.gif) no-repeat;
	width: 604px;
	height: 35px;
}
#content ul{
}
#content ol{
	margin:0 0 13px;
	padding:2px 0 0 17px;
	counter-reset:section;
}
#content ol li{padding:0 0 3px;}
#content ol li .list-item-before,
#content ol li:before{
	content:counter(section)'.';
	counter-increment:section;
	margin:0 0 -20px -17px;
	position:relative;
	display:block;
	width:22px;
}
#content table{
	border-collapse:collapse;
	width:100%;
}
.box-visual{
	float:right;
	margin:8px 0 0 29px;
	width:240px;
	border:solid #a06a2e;
	border-width:0 6px 5px;
}
* html .box-visual{margin-left:26px;}
.box-visual img{
	display:block;
	border:solid #a06a2e;
	border-width:6px 0 1px;
}
#content .container{
	overflow:hidden;
	height:1%;
}
#content .box-content{
	margin:0 0 20px;
	padding:0 0 16px;
	border-bottom:1px solid #c38548;
	line-height:14px;
}
#content .box-content address{
	padding:0;
	font-style:normal;
}
#content .box-content address span{
	display:block;
	margin:0 0 2px;
}
#content .box-content .phone{
	display:block;
	margin:0 0 5px;
	font:16px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#content .box-content dl{margin:0;}
#content .box-content dt{
	margin:0 0 1px;
	font-weight:bold;
}
#content .box-content dd{
	margin:0;
	padding:0 0 8px;
}
#content .box-content .submenu{
	margin:0;
	padding:0 0 12px;
	list-style:none;
	font-size:16px;
	line-height:22px;
}
#content .box-content .submenu li{padding:0 0 2px;}
#content .box-content .submenu a:hover{
	color:#d6171c;
	text-decoration:underline;
}
#sidebar{
	float:left;
	width:257px;
	padding:10px 0 0;
}
.info{
	margin:0 0 17px;
	text-align:center;
}
.info a{
	display:inline-block;
	padding:0 0 1px;
	font-size:14px;
	line-height:22px;
	text-transform:uppercase;
	vertical-align:top;
}
.info span{
	display:inline-block;
	font-size:13px;
	line-height:16px;
	color:#e21e30;
	vertical-align:top;
}
.menu{
	overflow:hidden;
	width:257px;
	background:url(images/bg-menu.gif) repeat-y -257px 0;
	font:bold 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.menu .menu-hover{background:url(images/bg-menu.gif) no-repeat;}
.menu ul{
	margin:0;
	padding:36px 5px 46px 21px;
	background:url(images/bg-menu.gif) no-repeat -514px 100%;
	list-style:none;
}
.menu li{padding:0 0 2px;}
.menu a{
	overflow:hidden;
	display:block;
	padding:10px 29px 10px 24px;
	background:url(images/bg-menu-link.gif) no-repeat;
	width: 190px;
	height: 15px;
	color:#180e00;
	text-decoration:none;
}
.menu a:hover{text-decoration:underline;}
#footer{
	overflow:hidden;
	padding:20px 10px 0 20px;
	background:url(images/bg-footer.gif) no-repeat;
	height:39px;
	color:#f3cfa9;
	font:12px/14px Arial, Helvetica, sans-serif;
}
#footer p{margin:0;}
.footer-menu{
	overflow:hidden;
	float:right;
	margin:0;
	padding:4px 0 0 12px;
	list-style:none;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.footer-menu li{
	float:left;
	margin:0 -1px 0 1px;
	padding:0 11px 0 8px;
	background:url(images/separator-footer.gif) no-repeat 100% 3px;
}
.footer-menu a{color:#fff;}
.social-networks{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
.social-networks li{
	float:left;
	padding:0 0 0 5px;
}
.social-networks a{
	float:left;
	overflow:hidden;
	background:url(images/ico-social-networks.gif) no-repeat;
	width:30px;
	height:30px;
	text-indent:-9999px;
}
.social-networks .twitter{background-position:0 0;}
.social-networks .facebook{background-position:-30px 0;}
/*----------------------------------------------------------------------------*/
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.nothing{
	margin:0;
}
.black{
	color:#000 !important;
}
#respond{
	margin:0;
}


.gform_title
{
	display: none;
}


/* Red Zone Promo Page
----------------------------------------------------------------------------*/
h2#redzoneTitle {
	color: #fff;
	background-color: #e33542;
	padding: 15px;
	text-align: center;
	text-transform: none;
	font-size:30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

	h2#redzoneTitle span {
		display: block;
		font-size: 18px;
	}

ul#redzonePromos {
	margin: 0;
	padding: 0;
	list-style: none;
}

	ul#redzonePromos li.grid {
		padding: 0 200px 35px 0;
		margin-bottom: 35px;
		border-bottom: 1px solid #e1dad4;
	}

	ul#redzonePromos li.glasses {
		background: transparent url(http://grottopizza.com/wp-content/uploads/2011/09/glasses.jpg) no-repeat right 0;
		height: 180px;
	}

	ul#redzonePromos li.pigskin {
		background: transparent url(http://grottopizza.com/wp-content/uploads/2011/09/pigskin.jpg) no-repeat right 0;
	}

	ul#redzonePromos li.eagles {
		background: transparent url(http://grottopizza.com/wp-content/uploads/2011/09/phlitedeck.jpg) no-repeat right 0;
	}

	ul#redzonePromos li.ravens {
		background: transparent url(http://grottopizza.com/wp-content/uploads/2011/09/flitedeck.jpg) no-repeat right 0;
	}

	ul#redzonePromos li.nascar {
		background: transparent url(http://grottopizza.com/wp-content/uploads/2011/09/nascar.jpg) no-repeat right 0;
	}

	ul#redzonePromos ol li {
		margin: 0 0 15px 20px;
	}

		ul#redzonePromos ol li::before {
			content:normal;
		}

div.vcard {
	background: transparent url(http://grottopizza.com/wp-content/uploads/2011/09/map-icon.jpg) no-repeat 0 5px;
	padding-left:40px;
	margin-left: 20px;
}
	
	div.vcard p.org {
		font-weight: bold;
	}

	div.vcard p {
		margin: 0 0 2px;
	}
