/*
Theme Name: Giordano's
Theme URI: http://www.giosmv.com
Description: The 2010 Website Redesign for Giordano's Restaurant.
Author: Mark Consigli
Author URI: http://www.markconsiglidesign.com
Version: 1.0

*/

/* Source: http://www.elementalfocus.com/normalizing-your-css/ */
/* Normalize padding and margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Normalize header sizes */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/* Normalize list styles */
ol, ul {
	list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Normalize table borders */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
	border: 0;
}

/* Normalize text-alignment */
caption, th {
	text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
	content: '';
}





body {
	background:url(graphics/beadboard_background.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	background-color: #d1b892;
	z-index:0;
	
}

#wrapper {
	margin: 0 auto;
	width: 1000px;
	height: 700px;
	
}

#header_background {
	background-color:#2a5933;
	width: 100%;
	height:292px;
	top: 0;
	left: 0;
	
}

#header_wrapper {
	float:left;
	width:100%;
	height:300px;
	background:url(graphics/header_background.jpg);
	background-repeat:no-repeat;
	z-index:0;
  	background-repeat: no-repeat;
  	background-position: center;
}


#overhang {
	background:url(graphics/overhang_piece.png) repeat-x top left;
	height:45px;
	width:100%;
}

#tagline {
	width:555px;
	height:50px;
	float:left;
	
}

#restaurant_info {
	width:330px;
	height:50px;
	float:right;
	
}


#banner {
	height: 192px;
	background:url(graphics/banner_background_slice.png) repeat-x;
	z-index:100;
	top: 55px; 
	left: 0;
	padding:10px;
}

#banner_container {
	margin: 0 auto;
	width: 1000px;
	height: 185px;
	background-image:url(graphics/restaurant_banner.png);
	z-index:101;
	background-repeat:no-repeat;
}

#tagline_info_container {
	margin: 0 auto;
	width: 980px;
	height: 50px;
	
}

#logo {
	height:170px;
	width:238px;
	float:left;
	margin-top:10px;
	margin-left:20px;
	
}

img.png {
	display:block;
	float:left;
}

img.gif {
	display:none;
	float:left;
}


#awards_banner {
	height:158px;
	width:192px;
	float:right;
	background-image:url(graphics/gios_awards.png);
	margin-top:15px;
	margin-right:20px;
	
	
}


#main_nav {
	height:40px;
	width:697px;
	float:left;
	background-image:url(graphics/navigation_bar.png);
	background-repeat:no-repeat;
	margin-left:25px;
	z-index:0;
}

#main_navigation_list {
	width:697px;
	margin-left:10px;
}


#main_navigation_list li {
	float:left;
	list:none outside none;
	padding-left:17.5px;
	padding-right:17.5px;
	margin-top:7.5px;
}

#store  {
	border-right:none;
}

#main_navigation_list li a {
	width:auto;
	display:block;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.77em;
	/*font-weight:bold;*/
	letter-spacing:1px;
	text-decoration:none;
	text-shadow:4px 2px 3px #000;
}

#main_navigation_list li a:hover {
	color:#d1b892;
}



#content_wrapper {
	margin: 15px auto;
	width:967px;
	height:auto;
}

#page_top {
	z-index:200;
	position:absolute;
	margin:22px auto;
	width:967px;
	height:103px;
	background-image:url(graphics/top_frame.png);
	background-repeat:no-repeat;
	
	
}

#content {
	background-image:url(graphics/page_background.png);
	background-repeat:repeat-y;
	width:967px;
	position:relative;
	top:125px;
	z-index:200px;
	padding-bottom:50px;
}

#page_title {
	width: auto;
	height:27px;
	float:left;
	margin-top:65px;
	margin-left:80px;
}

#facebook_btn {
	float:right;
	margin-top:50px;
	margin-right:80px;
	
}

img.page_title {
	position:relative;

}

img.facebook {

}

#home_intro {
	width:889px;
	height: 356px;
	position:relative;
	margin: 0 auto;
	top:15px;
	background-image:url(graphics/intro_background_dropshadow.png);
	background-repeat:no-repeat;
	padding-bottom:15px;
	
 }
 
 #slideshow_background {
	 width:871px;
	 height:335px;
	 position:absolute;
	 top:11px;
	 left:9px;
	 margin:0 auto;
	 z-index:225;
	 
 }
  
img.home_show {
	position:absolute;
	top:0;
	left:0;
}
 
 #gios_opening_statement {
	 width:515px;
	 position:absolute;
	 left:30px;
	 top:35px;
	 z-index:300;
 }
 

 
 

#page_bottom {
	z-index:200;
	position:relative;
	bottom:-125px;
	margin:0 auto;
	width:967px;
	height:96px;
	background:url(graphics/bottom_frame.png) left bottom;
	background-repeat:no-repeat;
	
	
}

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

#two_col_container {
	width:871px;
	height:auto;
	position:relative;
	margin:0 auto;
	
	
}


#left_column {
	position:relative;
	float:left;
	left:10px;
	width:500px;
	height:auto;
	z-index:350;
}

#application {
	width:500px;
	height:auto;
	padding: 0 10px;
	clear:both;
	display:block;
	margin-bottom:20px;
	padding-bottom:10px;
}

#left_column_menu {
	position:relative;
	float:left;
	width:225px;
	height:auto;
	z-index:300;
}

#top_menu {
	width:213px;
	height:14px;
	position:relative top left;
	background-image:url(graphics/top_menu.gif);
	background-repeat:no-repeat;
}

#menu_content {
	width:213px;
	height:auto;
	text-align:right;
	background:url(graphics/menu_slice.gif) repeat-y;
}

#bottom_menu {
	width:213px;
	height:21px;
	position:relative;
	background:url(graphics/bottom_menu.gif);
	background-repeat:no-repeat;
}

#dining_items {
	width:190px;
	margin:0 5px 0 10px;
	position:relative;
	padding-bottom:5px;
	
}

#clambar_items {
	width:190px;
	margin:0 5px 0 10px;
	position:relative;
	padding-bottom:5px;
	
}

#pizza_items {
	width:190px;
	margin:0 5px 0 10px;
	position:relative;
	padding-bottom:5px;
	
}

#left_disclaimer {
	text-align:center;
	width:213px;
}

#center_column {
	width:375px;
	height:auto;
	text-align:center;
	position:relative;
	float:left;
	left:15px;
}






#menu_content ul li a:hover {
	color:#5a141e;
}

#right_col_images {
	width:310px;
	height:auto;
	position:relative;
	float:left;
	left:45px;
	z-index:350;
}

#right_col_menu {
	width:265px;
	height:auto;
	position:relative;
	float:left;
	left:30px;
	z-index:350;
	
}

#menu_page_content {
	position:relative;

	
}

#menu_page_content_interior {
	height:500px;
	overflow:auto;
}

.post_divider {
	border-bottom:1px solid #000;
	margin-bottom:10px;
	padding-bottom:10px;
}

h1 {
	display:none;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:15px;
	color:#FFF;
	letter-spacing: 5px;
	text-shadow:3px 2px 3px #000;
	text-align:center;
	margin-bottom:3px;
	margin-top:5px;
}

h3.hidden {
	display:none;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:200;
	font-size:12px;
	color:#FFF;
	text-shadow:4px 2px 3px #000;
	text-align:center;
	letter-spacing:1.5px;
	
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	color:#5a141e;
	font-weight:bold;
	padding: 5px 0;
	
}

h6.date {
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	font-size:13px;
	color:#5a141e;
	height:15px;
	
}

h4.menu_title {
	border-bottom:dotted 2px;
	font-size:18px;
	
}

h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	color:#000;
	line-height:25px;
	font-weight:200;
}



p.small {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:200;
	font-size:10px;
	color:#000;
}

p.dishes {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:200;
	font-size:12px;
	color:#000;
	padding-top:3px;
	
}


p.normal {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:200;
	font-size:12px;
	color:#000;
	

}

p.info {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:200;
	font-size:12px;
	color:#FFF;
	text-shadow:4px 2px 3px #000;
	text-align:right;
	letter-spacing:1.5px;
	margin-right:5px;
}

p.content {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:200;
	font-size:12px;
	color:#000;
	border-bottom: 2px dotted;
	padding-bottom:10px;
	margin-bottom:15px;

}

p.date {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:200;
	font-size:14px;
	color:#000;
	padding-bottom:10px;
	margin-bottom:15px;
	text-align:left;
	
}

p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#000;
	font-style:italic;
}


.menu_special {
	position:relative;
	
	
	
}


strong {
	font-weight:bold;
}
/*STYLES FOR EMPLOYMENT APPLICATION FORM*/


#general {
	border-bottom: 1px solid;
	border-color:#000;
	width:500px;
	height:auto;
	padding-bottom:10px;
	margin-bottom:15px;
	
}

#schedule {
	border-bottom: 1px solid;
	border-color:#000;
	width:500px;
	height:auto;
	padding-bottom:10px;
	margin-bottom:15px;
	
}

#education {
	border-bottom: 1px solid;
	border-color:#000;
	width:500px;
	height:auto;
	padding-bottom:10px;
	margin-bottom:15px;
	
}

#business_exp {
	border-bottom: 1px solid;
	border-color:#000;
	width:500px;
	height:auto;
	padding-bottom:10px;
	margin-bottom:15px;
	
}

#waiver {
	border-bottom: 1px solid;
	border-color:#000;
	width:500px;
	height:auto;
	padding-bottom:10px;
	margin-bottom:15px;
	
}

legend {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	color:#000;
	font-weight:200;
	
}

#application p.label {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:200;
	font-size:12px;
	color:#000;
	display:block;
	
}



div#application input.smaller[type="text"] {
-moz-border-radius:5px 5px 5px 5px;
background-color:#FFFFFF;
border:thin solid #3B3B3B;
height:14px;
margin:3px 0 15px 0;
padding:5px;
width:65px;
float:left;
display:block;
margin-right:15px;
}

div#application input.smaller_right[type="text"] {
-moz-border-radius:5px 5px 5px 5px;
background-color:#FFFFFF;
border:thin solid #3B3B3B;
height:14px;
margin:3px 0 15px 0;
padding:5px;
width:65px;
float:right;
display:block;

}



div#application input[type="text"] {
-moz-border-radius:5px 5px 5px 5px;
background-color:#FFFFFF;
border:thin solid #3B3B3B;
height:14px;
margin:3px 0 15px 0;
padding:5px;
width:175px;
}

div#contact_page input[type="text"] {
-moz-border-radius:5px 5px 5px 5px;
background-color:#FFFFFF;
border:thin solid #3B3B3B;
height:14px;
margin:3px 0 15px 0;
padding:5px;
width:175px;
}


div#application textarea {
-moz-border-radius:5px 5px 5px 5px;
background-color:#FFFFFF;
border:thin solid #3B3B3B;
display:block;
height:75px;
margin:3px 3px 15px 3px;
padding:5px;
width:200px;
}

div#contact_page textarea {
-moz-border-radius:5px 5px 5px 5px;
background-color:#FFFFFF;
border:thin solid #3B3B3B;
display:block;
height:75px;
margin:3px 3px 15px 3px;
padding:5px;
width:425px;
}

#contact_page {
	clear:both;
	display:block;
	height:auto;
	margin-bottom:20px;
	padding:0 10px 10px;
	width:500px;
	
}


div#application input[type="radio"] {
	margin:3px 0 15px 0;
	padding:5px;
}

div#application input[type="checkbox"] {
	margin:3px 0 5px 0;
	padding:5px;
}

#state {
	border:1px solid #3B3B3B;
	width:187px;
	margin:3px 0 15px;
	
}

#highgpa {
	border:1px solid #3B3B3B;
	width:187px;
	margin:3px 0 15px;
	
}

#collegegpa {
	border:1px solid #3B3B3B;
	width:187px;
	margin:3px 0 15px;
	
}

#employ1state {
	border:1px solid #3B3B3B;
	width:187px;
	margin:3px 0 15px;
	
}

#employ2state {
	border:1px solid #3B3B3B;
	width:187px;
	margin:3px 0 15px;
	
}

#employ3state {
	border:1px solid #3B3B3B;
	width:187px;
	margin:3px 0 15px;
	
}

label {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:200;
	font-size:12px;
	color:#000;

	
	
}

label.radio {
	margin-right:50px;

}

label.checkbox {
	margin-right:10px;


}

#left_side_form {
	float:left;
	width:235px;
	height:auto;
}

#right_side_form {
	float:left;
	width:235px;
	height:auto;
	margin-left:20px;
}

#smaller_dates {
	float:left;
	width:190px;
	height:auto;
	
}

#smaller_dates_left {
	float:left;
	width:65px;
	height:auto;
	
}

#smaller_dates_right {
	float:right;
	width:65px;
	height:auto;
	
}
#highschool {
	float:left;
	width:500px;
	height:auto;
	margin-bottom:10px;
	border-bottom: 1px dashed #000;
}

#employment1 {
	float:left;
	width:500px;
	height:auto;
	margin-bottom:10px;
	border-bottom: 1px dashed #000;
}

#employment2 {
	float:left;
	width:500px;
	height:auto;
	margin-bottom:10px;
	border-bottom: 1px dashed #000;
}


#college_ed {
	float:left;
	width:500px;
	height:auto;
	margin-bottom:10px;

}


/*STYLES FOR EMPLOYMENT APPLICATION FORM*/



a {
	text-decoration:none;
	outline:none;
	color:#5a141e;
}

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

li {
	list-style-type:none;
}

#footer {
	width:888px;
	margin:0 auto;
	height:auto;
	text-align:center;
}

/*****************SPRITE MENU ON HOMEPAGE**********************/


#menu_buttons {
	 width:888px;
	 height:276px;
	 margin: 0 auto;
	 position:relative;
	 top:10px;

 }
 
 #menu_buttons li {
	 float:left;
 }
 
 


#menu_buttons li a.dining {
	width:294px;
	display:block;
	height:243px;
	background:url(graphics/menu_sprite.png) 0 0;
}

#menu_buttons li a.dining:hover {
	width:294px;
	display:block;
	height:240px;
	background:url(graphics/menu_sprite.png) 0 -243px;
}

#menu_buttons li a.pizza {
	width:294px;
	display:block;
	height:243px;
	background:url(graphics/menu_sprite.png) 592px 0;
}

#menu_buttons li a.pizza:hover {
	width:294px;
	display:block;
	height:240px;
	background:url(graphics/menu_sprite.png) 592px -243px;
}

#menu_buttons li a.clam_bar {
	width:294px;
	display:block;
	height:243px;
	background:url(graphics/menu_sprite.png) 294px 0;
}

#menu_buttons li a.clam_bar:hover {
	width:294px;
	display:block;
	height:240px;
	background:url(graphics/menu_sprite.png) 294px -243px;
}



/*****************SPRITE MENU ON HOMEPAGE END**********************/