@charset "UTF-8";
/*
Theme Name: The Shops at Canal Place
Theme URI: http://www.goodworkmarketing.com/
Description: A unique theme developed for The Shops at Canal Place by <a href="http://www.goodworkmarketing.com/">Good Work Marketing</a>.
Version: 1.00.01a
Author: Paul Eastwood - Good Work Marketing and Design
Author URI: http://www.goodworkmarketing.com/
*/

/* CSS */

/* Reset default positioning values */
@import "reset.css";

/***** Base *****/

html, body {
  font-family:arial, helvetica, sans-serif;
  font-size:14px;
  line-height:25px;
  color:#000000;
 /* background:#ffffff;*/
  /* background:url('images/nav_back.gif') repeat-y;*/
    background:url('images/scpbg2.jpg') center top no-repeat;
  background-attachment:fixed;
}

/*#wrapperouter {
  background:url('images/scpbg.jpg') center top no-repeat;
  background-attachment:fixed;
  width:100%; height:100%;
}*/

/*#wrapper {
  float:left;
  width:1000px;
}*/

#wrapper {
  width:950px;
  margin:0 auto;
}

a {
  text-decoration:none;
  color:#1b4f94;
}

a:hover {
  color:#556699;
}

.alignright {
  float:right;
}

.alignleft {
  float:left;
}

strong, b {
  font-weight:bold;
}

em, i {
  font-style:italic;
}

/***** Header *****/

#nav {
  float:left;
  width:200px;
  padding:0px 0px 0px 50px;
  font-size:12px;
}

#nav h1 {
  float:left;
  height:113px;
  width:211px;
  background:url('images/logo.png') no-repeat;
  text-indent:-9001px;
  margin:36px 0px 0px 0px;
}

#nav ul {
  float:left;
  margin:41px 0px 0px 0px;
  width:500px;
}

#nav ul#tenantAnnounce {
  margin:0px 0px 0px 0px;
}

#nav ul li {
  position:relative;
  width:190px;
  padding:0px;
  height:28px;
}

#nav ul li:hover {
  /*background:#ffffff;*/
}

#nav ul li#menu-item-26 a,
#nav ul li#menu-item-24 a {
  width:161px;
}

#nav ul li#menu-item-26:hover a,
#nav ul li#menu-item-24:hover a {
  /*border:solid 1px #000000;*/
  /*height:26px;*/
  /*padding:0px 0px 0px 4px;*/
  line-height:26px;
  border-right:none;
}

#nav ul li#menu-item-26 ul.sub-menu {
  left:143px;
}

#nav ul li#menu-item-26 ul.sub-menu li {
  width:150px;
}

#nav ul.sub-menu {
  margin:0px;
  position:absolute;
  left:171px;
  top:1px;
  background:#ffffff;
  width:auto;
  visibility:hidden;
  z-index:100;
  padding-left:5px;
}

#nav ul.sub-menu li {
  width:165px;
}

#nav ul.sub-menu li a:hover {
  color:#999999;
}

#nav ul a:hover ul.sub-menu,
#nav ul li:hover ul.sub-menu {
  visibility:visible;
  border:solid 1px #000000;	
}

#nav ul li ul.sub-menu a {
  border:none;	
}

#nav ul a {
  color:#000000;
  font-size:12px;
  text-transform:uppercase;
  line-height:28px;
  padding:5px;
  position:relative;
  width:161px;
  
}

#nav ul li:hover a {
	border:solid 1px #000000;
	background:#fff;
	z-index:99999999;
}

.newsletter {
  float:left;
  width:154px;
  margin:100px 0px 0px 0px;
  padding:0px 24px 0px 0px;
  color:#333333;
  line-height:18px;
}

.newsletter a {
  color:#000000;
  font-size:10px;
  line-height:10px;
  margin:0px 0px 0px 30px;
  vertical-align:top;
}

.newsletter a:hover {
  color:#555555;
}

.newsletter input {
  width:153px;
  margin:9px 0px 6px 0px;
}

.newsletter input.submit {
  width:auto;
  text-transform:uppercase;
  margin:0px 0px 0px 10px;
}

a.facebook {
  background:url('images/facebook.png') no-repeat right;
  line-height:23px;
  float:left;
  margin:20px 0px 0px 0px;
  padding:0px 30px 0px 0px;
  color:#000000;
  text-transform:uppercase;
}

a.facebook:hover {
  color:#555555;
}

/***** Body *****/

#body {
  float:left;
  width:672px;
}

#slideshow {
  background:url('images/slideshow_drop.gif') bottom repeat-x;
  padding:0px 0px 7px 0px;
}

.events {
  float:left;
  width:325px;
  padding:0px 50px 0px 0px;
  font-size:12px;
  line-height:18px;
  margin:10px 0px 0px 0px;
}

.events ul li {
  float:left;
}

.events .body p {
  padding:0px 0px 0px 0px;
}

.events  .body a {
  text-transform:uppercase;
  display:block;
  padding:0px 0px 20px 0px;
}

.events  .body p span {
  color:#ff6633;
}

#content {
  float:left;
  width:277px;
  padding:0px 15px 0px 0px;
  color:#666666;
  line-height:22px;
  margin:10px 0px 0px 0px;
  font-style:italic;
  font-size:15px;
}

#content p {
  padding:0px 0px 20px 0px;
}

#content p span {
  color:#FF6633;
  font-weight:bold;
  font-size:16px;
  font-style:normal;
}

.when {
  float:left;
  color:#ff6633;
  padding:0px 5px 0px 0px;
}

.entry ul {
  padding:0px 10px 0px 20px;
  list-style-type:disc;
}

.entry ol {
  padding:0px 10px 0px 20px;
  list-style-type:decimal;
}

.entry li {
  line-height:20px;
  padding:0px 0px 10px 0px;
}

.entry h1 {
  font-weight:bold;
  font-size:20px;
  padding:10px 0px 20px 0px;
}

.entry h2 {
  font-weight:bold;
  font-size:16px;
  padding:10px 0px 20px 0px;
}

.entry h3 {
  font-size:18px;
  padding:10px 0px 20px 0px;
}

.entry h4 {
  font-weight:bold;
  padding:10px 0px 20px 0px;
}

.entry ul.sub {
  list-style-type:none;
  text-align:center;
}

.entry ul.sub li {
  display:inline;
  width:auto;
  padding:0px 40px 0px 0px;
  font-weight:bold;
}

/***** Page *****/

.banner {
  margin:36px 0px 0px 0px;
  padding:0px 0px 13px 0px;
}

h2.title {
  font-size:20px;
  padding:0px 0px 15px 0px;
  text-transform:uppercase;
  letter-spacing:1px;
}

.entry p {
  padding:0px 0px 25px 0px;
  text-align:justify;
}

.entry p.small {
  font-size:10px;
  padding:0px 0px 10px 0px;
  margin:-20px 0px 0px 0px;
}

#body .left {
  float:left;
  width:455px;
}

#body .right {
  float:left;
  width:165px;
  padding:36px 0px 0px 30px;
  line-height:14px;
}

#body .right a {
  float:right;
  font-size:12px;
  text-decoration:underline;
}

#body .right p {
  color:#666666;
  float:left;
  clear:left;
  padding:0px 0px 20px 0px;
}

#body .right h6 {
  float:left;
  padding:0px 0px 20px 5px;
}

ul.shops {
  font-size:12px;
  padding:0px 0px 40px 20px;
  list-style-type:none;
}

ul.shops li {
  margin:15px 0px 0px 0px;
  padding:0px 0px 3px 0px;
  border-bottom:solid 1px #666666;
  float:left;
  width:100%;
}

ul.shops a.storeName {
  color:#000000;
  font-size:16px;
  float:left;
  clear:left;
  padding:0px 10px 0px 0px;
  width:275px;
}

ul.shops a:hover {
  color:#666666;
}

ul.shops p {
  color:#666666;
  float:left;
  padding:0px 0px 0px 10px;
  text-align:left;
}

ul.shops h6 {
  float:left;
  padding:0px 0px 0px 5px;
  width:19%;
}

ul.shops a h6 {
  color:#000000;
}

iframe {
  border:solid 2px #000000;
}

h4.announcement {
  font-weight:bold;
}

.special {
  float:left;
  width:154px;
}

.special img {
  padding:0px 0px 15px 0px;
}

#body .right .special p {
  color:#000000;
}

/***** Forms *****/

.contact .form-label {
  width:10%;
}

.form-label {
  width:25%;
  float:left;
  clear:left;
  text-align:right;
  padding:0px 10px 10px 0px;
  line-height:20px;
}

.form-field {
  width:65%;
  float:left;
  padding:0px 0px 10px 0px;
}

.form-field input,
.form-field textarea {
  width:200px;
}

.form-field.submit input {
  width:auto;
}

body div.wpcf7-mail-sent-ok {
  clear:left;
  width:300px;
}

/***** Footer *****/

#footer {
  width:905px;
  float:left;
  display:inline;
  border-top:solid 2px #000000;
  padding:13px 0px 40px 13px;
  margin:10px 0px 0px 15px;
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
  line-height:12px;
}

#footer p {
  display:inline;
  margin:0px 0px 0px 19px;
}

/***** Calendar *****/

body #tec-content {
  float:left;
  width:672px;
  font-size:12px;
}

.tec-cal-title {
    font-size:18px;
  padding:0px 0px 25px 0px;
}

#tec-content .back							{ font:bold 12px Arial, Helvetica, sans-serif; padding:10px 0; display:block;}

.tec-calendar thead th						{ background:#666666;}
#tec-content .tec-calendar td.tec-present .daynum					{ background:#aaaaaa;}
#tec-content .tec-calendar .tec-tooltip .tec-event-title { background:#666666;}

#tec-content .tec-button-on									{ background:#666666;}
#tec-content .tec-button-off									{ background:#cccccc;}
#tec-content  a.ical												{ background:#666666;}
#tec-content #tec-event-meta .gmap ,
#tec-content .tec-event-meta-desc .gmap { background:#666666; margin:5px 5px 0 0; display:block;}
#tec-content .entry-title						{ font:normal 18px Arial, Helvetica, sans-serif; text-transform:uppercase;}

.tec-event-list-meta td.tec-event-meta-desc {
  width:auto;
  padding-right:10px;
}

.tec-event-list-meta td.tec-event-meta-value {
  font-size:11px;
}

h4.event-day {
  font-weight:bold;
}

body .tec-events .tec-event-list-meta {
  padding:0px 0px 0px 15px;
  width:31%;
}

body .tec-events .tec-event-entry {
  padding:5px 10px 0px 0px;
  width:600px;
}
body .tec-events .events{
  float:none;
  width:600px;
  padding:10px 0 0px 0px;
  font-size:12px;
  line-height:18px;
  margin:10px 0px 0px 0px;

}

#tec-content .events h2.entry-title a{
color:#1b4f94;
}

#tec-content .offers h2.entry-title a{
color:#ECC528;
}

#tec-content .announcements h2.entry-title a{
color:#FF6633;
}


.tec-event {
  padding:0px 0px 10px 0px;
}

.tec-cal-title {
  text-transform:uppercase;
  letter-spacing:1px;
  padding-top:3px;
}