/*
Theme Name: Handsome
*/


/*! typography */

body, .slides .caption, #menus h1 .price {font-family: "schoolbook-web", georgia, times, "times-new-roman", serif;}

nav, .minicontact strong, h2.small:before, h2.large:after, .pizzas h3, #menus h1, #phone p, #press h3, h4, #address span, .slides .credit, #tweet, #hours .alert, #switcheroo, #menus #specials .row > h1, #slices hgroup > h1 {font-family: "futura-pt", helvetica, sans-serif;}

#menus .pizzas h1, h1, #about .drop, #map strong, #slices .slice h1 {font-family: HeliumSerial-Heavy;}
#map p, .caption, h5 {font-family: HeliumSerial-Medium;}

/*! link styles */

a:link, a:visited {color: black; text-decoration: underline}
a:hover, a:active {color: rgb(239,65,35); text-decoration: underline}

.navbar .nav > li > a:hover, .navbar .nav > li > a:active {
	color: white;
}

#phone a:link, #phone a:visited {
	color: white;
	text-decoration: none;
}

/*! general */

body {
background: url(img/bg.gif) top center;
color: black;
}

h1 {
	font-weight: normal;
}

/*! header */

header {
	padding-top: 0px;
}

header .minicontact {
height: 30px;
display: block;
font-style: italic;
font-size: 92.857142857143%;
margin-top: 9px;
line-height: 1;
}

header .minicontact p {
	display: inline;
	text-transform: lowercase;
}

.minicontact strong {
font-style: normal;
text-transform: uppercase;
letter-spacing: .1em;
font-weight: 900;
font-size: 85%; /* 11px */
}

nav {
text-transform: uppercase;
font-weight: 900;
letter-spacing: .1em;
font-size: 78.571428571429%; /* 11px */
}

.navbar {
margin-bottom: 0px;
}

.navbar-inner {
min-height: 29px;
margin-left: 54px;
width: 340px;
padding: 0px;
margin-top: 5px;
}

.navbar .nav > li:first-child {
padding-left: 0px;
border-left: 0px none;
}

.navbar .nav > li:last-child {
padding-right: 0px;
}

.navbar .nav > li {
margin: 0px;
padding: 0px 8px;
border-left: 1px solid red;
}

.navbar .nav > li > a {
text-shadow: none;
color: black;
margin: 0px;
padding: 0px;
}

#super {
background: url(img/top_mask.png) no-repeat top center;
background-size: 2000px 30px;
min-width: 940px;
}

#logo {
background: url(img/logo_mask.png) no-repeat 50% 50%;
height: 200px;
background-size: cover;
margin-top: -9px;
min-width: 940px;
}

#logo .row {
position: relative;
}

#logo h1 {
display: block;
position: relative;
background: url(img/hp_text.png) no-repeat 50% 50%;
background-size: contain;
height: 80px;
margin-top: 52px;
margin-left: 15px;
}

header #logo h1 {
text-indent: -9999em;
}

#logo img {
position: absolute;
left: 525px;
top: 30px;
width: auto;
max-width: 145px;
}

/*! slideshow */

.slides .caption_position {
	background: red;
	position: relative;
	margin: 0px auto;
}

.slides .caption {
text-align: center;
background: rgba(239,65,35,.75);
color: white;
padding: 2px 10px 1px 10px;
position: absolute;
bottom: 15px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 308px;
left: 50%;
margin: -100px 0px 0px -154px;
}

.slides .caption p {
font-style: italic;
}

.slides .caption h1 {
margin-bottom: -3px;
}

.slides a {
	color: white;
	text-decoration: none; 
}

.slides .credit {
float: right;
color: white;
position: relative;
font-size: 75%;
font-weight: 600;
text-align: right;
margin: -4.4em 4.4em -35px 0px;
z-index: 10000000000;
width: 278px;
height: 100px;
}

#gallery {
background: url(img/border_1.png) no-repeat bottom center;
background-size: 942px 4px;
margin-bottom: 20px;
padding-bottom: 0px;
min-width: 940px;
}

/*! menu */

#menus {
background: url(img/border_2.png) no-repeat bottom center;
background-size: 942px 4px;
padding-bottom: 20px;
margin-bottom: 15px;
text-align: center;
}

#menus .container {
	background: rgba(255,255,255,.5);
	padding: 1em;
	border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#menus h1 {
	font-size: 142.8571429%;
	letter-spacing: .05em;
margin-bottom: 0px;
font-weight: 100}

#menus h1 .price {
	font-size: 143.75%;

}

.pizza_aligner {
height:auto;
	display: table;
	text-align: center;
	width: 100%;
}

#menus .pizzas h1 {
font-size: 142.8571429%;
color: rgb(239,65,35);
line-height: 1.15384615384615;
margin: 0px;
padding: 0px;
font-weight: normal;
display: table-cell;
text-align: center;
vertical-align: bottom;
	text-transform: capitalize;
	letter-spacing: 0em;
}


#menus #specials .row > h1, #toppings h1 {
	color: black;
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
	display: block;
	font-size: 114.2857143%;
	line-height: 1.25;
	margin-top: 2px;
	margin-bottom: 17px;
	margin-left: 20px
}

.span6.pizzas {
padding-right: 15px;
margin-right: -15px;
background: url(img/vert_div@2x.png) top right no-repeat;
background-size: contain 4px;
}

#toppings {
background: url(img/vert_div@2x.png) top left no-repeat;
background-size: contain 4px;
}

.pizzas h2, #toppings h2 {
font-size: 164.285714285714%;
padding: 0px 0px 0px 0px;
width: 47.14%;
float: left;
text-align: right;
text-transform: uppercase;
margin: 5px 0px 11px 0px;
line-height: 1;
}

.pizzas h2.small, #toppings h2.small {
border-right: 1px solid rgb(239,65,35);
padding-right: 5px;
}

.pizzas h2.large, #toppings h2.large {
text-align: left;
float: right;
margin: 5px 0px 11px 0px;
padding: 0px 0px 0px 0px;
}

.pizzas h2.small:before, #toppings h2.small:before {
content: 'small';
font-size: 43.478260869565%;
font-weight: normal;
letter-spacing: .2em;
margin-right: 5px;
}

.pizzas h2.large:after, #toppings h2.large:after {
content: 'large';
font-weight: normal;
font-size: 43.478260869565%;
letter-spacing: .2em;
margin-left: 5px;
}

.pizzas h3 {
text-transform: uppercase;
letter-spacing: .1em;
font-size: 78.571428571429%; /* 11px */
margin: 0px 0px 6px 0px;
padding: 0px;
line-height: 1;
}

.pizzas h1 sup {
text-decoration: underline;
font-size: 65%;
vertical-align: baseline;}

#menus article {
height: auto;
padding-bottom: 30px;
padding-left:;
padding-right:;
}

#menus .pizzas article {
width: 41.75%;
padding-left: 2%;
padding-right: 2%;

}

#menus #specials article {
	width: 88%;
padding-left: 2%;
padding-right: 2%;
}


article p {
font-size: 114.2857143%;
font-style: italic;
display: block;
clear: both;
position: relative;
}

#slices {
	margin-top:2em;
	background-image: url(img/border_1.png), url(img/border_2.png);
	background-position: center top, center bottom;
background-repeat: no-repeat;
	background-size: contain;
	padding-bottom: 1em;
}

#slices hgroup > h1, #salads h1, #soft_drinks h1, #beer h1 {
	text-transform: uppercase;
	font-weight: 900;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size:114.2857143%;
	letter-spacing: .1em;
}

#slices .slice h1 {
	color: #ef4023;
margin-top: 0px;
padding-top: 0px;}

.slice {
	width: 27.333333333333%;
	padding-left: 3%;
	padding-right: 3%;
	float: left;
}

.slice .price {
	font-weight: bold;
	font-size: 128.5714286%;
}

#toppings {
	margin-top: 19px;
}

#toppings {
	padding-left: 10px;
	margin-left: -00px;
	margin-top: 0px;
	padding-top: 0px;
}

#toppings article {
	margin-left:10px;;
}

}
.menu_list ul {
	margin: 0px;
	padding: 0px;
}

.menu_list li {
	font-weight: normal;
	font-style: italic;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	letter-spacing: 0px;
}

li .price {
	margin-left: 10px;
}

#salads ul, #soft_drinks ul, #beer ul {
	margin-left: 0px;
	font-size: 107.1428571%:
}

/*! phone */

#phone {
	background: rgb(239,65,35);
	margin-bottom: 40px;
}

#phone p {
letter-spacing: .2em;
text-transform: uppercase;
font-weight: 900;
color: white;
margin-top: 34px;
opacity: .5;
filter: alpha(opacity=50);
text-align: right;
line-height: 1.25;
font-size: 171.428571428571%;
}

#phone h1 {
padding-top: 39px;
padding-bottom: 25px;
color: white;
font-size: 728.571428571429%;
}

/*! hours */

#hours {
	margin-top: 14px;

}

#map #hours p {
	margin: 0px;
	padding: 0px;
	line-height: 1.38888888888889;
}
#hours p.alert {
	color: black;
	font-size: 128.571428571429%;
	margin-top: 0px;
	padding: 60px 0px 0px 0px;
}

#hours.closed p {
	opacity: .5;
	filter: alpha(opacity=50)
}
#hours.closed p.alert {
opacity: 1;
filter: alpha(opacity=100)
}
/*! about */

#map p {
text-align: center;
font-size: 171.428571428571%;
	color: rgb(239,65,35);
margin-top: 18px;
background: none;
}

#map strong {
text-transform: uppercase;
font-weight: normal;
}

iframe {
	border: 2px rgb(239,65,35) solid;

}

#about {
	background: rgba(239,65,35,.50);
	margin-top: 44px;

padding-top: 35px;
padding-bottom: 22px;
}

#about p {
font-size: 128.571428571429%;
line-height: 1.38888888888889;
margin-left: 10px;
}

#about p .drop {
font-size: 297%;
float: left;
margin-top: 27px;
line-height: 0;
margin-right: 15px;
}

#about p.caption {
margin-left: 0px;
font-size: 135.714285714286%;
text-align: left;
margin-top: 7px;}

/*! press */

#about hr {
	background: url(img/press_top.png) no-repeat top center;
	background-size: 150px 5px;
height: 5px;
border: 0px none;
display: block;
}

#press h3 {
font-size: 114.285714285714%;
text-transform: uppercase;
letter-spacing: .2em;
margin-left: 10px;
}

#press ul {
font-size: 128.571428571429%;
list-style-type: none;
padding: 0px;
margin: 0px;

}

#press ul li {
line-height: 1.38888888888889;
margin-bottom: 10px;
}

#press ul ul {
font-size: 100%;
margin-left: 10px;

}

/*! footer */

footer {
padding-top: 7px;
	background: rgb(239,65,35);
}

footer h4 {
font-size: 78.571428571429%; /* 11px */
color: white;
letter-spacing: .2em;
text-transform: uppercase;
}

footer h5 {
color: white;
font-size: 128.571428571429%;
letter-spacing: .1em;
text-transform: uppercase;
margin: 15px 0px 5px 0px;
padding: 0px;
}


#instagram h5 {
font-size: 171.428571428571%;
text-transform: capitalize;
letter-spacing: 0em;
margin: 0px 0px 0px 0px;
line-height: 1.04166666666667;
}

#instagram h4 {
margin: 0px;
padding: 0px;
}

#instagram {
margin-top: 10px;
background: url(img/footer_div_1.png) no-repeat right top;
background-size: 4px 100%;
}

#tweet {
	font-weight: normal;
}

#tweet ul {
list-style-type: none;
padding: 7px 0px 0px 0px;
margin: 0px;
clear: both;
width: 90%;
	font-weight: normal;

}

#twitter > #tweet > ul > li {
		font-weight: 400 !important;

}

#tweet p a:link, #tweet p a:visited {
	text-decoration: underline;
	font-style: italic;
	color: black;
}

#class {
background: url(img/footer_div_2.png) no-repeat 100% 10px;
background-size: 4px 100%;
}

#class h4 {
	width: 95%
}

#class p {
	padding-top: 5px;
}

footer article p {
	font-style: normal;
	font-size: 107.692307692308%;
	margin-right: 20px;
}

#address span {
font-size: 78.571428571429%;
font-weight: bold;
letter-spacing: .1em;
}

#address a {
display: inline-block;
margin-right: 20px;
}

#address a span {
	text-indent: -99999em;
	display: block;
	height:32px;
width:32px;
}

#address a:last-child {
	margin-right: 0px;
}


#address a.email span {
	background: url(img/social_sprites.png) no-repeat 0px 5px;
	background-size: 87px 171px;
}

#address a.twitter span {
	background: url(img/social_sprites.png) no-repeat 0px -39px;
	background-size: 87px 171px;
}

#address a.ig span {
	background: url(img/social_sprites.png) no-repeat 0px -87px;
	background-size: 87px 171px;
}

#address a.fb span {
	background: url(img/social_sprites.png) no-repeat 0px -139px;
	background-size: 87px 171px;
}

#address a.email:hover span {
	background: url(img/social_sprites.png) no-repeat -55px 5px;
	background-size: 87px 171px;
}

#address a.twitter:hover span {
	background: url(img/social_sprites.png) no-repeat -55px -39px;
	background-size: 87px 171px;
}

#address a.ig:hover span {
	background: url(img/social_sprites.png) no-repeat -55px -87px;
	background-size: 87px 171px;
}

#address a.fb:hover span {
	background: url(img/social_sprites.png) no-repeat -55px -139px;
	background-size: 87px 171px;
}


.row.bug {
color: white;
margin: 2em 0px 60px 0px;
text-align: left;
}

.row.bug p {
	margin-left: -20px;
	color: rgb(255,255,255);
color: rgba(255,255,255,.5);
}

.row.bug img {
	margin: -6px 0px 0px 2px;
}

.row.bug a:link, .row.bug a:visited {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
opacity: .5;
}

.row.bug a:hover, .row.bug a:active {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=100);
opacity: 1;
}


/* instagram */

#sb-instagram {
	margin: -10px auto 0px !important;
	padding: 0px !important;
	display: block;
	line-height: 1;
}

.sbi_item {
	width: 260px !important;
	height: 260px !important;
}

div#sbi_images {
	padding: 0px !important;
	margin: -10px 0px 0px;
	width: 260px;
	height: 260px;
}

.sbi_photo_wrap a {
	height:260px;
	width:260px;
	border: 10px white solid;
}

.sbi_photo img {
	border-radius: 0px
}



/* switcher */

#switcheroo {
	background: rgba(255,255,255,.8);
	max-height: 40px;
	text-align: center;
	letter-spacing: .05em;
	padding: 10px 0px 10px;
	position: fixed;
	bottom: 0px;
	width: 100%;
	text-transform: lowercase;
}

#switcheroo span {
	text-indent: -99999em;
	background: url(img/hp_switch_ssb@2x.png) no-repeat 0px 0px;
	background-size: cover;
	height: 27px;
	width: 184px;
	display: inline-block;
	margin-left: 2px;
}

#switcheroo a {
	color: #cc7a29;
	text-decoration: none;
	font-size: 160%;
}

#switcheroo a:hover{
	color: #6f1d20;
}

#switcheroo a:hover span {
	background: url(img/hp_switch_ssb@2x.png) no-repeat 0px -27px;
	background-size: cover;

}