/* --------------------------------------------------------
   Mojos rebuild CSS for home and text
   -------------------------------------------------------- */

/* Declare body first of all */

body {
background:url(images/backgrounds/grid.gif);
font:normal 62.5% 'Lucida Grande',Verdana,sans-serif;
text-align:center;
}

/* Wireframing - use border:1px to place borders around all div elements during development, but be aware that you'll need to change sidebar width to 306px to allow for the border widths */

div {
margin:0;
padding:0;
outline:0px solid #F00;
}

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

/* Masthead and descendants */

#masthead {
height:146px;
background:url(images/backgrounds/masthead1.png) no-repeat;
}

#masthead p {
margin:0px;
padding:82px 0 0 0;
font-size:1.1em;
line-height:100%;
color:#CCC;
text-align:bottom;
}



/* Main Cafe Pasta logo */
#masthead img {
margin:0 0 0px 0px;
}
/* Rollover class home */

.rollover_home {
display:block;
position:absolute;
left:0px;
width:108px;
height:64px;
background:url(images/buttons/home.gif) no-repeat;
text-indent:-9999px;
}

a.rollover_home:link, a.rollover:visited {
background:url(images/buttons/home.gif) no-repeat;
}

a.rollover_home:hover, a.rollover:active {
background-position:-108px 0;
}

/* Rollover class menu */

.rollover_menu {
display:block;
position:absolute;
left:108px;
width:98px;
height:64px;
background:url(images/buttons/menu.gif) no-repeat;
text-indent:-9999px;
}

a.rollover_menu:link, a.rollover:visited {
background:url(images/buttons/menu.gif) no-repeat;
}

a.rollover_menu:hover, a.rollover:active {
background-position:-98px 0;
}


/* Rollover class wine */

.rollover_wine {
display:block;
position:absolute;
left:206px;
width:82px;
height:64px;
background:url(images/buttons/wine.gif) no-repeat;
text-indent:-9999px;
}

a.rollover_wine:link, a.rollover:visited {
background:url(images/buttons/wine.gif) no-repeat;
}

a.rollover_wine:hover, a.rollover:active {
background-position:-82px 0;
}



/* Rollover class reviews */

.rollover_reviews {
display:block;
position:absolute;
left:288px;
width:82px;
height:64px;
background:url(images/buttons/reviews.gif) no-repeat;
text-indent:-9999px;
}

a.rollover_reviews:link, a.rollover:visited {
background:url(images/buttons/reviews.gif) no-repeat;
}

a.rollover_reviews:hover, a.rollover:active {
background-position:-82px 0;
}


/* Rollover class entertainment */

.rollover_enter {
display:block;
position:absolute;
left:370px;
width:123px;
height:64px;
background:url(images/buttons/enter.gif) no-repeat;
text-indent:-9999px;
}

a.rollover_enter:link, a.rollover:visited {
background:url(images/buttons/enter.gif) no-repeat;
}

a.rollover_enter:hover, a.rollover:active {
background-position:-123px 0;
}


/* Rollover class catering */

.rollover_cater {
display:block;
position:absolute;
left:493px;
width:94px;
height:64px;
background:url(images/buttons/cater.gif) no-repeat;
text-indent:-9999px;
}

a.rollover_cater:link, a.rollover:visited {
background:url(images/buttons/cater.gif) no-repeat;
}

a.rollover_cater:hover, a.rollover:active {
background-position:-94px 0;
}


/* Rollover class contact */

.rollover_contact {
display:block;
position:absolute;
left:587px;
width:96px;
height:64px;
background:url(images/buttons/contact.gif) no-repeat;
text-indent:-9999px;
}

a.rollover_contact:link, a.rollover:visited {
background:url(images/buttons/contact.gif) no-repeat;
}

a.rollover_contact:hover, a.rollover:active {
background-position:-96px 0;
}


/* Rollover class map */

.rollover_map {
display:block;
position:absolute;
left:683px;
width:117px;
height:64px;
background:url(images/buttons/map.gif) no-repeat;
text-indent:-9999px;
}

a.rollover_map:link, a.rollover:visited {
background:url(images/buttons/map.gif) no-repeat;
}

a.rollover_map:hover, a.rollover:active {
background-position:-117px 0;
}


/* Highlighting the current page */
#rollover_home #masthead a.rollover_home {
background-position:-108px 0;
}
#rollover_menu #masthead a.rollover_menu {
background-position:-98px 0;
}
#rollover_wine #masthead a.rollover_wine {
background-position:-82px 0;
}
#rollover_reviews #masthead a.rollover_reviews {
background-position:-82px 0;
}
#rollover_enter #masthead a.rollover_enter {
background-position:-123px 0;
}
#rollover_cater #masthead a.rollover_cater {
background-position:-94px 0;
}
#rollover_contact #masthead a.rollover_contact {
background-position:-96px 0;
}
#rollover_map #masthead a.rollover_map {
background-position:-117px 0;
}

/* Container - needed only for faux background */

#container {
width:800px;
position:relative;
margin:20px auto 20px auto;
background:#000;
}

/* The main column and descendants */

#mainCol {
float:right;
width:492px;
height:427px;
font-size:1.1em;
line-height:130%;
color:#dadad8;
background:#000;
text-align:left;

}


#mainCol p {
width:475px;
padding:0px 5px 0 5px;
}
.front_image {
border:0;
position:absolute;
right:0px;
text-align:left;
}


.bold {
font-weight:bold;
font-size:1.1em;
color:#dadad8;
}

.bold_pink {
font-weight:bold;
font-size:1.1em;
color:#ed7db1;
}

.stream {
width:490px;
height:427px;
padding:0px 2px 0 0px;
overflow:auto;
}

.grey {
background:#363636;
}

.image_float {
float:left;
margin:0 5px 5px 0;
}






/* The left column and descendants */


#sidebar {
float:right;
width:308px;
height:427px;
font-size:1.1em;
line-height:150%;
color: #dadad8;
background:#000 url(images/backgrounds/sidebar.gif) no-repeat;
text-align:center;
}

#sidebar p {
width:290px;
}

/* Sidebar hours divisions */

#hours {
position:absolute;
left:0px;
top:530px;
margin:0px 0 0px 5px;
height:150px;
text-align:left;
}

.options {
position:absolute;
top:510px;
margin:0px 0px 0px 5px;
height:150px;
text-align:left;
}

.wine {
position:absolute;
top:480px;
margin:0px 0px 0px 5px;
line-height:130%;
height:150px;
text-align:left;
}

.window {
width:308px;
height:415px;
margin:0;
border:0;
}



/* The footer and descendants */



#footer {
clear:both;
height:10em;
min-height:26px;
font-size:0.9em;
line-height:150%;
color: #dadad8;
background:#000 url(images/backgrounds/footer.gif) right top no-repeat;
text-align:left;
}



#footer img {
float:right;
margin:0px 2px 0px 2px;
}


#footer p {
padding:10px 5px 0px 0px;
margin:0 0 2px 0;
text-align:right;

}

/* ----------------------------
   All headings and versions of 
   ---------------------------- */

h2, h3 {
color:dadad8;
padding:0px;
}
h2 {
margin:0px;
font-size:1em;
font-style:italic;
}
h3 {
margin:0px;
font-size:1em;

}
h4 {
margin:0px;
font-size:1.3em;
color:#ed7db1;
padding: 5px;
}

h4 a:link, h4 a:visited {
color:#ed7db1;
}

h4 a:link, h4 a:visited, h4 a:active {
text-decoration:none;
}

h4 a:hover {
text-decoration:underline;
}


h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
color:#FFF;
text-decoration:none;
}

p a:link, p a:visited {
color:#dadad8;
}

p a:hover, p a:active{
color:#ed7db1;
}


p a:link, p a:vistied, p a:hover, p a:active {
text-decoration:underline;
}



/* Turn off borders on image links */
img {
border:0;
}

a{
outline:none;
}

/* Link states */

a:link {

}
a:visited {
	
}
a:hover {

}
a:active {
	
}