/*
 * 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 */
.content {
    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 */
.content p, .content ul, .content ol, .content 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;
    }
.content li, .content dt, .content dd,
.content blockquote, .content span, .content center,
.content site, .content dir, .content 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;
    }
.content li {
    margin: 0; padding: 0;
    border:		0;
    list-style-position: outside;
    }
.content dt {
    margin: 0; padding: 0;
    border:		0;
    }
.content dd {
    margin:		0 0 8px 0;
    padding:		0;
    border:		0;
    }
.content ul ul, .content ol ol, .content li dl, .content li ol, .content li ul, .content li p, .content li pre, .content dd dl, .content dd ol, .content dd ul, .content dd p, .content dd pre {
    margin: 0; padding: 0;
    }
.content ul li {	
    margin:		0 24px;
    list-style-type:	circle;
    list-style-image:	url(./images/arrow_bullet.gif);
    }	
.content ol li {	
    margin:		0 24px;
    list-style-type:	decimal;
    }	
.content ol ol li {	
    list-style-type:	lower-alpha;
    }
.content ol ol ol li {	
    list-style-type:	lower-roman;
    }
.content blockquote, .content cite, .content dir, .content menu {
    margin:		8px 18px;
    padding:		0;
    border:		0;
    text-align:		left;
    float:		none;
    clear:		none;
    }
.content col, .content colgroup {
    color:		black;
    }
.content legend {
    text-align:		left;
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    font-size:		12px;
    font-style:		italic;
    font-weight:	bold;
    }
.content var, .content cite, .content dfn {
    font-style:		italic;
    }
.content pre, .content tt {
    font-family:	"Lucida Console", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    font-size:		12px;
    line-height:	16px;
    }
.content pre {
    margin:		8px 0;
    padding:		0;
    border:		0;
    text-align:		left;		/* Safari 1.0b doesn't do this by default */
    clear:		both;
    }
.content pre.proportional {
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    font-size:		12px;
    line-height:	16px;
    }
.content pre.small_addr {
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    font-size:		10px;
    line-height:	13px;
    color:		teal;
    }

/* Table characteristics */
.content table, .content table caption, .content table thead, .content table tbody, .content table tfoot,
.content table tr, .content table th, .content 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 */
    }
.content table, .content table tr {
    padding:		0;
    }
.content table caption {
    text-align:		center;
    font-style:		italic;
    }
.content table th {
    font-weight:	bold;
    vertical-align:	baseline;
    }
.content table th.hori_pad, .content table td.hori_pad {
    padding:		0 6px;
    }
.content table td {
    vertical-align:	text-top;
    }
.content table textarea {
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    font-size:		12px;
    vertical-align:	text-top;
    }

/* Adornments */
.content b, .content i, .content u, .content em, .content strong, .content small, .content big {
    font-family:	Verdana, "Trebuchet MS", "Bitstream Vera Sans", Syntax, sans-serif;
    }
.content b {
    font-weight:	bold;
    }
.content i {
    font-style:		italic;
    }
.content u {
    text-decoration:	underline;
    }
.content small {
    font-size:		10px;
    }
.content big {
    font-size:		14px;
    font-weight:	bold;
    }
.content p.bigger, .content span.bigger {
    font-size:		14px;
    line-height:	16px;
    }
.content em {
    font-style:		normal;
    font-weight:	bold;
    color:		black;
    }
.content strong {
    font-style:		italic;
    font-weight:	bold;
    color:		black;
    }
.content em strong, .content strong em {
    text-transform:	uppercase;
    font-style:		normal;
    font-weight:	bold;
    color:		black;
    }
.smcap {
    font-variant:	small-caps;
    }
.content ins {
    text-decoration:	none;
    color:		black;
    background-color:	#9f3;		/* green */
    }
.content del {
    text-decoration:	line-through;
    color:		black;
    background-color:	#fc6;		/* sand */
    }
.highlight, .content p.highlight {	/* like a highlighter */
    text-transform:	none;
    font-style:		normal;
    font-weight:	bold;
    color:		black;
    background-color:	#f66;		/* pale yellow */
    }
.warning, .content p.warning {	/* warning format */
    text-transform:	none;
    font-style:		normal;
    font-weight:	bold;
    color:		black;
    background-color:	#c00;		/* dark rose */
    }
.errfmt, .content p.errfmt {	/* error format */
    text-indent:	0;
    font-size:		smaller;
    text-align:		left;
    color:		red;
    }
.stress, .content p.stress {	/* info format */
    font-style:		italic;
    color:		green;
    }
.content p.indent {
    text-indent:	18px;
    font-size:		14px;
    line-height:	16px;
    text-align:		justify;
    }
.content p.note, .content center.note {
    font-size:		12px;
    line-height:	16px;
    color:		teal;
    }
.content p.addr {
    font-size:		12px;
    line-height:	16px;
    color:		teal;
    }
.content p.small_addr {
    font-size:		10px;
    line-height:	13px;
    color:		teal;
    }
.content p.img_caption {
    margin: 0; padding: 0;
    font-size:		9px;
    line-height:	10px;
    text-align:		center;
    color:		teal;
    }
.content 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;
    }

/* Header characteristics */
.content h1, .content h2, .content h3, .content h4, .content h5, .content 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 */
    }
.content h1 {
    padding:		16px 0;
    text-align:		center;
    font-size:		24px;
    line-height:	28px;
    font-weight:	800;
    font-style:		italic;
    }
.content h2 {
    text-align:		center;
    font-size:		18px;
    /*line-height:	21px;*/
    font-weight:	600;
    }
.content h3 {
    font-size:		16px;
    /*line-height:	18px;*/
    font-weight:	600;
    }
.content h4 {
    padding:		16px 0 0 0;
    font-variant:	small-caps;
    font-size:		16px;
    /*line-height:	16px;*/
    font-weight:	bold;
    }
.content h5 {
    font-size:		14px;
    /*line-height:	16px;*/
    font-weight:	bold;
    color:		black;
    }
.content h6 {
    font-variant:	small-caps;
    font-size:		12px;
    line-height:	13px;
    font-weight:	bold;
    }

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

/* Input Form defs */
.content 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 */
.content fieldset {
    margin:		0;
    padding:		4px;
    border:		2px solid #036;	/* dark steel blue */
    }
.content hr {
    margin:		8px 0;
    padding:		0;
    border-top:		1px solid black;
    color:		#036;		/* ??? */
    /* text-align:	center; */
    width:		100%;
    }
.content 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;
	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;
	}