@charset "UTF-8";

@import url("reset.css");
@import url("slider.css");
@import url("menu.css");
@import url("slimbox2.css");

/* ************************* Color Palette ************************* */
/* #541D1D - Body Background */
/* #300E0E - Darkest Wine (Nav Bar) */
/* #9E2E2F - Salmon (Nav Bar Hover) */
/* #A63030 - Salmon (Headers) */
/* #fcedb4 - Beige / Light Yellow (highlight) */

/* ************************* Body Styling ************************* */

body {
	/*background: #300E0E url(../images/bg/body_bg.png) repeat-x top;*/
	background-color:#541D1D;
	margin: 15px auto;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 14px;
}

/* ************************* Rounded Edge Styling ************************* */

#container, #top, #footer, #carousel, #carousel img, .textholder, .quote_block, .rounded {
	border-radius: 10px;
}

/* ************************* Container Styling ************************* */

#container {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 30px #000;
	color: #300E0E;
	/*line-height: 130%;*/
}

/* ************************* Top / NavBar Styling ************************* */

#top {
	/*background-size:contain;*/
	/*background: url(../images/logo/marinos_logo_new_175.jpg) no-repeat center;*/ /*Used with full-width logo*/
	/*background:url(../images/top_bar/top_bg_pizza_right_light.jpg) no-repeat scroll center center transparent;*/
	background: url(../images/bg/top_bar_bg.png) repeat-x top;
	height:150px;
	border-bottom:25px solid #300E0E;
	padding: 0 10px;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	padding:0;
}

#marinos_logo {
	position:relative;	
}

#top_restaurant_name {
	display:none;
}

#top h1 {
	color: #541D1D;
	text-align:right;
	height:25px;
	margin-top:30px;
}

#navbar {
	background:none;
	line-height: 25px;
	margin-top:12px; /* 150px [Top] - (10px [padding] + 55px [h1] + 55px [h1] + 20px [padding]) + 2px [Navbar Border] */
	float:right;
	z-index:1000;
	position:relative;
}

#navbar ul {
	/*display: block;*/
	/*float: right;*/
	/*position: relative;*/
	/*margin: 0 10px 0 0;*/
	/*right: 0;*/
	margin:0;
}

#navbar ul li {
	/*border-right: 1px solid #300E0E;*/
	/*border-left: 1px solid #A63030;*/
	list-style:none outside none;
	float:right;
	padding:0 2px;
}

#navbar a {
	/*margin-bottom: 2px;*/
	/*margin-top: 2px;*/
	border-radius: 5px;
	padding: 2px 5px;
	color:#fff;
	text-decoration: none;
	/*font-size: 16px;*/ /* Caused block in Safari v. 5.1.7 on hover */
	font-size:1.2em;
	text-transform:uppercase;
	box-shadow: 0 0 15px #300E0E;
}

#navbar a.active, #navbar a:hover {
	background-color: #9E2E2F;
	color: #fff;
	box-shadow: 0 0 30px #000;
}

/* ************************* Top_Divider Styling ************************* */

#top_divider {
	height:25px;
	background-color:#300E0E;
	border-top:2px solid #A63030;
	border-bottom:2px solid #A63030;
	width:100%;
	margin-top:150px;
	z-index:100;
	position:absolute;
	left:0;
}

/* ************************* Content Styling ************************* */

#content {
	/*padding: 20px 10px;*/
	padding: 10px 0px;
	/*background: #fff url(../images/bg/italy_off_gray.png) no-repeat right bottom;*/
	background-color:#fff;
}

/* ************************* Footer Styling ************************* */

#footer {
	/*border-top: 1px solid #541D1D;*/
	/*padding: 0.5em 0;*/
	clear: both;
	margin: 0;
	color: #300E0E;
	font-size: 12px;
	height: 52px;
	background: #fff url(../images/bg/bkg_footer_light.png) repeat-x top;
	background-size:contain;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* Facebook - Right Justify */
#footer span {
	left:147px;
}

/* ************************* Header Styling ************************* */
h1, h2, h3, h4, h5, h6 {
	color: #A63030;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

h1 {
	font-size:16px;
}

/* ************************* Paragraph Styling ************************* */
p {
	margin: 5px 0;
}

/* ************************* Link Styling ************************* */
a {
	color:#A63030;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border:none;
}

/* ************************* Menu Links Styling (Menu Only) ************************* */

#menu_expand_all, #menu_collapse_all {
	font-size:12px;
	padding: 5px;
	margin:5px;
	border-radius:4px;
	color:#541D1D;
	box-shadow: 0 0 10px #A63030 inset;
}

#menu_expand_all:hover, #menu_collapse_all:hover {
	background-color:#A63030;
	color:#fff;
	box-shadow: 0 0 15px #541D1D;
}

#menu_nav ul {
	margin:0;
	padding:0;
}

#menu_nav ul li {
	border: 1px solid #300E0E;
	background-color:#541D1D;
	list-style:none outside none;
	border-radius: 5px;
	color:#fff;
	padding:5px;
	margin:2px;
	box-shadow: 0 0 15px #541D1D;
}

#menu_nav ul li a {
	color:#fff;
}

/* ************************* Close Button (Menu Only) ************************* */
button.close {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    padding: 0;
    line-height: 20px;
    position: relative;
    /*right: -20px;*/
    top: -2px;
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}

/* ************************* Carousel Styling (Home Only) ************************* */

#carousel {
	margin-bottom: 10px;
}

/* ************************* Generic Border Styling ************************* */

.border_wine {
	border: 5px solid #300E0E;
	/*box-shadow: 0 0 20px #541D1D;*/
}

/* ************************* Column Styling ************************* */
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .row {
	float: left;
	margin: 10px 10px 20px 10px;
	position: relative;
}

.one_half {
	width:460px;
}

.one_third {
	width:300px;
}

.two_third {
	width:620px;
}

.one_fourth {
	width:220px;
}

.three_fourth {
	width:700px;
}

.row {
	width: 940px;
}

/* ************************* Float Left/Right ************************* */
.pull_right {
	float: right;
}

.pull_left {
	float: left;
}

/* ************************* Clear Float / Dividers ************************* */

.clear {
	clear:both;
	display:block;
	height:0;
}

hr {
	clear: both;
	width: 90%;
	display: block;
	border-top: dotted 1px #541D1D;
	border-bottom:#FFF;
	/*margin-bottom: 15px;*/
	/*margin-top: 10px;*/
}

hr.divider {
	clear:both;
	background:url(../images/common/hr_divider.png) no-repeat top left;
    border: 0;
	margin: 10px auto;
	height: 18px;
	width: 620px;
}

hr.small_divider {
	/*margin-top: 10px;*/
	/*margin-bottom: 15px;*/
	clear:both;
	background:url(../images/common/hr_divider_small.png) no-repeat top left;
    border: 0;
	height: 8px;
	width: 270px;
}

hr.dots_thick {
	/*margin-top: 40px;*/
	margin-bottom: 20px;
	border: 0;
	height:10px;
	background:url(../images/common/dot_divider.png) repeat;
	line-height:0;
	font-size:0;
}

hr.dots_medium {
	height:6px;
	background:url(../images/common/dot_divider.png) repeat;
	line-height:0;
	font-size:0;
	margin-bottom: 20px;
	border: 0;
}

hr.dots_thin {
	height:3px;
	background:url(../images/common/dot_divider.png) repeat;
	line-height:0;
	font-size:0;
	margin-bottom: 20px;
	border: 0;
}

/* ************************* No Margin ************************* */
.no_vertical_margin {
	margin-top:0;
	margin-bottom:0;
}

/* ************************* Show / Hide ************************* */
.hidden {
	display:none;
}

.show {
	display:block;
}

/* ************************* Quote Styling ************************* */

blockquote {
	padding: 3px 0px 10px 20px;
	background: url(../images/common/quote_up.png) top left no-repeat;
}

blockquote p.quote_body {
	padding: 0px 30px 0px 10px;
	/*float: left;*/
	background: url(../images/common/quote_down.png) bottom right no-repeat;
	font-style:italic;
}

blockquote p.quote_by {
	text-align:right;
	padding-top:20px;
}

cite {
	font-family: 'Droid Serif', arial, serif;
	margin: 10px 0 30px 20px;
	font-size: 12px;
	float: left;
}

/* ************************* Dropcaps ************************* */

.dropcap_round_bg {
	background:transparent url(../images/common/dropcap_round.png) no-repeat scroll -1px -1px;
	color:#EEEEEE;
	float:left;
	font-size:30px;
	height:40px;
	line-height:30px;
	margin-bottom:-5px;
	margin-right:5px;
	padding-left:1px;
	padding-top:5px;
	text-align:center;
	width:40px;
}

.dropcap_lgr_letter {
	color:#333333;
	display:block;
	float:left;
	font-size:40px;
	line-height:40px;
	margin:0 5px 0 0;
}

/* ************************* Unordered Lists ************************* */

ul.arrow_list li {
	list-style-image:url(../images/common/bullet_arrow.png);
	margin-left: 40px;
	padding: 2px 0 0 0;
	line-height:16px;
	font: italic 1em Georgia,Times,serif;
}

/* ************************* Ordered Lists ************************* */

ol {
	font: italic 1em Georgia, Times, serif;
	margin-left: 40px;
	list-style-type: lower-roman;
}

/* ************************* Pullquotes ************************* */

.pullquote_right, .pullquote_left {
padding: 10px;
margin: 10px;
float: right; /* or float:left; */
width: 200px;
border-top-width: 3px;
border-bottom-width: 3px;
border-top-style: solid;
border-top-color: #A63030;
border-bottom-style: solid;
border-bottom-color: #A63030;
font-family: palatino, serif;
font-size: 18px;
line-height: 25px;
text-align: left;
}

.pullquote_left {
	float:left;
}

/* ************************* Tables ************************* */

td {
	padding: 5px 5px 5px 0;
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
th {
	padding-right: 10px;
	text-align: left;
}

/* ************************* Highlights ************************* */

.highlight_light {
	padding:1px 4px;
	background-color:#fcedb4;
	color:#111;
	font-family: arial, serif;
}

.highlight_dark {
	padding:1px 4px;
	background-color:#300E0E;
	color:#fff;
	font-family: arial, serif;
}