/* ALL PAGES STYLE SHEET 
* Created by eric searing www.esearing.com
* no copyrights as I have borrowed and changed stuff
* from others I have learned from.
* I strongly encourage use of CSS layouts where possible.
* If you have a comment about my layout or design drop me an email
* to eric@esearing.com and reference beetlesBBQ.com.
*/

body {
margin:0;
padding:0;
border:0;
font-family: "Arial", "Verdana", "helvetica", "san-serif";
font-size: 14px;
color:#000;
background-color:#ffdd00;
}

#wrapper{
margin:0 auto;
margin-top:10px;
width:800px;
max-width:800px;
border: 2px dashed #d00;
}
h2{
color:#060;
font-size:1.2em;
line-height:1em;
font-weight:bold;
}
h3{
margin-top: 0;
color:#d00;
font-size:1.2em;
line-height:1em;
font-weight:bold;
}
a {
color:#d00;
border:0;
}
a:hover{
color:#060;
text-decoration:none;
}
img{
border:0;
margin:0;
padding:0;
}
ul{
margin: 0;
padding: 0;

}
li{
display:block;
padding-left:10px;
list-style-type:none;
}
dt{
font-weight:bold;
}
dd{
margin-left:5px;
margin-bottom:5px;
}

/* GENERIC FOOTER FOR LEGAL STUFF */
#navfooter,
#footer {
clear:both;
top: 0; 
width: 800px;
z-index: 7;
font-size: 10px;
color: #000;
}
#footermenu{
clear:both;
top: 0; 
width: 800px;
text-align:center;
color: #d00;
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
}
#footer{
text-align:center;
}
/* HOME PAGE POSITIONS */
#hometop1{
float:left;
margin-top:20px;
width:475px;
}
#hometop2{
float:right;
margin-top:20px;
margin-bottom:30px;
margin-right:5px;
width:300px;
height:400px;
background-image: url(images/homeboard.gif);
background-repeat: no-repeat;
}
#homeboardscroll{
margin-top:30px;
margin-left:30px;
width:240px;
height:325px;
overflow:auto;
font-size:12px;
text-align:justify;
padding-right:7px;
}

/* MENU COUPON CATERING PAGES CSS 
* Menumid and the col styles are my version of a 3 column layout.
* Thanks for noticing my style and looking here. If you know of
* a better way, let me know. email me at eric@esearing.com
*/
#menuheader {
background-color: #ffdd00;
background-image: url(images/bbq_menu_header.gif);
repeat:no-repeat;
height: 120px;
width: 800px;
overflow:none;
}
#caterheader {
background-color: #ffdd00;
background-image: url(images/bbq_cater_header.gif);
repeat:no-repeat;
height: 120px;
width: 800px;
}
#couponheader {
background-color: #ffdd00;
background-image: url(images/bbq_coupon_header.gif);
repeat:no-repeat;
height: 120px;
width: 800px;
z-index: 1;
}
#photosheader {
background-color: #ffdd00;
background-image: url(images/bbq_photos_header.gif);
repeat:no-repeat;
height: 110px;
width: 800px;
z-index: 1;
}

#menumid{
width: 800px;
margin: 0;
padding: 0;
border: 0;
}
#menumidcol1 {
float:left;
width: 180px;
margin:0;
padding: 0 10px;
}
#menumidcol3 {
float:right;
width: 180px;
margin:0; 		
padding: 0 10px;
}
#menumidcol2 {
margin: 0 190px;
background-image: url(images/bbq_menu_mid.gif);
background-repeat: repeat-y;
padding: 0 45px 0 45px;
font-size: 12px;
}
#menumidcol2 h3{
margin-top:0;
color:#d00;
font-size:24px;
line-height:1em;
font-weight:bold;
}

#menubottom {
clear:both;
background-color: #ffbb00;
background-image: url(images/bbq_menu_bottom.gif);
background-repeat: no-repeat;
margin:0;
height: 50px;
width: 800px;
}
/* END MENU PAGES CSS */
/* WIDE ABOUTUS, AWARDS, PAGES CSS */
#aboutheader {
background-color: #ffdd00;
background-image: url(images/bbq_aboutus_header.gif);
repeat:no-repeat;
height: 110px;
width: 800px;
z-index: 1;
}
#faqsheader {
background-color: #ffdd00;
background-image: url(images/faqs_header.gif);
repeat:no-repeat;
height: 110px;
width: 800px;
z-index: 1;
}
#contactheader {
background-color: #ffdd00;
background-image: url(images/contact_header.gif);
repeat:no-repeat;
height: 110px;
width: 800px;
z-index: 1;
}


#widemid{
postition:relative;
left: 0;
top: 0;
width: 800px;
margin: 0;
padding: 0;
border: 0;

}
#widemidcol1 {
float:left;
width: 185px;
margin:0;
padding: 0 10px;
}
#widemidcol2 {
margin: 0 0 0 190px;
background-image: url(images/bbq_aboutus_mid.gif);
background-repeat: repeat-y;
padding: 0 45px 0px 45px;
font-size: 12px;
}
#widemidcol2 h3{
color:#d00;
font-size:24px;
line-height:1em;
font-weight:bold;
}
#widemidscroll{
margin:0;
padding:0;
height:400px;
overflow:auto;
}
#widebottom {
clear:both;
background-color: #ffbb00;
background-image: url(images/bbq_aboutus_bottom.gif);
background-repeat: no-repeat;
margin:0;
height: 50px;
width: 800px;
z-index: 2;
}
/* END WIDE PAGES CSS */



/* CLASSES FOR CONTROLLING TEXT OR PLACEMENT */
.clear{
clear:both;
}
.red{
color: #D00;
}
.bigred{
font-size:20px;
color: #D00;
}
.coupon,
.redborder{
/* used for coupons and special items */
padding:10px;
border:2px dashed #d00;
}
.coupon{
/*firefox only */
min-height:100px;
}
.largetext{
/* used sparingly */
font-size: 36px;
}
.em2text{
font-size: 2em;
}
.right{
float:right;
}
.center{
text-align:center;
}
.photos{
float:right;
width:550px;
padding: 0 20px 0px 20px;
font-size: 12px;
}
.photos img{
border:10px solid #fff;
}
.photoL{
float:left; 
margin-bottom: 20px;
border:1px solid #d00;
}
.photoR{
float: right;
margin-bottom: 20px;
border:1px solid #d00;
}
/* end of file */