/*
 * site.css
 *
 * Mateys Restaurant Website - Main Style Sheet
 *
 * Copyright © 2009, Matey's Restaurant
 *
 * Author: Scott G. Hall, Hall Communications
 * Date Modified: April 20, 2009
 */

* {padding: 0; margin: 0;}

html {
    margin: 0; padding: 0;
    }

body {
    margin: 0; padding: 0;
    background-color:	#efecc2;	/* light tan */
    }

/* defines the primary display area */
.page {
    width:		800px;
    margin:		0;
    padding:	0;
    background-color:	#efecc2;	/* light tan */
    }

/* defines the header area */
.head {
    width:		800px;
    height:		270px;
    border:		0;
	background:	#bbbbff url("../images/Top_Rope_Backgnd.png") 0 0;	/* light sea blue */
    }
/* a fix for MSIE 5.5 & 6 transparent PNG display problem */
/*
img {
	behavior: url("incl/pngbehavior.htc");
	}
*/
.head, .head p, .head h1, .head h2, .head h3 {
	margin:		0;
    padding:	0;
    text-indent:	0;
    font-family:	"Goudy Old Style", Palatino, "Book Antiqua", "Times New Roman", Times, serif;
    font-weight:	normal;
    font-style:		normal;
    color:		black;
    }
	/* special title headers */
.head h1 {
    margin:		12px 0 18px 0;
	padding:	0;
    font-size:		48px;
    line-height:	54px;
    font-weight:	normal;
    font-family:	"Goudy Old Style", Palatino, "Book Antiqua", "Times New Roman", Times, serif;
    }
.head h2 {
    margin:		4px 0;
    padding:		0;
    font-size:		32px;
    line-height:	32px;
    font-weight:	normal;
    font-family:	"Goudy Old Style", Palatino, "Book Antiqua", "Times New Roman", Times, serif;
    }
.head h3 {
    margin: 0; padding: 0;
    font-size:		24px;
    line-height:	24px;
    font-weight:	normal;
    font-family:	"Goudy Old Style", Palatino, "Book Antiqua", "Times New Roman", Times, serif;
    }
.head p {
    padding:		8px;
	}
.head a:link {
    text-decoration:	none;
    font-weight:	normal;
    color:		black;
    }
.head a:visited {
    text-decoration:	none;
    font-weight:	normal;
    color:		black;
    }
.head a:hover {
    text-decoration:	none;
    font-weight:	bold;
    color:		#993300;	/* rust */
    }
/* .head a:active {
    border:		0;
    text-decoration:	none;
    font-weight:	bold;
    color:		#993300;	|* rust *|
    } */
.head a img {
    margin:		0;
    padding:	0;
    border:		0;
    }
.logo {
    height:		180px;
    width:		181px;
    margin: 0;
	/*padding: 6px 0px 2px 0px;*/
    border:		0;
    float:		right;
	}
.logo img {
    height:		180px;
    width:		181px;
	}
.lftitle {
    height:		180px;
    width:		275px;
	padding:	15px 0 15px 32px;
    float:		left;
	margin-left:	0;
	}
.lftitle h1, .lftitle h2, .lftitle h3 {
    text-align:		right;
	}
.lftitle h1 {
	padding:	10px 25px;
	}
.rttitle {
    height:		180px;
    width:		275px;
	padding:	15px 32px 15px 0;
    float:		right;
	margin-right:	0;
	}
.rttitle h1, .rttitle h2, .rttitle h3 {
    text-align:		left;
	}
.rttitle h1 {
	padding:	10px 15px;
	}

/* defines the footer area */
.foot {
    border:		0;
    background-color:	#efecc2;	/* light tan */
    }
.foot, .foot p, .foot > * > li {
    margin: 0; padding: 0;
    text-indent:	0;
    text-align:		left;
    clear:		both;
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    font-size:		12px;
    line-height:	16px;
    font-weight:	normal;
    font-style:		normal;
    color:		black;
    background-color:	#efecc2;	/* light tan */
    }
.foot {
    padding:		4px 8px;
    }
.foot span {
    margin: 0; padding: 0;
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    font-size:		12px;
    line-height:	16px;
    color:		black;
    background-color:	#efecc2;	/* light tan */
    }
.foot img {
    margin: 0; padding: 0;
    border:		0;
    /* text-align:	center; */
    /* float:		right; */
    background-color:	#efecc2;	/* light tan */
    }
/*
.foot p {
    text-indent:	0;
    |* text-align:	left; *|
    }
*/
.foot em {
    margin: 0; padding: 0;
    text-align:		left;
    font-style:		italic;
    font-weight:	bold;
    color:		green;
    }
.foot a:link {
    text-decoration:	none;
    font-weight:	bold;
    color:		#993300;	/* rust */
    background-color:	#efecc2;	/* light tan */
    }
.foot a:visited {
    text-decoration:	none;
    font-weight:	bold;
    color:		#993300;	/* rust */
    background-color:	#efecc2;	/* light tan */
    }
.foot a:hover {
    text-decoration:	none;
    font-weight:	bold;
    color:		blue;
    background-color:	#efecc2;	/* light tan */
    }
/* .foot a:active {
    border:		0;
    text-decoration:	none;
    font-weight:	bold;
    color:		#993300;	|* rust *|
    background-color:	#80ff00;	|* greenish *|
    } */

/* defines the main content area */
.contentarea {
    width:			800px;
    margin:			0;
    padding:		0;
    /*border:		1px solid black;*/
	background:	#efecc2 url("../images/Text_Area_Background.png") 0 0;	/* light tan */
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    font-size:		14px;
    line-height:	18px;
    }
/* Basic containers */
.contentarea p, .contentarea ul, .contentarea ol, .contentarea dl {
    margin:		8px 0;
    padding:	0;
    border:		0;
    text-align:		justify;
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    font-size:		14px;
    line-height:	17px;
    font-weight:	normal;
    word-spacing:	normal;
    letter-spacing:	normal;
    text-transform:	none;
    text-decoration:	none;
    color:		black;
    }
.contentarea li, .contentarea dt, .contentarea dd,
.contentarea blockquote, .contentarea span, .contentarea center,
.contentarea site, .contentarea dir, .contentarea menu {
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    font-size:		12px;
    line-height:	16px;
    font-weight:	normal;
    word-spacing:	normal;
    letter-spacing:	normal;
    text-transform:	none;
    text-decoration:	none;
    color:		black;
    }
.contentarea li {
    margin: 0; padding: 0;
    border:		0;
    list-style-position: outside;
    }
.contentarea dt {
    margin: 0; padding: 0;
    border:		0;
    }
.contentarea dd {
    margin:		0 0 8px 0;
    padding:		0;
    border:		0;
    }
.contentarea ul ul, .contentarea ol ol, .contentarea li dl, .contentarea li ol, .contentarea li ul, .contentarea li p, .contentarea li pre, .contentarea dd dl, .contentarea dd ol, .contentarea dd ul, .contentarea dd p, .contentarea dd pre {
    margin: 0; padding: 0;
    }
.contentarea ul li {	
    margin:		0 24px;
    list-style-type:	circle;
    list-style-image:	url(./images/arrow_bullet.gif);
    }	
.contentarea ol li {	
    margin:		0 24px;
    list-style-type:	decimal;
    }	
.contentarea ol ol li {	
    list-style-type:	lower-alpha;
    }
.contentarea ol ol ol li {	
    list-style-type:	lower-roman;
    }
.contentarea blockquote, .contentarea cite, .contentarea dir, .contentarea menu {
    margin:		8px 18px;
    padding:		0;
    border:		0;
    text-align:		left;
    float:		none;
    clear:		none;
    }
.contentarea col, .contentarea colgroup {
    color:		black;
    }
.contentarea legend {
    text-align:		left;
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    font-size:		12px;
    font-style:		italic;
    font-weight:	bold;
    }
.contentarea var, .contentarea cite, .contentarea dfn {
    font-style:		italic;
    }
.contentarea pre, .contentarea tt {
    font-family:	"Lucida Console", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    font-size:		12px;
    line-height:	16px;
    }
.contentarea pre {
    margin:		8px 0;
    padding:		0;
    border:		0;
    text-align:		left;		/* Safari 1.0b doesn't do this by default */
    clear:		both;
    }
.contentarea pre.proportional {
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    font-size:		12px;
    line-height:	16px;
    }
.contentarea pre.small_addr {
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    font-size:		10px;
    line-height:	13px;
    color:		teal;
    }

/* Table characteristics */
.contentarea table, .contentarea table caption, .contentarea table thead, .contentarea table tbody, .contentarea table tfoot,
.contentarea table tr, .contentarea table th, .contentarea table td {
    margin:		0;
    padding:		0 4px;
    border-color:	black;
    border-style:	none;
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    font-size:		12px;
    word-spacing:	normal;
    letter-spacing:	normal;
    text-transform:	none;
    text-decoration:	none;
    text-align:		left;
    color:		#000000;	/* black */
    }
.contentarea table, .contentarea table tr {
    padding:		0;
    }
.contentarea table caption {
    text-align:		center;
    font-style:		italic;
    }
.contentarea table th {
    font-weight:	bold;
    vertical-align:	baseline;
    }
.contentarea table th.hori_pad, .contentarea table td.hori_pad {
    padding:		0 6px;
    }
.contentarea table td {
    vertical-align:	text-top;
    }
.contentarea table textarea {
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    font-size:		12px;
    vertical-align:	text-top;
    }

/* Adornments */
.contentarea b, .contentarea i, .contentarea u, .contentarea em, .contentarea strong, .contentarea small, .contentarea big {
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    }
.contentarea b {
    font-weight:	bold;
    }
.contentarea i {
    font-style:		italic;
    }
.contentarea u {
    text-decoration:	underline;
    }
.contentarea small {
    font-size:		10px;
    }
.contentarea big {
    font-size:		14px;
    font-weight:	bold;
    }
.contentarea p.bigger, .contentarea span.bigger {
    font-size:		14px;
    line-height:	16px;
    }
.contentarea em {
    font-style:		normal;
    font-weight:	bold;
    color:		black;
    }
.contentarea strong {
    font-style:		italic;
    font-weight:	bold;
    color:		black;
    }
.contentarea em strong, .contentarea strong em {
    text-transform:	uppercase;
    font-style:		normal;
    font-weight:	bold;
    color:		black;
    }
.smcap {
    font-variant:	small-caps;
    }
.contentarea ins {
    text-decoration:	none;
    color:		black;
    background-color:	#9f3;		/* green */
    }
.contentarea del {
    text-decoration:	line-through;
    color:		black;
    background-color:	#fc6;		/* sand */
    }
.highlight, .contentarea p.highlight {	/* like a highlighter */
    text-transform:	none;
    font-style:		normal;
    font-weight:	bold;
    color:		black;
    background-color:	#f66;		/* pale yellow */
    }
.warning, .contentarea p.warning {	/* warning format */
    text-transform:	none;
    font-style:		normal;
    font-weight:	bold;
    color:		black;
    background-color:	#c00;		/* dark rose */
    }
.errfmt, .contentarea p.errfmt {	/* error format */
    text-indent:	0;
    font-size:		smaller;
    text-align:		left;
    color:		red;
    }
.stress, .contentarea p.stress {	/* info format */
    font-style:		italic;
    color:		green;
    }
.contentarea p.indent {
    text-indent:	18px;
    font-size:		14px;
    line-height:	16px;
    text-align:		justify;
    }
.contentarea p.note, .contentarea center.note {
    font-size:		12px;
    line-height:	16px;
    color:		teal;
    }
.contentarea p.addr {
    font-size:		12px;
    line-height:	16px;
    color:		teal;
    }
.contentarea p.small_addr {
    font-size:		10px;
    line-height:	13px;
    color:		teal;
    }
.contentarea p.img_caption {
    margin: 0; padding: 0;
    font-size:		9px;
    line-height:	10px;
    text-align:		center;
    color:		teal;
    }
.contentarea p.headline {
    padding:		2px 15px;
    font-size:		14px;
    line-height:	16px;
    text-transform:	none;
    font-style:		normal;
    font-weight:	bold;
    color:		black;
    }
.spacer {
    margin:		0;
    line-height:	16px;
    }
.half_spacer {
    margin:		0;
    line-height:	7px;
    }
.clearfix:after {
	content:	".";
	display:	block;
	height:		0;
	clear:		both;
	visibility:	hidden;
	}
.clearfix { display: inline-block; }	/* fix for IE Mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }			/* Holly Hack fix for IE 6 for Windows */

/* Header characteristics */
.contentarea h1, .contentarea h2, .contentarea h3, .contentarea h4, .contentarea h5, .contentarea h6 {
    margin:		0;
    padding:	0;
    border:		0;
    font-family:	Tahoma, Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    font-style:		normal;
    text-align:		left;
    text-decoration:	none;
    word-spacing:	normal;
    letter-spacing:	normal;
    text-transform:	none;
    color:		#036;		/* dark steel blue */
    }
.contentarea h1 {
    padding:		16px 0;
    text-align:		center;
    font-size:		24px;
    line-height:	28px;
    font-weight:	800;
    font-style:		italic;
    }
.contentarea h2 {
    text-align:		center;
    font-size:		18px;
    /*line-height:	21px;*/
    font-weight:	600;
    }
.contentarea h3 {
    font-size:		16px;
    /*line-height:	18px;*/
    font-weight:	600;
    }
.contentarea h4 {
    padding:		16px 0 0 0;
    font-variant:	small-caps;
    font-size:		16px;
    /*line-height:	16px;*/
    font-weight:	bold;
    }
.contentarea h5 {
    font-size:		14px;
    /*line-height:	16px;*/
    font-weight:	bold;
    color:		black;
    }
.contentarea h6 {
    font-variant:	small-caps;
    font-size:		12px;
    line-height:	13px;
    font-weight:	bold;
    }

/* Link characteristics */
.contentarea a {
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    }
.contentarea a:link {
    text-decoration:	none;
    font-weight:	bold;
    color:		#993300;	/* rust */	/* #f30; gold */
    }
.contentarea a:visited {
    text-decoration:	none;
    font-weight:	bold;
    color:		#993300;	/* rust */	/* #f30; gold */
    }
.contentarea a:hover {
    text-decoration:	none;
    color:		blue;				/* red; */
    }
.contentarea a:active {
    text-decoration:	none;
    font-weight:	bold;
    color:		blue;	/* #c30; */		/* ??? */
    }

/* Input Form defs */
.contentarea form {
    margin: 0; padding: 0;
    }
.form_foot {
    text-align:		left;
    font-style:		italic;
    font-size:		10px;
    line-height:	60%;
    color:		red;
}
.form_sub {
    text-align:		center;
}
.form_note {
    font-style:		italic;
    font-size:		10px;
    color:		green;
}

/* Other Items */
.contentarea fieldset {
    margin:		0;
    padding:		4px;
    border:		2px solid #036;	/* dark steel blue */
    }
.contentarea hr {
    margin:		8px 0;
    padding:		0;
    border-top:		1px solid black;
    color:		#036;		/* ??? */
    /* text-align:	center; */
    width:		100%;
    }
.contentarea img {
    border-style:	none;
    vertical-align:	middle;
    }
.mainpicblock {
    height:		270px;
    width:		400px;
    margin: 0;
	/*padding: 6px 0px 2px 0px;*/
    float:		left;
	background:	url("../images/Middle_Rope_Box_back.png") no-repeat 0 0;
	}
.mainpicblock img {
    height:		180px;
    width:		300px;
    margin:		40px 25px 0 55px;
	}
.mainpicblock h6 {
    text-align:		center;
	}
.descrblock {
    margin:		0 20px 0 420px;
	}
.textblock {
    width:		395;
    margin-top:	10px;
    padding:	0 20px 0 75px;
	}
.textblock plain_txt {
    font-size:		12px;
    line-height:	60%;
	}
.picblock {
    height:		305px;
    width:		400px;
    margin: 0;
    float:		left;
	background:	url("../images/surfboard_frame.png") no-repeat 0 22px;
	}
.picblock img {
    height:		180px;
    width:		250px;
    margin:		60px 22px 15px 69px;
	}
.picblock h6 {
    margin:		5px 10px 0 0;
    text-align:		center;
	}
.eventblock {
    width:		400px;
    height:		500px;
	margin:		0;
    float:		right;
	/*background:	url("../images/smileyface_sunglasses_smaller.png") no-repeat 0 0;*/
	background:	url("../images/cool-pumpkin-icon.png") no-repeat 0 0;
	/*background:	url("../images/Upcoming_Mateys_Events.png") no-repeat 0 0;*/
	}
.hiliteblock {
    width:		400px;
    height:		496px;
    /*height:		525px;*/  /* Parrot_Head only */
	margin:		0;
    float:		right;
	background:	url("../images/Lower_Right_Fish_Frame_color.png") no-repeat 0 0;
	/*background:	url("../images/Parrot_Head.png") no-repeat 0 0;*/
	}
.hiliteblockfill {
    width:		200px;
    height:		345px;
	margin:		110px 0 0 180px;
	/*margin:		70px 0 0 170px;*/  /* Parrot_Head only */
	}
.specblock {
    width:		400px;
    height:		495px;
	margin:		0;
    float:		right;
	background:	url("../images/Treasures_Leaves_Border2.png") no-repeat 0 0;
	}
.specblock h2 {
	width:		120px;
	margin:		40px 0 40px 30px;
	line-height:	30px;
	}
.specblockfill {
	width:		250px;
    height:		280px;
	margin-left:	70px;
	}
.nospecial {
    width:		400px;
    height:		581;
	margin:		0;
    float:		right;
	background:	url("../images/Board_Meeting.png") no-repeat 0 0;
	}
.menulist {
    margin:		0;
    padding:	0;
	}
.menulist p {
    padding:		8px;
	}
.menulist ul li {
    margin:		0 25px 0 75px;
	list-style-type:    circle;
	list-style-image:   url(../images/arrow_bullet.gif);
	font-size:	14px;
	line-height:	24px;
	}
.menulist table {
    margin:		0;
    padding:	0;
	}
.menublock h2 {
	margin:		30px 0 20px 0;
    }
.menublock, .menublock p, .menublock h1, .menublock h2,
.menublock h3, .menublock h4, .menublock h5, .menublock h6 {
	margin:		0;
    padding:	0;
    text-indent:	0;
    font-family:	"Goudy Old Style", Palatino, "Book Antiqua", "Times New Roman", Times, serif;
    font-weight:	normal;
    font-style:		normal;
    font-variant:	small-caps;
    text-align:		left;
    color:		black;
    }
.menublock p {
    padding:		8px;
	}
.menublock ul li {
    padding:		0 25px;
	list-style-type:    circle;
	list-style-image:   url(../images/arrow_bullet.gif);
	font-size:	14px;
	line-height:	24px;
	}
	/* special title headers */
.menublock h1 {
    padding:		12px 0 18px 0;
    font-size:		40px;
    line-height:	48px;
    font-weight:	600;
    font-style:		italic;
    text-align:		center;
    }
.menublock h2 {
	padding:		30px 0 20px 0;
    font-size:		32px;
    line-height:	32px;
    text-align:		center;
    }
.menublock h3 {
    font-size:		20px;
    line-height:	24px;
    font-weight:	bold;
    text-align:		left;
    }
.menublock h4 {
    font-size:		16px;
    /*line-height:	16px;*/
    font-weight:	bold;
    }
.menublock h5 {
    font-size:		14px;
    /*line-height:	16px;*/
    font-weight:	bold;
    }
.menublock h6 {
    font-size:		12px;
    line-height:	13px;
    font-weight:	bold;
    }
.itemleftblock {
	width:		399px;
	margin:		0;
	float:		left;
	}
.itemrightblock {
	width:		399px;
	margin:		0;
	float:		right;
	}
.itemfill {
	width:		365;
	margin-left:	15;
	}
.itemfill img {
	height:		20px;
	width:		37px;
	margin-left:	20px;
	float:		right;
	}
.menupic {
    height:		226px;
    width:		399px;
    margin: 0;
    float:		right;
	background:	url("../images/Rope_Border.png") no-repeat 0 0;
	}
.menupic img {
    height:		170px;
    width:		300px;
    margin:		12px 0 0 50px;
	}
.menupic h6 {
    margin-top:	10px;
    text-align:	center;
	}
.menunopic {
    height:		241px;
    width:		399px;
    margin: 0;
    float:		right;
	background:	url("../images/cook_with_lobster.png") no-repeat 0 0;
	}
.menunopic img {
    height:		170px;
    width:		300px;
    margin:		12px 0 0 50px;
    display:    none;
	}
.bottompic {
	}
.bottompic img {
    margin:		0 0 0 50px;
	}