/*  
Theme Name: Gateway Shoppes
Theme URI: http://www.kristopherdesign.com
Description: Custom design for the Gateway Shoppes at Scarborough.
Version: 1.0
Author: Kristopher Medina
Author URI: http://www.kristopherdesign.com/

*/

/*	GOLD: #B77803
	GREEN: #1A462E
	LIGHT GREEN: #2D5F45
	TAN: #fff2d9			*/


body {
	background-image: url(images/background_tile.jpg);
	background-repeat: repeat;
	margin-top:0px;
	padding:0px;
	font-family: "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
}
div, img {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
}
p {
	font-size: 14px;
	line-height: 24px;
	color: #222;
	margin: 0 0 10px 0;
}
h1, h2, h3 {
	font-family: "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
	font-weight: bold;
	color: #B77803;	/* GOLD COLOR */
	padding: 0;
}
h1 {
	font-size: 16px;
	text-transform: uppercase;
	margin: 15px 0 7px 0;
}
h2 {
	font-size: 14px;
	line-height: 17px;
	margin: 0 0 5px 0;
}
h3 {
	font-size: 14px;
	line-height: 17px;
	margin: 10px 0 5px 0;
}
a:link, a:visited {
	COLOR:#B77803;
	text-decoration:none;
}
a:hover {
	COLOR:#B77803;
	text-decoration:underline;
}
ul {
	font-size: 13px;
	line-height: 23px;
	list-style-type: square;
	margin: 0 0 0 15px;
	padding: 0px;
}
li {
	margin-top: 3px;
}
form {
	padding-top: 10px;
	margin-bottom: 10px;
}
form h2 {
	margin-bottom: 15px;
}
form label{
	font-family: "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
	font-size: 14px;
	color: #B77803;
	float: left;
}
.input-text-wrap {
	margin: 0 10px 0 10px;
	float: left;
}


/***********  WORDPRESS ASSIGNED STYLES FOR PLACED IMAGES  ************/

img.alignnone {
	clear:both;
	margin: 20px -6px 20px 0px;
	background: url(images/shadow.gif) no-repeat right bottom;
	padding: 8px 14px 14px 8px;
	border-top: #eee 1px solid;
	border-left: #eee 1px solid;
}
img.alignright {
	float:right; 
	margin:5px -6px 10px 10px;
	background: url(images/shadow.gif) no-repeat right bottom;
	padding: 8px 14px 14px 8px;
	border-top: #eee 1px solid;
	border-left: #eee 1px solid;
}
img.alignleft {
	float:left;
	margin:5px 12px 10px 0;
	background: url(images/shadow.gif) no-repeat right bottom;
	padding: 8px 14px 14px 8px;
	border-top: #eee 1px solid;
	border-left: #eee 1px solid;
}
img.aligncenter {
	margin-left: auto;
	margin-right: auto;
	background: url(images/shadow.gif) no-repeat right bottom;
	padding: 8px 14px 14px 8px;
	border-top: #eee 1px solid;
	border-left: #eee 1px solid;
}

/* Thumbnail Images  */
img.attachment-post-thumbnail {			
	margin-left: auto;
	margin-right: auto;
}
img.attachment-event-thumb {
	margin-left: auto;
	margin-right: auto;
	background: url(images/shadow.gif) no-repeat right bottom;
	padding: 0px 6px 6px 0px;
	border-top: #eee 1px solid;
	border-left: #eee 1px solid;
}



/****************  MAIN CONTAINER DIVS  *****************/

#main {
	width:907px;
	margin: 0 auto 0 auto;
	position: relative;

}
#head-container {
	width: 100%;
	height: 182px;
	background: url(images/shadow-1-header.png) no-repeat right bottom;
	clear: both;
}
#menu-container {
	width: 100%;
	height: 25px;
	background: url(images/shadow-2-menu.png) no-repeat right bottom;
	clear: both;
}
#content-container {
	width: 100%;
	min-height: 415px;
	background: url(images/shadow-3-content.png) repeat-y;
	clear: both;
	float: left;
}
#ad-container {
	width: 100%;
	height: 115px;
	background: url(images/shadow-3-content.png) no-repeat right bottom;
	float: left;
	clear: both;
}
#footer-container {
	width: 100%;
	height: 44px;
	background: url(images/shadow-5-footer.png) no-repeat right bottom;
	float: left;
	clear: both;
}



/*****************  HEADER QUICK-LINKS   ********************/

#button_address {
	font-size: 1px;
	background: url(images/but_address.gif) no-repeat 0 0;
	width:242px;
	height:12px;
	top:16px;
	left: 19px;
	position: absolute;
}
#head-container a.but_address:hover {
	background-position: 0 -12px;
}
#button_retail {
	font-size: 1px;
	background: url(images/but_retail.gif) no-repeat 0 0;
	width:90px;
	height:12px;
	top:16px;
	left: 615px;
	position: absolute;
}
#head-container a.but_retail:hover {
	background-position: 0 -12px;
}
#button_directory {
	font-size: 1px;
	background: url(images/but_directory.gif) no-repeat 0 0;
	width:107px;
	height:12px;
	left: 715px;
	top:16px;
	position: absolute;
}
#head-container a.but_directory:hover {
	background-position: 0 -12px;
}
#button_contact {
	font-size: 1px;
	background: url(images/but_contact.gif) no-repeat 0 0;
	width:56px;
	height:12px;
	top:16px;
	left: 827px;
	position: absolute;
}
#head-container a.but_contact:hover {
	background-position: 0 -12px;
}




/************  MENUBAR  ******************/

#menubar_about {
	width: 225px;
	height: 25px;
	float: left;
}
#menubar_shopping {
	width: 225px;
	height: 25px;
	float: left;
}
#menubar_news {
	width: 225px;
	height: 25px;
	float: left;
}
#menubar_info {
	background: url(images/menu_visitor.png) no-repeat 0 0;
	width: 225px;
	height: 25px;
	float: left;
}
#menu-container a.menubar_information:hover {
	background-position: 0 -25px;
}



/************   MAIN CONTENT PAGES   ***************/

#content {
	width:628px;
	min-height:495px;
	padding-left: 25px;
	padding-right: 22px;
	padding-top: 20px;
	padding-bottom: 15px;
	float:left;
	display:inline;
}

#PageHead {
	margin-top: 5px;
}



/************************   SIDEBAR	  ************************/

#sidebar {
	width:185px;
	height: 385px;
	left:675px;
	margin: 0;
	padding: 20px 20px 10px 20px;
	position: absolute;
}
.sidebar-home {
	overflow: auto;
}
#sidebar P {
	font-size: 12px;
	line-height: 17px;
	margin: 0 0 8px 0;
}
#sidebar P.newsinfo_sidebar {
	font-family: "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
	font-size: 10px;
	line-height: 13px;
	margin-top: 0px;
}



/*****************   HOME ADVERTISEMENTS    *****************/

#advertisement {
	width: 675px;
	height: 115px;
	float: left;
}
#alerts {
	width: 225px;
	height: 115px;
	float: left;
}



/*****************   CREDITS   ****************************/

.feldcologo {
	margin-left: 10px;
	float: left;
}
.credits {
	font-size: 9px;
	color: #fff;
	margin: 7px 15px 0 10px;
	text-transform: uppercase;
	float: left;
}
.credits a:link {
	color: #fff;
	text-decoration: none;
}
.credits a:hover {
	color:#B77803;
	text-decoration:none;
}
.credits a:visited {
	color: #fff;
	text-decoration:none;
}


/***********  SLIDESHOW ON HOMEPAGE    ***************/
#slideshow-container  { width:675px; height:415px; position:relative; float:left; }
#slideshow-container img { display:block; position:absolute; top:0; left:0; z-index:1; }

#slideshow{width:675px; height:415px; position:relative; float:left; z-index:1;}
.jdSlideshow{display:none; overflow:hidden; position:relative; z-index:1;}
.jdSlideshow img{border:0; margin:0;}
.jdSlideshow .slideElement{width:100%; height:100%; background-color:#000000; background-repeat:no-repeat;}
.jdSlideshow .loadingElement{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#FFF;background-image:url(../images/HomePhoto_01.jpg);background-repeat:no-repeat;background-position:center center;}
.jdSlideshow .slideInfoZone{position:absolute;z-index:10;width:100%;margin:0px;left:0;bottom:0;height:40px;background:#333;color:#fff;text-indent:0;}



/***********  RETAIL and RESTAURANT Listings  ************/

#storecontent {
	width: 100%;
	border-bottom: 1px solid #fff2d9;		/* TAN RULE  */
	padding-bottom: 10px;
	float: left;
}
#storelogo {
	width: 194px;
	float: left;
	margin: 15px 0 10px 0;
}
#storedescription {
	width: 400px;
	float: right;
	margin: 0;
}



/************  NEWS and EVENTS listings  ****************/

#newscontent {
	width: 100%;
	border-bottom: 1px solid #fff2d9;		/* TAN RULE  */
	padding-bottom: 10px;
	float: left;
}
#newsthumb {
	width: 160px;
	float: left;
	margin: 15px 0 10px 0;
}
#newsdescription {
	width: 455px;
	float: right;
	margin: 0;
}
.newsinfo {
	font-size: 10px;
	line-height: 12px;
	margin: 20px 0 -5px 0;
}
.newsinfo2 {
	font-size: 10px;
	line-height: 12px;
	margin: 10px 0 15px 0;
}


/**********  BREADCRUMBS  *********/

.breadcrumb {
	font-size: 9px;
	color: #aaa;
	margin: 5px 0 20px 0;
	text-transform: uppercase;
}
.breadcrumb a:link {
	color: #aaa;
}
.breadcrumb a:visited {
	color: #aaa;
}
.breadcrumb a:hover {
	color: #aaa;
}


/*******   NEXT and PREVIOUS page navigations  ***********/

.navigation {
	font-size: 12px;
	margin-top: 10px;
	float: right;
}




/********   MENU STYLES   ************/

td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
	display: block;
}

#FWTableContainer440576007 {
/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
	position:relative;
	margin:0px;
	width:900px;
	height:720px;
	text-align:left;
}

#MMMenuContainerAbout {
/* This ID is related to the master menu div for menu MMMenuContainerAbout and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:0px;
	top:207px;
	visibility:hidden;
	z-index:300;
}

#MMMenuAbout {
/* This class defines things about menu MMMenuAbout's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:transparent;
	width:225px;
	height:125px;
}

.MMMIFVStyleMMMenuAbout {
/* This class determines the general characteristics of the menu items in menu MMMenuAbout */
	width:225px;
	height:25px;
}
.MMMIVStyleMMMenuAbout {
/* This class determines the general characteristics of the menu items in menu MMMenuAbout */
	width:225px;
	height:25px;
}

#MMMenuAbout_Item_0 {
/* Unique ID for item 0 of menu MMMenuAbout so we can set its position */
	background: url(images/submenu-about.png) no-repeat 0 0;
	left:0px;
	top:0px;
}

#MMMenuAbout_Item_1 {
/* Unique ID for item 1 of menu MMMenuAbout so we can set its position */
	background: url(images/submenu-about.png) no-repeat 0 -25px;
	left:0px;
	top:25px;
}

#MMMenuAbout_Item_2 {
/* Unique ID for item 2 of menu MMMenuAbout so we can set its position */
	background: url(images/submenu-about.png) no-repeat 0 -50px;
	left:0px;
	top:50px;
}

#MMMenuAbout_Item_3 {
/* Unique ID for item 3 of menu MMMenuAbout so we can set its position */
	background: url(images/submenu-about.png) no-repeat 0 -75px;
	left:0px;
	top:75px;
}

#MMMenuAbout_Item_4 {
/* Unique ID for item 4 of menu MMMenuAbout so we can set its position */
	background: url(images/submenu-about.png) no-repeat 0 -100px;
	left:0px;
	top:100px;
	height:27px;
}

#MMMenuContainerAbout img {
/* needed for Mozilla/Camino/Netscape */
	border:0px;
}

#MMMenuContainerAbout a {
/* Controls the general apperance for menu MMMenuContainerAbout's items, including color and font */
	padding:0px;
	display:block;
	position:absolute;
}
#MMMenuAbout a.about0:hover {
	background-position: -225px 0px;
}
#MMMenuAbout a.about1:hover {
	background-position: -225px -25px;
}
#MMMenuAbout a.about2:hover {
	background-position: -225px -50px;
}
#MMMenuAbout a.about3:hover {
	background-position: -225px -75px;
}
#MMMenuAbout a.about4:hover {
	background-position: -225px -100px;
}

#MMMenuContainerShopping {
/* This ID is related to the master menu div for menu MMMenuContainerShopping and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:225px;
	top:207px;
	visibility:hidden;
	z-index:300;
}

#MMMenuShopping {
/* This class defines things about menu MMMenuShopping's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color: transparent;
	border:0px;
	width:225px;
	height:75px;
}

.MMMIFVStyleMMMenuShopping {
/* This class determines the general characteristics of the menu items in menu MMMenuShopping */
	border:0px;
	width:225px;
	height:25px;
}

.MMMIVStyleMMMenuShopping {
/* This class determines the general characteristics of the menu items in menu MMMenuShopping */
	border:0px;
	width:225px;
	height:25px;
}

#MMMenuShopping_Item_0 {
/* Unique ID for item 0 of menu MMMenuShopping so we can set its position */
	background: url(images/submenu-shopping.png) no-repeat 0 0;
	left:0px;
	top:0px;
}

#MMMenuShopping_Item_1 {
/* Unique ID for item 1 of menu MMMenuShopping so we can set its position */
	background: url(images/submenu-shopping.png) no-repeat 0 -25px;
	left:0px;
	top:25px;
}

#MMMenuShopping_Item_2 {
/* Unique ID for item 2 of menu MMMenuShopping so we can set its position */
	background: url(images/submenu-shopping.png) no-repeat 0 -50px;
	height: 27px;
	left:0px;
	top:50px;
}

#MMMenuContainerShopping img {
/* needed for Mozilla/Camino/Netscape */
	border:0px;
}

#MMMenuContainerShopping a {
/* Controls the general apperance for menu MMMenuContainerShopping's items, including color and font */
	padding:0px;
	display:block;
	position:absolute;
}
#MMMenuShopping a.shopping0:hover {
	background-position: -225px 0px;
}
#MMMenuShopping a.shopping1:hover {
	background-position: -225px -25px;
}
#MMMenuShopping a.shopping2:hover {
	background-position: -225px -50px;
}

#MMMenuContainerNews {
/* This ID is related to the master menu div for menu MMMenuContainerNews and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:450px;
	top:207px;
	visibility:hidden;
	z-index:300;
}

#MMMenuNews {
/* This class defines things about menu MMMenuNews's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color: transparent;
	border:0px;
	width:225px;
	height:100px;
}

.MMMIFVStyleMMMenuNews {
/* This class determines the general characteristics of the menu items in menu MMMenuNews */
	border:0px;
	width:225px;
	height:25px;
	voice-family: "\"}\"";
	voice-family:inherit;
}

.MMMIVStyleMMMenuNews {
/* This class determines the general characteristics of the menu items in menu MMMenuNews */
	border:0px;
	width:225px;
	height:25px;
	voice-family: "\"}\"";
	voice-family:inherit;
}

#MMMenuNews_Item_0 {
	/* Unique ID for item 0 of menu MMMenuNews so we can set its position */
	background: url(images/submenu-news.png) no-repeat 0 0;
	left: 0px;
	top: 0px;
}

#MMMenuNews_Item_1 {
/* Unique ID for item 1 of menu MMMenuNews so we can set its position */
	background: url(images/submenu-news.png) no-repeat 0 -25px;
	left:0px;
	top:25px;
}

#MMMenuNews_Item_2 {
/* Unique ID for item 2 of menu MMMenuNews so we can set its position */
	background: url(images/submenu-news.png) no-repeat 0 -50px;
	left:0px;
	top:50px;
}

#MMMenuNews_Item_3 {
/* Unique ID for item 3 of menu MMMenuNews so we can set its position */
	background: url(images/submenu-news.png) no-repeat 0 -75px;
	height:27px;
	left:0px;
	top:75px;
}

#MMMenuContainerNews img {
/* needed for Mozilla/Camino/Netscape */
	border:0px;
}

#MMMenuContainerNews a {
/* Controls the general apperance for menu MMMenuContainerNews's items, including color and font */
	padding:0px;
	display:block;
	position:absolute;
}
#MMMenuNews a.news0:hover {
	background-position: -225px 0;
}
#MMMenuNews a.news1:hover {
	background-position: -225px -25px;
}
#MMMenuNews a.news2:hover {
	background-position: -225px -50px;
}
#MMMenuNews a.news3:hover {
	background-position: -225px -75px;
}