/* ======================================= *\
	CLIENT:				MARC SANTI
	BUILT & POWERED BY:	COMMERCIAL DESIGN
	DATE:				JANUARY 2007
	--------------------------------------
	TITLE: 				MAIN STYLESHEET
\* ======================================= */

@import "menuh.css";
@import "menuconfig.css";

body,form,input		{ margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,p	{ font-size: 100%; }

body 				{ background: rgb(229,236,243) url(/img/backgrounds/background-header_repeat.png) repeat-x 0 0; font: 75%/1.5 "Arial Narrow",Arial,Helvetica,Sans-serif; color: rgb(105,105,105); }
img					{ border: none; }
form				{display: inline; }
a					{ text-decoration: none; color: rgb(2,69,138); }
#archives li a:hover,
#photoGallery li a:hover,
#foot #links a:hover,
a:hover				{ color: rgb(242,76,29); }
a:visited			{ color: rgb(0,92,173); }

h1,h2,h3,h4,h5,h6	{ line-height: 1.1; }
h1					{ font-size: 150%; }
h2					{ font-size: 140%; }
h3					{ font-size: 130%; }
h4					{ font-size: 120%; }
h5					{ font-size: 110%; }
h6					{ font-size: 100%; }

#saranwrap						{ margin-top: 12px; background: white; border-bottom: 1px solid rgb(185,200,208); }
#edge							{ position: absolute; top: 12px; right: 0; z-index: 1; width: 50%; height: 37px; background: url(/img/backgrounds/background-header_edge.png) no-repeat 0 -12px }
#tupperware						{ position: relative; z-index: 2; width: 994px; min-height: 760px; margin: 0 auto; background: url(/img/backgrounds/background-header.png) no-repeat 100% -12px; overflow: hidden; }
#signUp							{ position: absolute; right: 0; top: 0; }
#signUp label					{ font-size: 10px; color: rgb(47,72,98); text-transform: uppercase; vertical-align: middle; }
#signUp input#email				{ width: 130px; height: 13px; margin: 0; padding: 2px 0 0 3px; background: white url(/img/backgrounds/background-input.gif) repeat-x; border: 1px solid #C3C3C3; border-top-color: #7C7C7C; border-bottom-color: #DDD; font-size: 9px; color: rgb(159,159,159); vertical-align: middle; }
#signUp input[type='button'] 	{ margin: 0; padding: 0; font-size: 9px; vertical-align: middle; }
#logo							{ position: absolute; top: 29px; left: 5px;}
#logo a							{ display: block; height: 99px; width: 109px; background: url(/img/misc/logo.png) no-repeat; }

#col1,
#col2,
#col3			{ float: left; width: 289px; margin: 150px 0 -4980px; padding-bottom: 5000px; }
#col2			{ width: 448px; margin-left: 10px; margin-right: 25px; padding: 0 10px 5000px; }
#col3			{ width: 202px; }

#col2 h1.title	{ margin: 0 0 25px; text-transform: uppercase; color: rgb(2,69,138); }

#col3 blockquote	{ margin: 0; padding: 0; text-transform: uppercase; }
#col3 p.quote		{ margin: 0; padding: 0 10px; background: url(/img/backgrounds/background-quoteStart.png) no-repeat; font-weight: bold; }
#col3 p.author		{ margin: -20px 0 0 0; padding: 30px 10px 15px; background: url(/img/backgrounds/background-quoteFinish.png) no-repeat 100% 0; font-size: 90%; text-align: right; }

#archives h1,
#photoGallery h1		{ margin: 0; height: 44px; width: 202px; background: url(/img/titles/title-sideBar_photos.png) no-repeat 0 0; text-indent: -5000px; }
#archives ul,
#photoGallery ul		{ width: 188px; overflow: hidden; margin: 0; padding: 0 6px 8px; border-right: 1px solid rgb(204,204,204); border-left: 1px solid rgb(204,204,204); list-style: none; }
#photoGallery li a		{ display: block; padding-left: 56px; text-transform: uppercase; color: rgb(105,105,105); font-size: 90%; font-weight: bold; line-height: 1.1; }
#photoGallery img		{ float: left; margin-right: 6px; }
#photoGallery li		{ clear: left; width: 100%; margin-top: 8px; overflow:hidden; }
a.allNewsletters,
a.allGalleries			{ display: block; height: 24px; width: 202px; background: url(/img/buttons/button-sideBar.png) no-repeat 0 0; text-indent: -5000px; overflow: hidden; }
a:hover.allNewsletters,
a:hover.allGalleries 	{ background-position: 0 -24px; }

#archives h1			{ background: url(/img/titles/sidebar-title_archives.png) no-repeat 0 0; }
#archives li			{ padding: 8px 0 2px 15px; background: url(/img/misc/archive-flourish.png) no-repeat 0 50%; }
#archives li a			{ text-transform: uppercase; color: rgb(105,105,105); font-size: 90%; font-weight: bold; line-height: 1.1; }
a.allNewsletters		{ background: url(/img/buttons/button-sideBar_newsletters.png) no-repeat 0 0;  }

#foot					{ position: relative; height: 90px; width: 994px; margin: 20px auto; padding-bottom: 20px; font-size: 90%;color: rgb(105,105,105); }
#foot ul				{ margin: 0; padding: 0; list-style: none; }
#foot #addy				{ float: right; text-align: right; }
#foot #links li ul li,
#foot #links			{ float: left; }
#foot #links>li 		{ clear: left; }
#foot #links a			{ padding: 0 15px 0 0; rgb(105,105,105); color: rgb(105,105,105); text-transform: uppercase;}

#foot div#buildAndPowered	{ position: absolute; z-index: 2000; right: 0; bottom: 15px; }
#buildAndPowered a span 	{ display: none; }
#buildAndPowered a  		{ padding: 0; display: block; width: 90px; height: 27px; background: url(/img/misc/newSportMedia.png) no-repeat 0 0; cursor: help; }
#buildAndPowered a:hover	{ background-position: 0 -27px; }

/* INSIDE */
body.inside #menu		{ left: 220px; width: 774px; }
body.inside #col1		{ width: 203px; margin-bottom: -4980px; }
body.inside #col2		{ width: 534px; margin-bottom: -4980px; }
body.inside #col3		{ margin-bottom: -4980px; }
body.inside #col2 h1.title	{ margin: 0 0 25px; text-transform: uppercase; color: rgb(105,105,105); font-size: 180%; font-weight: normal; }
body.inside #col2 h2.title	{ margin: 0 0 20px; text-transform: uppercase; color: rgb(2,69,138); font-size: 130%; }

#popup	{ text-align: center; width: 341px; height: 622px; border: 1px solid #000000; position: absolute; left: 300px; top: 120px; background: url(/img/misc/legends-tmp.jpg) no-repeat 0 25px; z-index: 100000; }
#close  { cursor: pointer; position: relative; margin: 0; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; float: right; }
#website	{ float: left; }
#contents p { margin: 3px; }
#contents p a { text-decoration: none; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }
#contents	{ border-bottom: 1px solid #000000; width: 341px; height: 25px; float: left; background: #999999; }
#contents img	{ padding-left: 3px; }

/* photo gallery */

#photogallery{
	margin:1em 0;
	padding:0;
	}
#photogallery li{
	margin:0 5px 5px 0;
	padding:0;
	list-style:none;
	float:left;
	width:110px;
	height:110px;
	line-height:110px;
	text-align:center;
	padding:5px;
	border:1px solid #eee;
	background:#fff;
	}
#photogallery li img{
	vertical-align:middle;
	}	

/* // photo gallery */