@charset "utf-8";
/* CSS Document */


/***RESET CSS******/
html, body, div, span, applet, object, iframe,
h1,  h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #fff;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*========================================End Reset CSS================================*/
/*================Begin===================*/

body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.25em;
}

#sign {
	z-index: 1;
	float: left;
	position: absolute;
}




#wrapper {
	width: 960px;
	text-align: center;
	margin: 0 auto;
	background-color: #fff;
	
	}


#header {
	float: left;
	padding-bottom: 10px;
}

#menu ul {
	width:960px;
}
#menu li {
	background-color: #F00;
	float: left;
	font-size: 1em;
	padding-left: 23px;
	padding-right: 24px;
	line-height: 1.75em;
}


#menu li a:link  {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: .75em;
	text-decoration: none;
}


#menu li a:visited  {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: .75em;
	text-decoration: none;
}


#menu li a:hover {
	text-decoration: none;
	color: #99cc00;
}




	
#bar {
	float:left;
	padding-bottom: 0px;
	margin-top: 15px;
}

.barBottom {
	padding-top:5px;
	padding-bottom: 15px;
}
#leftColumn {
	float: left;
	width: 600px;
	background-color: #fff;
	padding-top: 5px;
}

#leftColumn p {
	padding-bottom: 5px;
}

ul#bottom  {
	padding:25px 25px 35px 10px;
	background-color: #000;
	margin-bottom: 25px;
	margin-top: 5px;
}

#bottom li {
	float: left;
	color: #FFF;
	line-height: .25em;
}


#bottom li a:link {
	color: #fff;
	padding: 0 10px;
	font-size: .75em;
	font-weight: bold;
	text-decoration: none;
}

#bottom li a:visited {
	color: #fff;
	padding: 0 10px;
	font-size: .75em;
	font-weight: bold;
	text-decoration: none;
}


#bottom li a:hover {
	color: #99cc01;
	text-decoration: underline;
	font-weight: bold;
}

#rightColumn {
	width: 350px;
	float: right;
	margin-top: 5px;
	text-align: justify;
	font-size: 16px;
	
}
#rightColumn #awards {
	height: 503px;
	background-color: #fff;
	border-right: 10px #99cc01 solid;
	border-bottom: 10px #99cc01 solid;
	border-left: 10px #99cc01 solid;
	padding: 10px;
	}
	


#rightColumn #storyContact {
	height: 248px;
	background-color: #fff;
	border-right: 10px #99cc01 solid;
	border-bottom: 10px #99cc01 solid;
	border-left: 10px #99cc01 solid;
	padding: 10px;
}

#shortspace {
	margin-top: 10px;
}

/*============================PhotoGallery================================*/

#leftColumnLarge {
	float: left;
	width: 960px;
	background-color: #fff;
	padding-top: 5px;
}

#photoGallery {
	background: #f8c301;
	
	position: relative;
	}
	
#photoGalleryLarge {
	background: #f8c301;
	margin-top: 5px;
	position: relative;
	}
	
	
.middlePicture {
	float: left;
	margin-top: 15px;
	margin-left: 25px;
}

.middlePicturebottom {
	float: left;
	margin-top: 15px;
	margin-left: 38px;
}
	
	
.rightPictureLarge {
	float: left;
	margin-top: 15px;
	margin-left: 50px;
}

.rightPictureLargeBottom {
	float: left;
	margin-top: 15px;
	margin-left: 60px;
	margin-bottom: 25px;
}

.image {
	margin-left: 25px;
	width: 333px;
	text-align: left;
	padding-top: 10px
}	

.photoGalleryPicture {
	margin-left: 15px;
	width: 300px;
	float:left;
	margin-top: 15px;
	
}

#prepPicture {
	margin-left: 15px;
	width: 300px;
	float:left;
	margin-top: 30px;
	}

.caption {
	display:block;
	width:250px;
	font-size: 12px;
	margin-left: 25px;
	text-align: justify;
	line-height: 1.25em;
	}
	
.captionRight {
	display: block;
	width: 250px;
	font-size: 12px;
	text-align: justify;
	line-height: 1.25em;
}

.captionRightLeft {
	display: block;
	width: 250px;
	font-size: 12px;
	text-align: justify;
	line-height: 1.25em;
	margin-left: 25px;
}


.rightPicture{
	float: right;
	margin-right: 15px;
	margin-top: 15px;
}	

#morePhotos {
	float: right;
	margin-right: 15px;
	margin-top: 10px;
	clear: both;
}


#rightColumn #storyAbout1 {
	height: 815px;
	background-color: #fff;
	border-right: 10px #99cc01 solid;
	border-bottom: 10px #99cc01 solid;
	border-left: 10px #99cc01 solid;
	padding: 10px;
}


	
#rightColumn #story {
	height: 261px;
	background-color: #fff;
	border-right: 10px #99cc01 solid;
	border-bottom: 10px #99cc01 solid;
	border-left: 10px #99cc01 solid;
	padding: 10px;
}

#rightColumn #story2 {
	height: 800px;
	background-color: #fff;
	border-right: 10px #99cc01 solid;
	border-bottom: 10px #99cc01 solid;
	border-left: 10px #99cc01 solid;
	padding: 10px;
	text-align: left;
}

#rightColumn #story2 img{
	margin-top: 30px;
	margin-left: 20px;
}


#rightColumn #storyAbout3 {
	height: 832px;
	background-color: #fff;
	border-right: 10px #99cc01 solid;
	border-bottom: 10px #99cc01 solid;
	border-left: 10px #99cc01 solid;
	padding: 10px;
	text-align: left;
}

#rightColumn #storyAbout3 img {
	margin-top: 15px;
	margin-left: 15px;
	}
	
#rightColumn #storyAbout4 {
	height: 832px;
	background-color: #fff;
	border-right: 10px #99cc01 solid;
	border-bottom: 10px #99cc01 solid;
	border-left: 10px #99cc01 solid;
	padding: 10px;
	text-align: left;
}

#rightColumn #storyAbout4 img {
	margin-top: 15px;
	
	}
	



ul#bottomAbout  {
	padding:25px 25px 35px 10px;
	background-color: #000;
	margin-bottom: 25px;
	margin-top: 5px;
	height: 12px;
}

#bottomAbout li {
	float: left;
	color: #FFF;
	line-height: 1em;
}


#bottomAbout li a:link {
	color: #fff;
	padding: 0 10px;
	font-size: .75em;
	font-weight: bold;
	text-decoration: none;
}

#bottomAbout li a:visited {
	color: #fff;
	padding: 0 10px;
	font-size: .75em;
	font-weight: bold;
	text-decoration: none;
}


#bottomAbout li a:hover {
	color: #99cc01;
	text-decoration: underline;
	font-weight: bold;
}



ul#bottomAboutLarge  {
	padding:25px 25px 35px 190px;
	background-color: #000;
	margin-bottom: 25px;
	margin-top: 5px;
	height: 12px;
}

#bottomAboutLarge li {
	float: left;
	color: #FFF;
	line-height: 1em;
}


#bottomAboutLarge li a:link {
	color: #fff;
	padding: 0 10px;
	font-size: .75em;
	font-weight: bold;
	text-decoration: none;
}

#bottomAboutLarge li a:visited {
	color: #fff;
	padding: 0 10px;
	font-size: .75em;
	font-weight: bold;
	text-decoration: none;
}


#bottomAboutLarge li a:hover {
	color: #99cc01;
	text-decoration: underline;
	font-weight: bold;
}





	/*============================PhotoGallery End================================*/

#rightColumn #halfAd {
	background-color:3fff;
	border-top: 10px #f8c301 solid;
	border-right: 10px #f8c301 solid;
	border-bottom: 40px #f8c301 solid;
	border-left: 10px #f8c301 solid;
	color: #000;
	height: 241px;
	padding: 10px;
	text-align: center;
	margin-top: 5px;
}


#rightColumn #short {
	background-color: #fff;
	border-right: 10px #ccc solid;
	border-bottom: 10px #ccc solid;
	border-left: 10px #ccc solid;
	padding: 10px;
	color: #000;
	height: 288px;
}



#rightColumnImage {
	display: block;
	margin-top: 70px;
	text-align: center;
}



#rightColumnImageSoldier {
	display: block;
	margin-top: 279px;
	padding:0;
	padding-left: 40px;
}

.space{
	margin-top: 5px;
}

#rightColumn #address {
	background-color: #F8C301;
	text-align: center;
	font-size:.75em;
	margin-top: 10px;
	height: 55px;
	margin-bottom: 25px;
	font-weight: bold;
	padding-top: 15px;
	}
	
	#rightColumn #addressHome {
	background-color: #F8C301;
	text-align: center;
	font-size:.75em;
	margin-top: 10px;
	height: 45px;
	margin-bottom: 25px;
	font-weight: bold;
	padding-top: 15px;
	}


#rightColumn #addressAbout {
	background-color: #F8C301;
	text-align: center;
	font-size:.75em;
	margin-top: 5px;
	height: 55px;
	margin-bottom: 25px;
	font-weight: bold;
	padding-top: 15px;
	}
	
	
	
#clear {
	clear: both;
	
}

.indent {
	margin-left: 30px;
	width: 333px;
	text-align: left;
	margin-top: 11px;
	margin-bottom: 68px;
}

.indentImage {
	margin-left: 25px;
	width: 333px;
	text-align: left;
	margin-top: 50px;
}


.indent2 {
	margin-left: 30px;
	width: 333px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 24px;
}

.indentImage2 {
	margin-left:0px;
	width: 333px;
	text-align: left;
	margin-top: 5px;
}

.para {
	display:block;
	margin-top: 1em;
}

/*controls the height for Menu page.....on left column*/
#printButton {
	margin: 43px 0;
}


.red {
	color: #e70020;
	font-weight: bold;
}

#frankiesLink {
	background: url(images/gif/frankies_fans_link.gif) top right;
	background-repeat: no-repeat;
	padding-right: 22px;
	padding-top: 5px;	
	}
	
#frankiesLink a:link{
	color: #e00120;
	text-decoration: none;
}

#frankiesLink a:hover {
	color: #99cc01;
	text-decoration: underline;
}

#birdLink {
	background: url(images/gif/frankies_fans_link.gif) top right;
	background-repeat: no-repeat;
	padding-right: 22px;
	padding-top: 5px;
	padding-bottom: 40px;
	}	
	
		
	
#birdLink a:link{
	color: #e00120;
	text-decoration: none;
	}

#birdLink a:hover {
	color: #99cc01;
	text-decoration: underline;
}
/*======================Merchandise==================================*/

#leftColumnMerchandise {
	float: left;
	width: 960px;
	background-color: #fff;
	padding-top: 5px;
}
#bannerMerch {
	float:left;
	margin-bottom: 5px;
}
			
			



.shippingBar{
	margin: 5px 0;
	padding-top: 15px;
	
}

.firstMerch {
	float: left;
	margin: 5px  15px 10px 0;
	clear:both;
}

.secondMerch {
	float:left;
	margin-top: 5px;
	margin-left: 55px;
	margin-bottom: 10px;
	
}

.thirdMerch {
	float:right;
	margin-top: 5px;
	margin-bottom: 10px;
	
}

.dvd {
	
}



#bottomMerch {
		padding-top:15px;
		padding-bottom: 15px;
}
	
ul#bottomMerch  {
	padding: 35px 25px 35px 200px;
	background-color: #000;
	margin-bottom: 25px;
	margin-top: 15px;
	
}


#bottomMerch li {
	float: left;
	color: #FFF;
	line-height: .25em;
}


#bottomMerch li a:link {
	color: #fff;
	padding: 0 10px;
	font-size: .75em;
	font-weight: bold;
	text-decoration: none;
}


#bottomMerch li a:visited {
	color: #fff;
	padding: 0 10px;
	font-size: .75em;
	font-weight: bold;
	text-decoration: none;
}


#bottomMerch li a:hover {
	color: #99cc01;
	text-decoration: underline;
	font-weight: bold;
}






/*=====================Halfbaked Page======================*/


#instructionsBorder {
		background-color: #fff;
		border-right: 10px #99cc01 solid;
		border-bottom: 10px #99cc01 solid;
		border-left: 10px #99cc01 solid;
		padding: 10px;
		height: 323px;
}


.instructions {
	padding: 10px;
}

#shippingBanner{
	float:right;
}

#shippingFees {
	background-color: #fff;
	border-right: 10px #99cc01 solid;
	border-bottom: 10px #99cc01 solid;
	border-left: 10px #99cc01 solid;
	padding: 10px;
	color: #000;
	height: 287px;
	text-align: justify;
	float:right;
	width: 310px;
	margin-bottom: 5px;
}

#half {
	text-align: left;
	height: 130px;
	margin-top: 10px;
	margin-bottom: 150px;
	
}

.halfBaked {
	font-weight: bold;
}

#orderPizza {
	padding-top: 15px;
}


#orderPizza ul {
	margin-left: 40px;
	margin-top: 10px;
}



#orderPizza .cart {
	padding: 3px;
}


#orderPizza li  {
	list-style-type: disc;
	padding-bottom: 5px;
}




.cost {
	font-weight: bold;
	margin-top: 5px;
	color: #ee0102;
}

#callToOrder {
	padding-top: 30px;
	font-weight: bold;
}
/*===========PRESS PAGE======================================*/

#leftPress {
	float: left;
	width: 600px;
	background-color: #fff;
	padding-top: 5px;
	height: 465px;
}

#leftPress p, h3{
	text-align: justify;
}

#leftPress h3{
	margin-top: 0;
	text-align: center;
}
a:link.outsideLink {
	background: url(images/gif/frankies_fans_link.gif) top right;
	background-repeat: no-repeat;
	padding-right: 22px;
	padding-top: 5px;
	color: #E00120;
	text-decoration: none;
	}


a:hover.outsideLink {
	color:#99CC01;
	text-decoration: underline;
}

a:visited.outsideLink {
	color: E00120;
}



 a:link.Continue{
	float: right;
	background: url(images/gif/frankies_fans_link.gif) top right;
	background-repeat: no-repeat;
	padding-right: 22px;
	padding-top: 5px;
	color: #E00120;
	margin: 15px 0;
	text-decoration: none;
}


 a:hover.Continue{
	 color: #99CC01;
	 text-decoration: underline;
 }


 a:hover.visited{
	 color: #E00120;
 }




#rightColumn #storyPress {
	height: 261px;
	background-color: #fff;
	border-right: 10px #99cc01 solid;
	border-bottom: 10px #99cc01 solid;
	border-left: 10px #99cc01 solid;
	padding: 10px;
}

/*======================Contact Page=====================*/

#leftColumnContact {
	float: left;
	width: 600px;
	background-color: #fff;
	padding-top: 5px;
	}

#by {
	width: 600px;
	position: relative;
}
	

#phone {
	float: left;
	width: 255px;
	margin-top: 47px;
	margin-bottom: 45px;
	}



#fax {
	float: left;
	width: 280px;
	margin-top: 47px;
	margin-bottom: 45px;
}


#email {
	float: left;
	width: 255px;
	margin-top: 25px;
	margin-bottom: 45px;
}

#mail {
	float: left;
	width: 255px;
	margin-top: 25px;
	margin-bottom: 45px;
}

#follow {
	float: left;
	width: 255px;
	margin-top: 25px;
	margin-left: 130px;
	margin-bottom: 43px;
	

}

#rightColumnContact {
	float: right;
	margin-top: 310px;
}

#bottomBlackBarContact {
	width:605px;
	}

.yellowbar {
	float:left;
	margin-top: 5px;
}


ul#bottomContact  {
	padding:25px 25px 35px 10px;
	background-color: #000;
	margin-bottom: 25px;
	margin-top: 5px;
	
	
}

#bottomContact li {
	float: left;
	color: #FFF;
	line-height: .25em;
}


#bottomContact li a:link {
	color: #fff;
	padding: 0 10px;
	font-size: .75em;
	font-weight: bold;
	text-decoration: none;
}

#bottomContact li a:visited {
	color: #fff;
	padding: 0 10px;
	font-size: .75em;
	font-weight: bold;
	text-decoration: none;
}


#bottomContact li a:hover {
	color: #99cc01;
	text-decoration: underline;
	font-weight: bold;
}
/*==================Hours=======================*/


#leftColumnHours {
	width: 600px;
	float: left;
}

#bottomBlackBarHours {
	width:610px;
	}

ul#bottomHours  {
	padding:25px 25px 35px 10px;
	background-color: #000;
	margin-bottom: 25px;
	margin-top: 5px;
	margin-right: 5px;
	width: 570px;
	float: left;
	
	
}

#bottomHours li {
	float: left;
	color: #FFF;
	line-height: .25em;
}


#bottomHours li a:link {
	color: #fff;
	padding: 0 10px;
	font-size: .75em;
	font-weight: bold;
	text-decoration: none;
}

#bottomHours li a:visited {
	color: #fff;
	padding: 0 10px;
	font-size: .75em;
	font-weight: bold;
	text-decoration: none;
}


#bottomHours li a:hover {
	color: #99cc01;
	text-decoration: underline;
	font-weight: bold;
}

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

a:hover {
	color: #99cc01;
	text-decoration: underline;
}


#rightColumnHours {
	float: right;
	margin-top: 353px;
}
