/* @override 
	http://69.89.31.239/~sustaiw4/wp-content/themes/canvas/custom.css
	http://www.sustainmiami.com/wp-content/themes/canvas/custom.css
*/

/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles at the end of this file instead 
of style.css so it is easier to update the theme. 
Simply copy an existing style from style.css to this file, 
and modify it to your liking.
*/

#navigation{font: 14px/14px Trebuchet, Arial, sans-serif; text-transform: uppercase; background: url(http://69.89.31.239/~sustaiw4/wp-content/themes/canvas/images/nav-background3.png) repeat-x;
	margin-bottom: -45px;
	z-index: 99;
	position: absolute;
	margin-top: 5px;
}

.nav a  { color: gray; z-index:100; line-height: 18px; text-decoration:none;
	display: inline;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding: 10px;
	top: 3px;
}

.nav a:hover, .nav li.current_page_item, .nav li.current_page_parent, .nav li.sfHover { background: transparent;
	color: silver;
}

.nav li ul  { background: url(http://69.89.31.239/~sustaiw4/wp-content/themes/canvas/images/subnav-background.png) repeat 0; width: 180px; z-index:999;
	border-width: 0;
	border-style: none;
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 7px;
}
.nav li ul li  {
	border-style: none;
	background-color: transparent; 
}
.nav li ul li a  { width:160px; color: gray; font-size:11px; line-height:18px;
	text-shadow: 0 0 0;
}
.nav li ul li a.sf-with-ul { padding:5px 10px; }
.nav li ul li a:hover  { background: transparent;
	color: silver;
}
.nav li ul ul  {
	width: 165px;
	margin: 7px 0 0 15px;
}

.nav .sf-sub-indicator {background:	url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:1.1em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
.nav li ul .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat; right: -5px; top: 8px;
}

#logo  { z-index: 99;
	position: absolute;
	margin-left: 458px;
	margin-top: -2px;
}

.entry img {
	padding: 0;
	border-style: none;
	margin-bottom: 21px;
	position: static;
	background-color: transparent;
}

.entrytopimage img {
	padding: 0;
	border-style: none;
	margin-bottom: 21px;
	position: static;
}

img.thumbnail {
	padding: 0;
	border-style: none;	
	position: static;
	background-color: transparent;
	margin-bottom: 10px;
}


#loopedSlider { position: static;
	margin-bottom: 40px;
	z-index: -1;
	margin-top: -2px;
}

.business #loopedSlider a.previous { position:absolute; top: 360px; left: 92%; opacity:0.4;}

.business #loopedSlider a.next { position:absolute; top: 360px; right: 1%; opacity:0.4;}

.business #loopedSlider a.previous:hover { opacity:1; } 

.business #loopedSlider a.next:hover { opacity:1; }

.business #loopedSlider .entry {
	padding: 0;
	border-style: none;
	margin-top: 8px;
	background: url(http://69.89.31.239/~sustaiw4//wp-content/themes/canvas/images/sombra960x21.png) no-repeat 0 bottom;
}

.entry  {
	position: relative;
	z-index: 0;
	margin-top: 5px; 
	margin-bottom: 20px;
}

.entrytopimage  {
	position: relative;
	z-index: 0;
	margin-top: 5px; 
	margin-bottom: 20px;
	background: url(http://69.89.31.239/~sustaiw4//wp-content/themes/canvas/images/sombra960x21.png) no-repeat 0 bottom;
}

#sidebar{
	position: relative;
}

.two-col-left #main-sidebar-container #main{width: 400px;
	float: left;
	margin-left: 100px;
	margin-right: 100px;
}

.two-col-left #main-sidebar-container #newsmain{width:560px;
	float: left;
}

.two-col-left #main-sidebar-container #sidebar{width: 300px;
	display: inline;
	margin-right: 50px;
}

.two-col-left #main-sidebar-container #sidebar2{width: 350px;
	display: inline;
}

#footer{ color:#999;
	margin-bottom: -100%;
	position: absolute;
	margin-left: -50%;
	margin-right: -50%;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	right: 50%;
	background: #101010 url(http://69.89.31.239/~sustaiw4/wp-content/themes/canvas/images/footer-background.png) repeat-x 0 -3px;
}

.width-960 .col-full2 { width:100%; }

.width-960 .poweredby { width:100%;
	background-color: black;
	height: 35px;
	margin-bottom: 30px;
	margin-top: 10px;
	font-size: 13px;
	border-top: 1px solid #141515;
	border-bottom: 1px solid #141515;
	padding-bottom: 3px;
	padding-top: 7px;
}

.width-960 .poweredby img {
	opacity:0.85;
	vertical-align: middle;
}

.width-960 .poweredby img:hover{opacity:1;}

.width-960 .poweredby a {
	color: #999;
}

.width-960 .poweredby a:hover {
	color: silver;
	text-decoration: underline;
}

#header{
	background: url(http://69.89.31.239/~sustaiw4/wp-content/themes/canvas/images/Sustain-tweetboxes.png) no-repeat;
	padding: 10px 0 15px;
	height: 75px;
	width:  960px;
}

p.twitter-message{ font: italic 12px/15px Georgia, Arial, serif;
	color: gray;
	float: left;
	margin-left: 27px;
	text-align: left;
	padding-top: 0;
	padding-right: 35px;
	width: 254px;
	height: 46px;
	padding-left: 4px;
	visibility: visible;
	overflow: hidden;
}

p.twitter-message-blank{ font: italic 13px/15px Georgia, Arial, serif;
	color: gray;
	float: left;
	margin-left: 27px;
	text-align: left;
	padding-top: 4px;
	padding-right: 35px;
	width: 254px;
	height: 46px;
	padding-left: 4px;
	visibility: visible;
	overflow: hidden;
}

.twitter-item ul li{ font: italic 12px/15px Georgia, Arial, serif;
	color: gray;
	float: left;
	margin-left: 27px;
	text-align: left;
	padding-top: 0;
	padding-right: 35px;
	width: 254px;
	padding-left: 4px;
}

a.twitter-link{ color: #3088ff; text-decoration:none; display: inline;
}

a.twitter-link:hover{ text-decoration: underline; 
}

a.twitter-user{ color: #3088ff; text-decoration:none; display: inline;
}

a.twitter-user:hover{ text-decoration: underline;
}

.twitterhead { 
    width:  960px;
	padding-left: 10px;
}

#socialmedia a.twitter { position: absolute; top: 73px; right: 202px; opacity:  0.5;
}

#socialmedia a.facebook { position:absolute; top: 73px; right: 32px; opacity:  0.5;
}

#socialmedia a.rss { position:absolute; top: 73px; right: 0px; opacity:  0.5;
}

#socialmedia a.rss:hover,
#socialmedia a.twitter:hover, 
#socialmedia a.facebook:hover { opacity: 1; } 

.associated-posts .associated-post {
	padding-left: 30px;
	margin-top: -10px;
	padding-right: 40px;
}

.associated-posts .associated-post .post-title {
	margin-bottom: 10px;
}

.associated-posts .associated-post .thumb-frame img {
	border: 5px solid #e9e9e9;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 20px;
}

#lightdiv-button-div-l {
  float: left;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 3px;
  clear: both;
}

#contact-page ol.forms li.buttons .submit{
	margin: 0 0 0;
}

#contact-page ol.forms li.inline input{width:auto;margin-left:0px;}

#contact-page ol.forms textarea{height:200px;width:85%;}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid silver;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
	right: 55%;
	left: 45%;
}

.ngg-gallery-thumbnail img:hover {
	background-color: silver;
} 

.ngg-widget img {
	border: 1px solid silver; 
	padding: 2px;
	margin: 25px 3px 3px 0;
}

.ngg-widget img:hover {
	background-color: silver;
}

.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
	text-align: center;
}

.business .widget h3  { margin: -50px 0 0; text-transform:uppercase; font:normal bold 14px Arial, Helvetica, sans-serif; color:#555;
	border-bottom-style: none;
}

.widget p { font:12px/20px; font-family:  "colaborate-1","colaborate-2",Trebuchet,Arial,sans-serif; margin-bottom:15px; }

.widget h3  { margin: 0 0 10px; padding: 0 0 10px; text-transform:uppercase; font-style:normal; font-weight: 700; font-size: 15px; font-family: "colaborate-1","colaborate-2",Trebuchet,Arial,sans-serif; color:#555; border-bottom:3px solid #e6e6e6;
}

.entry blockquote p  { font-style:italic; font-family: "colaborate-1","colaborate-2",Trebuchet,Arial,sans-serif; font-weight: 300; font-size: 15px;}

h1, h2, h3, h4, h5, h6  { margin: 0; font-family:"colaborate-1","colaborate-2",Trebuchet,Arial,sans-serif; color: #222; font-weight:normal; }

.post .title, .page .title  { margin: 0 0 15px;
	font: normal bold 24px/24px "colaborate-1","colaborate-2",Trebuchet,Arial,sans-serif;
}
.page .title   { margin: 0 0 20px 0; }

p {margin: 0; font:16px/24px "colaborate-1","colaborate-2",Trebuchet,Arial,sans-serif; }

#content{padding: 0 0 15px; position:relative;}
#footer-widgets { border-top: 1px solid #e6e6e6; padding:5px 0; }

/* My Comment */