/*  

Theme Name: Rosie's Diner

Description: Rosie's Diner Layout

Author: SLB Networks

Author URI: http://www.slbnetworks.com

Client URL: http://www.rosiesdiner.com

*/

	

/* template */

body {
	background-color:#000;
	color:#FFF;
}

body a:link, body a:visited {
	text-decoration:none; 
	color:#FF33CC;	
}

body a:hover, body a:visited:hover {
	text-decoration:underline; 
	color:#FF33CC;	
}

#container {
	margin: 0 auto;
	width: 890px;


}

#header_image {
	background-image:url(images/top1.jpg);
	background-repeat: no-repeat;
	float:left;
	width: 890px;
	height: 228px;


}


/***************************************************
	Navigation
***************************************************/

#nav_menu {
	float:left;
	width: 890px;
	height:100px;
	background:url(images/web/nav_bar.png) no-repeat;

}

#nav {
	height: 36px;
	width: 740px;
	margin:0 auto;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
}

#nav h2 {
	display: none;
}

#nav ul {
	margin: 32px 0 0 0;
	padding: 0 0 0 0px;
	list-style: none;
	display: block;
	height: 36px;
}

#nav li {
	font-size:13px;
	font-weight:bold;
	position: relative;
	float: left;
	display: block;
	height: 36px;
	margin-left:14px;
}

#nav a:link, #nav a:visited {
	display: block;
	height: 36px;
	text-decoration: none;
	padding-left:20px;
	padding-right:20px;	
	line-height: 36px;
}

#nav li a:link, #nav li a:visited {
	height: 36px;
	float: left;
	text-decoration: none;
	color: #FFF;	
}

html>body #nav li a, 
html>body #nav li a:visited {
	height: 36px;
}

#nav li a:hover, #nav li a:visited:hover, #nav li.hover a, #nav li:hover > a {
	background-color:#000;
	background-repeat: repeat-x;
	color:#FFF;	
}

#nav li:hover, #nav li:visited:hover, #nav li.sfhover { 
	background-color:#000;
	background-repeat: repeat-x;	
	color:#FFF;	
}

#nav li ul {
	width: 173px; /*140px;*/
	list-style: none;
	position: absolute;
	clear: both;
	top: 40px;
	left: 0;
	font-weight: normal;
	padding: 0;
	margin: 0;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;	
	background-image:url(images/web/sub_nav_2.png) !important;
	display: none;
}

#nav li>ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 177px; /*144px;*/
	height: auto;
	margin-top: 36px;
}

#nav li li {
	clear: both;
	display: block;
	width: 177px; /*140px;*/
	text-align: left;
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
	font-size:11px;
	background-position: -300px -300px !important;
}

#nav li li a, #nav li li a:visited {
	display: block;
	font-weight: normal;
	line-height: 1.2em;
	height: 13px;
	padding: 6px 0 6px 5px !important;
	margin: 0 !important;
	background: transparent !important;
	width: 173px; /*140px;*/
	font-size: 11px;	
	font-weight: bold !important;
	text-align: left;
	border-top: 1px solid #FFFFFF;		
}

html>body #nav li li a {
	width: 173px; /*140px;*/
	height: auto !important;
	line-height: 1.2em !important;
	min-height: 13px !important;
}

#nav li li a:hover, #nav li li a:visited:hover {
	background: #3F424C !important;
	width:172px;
	color:#FFFFFF;
}


#nav li:hover ul, #nav li.hover ul {
	display: block;		
}

#nav a:hover ul, #nav li.hover ul {
	display: block;	
}


/***************************************************
	End Navigation
***************************************************/

#neon_top {
	margin-left:40px;
	float:left;
	width: 815px;
	height: 36px;
	background-image: url(images/web/neon-top.png);
	background-repeat:no-repeat;

}

#neon_header_left {
	margin-left:40px;
	float:left;
	width: 37px;
	height:164px;
	background-image: url(images/web/neon_header_left.png);
	background-repeat:no-repeat;

}

#neon_header_middle {
	float:left;
	width: 723px;
	background-image: url(images/web/neon_header_middle.png);
	background-repeat:no-repeat;

}

#neon_header_right {
	float:left;
	width: 40px;
	height:164px;
	background-image: url(images/web/neon_header_right.png);
	background-repeat:no-repeat;

}

#page_header {
	float:left;
	width: 723px;

}

#neon_body {
	margin-left:40px;
	float:left;
	width: 800px;
	background-image:url(images/web/neon-body.png)

}

#main_body {
	margin-left:50px;
	float:left;
	width: 695px;

}

#neon_bottom {
	margin-left:40px;
	float:left;
	width: 815px;
	height: 58px;
	background-image: url(images/web/neon-bottom.png);
	background-repeat:no-repeat;

}

#footer {
	margin-left:40px;
	margin-top:20px;
	float:left;
	width: 815px;
	height: 30px;
}


/* End template */


.title { font-size: 18px; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif }

.body { font-size: 12px; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif }
.body A:link { color:#FF33CC; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
.body A:visited { color:#FF33CC; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
.body A:hover { color:#FF33CC; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; }

.footer {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #FFFFFF; text-align:center; }
.footer a:link { color: #FFFFFF; text-decoration: underline; }
.footer a:hover { color: #FFFFFF; text-decoration: underline; }
.footer a:active { color: #FFFFFF; text-decoration: underline; }
.footer a:visited { color: #FFFFFF; text-decoration: underline; }