/* ------------------------------------------------------------
    
    Theme Name: Antidote

    Title:     Bar Antidote
    Type:      CSS for Screen
    Author:    jory@sensibleworld.net
    Updated:   June 2008
    
------------------------------------------------------------ */

body {
	margin: 0;
	padding: 0;
	font: 12px "Lucida Grande", Verdana, san-serif;
	line-height: 20px;
	color:#ffcccc;
	background: #43181b url(./images/bkgd.png) repeat top left;
	}

/* links */

a:link, a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #ffcccc;
	text-decoration: underline;
	}

a:hover, a:active {
	font-weight: normal;
	text-decoration: underline;
	color: #ffffff;
	}

/* global styles */

p {
	padding: 0 250px 25px 175px;
	margin: 0;
	font: 12px "Lucida Grande", Verdana, sans-serif;
	color:#ffffff;
	line-height: 20px;	}

p.top {
	background: #330000;
	letter-spacing: .1em;
	line-height: 22px;
	color:#ffcccc;
	font: 16px Georgia, Times, serif;
	padding: 25px 150px 25px 175px;
	margin: 0;
	}

p.homeimage {
	margin: -15px 0 0 0;
	padding: 0;
	height: 285px;
	width: 950px;
	text-indent: -9000px;
	background: url(./images/home.gif) no-repeat bottom left;
	}

strong.hours {
	color:#ffffff;
	}

strong.main {
	margin: 0;
	padding: 0;
	color: #993300;
	text-transform: uppercase;
	letter-spacing: 2px;
	}

.entrymain {
	width: 948px;
	padding: 25px 0 0 0;
	margin: 0;
	border: 1px solid #ffffff;
	background: #390000 url(./images/illustration1.gif) no-repeat bottom right;
	}
	
ul {
	width: 948px;
	padding: 0 0 25px 175px;
	margin: 0px;
	list-style-type: none;
	color: #ffffff;
	}
	
form {
	display: block
	}

/* ------------------------------------------------------------

	structure

------------------------------------------------------------ */

#largewrapper {
	width: 100%;
	min-height: 650px;
	margin: 0;
	padding: 0;
	background: url(./images/bkgd_gradient.png) repeat-x top left;
	}
	
/* ie hack \*/
* html #largewrapper{height:650px}
/* end hack */

#wrapper {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
#header {
	height: 125px;
	margin: 0;
	padding: 0;
	}
#main {
	width: 950px;
	position: absolute;
	margin: 0;
	padding: 0 0 25px 0;
	float: left;
	}

	
/* ------------------------------------------------------------

	header
	
------------------------------------------------------------ */

#header h1 {
	margin: 0;
	background: url(./images/header.gif) no-repeat top left;
	height: 90px;
	width: 235px;
	text-indent: -9000px;
	}

#pizazz {
	margin: -150px 0 0 0;
	padding: 0;
	height: 275px;
	width: 350px;
	text-indent: -9000px;
	display: block;
	float:right;
	background:  url(./images/chemist.gif) no-repeat bottom right;
	}
	
#bubbles {
	margin: -30px 0 0 700px;
	padding: 0;
	height: 122px;
	width: 107px;
	text-indent: -9000px;
	display: block;
	float:right;
	background:  url(./images/bubbles.gif) no-repeat bottom right;
	position: absolute;
	}
	
/* ------------------------------------------------------------

	footer
	
------------------------------------------------------------ */

#footer {
	clear: both;
	width: 950px;
	display: block;
	margin: 0 auto;
	padding: 0;
	}
	
#footer p {
	margin: 0;
	padding: 10px 0;
	font-size: 10px;
	}
	
#footer-left {float:left}
#footer-right {float:right}


/* ------------------------------------------------------------

	navigation
	
------------------------------------------------------------ */

/* main navigation */

#navcontainer ul {
	padding: 0;
	margin: 50px 0 0 300px;
	position: absolute;
	color: #ffffff;
	width: 650px;
	float: right;
	font-size: 10px;
	letter-spacing: 1px;
	list-style: none;
	border-right: 1px solid #ffcccc;
	}

#navcontainer ul li {
	display: inline;
	}

#navcontainer ul li a {
	padding: 0 10px;
	color: #ffffff;
	text-decoration: none;
	float: right;
	border-bottom: 1px solid #330000;
	border-top: 1px solid #330000;
	border-left: 1px solid #ffcccc;
	}

#navcontainer ul li a:hover {
	background-color: #ffcccc;
	color: #330000;
	}
	
#navcontainer ul li.current a {
	background-color: #330000;
	color: #ffcccc;
	font-weight:bold;
	}

/* ------------------------------------------------------------

	titles

------------------------------------------------------------ */

h2.main {
	margin: -15px 0 0 -50px;
	padding: 0 20px 0 0;
	height: 154px;
	width: 194px;
	text-indent: -9000px;
	float: left;
	display: block;
	position: absolute;
	}
	
h2#h- {	background:  url(./images/open.gif) no-repeat top left;}
h2#h-hours {background:  url(./images/hours.gif) no-repeat top left;}
h2#h-events {background:  url(./images/events.gif) no-repeat top left;}
h2#h-calendar {background:  url(./images/calendar.gif) no-repeat top left;}
h2#h-about {background:  url(./images/about.gif) no-repeat top left;}
h2#h-directions {background:  url(./images/directions.gif) no-repeat top left;}
h2#h-contact {background:  url(./images/contact.gif) no-repeat top left;}



/* ------------------------------------------------------------

	misc.

------------------------------------------------------------ */

.alignleft, .alignright {
   	margin: 20px 25px 10px 24px;
   }
.none {
	display: none;
	}
.clear {
	clear: both;
	margin:0;
	padding:0;
	height: 0.1px;
	}
acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted #333;
	}
del {
	color: #ccc;
	background: #FFFFCC;
	}