/*-----------------------------------------------------------------------------
Barro's Pizza Screen Stylesheet

version:   1.0
date:      7/31/08
author:    Andrew McCarthy
email:     jrucifer@gmail.com
-----------------------------------------------------------------------------*/


/* Default Styles
-----------------------------------------------------------------------------*/

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

.clear
    {
    clear:both;
    font-size:0px;
    line-height:0px;
    height:0px;
}

.right
    {
    float: right;
}

.left
    {
    float: left;
}

body
    {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #010101;
    text-align:center;
    font-size:62.5%;
    background: #3f652b url(../images/body_bg.gif) repeat-x fixed center bottom;
}

hr {
	display:none;
}

a img {
	border:0px;
}

a {
	color:#d52c05;
	text-decoration:none;
}

a:hover {
	color:#010101;
}

/* Structure Styles
-----------------------------------------------------------------------------*/

#container {
	background:url(../images/content_bg.png) repeat-y center top !important;
	background:url(../images/content_bg.gif) repeat-y center top;
	min-width:802px;
}

.wrapper {
	width:802px;
	margin:0 auto;
	text-align:left;
}

#container .wrapper {
	border-bottom:8px solid #010101;
	background:#f8f4e9 url(../images/content_bg.gif) repeat-y center top;
}

#masthead {
	height:149px;
	background:url(../images/masthead_bg.jpg) no-repeat center;
}

#masthead img {
	margin-top:20px;
	margin-left:25px;
	border:0;
}

#content {
	background:url(../images/content_bg_top.gif) no-repeat center top;
	padding-top:12px;
}

#content .inner {
	background:url(../images/content_bg_bottom.gif) no-repeat center bottom;
	padding-bottom:20px;
}

#three_column {
	background:url(../images/three_column.gif) repeat-y top left;
	padding-top:8px;
	padding-bottom:8px;
	height:100%;
}

#two_column {
	background:url(../images/two_column.gif) repeat-y top left;
	padding-top:8px;
	padding-bottom:8px;
	height:100%;
}

.subColumn {
	width:195px;
	float:left;
	display:inline;
	text-align:center;
}

.mainColumn {
	width:400px;
	float:left;
	display:inline;
	margin-left:23px;
}

.contact .mainColumn {
	padding-bottom:350px;
	margin-bottom:30px;
	background:url(../images/large_logo.gif) no-repeat left bottom;
}

.menu .mainColumn {
	width:500px;
}

#column3 {
	width:180px;
}

.mainColumn .hr {
	height:1px;
	line-height:1px;
	font-size:1px;
	color:#010101;
	background:#010101;
	margin:12px 0px;
	display:block;
}

.locations .mainColumn .hr {
	margin-right:25px;
}

.subColumn .hr {
	height:17px;
	background:url(../images/div_bar.gif) repeat-x center;
	margin:20px 10px;
}

.home .subColumn .hr {
	margin:35px 10px;
}

#footer {
	background:url(../images/footer_bg.png) no-repeat center top !important;
	background:url(../images/footer_bg.jpg) no-repeat center top;
	height:141px;
	min-width:802px;
	clear:both;
}


/* Typography Styles
-----------------------------------------------------------------------------*/

/*--------------- Header Styles--*/
#masthead h1 {
	display:none;
}

h2 {
	font-size:2.5em;
	margin-bottom:.7em;
}


.mainColumn h2 {
	margin-top:1em;
}

.home .mainColumn h2 {
	margin-top:0;
	font-style:italic;
	font-weight:normal;
}

.locations .mainColumn h2 {
	font-size:2.1em;
}

.mainColumn h3 {
	color:#d52c05;
	font-size:1.8em;
	font-weight:normal;
	text-transform:uppercase;
	clear:both;
}

#footer h4 {
	font-size:2.2em;
	font-style:italic;
	padding:27px 0px 8px 27px;
}

/*--------------- Paragraph Styles--*/
p {
	font-size:1.2em;
	line-height:1.6em;
	padding-bottom:1.7em;
}

p.end {
	padding-bottom:0px;
}

.mainColumn p {
	margin-right:22px;
}

.subColumn p {
	text-align:left;
	font-size:1.3em;
	line-height:1.8em;
	margin-left:28px;
	margin-right:24px;
	margin-bottom:1.8em;
}

#footer p {
	font-size:.9em;
	text-transform:uppercase;
	letter-spacing:.2em;
	padding-left:27px;
}

/* Table Styles
-----------------------------------------------------------------------------*/

table {
	border:0;
	width:98%;
	margin:0 auto;
	margin-bottom:32px;
}

.header th {
	text-align:right;
}

tr {
	font-size:1.2em;
	line-height:1.5em;
}

th {
	vertical-align:top;
	padding:3px;
	padding-bottom:6px;
}

td {
	text-align:right;
	vertical-align:top;
	padding:3px;
	padding-bottom:6px;
}

.lefta td {
	text-align:left;
}

table big {
	font-size:1.3em;
}

#lunchspecials {
	font-size:1.2em;
}

#lunchspecials big {
	font-size:1.1em;
	font-weight:bold;
}

#lunchspecials th {
	font-weight:normal;
}

/* List Styles
-----------------------------------------------------------------------------*/
ul.menulist {
	float:left;
	display:inline;
	font-size:1.3em;
	line-height:1.7em;
	margin-left:25px;
	margin-bottom:32px;
}

ul.menulist li {
	width:130px;
}

ul.locationslist {
	font-size:1.4em;
	line-height:1.6em;
}

ul.locationslist li {
	font-weight:bold;
	list-style:none;
	padding-top:15px;
	clear:both;
}

ul.locationslist li ul li {
	font-weight:normal;
	font-size:.9em;
	padding-top:0px;
	margin-left:12px;
	margin-bottom:15px;
	width:180px;
	clear:none;
	float:left;
	display:inline;
}

/* Coupon Styles
-----------------------------------------------------------------------------*/

.coupon {
	font-size:1.1em;
	width:250px;
	margin-left:60px;
	background:#feffdd;
	text-align:center;
	border:3px dashed #010101;
	padding-bottom:12px;
	margin-bottom:18px;
}

.coupon h4 {
	font-size:1.6em;
	padding:12px 35px;
}

.coupon h4 em {
	font-style:none;
	color:#cc0000;
}

.coupon p {
	margin:0;
	padding:5px 20px;
}


/* Navigation Styles
-----------------------------------------------------------------------------*/
ul#nav {
	list-style:none;
	width:160px;
	margin:0 auto;
}

ul#nav li {
	padding-bottom:36px;
	padding-top:18px;
	background:url(../images/div_bar.gif) repeat-x center bottom;
}

ul#nav li.start {
	padding-top:0px;
}

ul#nav li.end {
	padding-bottom:20px;
	background:none;
}

ul#nav a {
	display:block;
	background-position: top center;
	background-repeat: no-repeat;
	text-indent:-9999px;
}

ul#nav a:hover {
	background-position: bottom center;
}

ul#nav a#menu {
	height:104px;
	background-image:url(../images/nav_menu.gif);
}

ul#nav a#locations {
	height:100px;
	background-image:url(../images/nav_locations.gif);
}

ul#nav a#contact {
	height:39px;
	background-image:url(../images/nav_contact.gif);
}