/*---------------
Styles (c)2007 Rialto Cafe
Developed by Matt Crest of IdahoStew.com
---------------*/

/*---------------
Defaults
---------------*/
html, body  { 
	margin: 0;
	padding: 0; 
}

body {
	text-align: center;
	min-width: 800px;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #333;
	background: #B5CED5 url("../images/bkgrnd_body.png") repeat;
}

img {
	border-width: 0;
	margin: 0;
	padding: 0;
}
.bigclear {clear: both; padding: 30px 0;}
.intro { font-family: Georgia, "Times New Roman", Times, serif }
h2, h5 { font-family: Georgia, "Times New Roman", Times, serif }
h2   { color: #9A1423;}
h3   { color: #9A1423; font-size: 1.25em; text-transform: none; letter-spacing: -0.05em; margin: 0 0 -.1em 0; }
h4    { color: #333; font-size: 1em; text-transform: uppercase; letter-spacing: -0.03em; margin-bottom: 0 }
h5   { color: #85B34A; font-size: 1.3em; text-transform: none; letter-spacing: -0.05em; margin: .2em 0 -.2em 0; }
h6   { color: #664A63; font-size: 1.3em; text-transform: none; letter-spacing: -0.05em; margin: .2em 0 -.2em 0; }


/*---------------
Layout
---------------*/

#wrap   { 
	background: #fff 0 100% repeat-y; 
	text-align: left; 
	margin: 28px auto 10px; 
	width: 800px }

#header {
	width: 800px;
	height: 119px;
	background: #391B06;
	overflow: hidden;
	position: relative;
}

#navbarleft  { 
	background: #ae070e url("../images/navbarleft.jpg") no-repeat; 
	margin: 58px 0 0; 
	position: absolute; 
	left: 0;
	width: 41px; 
	height: 46px; }
	


#content  { background: url("../images/bkgrnd_content_brackets.png") no-repeat right top; margin: 0; padding-top: 30px; position: relative; width: 800px; height: 100%; clear: both; overflow: hidden }
#footer     { color: #fff; background: #ae070e; width: 800px; height: 46px; clear: both; overflow: hidden; }
#footer .spiritbar {
	width: 211px;
	height: 46px; 
	float: left; 
	clear: none;
}
#footer p { 
	color: #fff; 
	font-size: 0.9em; 
	margin: 1.65em 0 0 20px; 
	float: left 
}

#footer a {
	color: #fff;
	text-decoration: none;
}

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

#footer #reservations {
	position: relative;
	right: 18px;
	top: 7px;
	background: url("../images/reservations_button.jpg") 0 -37px no-repeat; 
	text-indent: -100em; 
	display: block;
	width: 111px;
	height: 32px;
	float: right;
}

#footer #reservations a {
	background: url("../images/reservations_button.jpg") 0 0 no-repeat; 
	display: block;
	width: 111px;
	height: 32px;
}

#footer #reservations a:hover {
	display: block;
	background: url("../images/reservations_button.jpg") 0 -37px no-repeat; 
}

.hilight  { background-color: #ffc; padding: 10px 25px }

/*---------------
Links
---------------*/
a  { color: #990000; text-decoration: none }

a:hover {
	color: #999;
}

img, a img {
	border: 0;
	margin: 0;
	padding: 0;
}

#rc_logo   { 
	display: block;
	text-decoration: none; 
	background: url("../images/rialto_logo.jpg") 0 -119px no-repeat; 
	position: absolute;
	left: 60px;
	padding: 0; 
	width: 162px; 
	height: 119px 
}

#rc_logo a {
	display: block;
	height: 119px;
	background: url("../images/rialto_logo.jpg") 0 -119px no-repeat;
	text-decoration: none;
	text-indent: -100em;
}

#rc_logo a:hover {
	background: url("../images/rialto_logo.jpg") 0 0 no-repeat;
}

/*---------------
Home Layout
---------------*/

#topbar_home {
	width: 800px; 
	height: 210px;
	margin: 3px 0;
	padding: 0;
	clear: both;
	position: relative;
	border: 0;
}

#topbar_home .left {
	float: left;
	clear: left;
	width: 586px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;

}

#topbar_home .right {
	float: right;
	clear: right;
	width: 210px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
}

.homefeature {
	margin: 10px 0 20px 0;
}

.homefeature h2   { font-size: 1.65em; text-transform: uppercase; letter-spacing: -0.05em; margin: 0 0 0 13px }
.homefeature h2 a   { text-decoration: none; }
.homefeature h2 a:hover   { text-decoration: none; color: #333; }

.homefeature .intro  { color: #333; font-size: 1.2em; font-weight: bold; line-height: 1.25em; margin: 0 0 .5em 13px; }
.homefeature p  { color: #333; font-size: .95em; line-height: 1.5em; margin: .05em 0 0 13px }
.homefeature .learnmore  { 
	display: block; 
	color: #990000; 
	font-size: 11px; 
	line-height: 9px; 
	text-transform: uppercase; 
	margin: 10px 0 0 13px; 
	padding-bottom: 5px;
	height: 9px;
	overflow: hidden;
}
.homefeature .learnmore a { 
	color: #990000; 
	text-decoration: none; 
	background: transparent url("../images/learnmore_arrow.gif") 0 1px no-repeat; 
	padding-left: 12px; 
	height: 9px;
	overflow: hidden;
}
.homefeature .learnmore a:hover { 
	color: #333; 
	text-decoration: none; 
	background: transparent url("../images/learnmore_arrow.gif") 0 -17px no-repeat; 
	padding-left: 12px; 
	height: 9px;
	overflow: hidden;
}

#columnleft {
	width: 400px; 
	float: left;
	clear: left;
	position: relative;
	left: 41px;

}

#columnright {
	width: 284px; 
	float: right;
	clear: right;
	margin-left: 13px;
	position: relative;
	right: 41px;
}

#about   { width: 400px; border-left: 10px solid #9A1423 }
#about h2, #about h2 a { color: #9A1423; }
#about h2 a:hover { color: #333; }

#happyhour   { width: 284px; border-left: 10px solid #000000 }
#happyhour h2, #happyhour h2 a { color: #000000; }
#happyhour h2 a:hover { color: #333; }

#emailclub   { width: 284px; border-left: 10px solid #57a5a8 }
#emailclub h2, #emailclub h2 a { color: #57A5A8; }
#emailclub h2 a:hover { color: #333; }

#reservation  { width: 400px; border-left: 10px solid #e39b3e; }
#reservation h2, #reservation h2 a { color: #e39b3e; }
#reservation h2 a:hover { color: #333; }

#special  { width: 400px; border-left: 10px solid #000000; }
#special h2, #special h2 a { color: #000000; margin-bottom: 0 }
#special h2 a:hover { color: #333; }
#spcecial p { margin-top: 0 }

#events  { width: 284px; border-left: 10px solid #664A63; }
#events h2, #events h2 a { color: #664A63; }
#events h2 a:hover { color: #333; }
#events .event_title { font-size: 1.2em; line-height: 1em; color: #990000; margin: 0 0 5px 13px;}
#events .event_title a { color: #990000; text-decoration: none;}
#events .event_title a:hover { color: #333; }
#events .event_date  { color: #333; font-size: 9px; line-height: 9px; background-image: url("../images/calendar_icon.gif"); background-repeat: no-repeat; text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 10px 13px; padding-left: 13px }

#sisters  { width: 284px; border-left: 10px solid #85B34A; }
#sisters h2, #sisters h2 a { color: #85B34A; }
#sisters h2 a:hover { color: #333; }

/*---------------
Interior, one column styles
---------------*/
#onecolumn  { padding-bottom: 30px; position: relative; left: 41px; width: 718px; float: left; clear: both }
#onecolumn p { margin-top: 1em; }
#onecolumn img { border: #999 1px solid;}

#onecolumn h1   { color: #9A1423;font-size: 2em; text-transform: uppercase; letter-spacing: -0.05em; margin: 0 0 -.2em 0; }
#onecolumn h1 a   { text-decoration: none; }
#onecolumn h1 a:hover   { text-decoration: none; color: #333; }
#onecolumn .intro   { color: #333; font-size: 1.3em; font-weight: bold; line-height: 1.45em; padding-bottom: 5px }
#onecolumn .intro a, #onecolumn .intro a:visited { color: #990000; text-decoration: none; }
#onecolumn .intro a:hover { color: #333; }

#onecolumn .an_event  { padding-top: 20px; padding-bottom: 20px; width: 600px; clear: both }

#onecolumn .an_event .details   { background: url("../images/details_button.jpg") no-repeat 0 -32px; text-indent: -100em; display: block; width: 84px; height: 32px; float: left; }
#onecolumn .an_event .details a  { display: block; width: 84px; height: 32px; background: url("../images/details_button.jpg") 0 0 no-repeat;}
#onecolumn .an_event .details a:hover  { background: url("../images/details_button.jpg") 0 -32px no-repeat;}

#onecolumn .an_event .event_info { float: left; width: 430px; position: relative; left: 13px; clear: right;}
	#onecolumn .an_event .event_title { font-size: 1.5em; line-height: 1em; color: #990000; margin: 3px 0 10px 0;}
	#onecolumn .an_event .event_title a { color: #990000; text-decoration: none;}
	#onecolumn .an_event .event_title a:hover { color: #333; }
	#onecolumn .an_event .event_date  { color: #333; font-size: 9px; line-height: 9px; background: url("../images/calendar_icon.gif") no-repeat; text-transform: uppercase; letter-spacing: 0.05em; padding-left: 13px; }

#onecolumn .event_page h1, #onecolumn .event_page h1 a { color: #664A63; }

/*---------------
Interior, two column styles
---------------*/
#twocolumn   { padding-bottom: 30px; position: relative; left: 0; width: 759px; float: left; clear: both;}
#twocolumn p { margin-top: 1em; }
#twocolumn h1   { color: #9A1423; font-size: 2em; text-transform: uppercase; letter-spacing: -0.05em; margin: 0 0 -.2em 0; }
#twocolumn h1 a   { text-decoration: none; }
#twocolumn h1 a:hover   { text-decoration: none; color: #333; }
#twocolumn h2   { color: #9A1423; font-size: 1.5em; text-transform: none; letter-spacing: -0.05em; margin: 0 0 -.2em 0; }

#twocolumn .intro   { color: #333; font-size: 1.3em; font-weight: bold; line-height: 1.45em; padding-bottom: 5px }
#twocolumn a, #onecolumn a:visited { color: #990000; text-decoration: none; }
#twocolumn a:hover { color: #333; }

#twocolumn ul {margin-left: -25px;}

#left_column  { position: relative; width: 177px; float: left; }

#lc_photos {
	width: 177px;
}

#right_column { 
	width: 537px; 
	float: left; 
	position: relative; 
	left: 40px;
}
#right_column img { border: #999 1px solid;}

.event_page h1 { color: #664A63; }
#twocolumn .event_details   { 
	background: url("../images/event_details.jpg") 0 0 no-repeat; 
	text-indent: -100em; 
	display: block; 
	width: 136px; 
	height: 32px; 
	float: left;
	margin-bottom: 10px;
	position: relative;
	left: 41px;
}

#twocolumn .event_info { position: relative; left: 44px; width: 136px;}
#twocolumn .event_info strong { color: #664A63; font-weight: bold;}

.menu_page h1 { color: #9A1423; }
.menu_list { color: #333; font-size: 1.5em; line-height: .8em;}

.visitus_page h1 { color: #9A1423; }
#reservations  { z-index: 100 }

/*---------------
Email Club registration styles
---------------*/
form {width: 100%; position: static;}
form label, form .label   { text-align: right; display: block; margin: 5px 10px 0 0; padding-right: 10px; position: relative; width: 140px; float: left }
form input, form .radio label {display: inline; float: none;}
form textarea, form input  { color: #981f15; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif }
form .radio label {position: fixed; margin-right: 0; padding-right: 0;}
form input:focus { background-color: #B5D2D8 }
form .button   { font-size: 1.5em; margin-top: 15px; position: relative; left: 170px; float: left; padding: .25em; }
form .spamcode  { font-size: 10px; font-weight: bold; margin: 5px 0 5px 175px; clear: both }
form ol, form ul  { list-style-type: none }
form ul {margin-left: -25px;}
form li  { list-style-type: none; margin-bottom: 10px }
form em {color: #9A1423;}

ul.refer { margin: 0; padding:0; }
ul.refer .person { color: #9A1423; width: 400px; background-color: #B5D2D8; margin: 15px 0; padding: 5px 0; font-size: 1.25em; text-indent: 15px; font-family: Georgia, "Times New Roman", Times, serif }
ul.refer .referer { width: 380px; background-color: #f4f1d5; margin: 0; padding: 10px; border: 1px #cccc99 solid; margin-bottom: 15px;  }
ul.refer .friend { width: 380px; background-color: #B5D2D8; margin: 0; padding: 10px; border: 1px #81a4ab solid; margin-bottom: 15px;  }
ul.refer .referer .person { width: 360px; background-color: #f4f1d5; margin: 0; padding: 0; font-size: 1.25em; text-indent: 15px; font-family: Georgia, "Times New Roman", Times, serif }
ul.refer .note { font-size: .9em;  } 

/* --------------
Navigation styles // fancy css sprite rollover 
navigation elements - as shown  at http://alistapart.com/articles/sprites
---------------*/
#navigation  { 
	margin: 58px 0 0; 
	width: 559px; 
	height: 46px;
	background: #AE070E url("../images/nav_rollover.gif") 0 0 no-repeat;
	text-indent: -100em;
	position: absolute;
	left: 241px;
}

#navigation li {margin: 0; padding: 0; list-style: none; position: absolute; top: -1px;}
#navigation li, #navigation a  { text-decoration: none; display: block; height: 46px; }
#navigation #menunav {left: 0; width: 68px;}
#navigation #aboutusnav {left: 68px; width: 57px;}
#navigation #eventsnav {left: 125px; width: 57px;}
#navigation #banquetsnav {left: 182px; width: 152px;}
#navigation #emailclubnav {left: 334px; width: 85px;}
#navigation #feedbacknav {left: 419px; width: 75px;}
#navigation #linksnav {left: 494px; width: 66px;}

#navigation #menunav a:hover {background: transparent url("../images/nav_rollover.gif") 0 -46px no-repeat;}
#navigation #aboutusnav a:hover {background: transparent url("../images/nav_rollover.gif") -68px -46px no-repeat;}
#navigation #eventsnav a:hover {background: transparent url("../images/nav_rollover.gif") -125px -46px no-repeat;}
#navigation #banquetsnav a:hover {background: transparent url("../images/nav_rollover.gif") -182px -46px no-repeat;}
#navigation #emailclubnav a:hover {background: transparent url("../images/nav_rollover.gif") -334px -46px no-repeat;}
#navigation #feedbacknav a:hover {background: transparent url("../images/nav_rollover.gif") -419px -46px no-repeat;}
#navigation #linksnav a:hover {background: transparent url("../images/nav_rollover.gif") -494px -46px no-repeat;}