/* ------------------------------------------
base.css
Stylesheet for alleycantina.com
Author: Carter Stowell, Figrig Web Crafters, www.figrig.com
Version: 0.1 May 2005
------------------------------------------ */

/*
color
lt brown: F3EFC0
dark brown: 996633
yellow: FFCC33

*/


body {
	background: #996633;
	margin: 0px;
	padding: 0px;
	text-align: center;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12pt;
    font-weight: normal;
	color: #000;
	}

a:link { color: ; } 
a:visited { color: ; } 
a:active { color: ; } 
a:hover { color: ; } 

form, input {
	margin:0;
	padding:0;
}
ol, ul, dl {
	margin-top: 0px;
	margin-left: 25px;
	padding:0;
}

#wrap {
	width: 670px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
}

/*  Header area
------------------------------------------ */
#banner {
	position: absolute;
	top: 0px;
	width: 670px;
	height: 130px;
	margin-top: 0px;
	padding: 0px;
	text-align: center
	}

#banner.home { height: 205px; }

#navbar {
	position: absolute;
	top: 131px;
	width:670px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #FFCC33;
	z-index:20;
	border-top:1px solid #996633;
	border-bottom:1px solid #996633;
	}
#navbar.home { top: 200px;}

#navbar div {
	padding:0px;
	margin: 0px;	
	}

#navbar a {
	padding: 0px 16px 0px 16px;
	border-width:0;
	border-style:none;
	border-right:1px solid #F3EFC0;
	text-decoration:none;
	color: #000;
}

#navbar a.this { background-color: #F3EFC0; font-weight: bold }
#navbar a:hover { background-color: #F3EFC0 }
#navbar span { display: none; }


/*  Content area
------------------------------------------ */

#columnshell {
	width: 650px;
	margin: 0px auto;
	text-align: left;
 	background-color: #F3EFC0;
 	border-right: 1px solid #000;
 	border-left: 1px solid #000;
 	border-bottom: 1px solid #000;
	padding: 0;
	z-index:1;
	}

#maincontent {
	text-align: left;
	padding: 165px 40px 0 50px;
	z-index:2;
	}
#maincontent.home {
	padding: 250px 40px 0 50px;
	}
#maincontent p { font-size: 100%; margin-top: 0px; margin-bottom: 1.4em; line-height: 125%; }
#maincontent li { font-size: 100%; margin: 0; padding: 0; line-height: 125%; }
#maincontent p.fineprint { font-size: 70%; margin-top: 0px; }
#maincontent dl { display: inline; font-size: 90%; margin-top: 5px; }
#maincontent dt { font-size: 80%; font-weight: bold; margin-top: 5px; }
#maincontent dd { font-size: 90%; padding-left: 12px; margin-top: 0px; margin-bottom: 10px; }

#maincontent #homequote p { font-size: 80%; width: 315px; padding-left: 30px; }
#maincontent #homequote p.quoteBy { font-size: 60%; text-align: right; margin-left: -10px; margin-top: -1.2em; margin-bottom: 2em;}
#maincontent #homequote p.quoteBy strong { font-weight: bold; }

#maincontent #quoteshell { padding-top: 10px; border-bottom: 1px dotted #447874; }
#maincontent #quoteshell p { font-size: 70%; }
#maincontent #quoteshell p.quoteBy { font-size: 60%; text-align: right; padding-right: 50px; margin-top: -0.5em; margin-bottom: 2em;}
#maincontent #quoteshell p.quoteBy strong { font-weight: bold; }
#maincontent h2 {
	font-size: 160%;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000066;
	padding: 0;
	margin-top: 0;
	margin-bottom: 7px;
	}
#maincontent h3 {
	font-size: 125%;
	color: #000066;
	padding: 0;
	margin-top: 0;
	margin-bottom: 4px;
}

#maincontent h4 {
	font-size: 80%;
	color: #000;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
}

#footer { clear: both; width: 100%; margin-top: 16px; border-top: 1px solid #996633; text-align: center; }
#footer p { font-size: 90%; padding: 10px 0 0px 0; margin: 0 }
#footer p.copyright { font-size: 70%; padding-bottom: 15px }

#floatbox {
	float:right;
	width: 205px;
	margin-right: 5px;
	margin-left: 15px;
	padding: 5px;
	background-color: #FFFBC9;
	border: 1px dotted #996633;
	}
#floatbox p, #floatbox li { font-size: 80% }

#mailinglist{
	width: 235px;
	background-color: #EEE;
	padding: 6px 0px 6px 6px;
	border-top: 1px solid #000066;
	border-bottom: 1px solid #000066;
	}
#mailinglist table {
	}

img.photo { border: 1px solid #000 }
img.righty { margin-left: 12px; margin-bottom: 6px; }
img.lefty { margin-right: 12px; margin-bottom: 6px; }