/* CSS Document
   For The Buffalo Restaurant, Idaho Springs, CO
   Author: Billy Flaherty
   bflaherty4@gmail.com
*/

body {
	text-align: center;
	padding: 0 0 10px 0;
	margin: 0;
	background:url(../images/table.jpg) top center no-repeat;
	background-attachment: fixed;
	background-color: #563413;
}


/* Text */
	p, td {
		color: #3b3b3b;
		font-weight: bold;
		line-height: 20px;
}
		#welcome p {
			padding: 0;
			margin: 0;
			color: #ffcc74;
			font-size: 22px;
			letter-spacing: 0.1em;
}
		#secondHead p {
            display: inline;
			padding: 2px 2px 2px 10px;
			margin: 0;
			color: #ffd19e;
			font-size: 20px;
			font-weight: normal;
}
		.main p, .secondary p {
			margin: 5px 15px 0px 15px;
			padding-bottom: 5px;
			text-align: justify;
}
		.main h2, .secondary h2 {
			font-size: 20px;
			color: #7c1818;
			margin: 0;
			padding: 5px 15px 0 15px;
			font-weight: normal;
			letter-spacing: 0.1em;
}
	strong {
		color: #2e2300;
		font-size: 1.1em;
		text-decoration: underline;
}
	h3 {
		margin: 0;
		padding: 5px 15px 0 15px;
		color: #563413;
		font-size: 1.3em;
		font-weight: normal;
		letter-spacing: 0.1em;
}



/* images */
	img {
		border: 0;
}
		#header #logo {
				width: 315px;
				align: right;
}
			#logo img {
					margin-left: 50px;
}

.main img, .secondary img {
		padding: 2px;
		margin: 10px;
		border: solid 1px #777777;
		background-color: #eeeeee;
}




/* containers */

#primary {
	position: relative;
	margin: 0 auto 10px auto;
	padding: 5px 0 10px 0;
	width: 702px;
	height: 100%;
	font-family:'Tahoma', Verdana, Arial, Helvetica, sans-serif; font-size:.8em;
	clear: both;
}
	#header {
		float: left;
		border: 0;
		padding: 0 0 0 0;
		width: 100%;
		height: 135px;
		text-align: left;
		background:url(../images/mural.gif) top right no-repeat;
		clear: both;
}
	#welcome {
		float: left;
		padding: 0;
		margin: 10px 0 0 0;
		width: 100%;
		text-align: left;
		clear: both;
}
	#secondHead {
		float: left;
		padding: 0;
		margin: 10px 0 0 0;
		width: 100%;
		text-align: left;
		letter-spacing: 0.1em;
		clear: both;
}
		.top {
			height: 5px;
			margin: 0px;
			padding: 0px;
}
		.bottom {
			float: left;
			height: 5px;
			margin: 0;
			padding: 0;
			clear: both;
}
	.main {
		border: 0;
		padding: 0;
		text-align: left;
}
	#mainWide {
		float: left;
		clear: both;
		margin: 10px 0 0 0;
		width: 100%;
		background:url(../images/back_mainWide.gif) top left repeat-y;
        background-color: #ffec83;
}
		#mainWide .top {
			width: 100%;
			background:url(../images/top_mainWide.gif) top left no-repeat;
}
		#mainWide .bottom {
			width: 100%;
			background:url(../images/bottom_mainWide.gif) bottom left no-repeat;
}
	#mainNarrow {
		float: right;
		clear: none;
		margin: 10px 0 0 10px;
		width: 483px;
		background:url(../images/back_mainNarrow.gif) top left repeat-y;
        background-color: #ffec83;
}
		#mainNarrow .top {
			width: 100%;
			background:url(../images/top_mainNarrow.gif) top left no-repeat;
}
		#mainNarrow .bottom {
			width: 100%;
			background:url(../images/bottom_mainNarrow.gif) bottom left no-repeat;
}
	.secondary {
		border: 0;
		padding: 0;
		text-align: left;
		float: left;
		clear: both;
		margin: 10px 0 0 0;
		width: 100%;
		background:url(../images/back_secondary.gif) top left repeat-y;
        background-color: #ffde98;
}
		.secondary .top {
			width: 100%;
			background:url(../images/top_secondary.gif) top left no-repeat;
}
		.secondary .bottom {
			width: 100%;
			background:url(../images/bottom_secondary.gif) bottom left no-repeat;
}
	div.links {
		float: left;
		border: 0;
		padding: 0;
		margin: 10px 0 0 0;
		text-align: center;
}

	#linksWide {
		clear: both;
		background:url(../images/back_linksWide.gif) top left repeat-y;
        background-color: #ff8300;
		width: 100%;
}
		#linksWide .top {
			width: 100%;
			background:url(../images/top_linksWide.gif) top left no-repeat;
}
		#linksWide .bottom {
			width: 100%;
			background:url(../images/bottom_linksWide.gif) bottom left no-repeat;
}
	#linksNarrow {
		background:url(../images/back_linksNarrow.gif) top left repeat-y;
        background-color: #ff8300;
		width: 207px;
}
		#linksNarrow .top {
			width: 207px;
			background:url(../images/top_linksNarrow.gif) top left no-repeat;
}
		#linksNarrow .bottom {
			width: 207px;
			background:url(../images/bottom_linksNarrow.gif) bottom left no-repeat;
}
		.halfPage {
			float: left;
			width: 50%;
}
		iframe#photoindex {
			width: 240px;
			height: 350px;
			float: right;
			margin: 10px;
			border: solid 1px #666666;
			background-color: #ffe09e;
		}
		#photo {
			width: 440px;
			float: left;
			border: 0;
		}




/* links */
	.links a, .links #active {
			font-size: 13px;
			font-weight: bold;
			padding: 0 0 0 10px;
			margin: 3px 10px 3px 10px;
			white-space: nowrap;
}
	#linksNarrow a, #linksNarrow #active {
			display: block;
			clear: both;
			float: left;
}
	#linksWide a, #linksWide #active {
			float: left;
}
	#linksWide #active, #linksNarrow #active {
			background: none;
}
	.links a {
			color: #ffec86;
}
	.links #active {
			color: #5e1301;
}
	a:link { text-decoration: none; background: none; }
	a:visited { text-decoration: none; background: none; }
	a:active { text-decoration: underline; background:url(../images/link_pointer.gif) top left no-repeat; }
	a:hover { text-decoration: underline; background:url(../images/link_pointer.gif) top left no-repeat; }


#maplink {
	float: right;
	position: relative;
	right: 112px;
	bottom: 20px;
	margin: 0;
	padding: 0;
}
#maplink a {
    text-decoration: none;
	background-image: none;
}





/* other */
	.hrClear {
		width: 100%;
		height: 0;
		margin: 0;
		padding: 0;
		clear: both;
}
	.hrClear hr {
		width: 100%;
		height: 0;
		margin: 0;
		padding: 0;
		visibility: hidden;
}