/*
Theme Name: LA Stormwater
Theme URI: http://www.lastormwater.org
Description: A custom theme
Author: Kristin Falkner
Author URI: http://www.kristinfalkner.com
*/

/*
RESET
*/

*									{ margin: 0; padding: 0; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.alignleft							{ float: left; margin:0 5px 0 0; }
.alignright							{ float: right; margin:0 0 0 5px; }
.aligncenter						{text-align:center;}
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.small								{font-size: 9px;}
.bold								{font-weight: bold;}
blockquote							{float:right; background-color:#f2f8fd; border-top:5px solid #d2e8f9; padding:15px 10px; font-size:18px; color:#164174; width:215px; margin-left:10px; line-height:24px;}
blockquote p						{padding-bottom:0 !important;}
.wp-caption-text					{text-align:center; margin-top:5px; font-style:italic;}
:focus								{outline:none;}
.grey								{color:#666;}

/*
BACKGROUNDS
*/

.main-site {
	background:url(images/mainheader.jpg) no-repeat top center;
	}
	
.footer-main {
	background:url(images/mainfooter.jpg) no-repeat bottom center;
	padding-bottom:595px;
	}

/*
STRUCTURE
*/

body 			{
	font: 12px  'Trebuchet MS', Helvetica, Arial, sans-serif; 
	color: #333333; 
	text-align: center; 
	background-color: #164174; 
	margin: 0; padding: 0;
	}
	
p				{
	padding-bottom: 15px;
	}
	
.shadow {
	width:975px;
	margin:0 auto;
	-moz-box-shadow: 0 0 10px 3px #333;
	-webkit-box-shadow: 0 0 10px 3px #333;
	box-shadow: 0 0 10px 3px #333;
	z-index:-1;
	}
	
.container 		{
	position:relative; 
	margin: 0 auto;  
	text-align:left; 
	width:945px;
	padding:10px 15px 0 15px; 
	}
	
#header {
	background-color:#fff;
	height:119px;
	padding-bottom:10px;
	}
	
#header-left {
	float:left;
	width:600px;
	}
	
#header-left h1 {
	margin-top:5px;
	font-size:50px;
	font-weight:normal;
	color:#0054b1;
	}
	
#header-left h1 a {
	color:#0054b1;
	text-decoration:none;
	}
	
#header-left h1 a:hover {
	text-decoration:none;
	}
	
#header-left h1 {
	font-size:18px;
	color:#7694d1;
	font-weight:normal;
	display:block;
	}
	
#header-left h2 a {
	color:#7694d1;
	text-decoration:none;
	}
	
#header-left h2 a:hover {
	text-decoration:none;
	}
	
#top-menu a {
	color:#666;
	}
	
#top-menu li {
	float:left;
	margin-right:15px;
	margin-top:10px;
        }
	
#logo {
	margin:25px 0 15px 0;
	}
	
#logo .logo-icons {
	float:left;
	margin:5px 10px 0 0;
	}
	
#logo .logo-text {
	margin:10px 0 5px 0;
	}
	
#header-right {
	float:right;
	}
	
#header-translate {
	text-align:right;
	background:url(images/translate-icon.jpg) no-repeat 0 2px;
	padding-left:24px;
	width:176px;
	margin-bottom:15px;
	}
	
#header-translate a:hover {
	text-decoration:none;
	}
	
#header-social {
	margin-left:-45px;
	}
	
#header-social-label {
	float:left;
	line-height:18px;
	margin-right:15px;
	color:#666;
	}
	
#header-facebook, #header-twitter {
	float:left;
	}
	
#navigation {
	width:1006px;
	height:53px;
	margin-left:-16px;
	background:url(images/menubar.png) no-repeat;
	z-index:1000;
	overflow-x:hidden;
	}
	
#content {
	background-color:#fff;
	}
	
a 			{
	color: #1697ca; 
	text-decoration: none;
	}
	
a:hover		{
	text-decoration: underline;
	}
	
/*
TRANSLATE BAR HACK
*/
.goog-te-banner-frame{visibility:hidden !important;}
#body-main{top:0px !important;}
	
/*
MENU
*/

#navigation h2 {
	font-size:17px;
	font-weight:normal;
	}

#navigation a {
	color:#fff;
	}
	
ul#menu {width:1200px;}

ul#menu li {
	float:left;
	font-size:17px;
	height:43px;
	line-height:43px;
	margin:0 60px;
	}
	
ul#menu li:hover a {
	color:#feb946;
	}

ul#menu div {  
  display: none;  
}  

ul#menu li.hovering div {  
  display: block;  
}  

ul#menu li.mega div {   
  position: absolute;  
  top: 183px;  
  left: 50%;
  margin-left:-487px;  
  z-index:1000;
}

ul#menu li.mega div a {
	color:#fff;
	}

#about-mega-menu {
	width:895px;
	height:232px;
	background: #3c61b2 url(images/about-megabg.png) no-repeat top center;
	margin-left:-44px;
	padding:10px 40px;
	}
	
#howdoi-mega-menu {
	width:895px;
	height:232px;
	background: #3c61b2 url(images/howdoi_megabg.png) no-repeat top center;
	margin-left:-44px;
	padding:10px 40px;
	}
	
#takeaction-mega-menu {
	width:895px;
	height:232px;
	background: #3c61b2 url(images/takeaction_megabg.png) no-repeat top center;
	margin-left:-44px;
	padding:10px 40px;
	}
	
#greenla-mega-menu {
	width:895px;
	height:232px;
	background: #3c61b2 url(images/greenla_megabgalt.png) no-repeat top center;
	margin-left:-44px;
	padding:10px 40px;
	}
	
.mega-choices {
	text-align:left;
	font-size:12px;
	}
	
.mega-choices h3 {
	margin:0 !important;
	padding:10px 0 5px 0 !important;
	color:#feb946;
	font-size:14px;
	font-weight:bold;
	}
	
.mega-choices li {
	float:none;
	}
	
#about-col1 li, #about-col2 li, #about-col3 li, #about-col4 li, #howdoi-col1 li, #howdoi-col2 li, #howdoi-col3 li, #greenla-col1 li, #greenla-col2 li, #greenla-col3 li, #takeaction-col1 li, #takeaction-col2 li, #takeaction-col3 li {
	float:none !important;
	margin:0 !important;
	padding:0 !important;
	font-size:12px !important;
	height: auto !important;
	line-height:17px !important;
	}
	
#about-col1, #about-col2, #about-col3, #about-col4, #howdoi-col1, #howdoi-col2, #howdoi-col3, #takeaction-col1, #takeaction-col2, #takeaction-col3, #greenla-col1, #greenla-col2, #greenla-col3 {
	float:left;
	margin-right:50px;
	}
	
#howdoi-col1 {
	margin-top:10px;
	}
	
#greenla-col1, #greenla-col2, #greenla-col3 {
	margin-top:20px;
	}
	
#menu-mega-about-us-compliance .sub-menu li {
	padding-left:15px !important;
	font-size:11px !important;
	}
	
/*
HOMEPAGE
*/

#home-page {
	margin-top:10px;
	}

#home-slideshow {
	float:left;
	margin-left:-15px;
	}
	
#slideshow-content {
	width:648px;
	height:290px;
	overflow:hidden;
	}

#underline-content {
	text-decoration:underline;
	}
	
.individual-slide {
	width:648px;
	height:290px;
	position:relative;
	}
	
.slide-info {
	position:absolute;
	bottom:0;
	left:0;
	padding:15px 35px;
	background:url(images/blacktrans.png);
	width:578px;
	}
	
.slide-info h2 {
	font-size:18px;
	margin-bottom:10px;
	}
	
.slide-info p {
	font-family:Verdana;
	font-size:11px;
	}
	
.slide-info a {
	color:#fff;
	width:100%;
	display:block;
	}
	
.slide-info a:hover {
	text-decoration:none;
	}
	
.bx-next {
	text-indent:-9999px;
	background:url(images/arrow-next.png) no-repeat;
	width:16px;
	height:24px;
	position:absolute;
	right:5px;
	bottom:28px;
	}
	
.bx-prev {
	text-indent:-9999px;
	background:url(images/arrow-prev.png) no-repeat;
	width:16px;
	height:24px;
	position:absolute;
	left:5px;
	bottom:28px;
	}
	
#popular-links {
	float:right;
	width:315px;
	margin-right:-15px;
	height:290px;
	position:relative;
	}
	
#popular-links h3 {
	font-size:32px;
	font-weight:normal;
	}
	
#popular-links ul {
	position:absolute;
	bottom:0;
	right:0;
	}
	
#popular-links li {
	padding:22px 35px;
	background-color:#e7eae3;
	width:245px;
	}
	
#popular-links li:hover {
	background-color:#666;
	}
	
#popular-links a {
	color:#666;
	display:block;
	width:100%;
	}
	
#popular-links li:hover a {
	color:#fff;
	}
	
#popular-links a:hover {
	color:#fff;
	text-decoration:none;
	}

table.compliant-table {
	width:700px;
}

table.compliant-table td {
	padding:10px 30px 0 0;
}

	
#home-content {
	background:url(images/home-background.png) repeat-y;
	margin-left:-15px;
	width:975px;
	}
	
#home-sidebar {
	width:280px;
	float:left;
	padding:20px 0 20px 20px;
	}
	
#home-social {
	margin-bottom:20px;
	}
	
#home-community {
	background:url(images/raindrop.png) no-repeat right;
	font-size:27px;
	line-height:27px;
	height:67px;
	}
	
#home-community a {
	color:#333;
	}
	
#home-community a:hover {
	text-decoration:none;
	}
	
#home-signup {
	background:url(images/mlist.png) no-repeat;
	height: 240px;
	position:relative;
	margin:40px 0;
	}
	
#home-signup-text {
	position:absolute;
	top:90px;
	left:5px;
	width:140px;
	font-size:15px;
	}
	
#home-signup-email {
	position:absolute;
	bottom:0;
	left:5px;
	color:#ff9f00;
	font-size:16px;
	font-weight:bold;
	}
	
#home-signup-email input[type=email] {
	border:none;
	padding:5px;
	width:200px;
	margin-left:5px;
	border:1px solid #9f9f9f;
	}
	
#emailsubmit, #mc-embedded-subscribe {
	color:#ff9f00;
	font-size:14px;
	border:none;
	float:right;
	background:url(images/orangearrow.png) no-repeat right;
	line-height:24px;
	padding-right:35px;
	cursor:pointer;
	margin-top:5px;
	}
	
.email-past-issues {
	font-size:11px;
	float:left;
	color:#989898;
	margin:10px 0 0 60px;
	font-weight:normal;
	}
	
#home-facebook {
	margin-left:-10px;
	}
	
#home-right {
	width:620px;
	float:right;
	margin-right:15px;
	}
	
#home-description {
	line-height:22px;
	color:#666;
	font-size:15px;
	margin:20px 0;
	}
	
#home-blog-title {
	background:url(images/blogbubble.png) no-repeat right;
	line-height:46px;
	font-size:35px;
	}
	
#home-blog-title a {
	display:block;
	width:100%;
	}
	
#home-blog-title a {
	color:#333;
	}
	
#home-blog-title a:hover {
	text-decoration:none;
	}
	
#home-blog-title .grey {
	color:#666 !important;
	}
	
#home-blog-area {
	margin:20px 0;
	}
	
.home-blog-post {
	padding:15px;
	background-color:#fff;
	margin-right:15px;
	float:left;
	width:272px;
	height:420px;
	position:relative;
	}
	
.home-blog-post-title {
	height:60px;
	}
	
.home-blog-post-title h3 {
	font-size:18px;
	line-height:24px;
	}
	
.home-blog-post-title h3 a {
	color:#333;
	text-decoration:underline;
	}
	
.home-blog-tag {
	background:url(images/blog-home-tag.png) no-repeat;
	width:272px;
	height:33px;
	}
	
.home-blog-date {
	padding:8px 10px;
	color:#fff;
	font-size:9px;
	text-transform:uppercase;
	float:left;
	}
	
.home-blog-credits {
	padding:8px 5px;
	color:#a5a5a5;
	font-size:9px;
	float:right;
	width:200px;
	text-align:left;
	}
	
.home-blog-credits a {
	color:#555555;
	text-decoration:underline;
	}
	
.home-blog-excerpt {
	padding:10px;
	font-size:12px;
	line-height:16px;
	}
	
.read-more-arrow {
	position:absolute;
	bottom:15px;
	right:15px;
	}
	
#home-lower-ads {
	margin-top:20px;
	}
	
.home-lower-ad-left {
	float:left;
	}
	
.home-lower-ad-right {
	float:right;
	}
	
/*
SUBPAGES
*/

#sub-compliant-right {
	width:602px;
	float:left;
	margin:20px 25px 0 0;
	padding:20px 30px 200px 30px;
	}

#sub-page {
	background:url(images/sub-background.png) repeat-y;
	margin-left:-15px;
	width:975px;
	}

#sub-right {
	width:602px;
	float:right;
	margin:20px 25px 0 0;
	padding-bottom:20px;
	}
	
#sub-right h1 {
	font-size:35px;
	font-weight:normal;
	margin-bottom:5px;
	}
	
#sub-right h2 {
	font-size:22px;
	color:#7b7b7b;
	font-weight:normal;
	margin-bottom:10px;
	}
	
#sub-right h3 {
	font-size:18px;
	color:#333;
	font-weight:normal;
	margin-bottom:15px;
	}
	
#sub-right h4 {
	font-size:15px;
	color:#3b60b2;
	font-weight:bold;
	margin-bottom:15px;
	}
	
#sub-right img {
	border:4px solid #cdcdcd;
	}
	
#sub-signup {
	background:url(images/mlist.png) no-repeat;
	height: 240px;
	position:relative;
	margin:20px 0 20px 20px;
	}
	
/*
LANDING PAGE
*/

.featured-box {
	overflow-y:auto;
	line-height:18px;
	margin-top:23px;
	}

.featured-image {
	float:left;
	margin-right:10px;
	}
	
.featured-box h3 {
	font-size:24px !important;
	line-height:24px !important;
	color:#3c61b2 !important;
	margin-top:5px !important;
	}
	
.continue-reading {
	color:#333;
	text-decoration:underline;
	}
	
.lower-boxes {
	overflow-y:auto;
	line-height:18px;
	margin-top:40px;
	}
	
.lower-box {
	float:left;
	width:268px;
	height:400px;
	margin-right:20px;
	}
	
.lower-box img {
	margin-bottom:10px;
	}
	
.lower-box h3 {
	font-size:20px !important;
	line-height:24px;
	}
	
/*
TEXT PAGE LAYOUT
*/

#text-page-content {
	font-size:13px;
	line-height:18px;
	margin-top:10px;
	}
	
#text-page-content li, .single-blog-post li {
	background:url(images/bullet.jpg) no-repeat 15px 9px;
	padding:5px 0 0 30px;
	margin-bottom:15px;
	}
	
#text-page-content ul {
	margin-bottom:15px;
	}
	
/*
HORIZONTAL THUMBS LAYOUT
*/

#horizontal-thumbs {
	margin-top:20px;
	}

#horizontal-thumbs img {
	border:none !important;
	}
	
.horizontal-thumb-individual {
	margin-bottom:15px;
	}
	
.horizontal-thumb-image {
	float:left;
	width:132px;
	}
	
.horizontal-thumb-info {
	float:right;
	width:450px;
	line-height:18px;
	margin-top:10px;
	}
	
/*
VERTICAL THUMBS LAYOUT
*/

#vertical-thumbs {
	margin-top:20px;
	}

#vertical-thumbs img {
	border:none !important;
	}

.vertical-thumb-individual {
	width:240px;
	float:left;
	height:320px;
	margin-right:50px;
	font-size:13px;
	line-height:18px;
	}
	
.vertical-thumb-header {
	height:50px;
	}
	
.vertical-thumb-image {
	text-align:center;
	margin-bottom:10px;
	}
	
/*
LIST BELOW CONTENT
*/

#lbc-text {
	font-size:13px;
	line-height:18px;
	margin-top:15px;
	}
	
#lbc-text li {
	background:url(images/droplet.png) no-repeat top left;
	padding:10px 0 5px 40px;
	margin-bottom:10px;
	}
	
#lbc-text ul {
	margin-bottom:15px;
	}
	
.pdf-list-individual {
	width:170px;
	float:left;
	padding:10px 0 0 40px;
	background:url(images/blueraindrop.jpg) no-repeat top left;
	height:140px;
	margin-right:40px;
	}
	
.pdf-list-individual h3 {
	font-size:17px !important;
	}
	
.pdf-list-individual h5 a {
	font-size:11px;
	text-decoration:underline;
	color:#333;
	font-weight:normal;
	}
	
/*
LIBRARY
*/

.filter-area {
	background-color:#eef0ec;
	padding:8px 5px;
	font-size:13px;
	margin-bottom:15px;
	}
	
#filter-dropdown {
	float:right;
	margin-top:-1px;
	}
	
.doc-individual {
	padding:10px 5px 20px 5px;
	border-bottom:1px solid #eef0ec;
	}
	
.doc-individual h2 {
	font-size:16px !important;
	margin-bottom:10px !important;
	}

.doc-individual p {
	font-style:italic;
	font-size:11px;
	margin-top:-5px;
	padding-bottom:5px;
	}
	
.doc-date {
	font-size:10px;
	margin-bottom:15px;
	color:#7b7b7b;
	}
	
.download-link {
	margin-left: 50px;
	}
	
.document-navigation {
	margin-top:15px;
	}
	
.download-PDF {
	background:url(images/pdficon.jpg) no-repeat top left;
	padding:5px 0 10px 35px;
	font-size:14px;
	}
	
.download-Excel {
	background:url(images/xls_icon.gif) no-repeat top left;
	padding:5px 0 10px 35px;
	font-size:14px;
	}
	
.download-Word {
	background:url(images/doc_icon.jpg) no-repeat top left;
	padding:5px 0 10px 35px;
	font-size:14px;
	}
	
.download-JPG {
	background:url(images/jpg_icon.jpg) no-repeat top left;
	padding:5px 0 10px 35px;
	font-size:14px;
	}
	
.download-Other {
	background:url(images/other-icon.jpg) no-repeat top left;
	padding:5px 0 10px 35px;
	font-size:14px;
	}

	
/*
SIDEBAR
*/

#sidebar {
	width:310px;
	float:left;
	}

#sidebar-heading, #sidebar-heading-get-involved, #sidebar-heading-community {
	background:#fff url(images/whiterain.png) no-repeat center right;
	padding:31px 30px 25px 20px;
	height:35px;
	font-size:22px;
	color:#333333;
	}
	


#sidebar-menu {
	padding:10px 15px;
	font-size:13px;
	line-height:15px;
	}
	
#sidebar-menu li {
	margin:10px 0;
	padding:5px;
	}
	
#sidebar-menu li a {
	color:#333;
	}
	
#sidebar-menu .sub-menu {
	font-size:11px;
	margin-left:10px;
	}
	
#sidebar-menu .current-menu-item {
	background-color:#fff;
	font-weight:bold;
	}
	
#sidebar-menu .current-menu-item .sub-menu a {
	background:none !important;
	font-weight:normal;
	}
	
#social-sidebar {
	padding:10px 20px;
	}
	
#social-sidebar a:hover {
	text-decoration:none;
	}
	
.facebook-sidebar {
	background:url(images/sidebar-fb.png) no-repeat top left;
	padding: 5px 0 5px 50px;
	line-height:35px;
	font-size:15px;
	color:#333;
	}
	
.youtube-sidebar {
	background:url(images/sidebar-youtube.png) no-repeat -1px top;
	padding: 6px 0 6px 50px;
	line-height:35px;
	font-size:15px;
	color:#333;
	}
	
.twitter-sidebar {
	background:url(images/twitter_sidebar.png) no-repeat 3px top;
	padding: 5px 0 5px 50px;
	line-height:35px;
	font-size:15px;
	color:#333;
	}
	
.rss-sidebar {
	background:url(images/sidebar-rss.png) no-repeat top left;
	padding: 6px 0 6px 50px;
	line-height:35px;
	font-size:15px;
	color:#333;
	}
	
.calendar-sidebar {
	background:url(images/sidebar-calendar.png) no-repeat top left;
	padding: 5px 0 5px 50px;
	line-height:35px;
	font-size:15px;
	color:#333;
	}
	
/*
FILTER PAGES
*/

.filter-page {
	font-size:13px;
	}
	
.filter-page p {
	line-height:18px;
	}

.filter-page img {
	margin:20px 0;
	}
	
.filter-page li {
	background:url(images/droplet.png) no-repeat top left;
	padding:10px 0 5px 40px;
	margin-bottom:10px;
	font-size:16px;
	}
	
.filter-page ul {
	margin-bottom:15px;
	}
	
/*
BLOG
*/

#featured-blog-post {
	margin:15px 0;
	}

#featured-blog-image {
	width:275px;
	float:left;
	}
	
#featured-blog-image img {
	border:5px solid #cdcdcd;
	}
	
#featured-blog-info {
	width:630px;
	float:right;
	font-size:15px;
	line-height:22px;
	margin-top:5px;
	}
	
#featured-blog-info h2 {
	font-size:24px;
	line-height:24px;
	}
	
#blog-body {
	background: url(images/main-right.jpg) repeat-x top;
	width:945px;
	margin-left:-15px;
	padding:15px;
	}
	
#blog-left {
	width:580px;
	float:left;
	padding-top:10px;
	}
	
.main-post {
	background:url(images/dot.gif) repeat-x bottom center;
	padding-bottom:15px;
	margin-bottom:15px;
	}
	
#blog-archive-page {
	margin:15px 0;
	}
	
h1.archive-tag {
	background:url(images/dot.gif) repeat-x bottom center;
	padding-bottom:10px !important;
	margin-bottom:10px !important;
	}
	
.archive-tag .altText {
	font-style:italic !important;
	color:#3c61b2 !important;
	}
	
h2.title{
  font-weight: bold;
  font-size: 18px;
  margin:0 0 5px 0;
  padding:5px 0 0 0;
  text-shadow: #fff 1px 1px 1px;
	}

h2.title a{
	text-decoration:none;
	color:#4e4e4e;
	}
	
h2.title a:hover{
	color:#ed1e24;
	text-decoration:none;
	}
	
.post-thumb {
	border:5px solid #cdcdcd;
	float:left;
	margin-right:15px;
	}
	
.post-header-main {
	width:400px;
	float:left;
	}
	
.post-date{
	background:transparent url(images/info-bar.png) no-repeat left -75px;
	padding-left:11px;
	float:left;
	text-transform:uppercase;
	font-weight:bold;
	}

.post-date p.day{
	background:transparent url(images/info-bar.png) no-repeat right -42px;
	height:33px;
	padding:0 16px 0 0;
	margin:0;
	line-height:31px;
	color:#fff;
	}
	
.post-info{
	background:transparent url(images/info-bar.png) no-repeat right top;
	height:42px;
	margin-left:11px;
	color:#bbb;
	text-shadow:#fff 1px 1px 1px;
	line-height:32px;
	}
	
.post-info a{
	font-weight:bold;
	color:#999;
	}
	
.post-info a:hover{
	color:#ed1e24;
	}
	
.post-info .comment-link, .home-blog-credits .comment-link {
	background:transparent url(images/icons.png) no-repeat 0px -49px;
	padding:2px 0 2px 20px;
	margin-top:-2px;
	}
	
.post-info .no-comment-link, .home-blog-credits .no-comment-link {
	background:transparent url(images/icons.png) no-repeat 0px 1px;
	padding:2px 0 2px 20px;
	margin-top:-2px;
	}
	
.home-blog-credits .no-comment-link, .home-blog-credits .comment-link {
	padding:4px 0 4px 20px;
	}
	
.comment-link, .no-comment-link {
	text-decoration:none !important;
	}
	
.post-content {
	line-height:20px;
	}
	
.post-content a.moretag {
	background-color:#eee;
	text-decoration:none;
	color:#666;
	text-shadow:#fff 1px 1px 1px;
	padding:2px 6px 3px 6px;
	margin:0;
	font-size:11px;
	text-transform:uppercase;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
	
.post-content a.moretag:hover {
	background-color:#999;
	color:#fff;
	text-shadow:#666 1px 1px 1px;
	}
	
.post-top-share {
	margin-top:15px;
	}
	
.post-share {
	margin-bottom:15px;
	}
	
.post-facebook {
	width:80px;
	float:left;
	}
	
.post-twitter {
	float:left;
	margin-left:15px;
	}
	
.post-tags{
	background:transparent url(images/icons.png) no-repeat 0px -104px;
	font-style:italic;
	padding-left:20px;
	line-height:22px;
	}
	
/*
POST DETAIL
*/
	
h1.title{
  font-weight: bold;
  font-size: 30px;
  text-shadow: #fff 1px 1px 1px;
  margin: 0 0 5px 0;
  padding: 0;
  line-height:30px;
}

.single-blog-post {
	margin:15px 0;
	font-size:15px;
	line-height:24px;
	}
	
.blog-featured-image {
	margin-bottom:15px;
	}
	
.post-meta{
	padding:6px 4px;
	border-top:1px solid #ddd;
	background-color:#f6f6f6;
	color:#222;
	display:block;
	font-size:10px;
	line-height:15px;
	margin:10px 0;
	}
	
.post-meta p {
	padding-bottom:0;
	}
	
.post-meta a{
	color:#222;
	text-decoration:underline;
	}
	
.post-meta a:hover{
	color:#ed1e24;
	text-decoration:none;
	}
	
.single-blog-post ul {
	margin-bottom:15px;
	}
	
.single-blog-post ul li {
	background: url(images/droplet_li.png) no-repeat 0 2px;
	padding: 0 0 0 25px;
	margin:0 0 10px 25px;
	}
	
.single-blog-post-content a {
	color:#ff9600;
	text-decoration:underline;
	}
	
.single-blog-post-content p {
	padding-bottom:20px;
	}
	
/*
BLOG SIDEBAR
*/

#blog-right {
	width:290px;
	float:right;
	margin-top:-15px;
	}
	
#tabMenu {
	margin:0;
	list-style:none;
	z-index:10;
	position:absolute;
	top:0;
	left:20px;
	}
	
#tabMenu li {
	float:left;
	height:50px;
	width:39px;
	cursor:pointer;
	cursor:hand;
	}

li.comments {
	background:url(images/box-tabs.png) no-repeat -129px 0px;
	}
	
li.comments:hover, li.comments.selected {
	background:url(images/box-tabs.png) no-repeat -129px -50px;
	}
	
li.posts {
	background:url(images/box-tabs.png) no-repeat 0px 0px;
	}
	
li.posts:hover, li.posts.selected {
	background:url(images/box-tabs.png) no-repeat 0px -50px;
	}
	
li.category {
	background:url(images/box-tabs.png) no-repeat -172px 0px;
	}
	
li.category:hover, li.category.selected {
	background:url(images/box-tabs.png) no-repeat -172px -50px;
	}
	
li.famous {
	background:url(images/box-tabs.png) no-repeat -43px 0px;
	}
	
li.famous:hover, li.famous.selected {
	background:url(images/box-tabs.png) no-repeat -43px -50px;
	}
	
li.random {
	background:url(images/box-tabs.png) no-repeat -86px 0px;
	}
	
li.random:hover, li.random.selected {
	background:url(images/box-tabs.png) no-repeat -86px -50px;
	}

.box {
	width:290px;
	position:relative;
	padding-top:44px;
	margin-top:10px;
	}
	
.boxBody #posts li a {
	background:transparent url(images/icons.png) no-repeat 4px -816px;
	margin:0;
	padding:4px 0 2px 18px;
	color:#fff;
	}
	
.boxBody #posts li a:hover{
	background-position:4px -1005px;
	color:#fff;
	text-decoration:none;
	}
	
.boxBody #random {
	overflow-x:hidden;
	}
	
.boxBody #random li {
	list-style-type:none;
	}
	
.boxBody #random .avatar {
	float: left;
  	margin: 2px 4px 2px 0;
  	}
  	
.boxBody #random .entry {
	font-size:14px;
	}
	
.boxBody #random .details {
	font-size:12px;
	}
	
.block li:hover{
	background-position:4px -1005px;
	}
	
.boxTop {
	background:url(images/boxtop.png) no-repeat;
	height:14px;
	clear:both;
	}
	
.boxBody {
	background-color:#5b5b5b;
	color:#fff;
	}
	
.boxBody a {
	color:#fff;
	}
	
.boxBody a:hover {
	color:#fff;
	text-decoration:none;
	}
	
.boxBottom {
	background:url(images/boxbottom.png) no-repeat;
	height:14px;
	}

.boxBody div.parent {
	display:none;
	}
	
.boxBody div.show {
	display:block;
	}

.boxBody div ul {
	margin:0 10px 0 25px;
	padding:0;
	width:250px;
	}
	
.boxBody div li {
	border-bottom:1px dotted #fff; 
	padding:4px 0;
	cursor:hand;
	cursor:pointer;
	}
	
.boxBody div ul li.last {
	border-bottom:none;
	}
	
.boxBody div li span {
	font-size:8px;
	font-style:italic; 
	color:#fff;
	}
	
.boxBody #posts a:hover {
	text-decoration:none;
	}
	
li.block {
	list-style-type:none;
	margin-bottom:15px;
	}
	
.block h3.title, .block h3.title span, .block .block-div, .block .block-div-arrow {
	background-image:url(images/block-title.png);
	}
	
.block h3.title {
	font-weight:bold;
	font-size:14px;
	background-repeat:no-repeat;
	background-position:left top;
	color:#fff;
	line-height:100%;
	letter-spacing:normal;
	margin:0;
	padding:0;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
	text-transform:uppercase;
	text-align:left;
	line-height:23px;
	}
	
.block h3.title span{
	background-repeat:no-repeat;
	background-position:right top;
	margin-left:7px;
	display:block;
	padding:4px 8px 0 4px;
	}
	
.block h3.title a{
	color:#fff;
	text-decoration:none;
	}
	
.block h3.title a:hover{
	color:#FFFF00;
	}
	
.block .block-div{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left bottom;
	width:7px;
	height:23px;
	float:left;
	}
	
.block .block-div-arrow{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:right bottom;
	height:23px;
	margin-left:7px;
	}
	
.block li{
	background:transparent url(images/icons.png) no-repeat 4px -816px;
	margin:0;
	padding:0 0 0 18px;
	line-height:18px;
	font-size:14px;
	}
	
.block li:hover{
	background-position:4px -1005px;
	}
	
#posts li li {
	border-bottom:none;
	}
	
/*
BREADCRUMBS
*/

.breadcrumbs {
	margin-top:-5px;
	color:#666;
	}
	
.breadcrumbs a {
	color:#666;
	}

/*
SEARCH FORM
*/

#searchform {
	width:295px;
	margin:10px 0 50px 0;
	}
	
#s {
	border:1px solid #e2e2e2;
	padding:5px;
	color:#666;
	font-size:13px;
	float:left;
	width:190px;
	}
	
#searchsubmit {
	float:right;
	padding:5px;
	}
	
/*
COMMENTS
*/

h3#respond {
	margin-bottom:5px;
	}
	
#commentform input[type=text] {
	width:400px;
	resize:none;
	padding:5px;
	border:1px solid #333;
	margin-bottom:10px;
	}

#commentform textarea {
	width:560px;
	resize:none;
	padding:5px;
	border:1px solid #333;
	margin-bottom:10px;
	}
	
li.comment .comment-head{
	background-image:url(images/comment-head.png);
	}
	
li.comment .comment-head.comment-author-admin,li.comment .comment-head.bypostauthor{
	background-color:#3873bd;
	}
	
ol.commentlist {margin-bottom:15px;}
li.comment{display:block;margin:.4em 0;line-height:normal;}
li.comment .comment-head{background-color:#5e5e5e;background-repeat:no-repeat;background-position:left bottom;position:relative;color:#e4e4e4;padding:0 0 6px 78px;margin:0;line-height:normal;}
li.comment.bypostauthor .comment-head{background-color:#3873bd; background-position:-1000px bottom;color:#fff;text-shadow:rgba(0,0,0,0.4) 1px 1px 1px;}
li.comment .comment-head .author{margin:0;padding: 4px 1em 16px 1em;line-height:150%;}
li.comment .comment-head a{color:#fff;text-decoration:underline;}
li.comment .comment-head a:hover{text-decoration:none;}
li.comment .comment-head .author .by{font-weight:bold;}
li.comment .comment-body{background:#f6f6f6 url(https://www.lastormwater.org/wp-content/themes/stormwater/images/comment-bg.gif) no-repeat right bottom;padding:.4em 1em;}
li.comment .comment-body p{margin:0;padding: 0 0 1em 0;}
li.comment .avatar-box{position:absolute;bottom:0px;width:48px;height:48px;left:8px;z-index:2;padding:3px;background-color:#fff;border: 1px solid #bfbfbf;}
li.comment .controls{position:absolute;right:10px;top:8px;margin-top:16px;}
li.comment .controls a{display:block;background-color:#e4e4e4;padding:4px 8px;color:#4e4e4e;text-shadow:#fff 1px 1px 1px;font-weight:bold;text-transform:uppercase;text-decoration:none;float:left;margin-right:4px;border-top:1px solid #fff;}
li.comment .controls a:hover{background-color:#ed1e24;border-top:1px solid #ff284b;color:#fff;text-shadow:#333 1px 1px 1px;}

	
/*
FOOTER
*/

.footer-container {
	width:945px;
	margin:40px auto;
	color:#fff;
	text-shadow: -1px 1px 5px #000;
	}
	
#google_translate_element {
	text-shadow:none !important;
	}
	
#google_translate_element a, #google_translate_element a:hover {
	color:#000 !important;
	}
	
.footer-container a {
	color:#fff;
	}
	
.footer-container a:hover {
	color:#edeee6;
	text-decoration:none;
	}

.footer-container h5 {
	font-size:12px;
	color:#fff;
	margin-bottom:15px;
	font-weight:bold;
	}
	
.footer-col1 {
	width:155px;
	float:left;
	margin-left:80px;
	text-align:left;
	}
	
.footer-youtube {
	margin:0 3px 0 6px;
	}
	
.footer-twitter {
	margin:0 6px 0 3px;
	}
	
.footer-col2 {
	width:100px;
	float:left;
	text-align:left;
	margin:0 100px;
	}
	
.footer-col3 {
	width:180px;
	float:left;
	text-align:left;
	}
	
.footer-col4 {
	width:170px;
	float:right;
	}
	
.get-involved-footer-one {
	width:150px;
	float:left;
	}
	
.get-involved-footer-two {
	width:140px;
	float:right;
	}
	
.footer-container ul {
	list-style-position:outside;
	}
	
.footer-container li {
	margin:3px 0;
	}
	
.footer-container ul li:before { 
	content: "> "; 
	} 

/* Custom styling for slideshow and post blog/2015/10/el-nino-historic-storms */

.post-9256 .slideshow_container_style-light .slideshow_transparent{
    opacity: 0.9!important;
    
}

.post-9256  .slideshow_container {
    margin-bottom: 20px;
}

.post-9256 .slideshow_title {
    font-size: 1em!important;
    padding: 10px;
    line-height: 1.2;
}

.post-9256 h3 {

   margin-bottom: 10px
}

.post-9256 .blog-featured-image {
  
   display: none;
}

/* Custom styling for lists on blog/2015/10/7-ways-la-is-ready-for-el-nino/ and blog/2015/10/10-ways-to-weather-el-nino/ */

.post-9300 ol li, .post-9302 ol li {
   list-style-type: decimal;
   background: none;
   margin-left: 25px;
   padding: 0px;
   
}

.post-9300 ol p, .post-9302 ol p {

   margin-left: 40px;
   
}

/* Custom styling for lists on http://www.lastormwater.org/take-action/teacher-materials */

.page-9566 #sub-right ul li {
	list-style: disc!important; 
	margin: 0 0 20px 20px;
}

* Custom styling for slideshow and post /blog/2016/05/for-ballonas-birds/ */

.post-9661 .slideshow_slide .slideshow_slide_image {
	height: 380px;
}

.post-9661 .slideshow_container_style-light .slideshow_transparent{
    opacity: 0.9!important;
    
}

.post-9661  .slideshow_container {
    margin-bottom: 20px!important;
}

.post-9661 .slideshow_title {
    font-size: 1em!important;
    padding: 10px;
    line-height: 1.2;
}

.post-9661 h3 {

   margin-bottom: 10px
}

.post-9661 .blog-featured-image {
  
   display: none;
}


/***************** Removing Custom Styling and Strikethrough from Broken Links - PR 9/2016 *******************/
.broken_link, a.broken_link {
	text-decoration: underline!important;
}