/* @override 
	http://192.168.1.36/farmicia/css/screen.css
	http://daves-g5/farmicia/css/screen.css
*/

* {
	margin: 0;
	padding: 0;
}

html { height: 100%; margin-bottom: 1px; }

html, body
{
	padding: 0;
	border: 0;
	margin: 30px 0 0 0;
	background-color: #393;
	color: black;
	text-align: center;
	font-family: Georgia, Times New Roman, serif;
	font-size: 13px;
	line-height: 19px;
}

#container
{
	margin: 0 auto 0 auto;
	border-color: #336633;
	border-width: 2px;
	border-style: solid;
	background: #69c url(../img/bg-new.gif) 0 0 repeat-y;;
	width: 802px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 798px;
}
html>body #container {
	width:798px;
	}

/* @group Sub Navigation */

#subnav
{
	position: relative;
	display: block;
	width: 496px;
	margin: 0px;
	padding: 0px;
	border-color: #336633;
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	background-color: #69c;
}

#subnav li
{
	display: inline;
	margin-right: 17px;
	list-style-type: none;
}

#subnav img
{
	margin-top: 8px;
	margin-bottom: 10px;
}

/* @end */

/* @group Navigation */

#navlist li 
 {
 	display: inline;
 	list-style-type: none;
 	margin: 0px;
 	padding: 0 20px 0 0;
 }

#navright
{
	position: relative;
	float: left;
	width: 496px;
	height: 101px;
	margin: 0px;
	padding: 0px;

}

#nav
{
	width: 496px;
	height: 101px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/nav.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #a3ba3a;
}

#nav li
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	position: absolute;
	height: 101px;
}

#nav li a {
	text-indent: -9999px;
	text-decoration: none;
	}

#nav a {display: block; height: 101px;}

/* @end */

#leftside
{
	position: relative;
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0px;
	background-color: #69c;
}

#sidebar
{
	position: relative;
	float: left;
	width: 300px;
	margin: 0px;
	padding: 30px 0px 0px 0px;
	border-color: #336633;
	border-width: 2px 0 0 0;
	border-style: solid;
	background-color: #a3ba3a;
}

#sidebar li
{
	list-style-type: none;
}

#rightside
{
	position: relative;
	float: right;
	width: 496px;
	margin: 0px;
	padding: 0px;
	border-color: #336633;
	border-width: 0px 0px 0px 2px;
	border-style: solid;
	background-color: #69c;
}

#rightside-about
{
	position: relative;
	float: right;
	width: 496px;
	height: 2000px;
	margin: 0px;
	padding: 0px;
	border-color: #336633;
	border-width: 0px 0px 0px 2px;
	border-style: solid;
}

ul
{
	margin: 8px 0px 8px 0px;
	padding: 0px;
}

#stroke
{
	position: relative;
	float: right;
	width: 496px;
	height: 2px;
	margin: 0px;
	padding: 0px;
	background-color: #333300;
}


.nopad, #navlist li.nopad
{
padding: 0px;
}

/* @group Content */
.parties #content p, .about #content p, .events #content p, .parking #content p, .metropolitancafe #content p, .slowfood #content p
{
	text-align: left;
}

/* @end */

#content
{
	padding: 20px;
	text-transform: inherit;
	color: #000;
	font-family: Georgia, Times New Roman, serif;
	font-size: 13px;
	width: 490px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 450px;
}

html>body #content {
	width:456px;
	}

#content li
{
	list-style-type: none;
	margin-bottom: 14px;
}

#content em
{
	color: #FF9;
	font-weight: bold;
}

#content h2
{
	font-weight: bold;
		font-size: 16px;
		color: #000;
}

#content h3
{
	font-style: italic;
	font-weight: bold;
}

#map
{
	margin: 0px -20px -20px;
}

.left { text-align: left; }

.topmargin { margin: 0px 0 0 20px; }

.spaceabove { margin: 14px 0 0 0 }

.morespaceabove { margin: 30px 0 0 0 }

.subhead {
	font-style: italic;
	font-weight: bold;
}

.yellow
{
	color: #FF9;
	font-weight: bold;
}

.header
{
		font-weight: bold;
		font-size: 16px;
}

h2
{
		color: #FF9;
		font-weight: normal;
		font-size: 16px;
		padding-bottom: 14px;

}

h3
{
		font-weight: bold;
		font-size: 13px;
		 padding-bottom: 14px;

}

p {
	 padding-bottom: 14px;
}

img
{
border: 0px;
vertical-align: bottom;
}



.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.floatleft
{
	float: left;
	padding: 4px 10px 5px 0;
}

/* Links ------------------------------------------------------ */

a
{
	outline: none;
	text-decoration: none;
	color:#FF9;
	font-weight:bold;
}

a:hover, a:active
{
	color: #000;
	text-decoration: none;
}

li.active
{
	color: #000;
	text-decoration: none;
	font-weight:bold;
}

.active
{
	color: #000;
	text-decoration: none;
	font-weight:bold;
}

a.home
{
	text-decoration: none;
	color:#000;
	font-weight: normal;
}

a.home:hover, a.home:active
{
	color:#FF9;
	text-decoration: none;
}



/*  SPRITE rollovers ------------------------------------------- */

#menu {left: 0; width: 92px;}
#parties {left: 92px; width: 96px;}
#about	{left: 188px; width: 96px;}
#events {left: 284px; width: 80px;}
#parking {left: 364px; width: 132px;}


#menu a:hover { background: url(../img/nav.gif) 0px -101px no-repeat; }
#parties a:hover { background: url(../img/nav.gif) -92px -101px no-repeat; }
#about a:hover { background: url(../img/nav.gif) -188px -101px no-repeat; }
#events a:hover { background: url(../img/nav.gif) -284px -101px no-repeat; }
#parking a:hover { background: url(../img/nav.gif) -364px -101px no-repeat; }

/* You are here - SUB NAV */

body.menu #menu { background: url(../img/nav.gif) 0px -101px no-repeat; }
body.parties #parties { background: url(../img/nav.gif) -92px -101px no-repeat; }
body.about #about { background: url(../img/nav.gif) -188px -101px no-repeat; }
body.events #events { background: url(../img/nav.gif) -284px -101px no-repeat; }
body.parking #parking { background: url(../img/nav.gif) -364px -101px no-repeat; }


/*  HOME style ------------------------------------------- */

#container-home
{
	width: 798px;
	height: 485px;
	margin: 0 auto;
	border-color: #336633;
	border-width: 2px;
	border-style: solid;
}



#farm
{
	width: 798px;
	height: 382px;
	border-color: #336633;
	border-width: 0 0 2px 0;
	border-style: solid;
	text-align: left;
}


.logo
{
	position: absolute;
	margin: 296px 0px 0px 0px;
	border: 0px;
}

#credit
{
	height: 23px;
	text-align: left;
	background: url(../img/credit-off.gif) no-repeat 0 4px;
}

#credit:hover
{
	background: url(../img/credit-on.gif) no-repeat 0 4px;
}

#credit a
{
	display: block;
	height: 23px;
	width: 220px;
}


/* this rollover CSS created by collys rollover generator at http://www.collylogic.com/scripts/rollover.html */
.happycircle {
position: absolute;
	margin: 302px 0px 0px 692px;
	border: 0px;
	width:73px;
height:73px;
border:px solid;
font:normal 10px verdana;
text-align:center;
background: url(http://www.farmiciarestaurant.com/../img/happycircle.gif) no-repeat 0 0px;
}
a.happycircle:link, a.happycircle:visited, a.happycircle:active {
text-decoration:none;
background: url(http://www.farmiciarestaurant.com/../img/happycircle.gif) no-repeat 0 0px;
}
a.happycircle:hover {
background: url(http://www.farmiciarestaurant.com/../img/happycircle.gif) no-repeat -73px 0px;
}



#navhome
{
	width: 798px;
	height: 101px;
}
#navleft
{
	position: relative;
	float: left;
	width: 302px;
	height: 101px;
	margin: 0px;
	padding: 0px;
}