/*
 *  Copyright © Cetanica Consulting AB  -  All rights reserved.
 */

html, body {
	color: black;
	background-color: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
	padding: 0;
	margin: 0;
}



/** General Styles **/
a { text-decoration: none; color: #162fe5; border: 0; }
a:hover { text-decoration: underline; }
a:visited { text-decoration: none; color: #162fe5; }

img { border:0 ; }

div { padding: 0; margin: 0; }
div.floatRight { float: right; }

hr { height: 1px; border: 1px solid #ccc; padding-left: 1em; padding-right: 1em; }

form { padding: 0; margin: 0; }
input.button { background-color: #ddd; border: 1px solid black;}
input.button:hover { cursor: pointer; }
input.text { border: 1px solid black;  margin-right: 0.3em; background-color: #eee; }
select { border: 1px solid black; background-color: #eee; }
textarea { border: 1px solid black; background-color: #eee; }
label.red { color: red; }

div#container {
	margin: 5px auto;
	padding: 0;
	border: 1px solid black;
	background-color: white;
	/*min-height: 38em;*/
	width: 61.9em;
}

/** Header **/
div#header { height: 8em; text-align: center; }
div#header_left { width: 35%; height: 100%; float: left;}
div#header_logo { width: 29%; height: 100%; text-align: center; float: left; vertical-align: middle;}
div#header_logo a { margin-top: 0.3em; }
div#mailinglist { float: right; height: 100%; width: 35%; }
div#mailinglist form { padding-right: 1em; text-align: right; }
div#mailinglist input.text { width: 12em; }
div#mailinglist h3 { padding-top: 1em; padding-bottom: 0.3em; margin-bottom: 0; text-align: right; padding-right: 1em; font-weight: normal; font-size: 1em;}
div#mailinglist p { padding-top: 0; margin-top: 0; }


/** Menu **/
#navcontainer ul {
	padding: 0;
	margin: 0;
	margin-bottom: 0.5em;
	background-color: black;
	color: white;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	padding: 0.2em 1em;
	background-color: black;
	color: white;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}
#navcontainer ul li.empty {
	padding: 0.2em 0;
	background-color: black;
	color: white;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	border-left: 1px solid black;
	width: 4.1em;
	height: 1.2em;
}

#navcontainer ul li a:hover {
	background-color: gray;
	color: white;
}
#navcontainer ul li a.empty:hover { background-color: black; color: black; }

#navcontainer ul li.active a { background-color: gray; color: white; }


/** WideScreen Banner **/
div#wideScreen { clear: both; width: 100%; height: 12em; vertical-align: middle; text-align: center; }
div#wideScreen img { border: 0; padding:0; margin: 0; vertical-align: middle; text-align: center; }

/** Content **/
div#content { clear: both; margin: 0.7em 0 0 0; min-height: 22em; }
div#contentNavbar { clear: both; height: 1.7em; width: 100%; margin-bottom: 0.7em; }
div#contentNavbar ul {
	padding: 0;
	margin: 0;
	background-color: white;
	color: black;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

#contentNavbar ul li { display: inline; }

#contentNavbar ul li a {
	padding: 0.2em 1em;
	background-color: white;
	color: black;
	text-decoration: none;
	float: left;
}
#contentNavbar ul li a:hover {
	background-color: #ddd; color: black;
}

div#facebook {
	margin-top: 5px;
	text-align:center;
	float: right;
}
div#facebook iframe { text-align: center; }

div#contentImage { float: left; height: 86%; margin-left: 0.5em; margin-right: 2em; text-align: left; margin-bottom: 0.5em; }


div#contentText { height: 86%; margin-right: 0.5em; text-align: left; margin-bottom: 0.5em; margin-left: 1em;}
div#contentText a:hover { text-decoration: underline; }
div#contentText h1 { font-size: 1em; font-weight: bold; margin: 0; margin-bottom: 0.1em; padding: 0; }
div#contentText h2 { font-size: 1em; font-weight: bold; margin: 0; margin-bottom: 0.1em; padding: 0; }
div#contentText h3 { font-size: 1em; font-weight: bold; margin: 0; margin-bottom: 0.1em; margin-top: 0.3em; padding: 0; }
div#contentText p { margin-top: 0; margin-bottom: 0.5em; }
div#contentText p.calendar { margin-top: 0; margin-bottom: 0.1em; }
div#contentText p.link { margin-top: 0; margin-bottom: 0.7em; font-style: italic; font-size: 0.9em;}
div#contentText dl { margin: 0; padding: 0; }
div#contentText table { border: 1px solid black; font-size: 1em; background-color: #eee; margin-bottom: 1em;}
div#contentText table th { background-color: black; color: white; font-weight: bold; margin: 0; padding-bottom: 0.2em; text-align: center;  }
div#contentText table td { padding-left: 0.4em; padding-right: 0.4em; margin-bottom: 0.5em;}
div#contentText table td.alignCenter { margin-left: 1em; text-align: center; }
div#contentText table td.alignRight { margin-left: 1em; text-align: right; }
div#contentText div.rightContent { float: right; margin-left: 3em; margin-right: 0.5em; }

div#contentText div#menu { width: 80%; margin: auto !important; margin-left: 20%; }
div#contentText table.menu { width: 100%; }
div#contentText table.menu td { padding-bottom: 0.1em; padding-top: 0.4em; }
div#contentText table.menu td.description { font-size: 0.8em; font-style: italic; padding-top: 0; }
div#contentText table.menu td.WineCountry { text-transform: uppercase; padding-top: 0.5em; padding-bottom: 0; text-align: center; font-weight: bold;}
div#contentText table.menu td.WineRegion { text-transform: uppercase; padding-top: 0.5em; padding-bottom: 0;}
div#contentText table.menu td.WineBrand { font-style: italic; padding-top: 0em; padding-bottom: 0;}
div#contentText table.menu td.Wine { padding-top: 0em; padding-bottom: 0;}

div#contentText table.standup td.verSpacer { height: 0.5em; empty-cells: show; }

div#contentText div#events { width: 100%; margin: auto; margin-right: 0.5em; margin-top: 1em; float: left;}
div#contentText div#events div#eventsRight { float: right; width: 50%; }
div#contentText div#events div#eventsRight { float: left; width: 50%; }
div#contentText div#events div.event { width: 95%; background-color: #eee; height: 9.2em; border: 1px solid black; margin-bottom: 2em; }
div#contentText div#events div.event h2 { background-color: black; color: white; font-weight: bold; padding-bottom: 0.1em; padding-left: 0.2em; margin-bottom: 0; padding-right: 0; width: 100%; }
div#contentText div#events div.event img { margin: 0 0.5em 0 0; padding: 0; float: left; display: inline; text-align: left; }
div#contentText div#events div.event p { display: inline; margin-top: 0.5em; margin-right: 0.5em; padding-top: 0.5em;}

div#contentText table#calendar { width: 60%; margin-left: 12em;}
div#contentText table#calendar th { text-align: center;}
div#contentText table#calendar td { text-align: left; vertical-align: top;}
div#contentText table#calendar td a:hover { text-decoration: underline; }

div#contentText table#hours { margin-right: 0.5em; margin-top: 0.8em; width: 27%; float: right; }
div#contentText table#hours a:hover { text-decoration: underline; }

div#contentText div#facebook { margin-right: 0.5em; margin-top: 0.8em; width: 27%; float: right; }

div#contentText object#gallery { margin-left: 10em; }

div#contentText ul.imageDates { margin: 0; padding: 0; margin-top: 1em; text-align: center; }
div#contentText li.imageDate { float: left; display: block; width: 7em; text-align: center; margin-bottom: 0.5em; }
div#contentText li.imageDate a { text-align: center; margin-left: 0.5em; margin-right: 0.5em; }
div#contentText li.imageDate img { }
div#contentText li.imageThumb { display: inline; width: 100px; margin-bottom: 0.5em; text-align: center; }
div#contentText ul.imageNav { }
div#contentText ul.imageNav li { display: inline; }
div#contentText p.imageFull { width: 100%; text-align: center; padding-top: 0.5em; }

div#contentText div#galleryTopList { float: right; text-align: center; height: 100%; width: 11em; margin-right: 3px; }
div#contentText div#galleryTopList p { }

div#contentText table#contact { background-color: white; border: 0; margin-right: 6em; }



/** Footer **/
div#footer { clear: both; }
div#footer p { margin: 0; padding: 0; text-align: center; vertical-align: top; font-size: 0.7em; }
div#footer img { vertical-align: middle; }
div#footer a { color: black; text-decoration: none; }
div#footer a:hover { text-decoration: underline; }

div.fixLength { display: block; clear: both; overflow: hidden; }