/*-----------------------------------------------------------------------------
Base Style Sheet

version:   1.0
author:    Adam Myhre
email:     adam@undergalaxie.com
website:   http://www.chuckwagoncafe.ca/
-----------------------------------------------------------------------------*/

@import "layout.css";
/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	display: block;
	border: 0;
}

#wrapper1 {
	background: #fff url('../images/bg-wrapper1.jpg') no-repeat center top;
	}
#wrapper2 {
	background: #fff url('../images/bg-wrapper2.jpg') no-repeat center top;
	}
#masthead {
	padding-top: 23px;
	}
/* =Typography
-----------------------------------------------------------------------------*/
body {
	font: 67.5% "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	color: #000;
}

.content p, .content ul {
	font-size: 1.15em;
	line-height: 1.7em;
	color: #000;
	padding: 10px 10px 10px 10px;
	text-align: justify;
	list-style: none;
}

img.right {
	float: right;
	padding: 10px 0 10px 20px;
}	
/* =Headings
-----------------------------------------------------------------------------*/
h1	{
	color: #000;
	font: 1.5em baskerville,"palatino linotype","times new roman",serif;
	text-shadow: none;
    margin: 1em 0;
	}
h2	{
	color: #000;
	font: 1.5em "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	text-shadow: none;
    margin: 1em 0;
	}
h3	{
	color: #000;
	font: 1.7em Helvetica,"Helvetica Neue","Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
    margin: 1em 0;
	}
h4	{
	color: #000;
	font: 1.3em Helvetica,"Helvetica Neue","Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	font-weight: bold;
    margin: 1em 0;
	padding: 0px 0px 0px 10px;
	}
p.author {
	font-weight: bold;
	font-size: .9em;
	}
h4.caption {
	font-style: italic;
}
div.address h4 {
	margin-bottom: 0;
}
/* =Links
-----------------------------------------------------------------------------*/
a	{
	color: #666;
	text-decoration: none;
	}
a:hover {
	color: #000;
	text-decoration: none;
	}

.content p a {
	color: #666;
	border-bottom: 1px solid #666;
  }

.content p a:hover {
	color: #000;
	border-bottom: 1px solid #fff;
  }

#footer a	{
	color: #ddd;
	text-decoration: none;
	}
#footer a:hover {
	color: #fff;
	text-decoration: none;
	}

/* =Language Selectors
-----------------------------------------------------------------------------*/
/* =Branding
-----------------------------------------------------------------------------*/
/* =Main Nav
-----------------------------------------------------------------------------*/
#nav {
	padding-top: 35px;
	padding-bottom: 58px;
	}
#navigation a * {
  display: none;
}

#navigation {
  list-style: none;
}

#navigation li {
  float: left;
}
#navigation a,
#navigation a .hover {
  height: 58px;
  position: relative;
  display: block;
  cursor: pointer;
  background: url(../images/sprite-nav.jpg) 0 0 no-repeat;
}

#navigation a#home {
  background-position: 0 0;
  width: 167px;
}
#navigation .highlight a#home:hover, 
#navigation a#home .hover {
  background-position: 0 -58px;
  width: 167px;
}

#navigation a#chuckwagon-cafe {
  background-position: -167px 0;
  width: 195px;
}
#navigation .highlight a#chuckwagon-cafe:hover, 
#navigation a#chuckwagon-cafe .hover {
  background-position: -167px -58px;
  width: 195px;
}

#navigation a#cattle-ranch {
  background-position: -362px 0;
  width: 155px;
}
#navigation .highlight a#cattle-ranch:hover, 
#navigation a#cattle-ranch .hover {
  background-position: -362px -58px;
  width: 155px;
}

#navigation a#contact {
  background-position: -517px 0;
  width: 139px;
}
#navigation .highlight a#contact:hover, 
#navigation a#contact .hover {
  background-position: -517px -58px;
  width: 139px;
}

#navigation a#media {
  background-position: -656px 0;
  width: 135px;
}
#navigation .highlight a#media:hover, 
#navigation a#media .hover {
  background-position: -656px -58px;
  width: 135px;
}

#navigation a#directions {
  background-position: -791px 0;
  width: 169px;
}
#navigation .highlight a#directions:hover, 
#navigation a#directions .hover {
  background-position: -791px -58px;
  width: 169px;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/
/* =Search Box and Ads/Logo
-----------------------------------------------------------------------------*/
/* =Main Content */
/*-----------------------------------------------------------------------------*/
#left-content {
	border: 10px solid #eae5e5;
	padding: 14px;
}
/* =Secondary Content
-----------------------------------------------------------------------------*/
#right-content {
	border: 10px solid #eae5e5;
	padding: 14px;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer p, #footer ul {
	color: #fff;
	}
	
#footer ul, #footer li {
	display: inline;
	}

#footer ul {
	padding: 10px 10px 10px 10px;
	font-size: 1.15em;
}
#footer li {
	padding-right: 10px;
	}

/* =Forms
-----------------------------------------------------------------------------*/
form p {
	text-align: left;
	}
label {
	display: block;
	}
input {
	padding: 5px;
}
input[type="text"] {
	font: 1em "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	width: 190px;
	padding: 5px;
	height: 16px;
	border: 1px solid #a09e9f;	
	background: #fff url('../images/bg-search.jpg') repeat top;
	}
fieldset {
	border: none;
}

/* =Tables
-----------------------------------------------------------------------------*/
/* =Misc 1
-----------------------------------------------------------------------------*/
/* =Misc 2
-----------------------------------------------------------------------------*/
/* Tooltips
-----------------------------------------------------------------------------*/
/* Image Replacement
-----------------------------------------------------------------------------*/
#title {
	width: 322px;
	height: 100px;
	position: relative;
	margin: 0; padding: 0; overflow: hidden;
	}
#title span {
	background: url(../images/logo.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}

#title-index {
	width: 612px;
	height: 77px;
	position: relative;
	margin: 0; padding: 0; overflow: hidden;
	}
#title-index span {
	background: url(../images/index.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}

#title-visit {
	width: 232px;
	height: 77px;
	position: relative;
	margin: 0; padding: 0; overflow: hidden;
	}
#title-visit span {
	background: url(../images/title-visit.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}

#title-media {
	width: 612px;
	height: 77px;
	position: relative;
	margin: 0; padding: 0; overflow: hidden;
	}
#title-media span {
	background: url(../images/title-media.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}

#title-directions {
	width: 612px;
	height: 77px;
	position: relative;
	margin: 0; padding: 0; overflow: hidden;
	}
#title-directions span {
	background: url(../images/title-directions.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}