/*
Theme Name: ohc
Description: OHC WordPress theme.
Author: floating-point
Author URI: https://www.floating-point.com/
Version: 2.0
License: Commercial
Tags: ohc, ontario health coalition
*/

/* Colour Pallette 

Red: #BB151D
Grey: #3F3F41
	  #333333 (Nav Text)
	  #494949 (Footer Background)
Blue: #009BDF
White: #F5F5F5
*/

/* Typography */
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on February 11, 2013 11:00:28 AM America/New_York */

@font-face {
    font-family: 'OpenSansLight';
	src: url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
	src: url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    src: url('fonts/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
	src: url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
	src: url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
	src: url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
	src: url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
	src: url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
	src: url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
	src: url('fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
	src: url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/* Standard HTML */

body
{
	background:url(images/background.jpg) top repeat;
	font-family: 'OpenSansRegular';
	color: #3F3F41;
	font-size: 16px;
	line-height: 22px;
	margin: 0;
	padding: 0;
} 

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

h1, h2, h3
{
	font-family: 'OpenSansBold';
	color: #F5F5F5;
	font-size: 20px;
	line-height: 24px;
	margin:0;
	margin-bottom:5px;
}


h2
{
	font-family: 'OpenSansSemibold';
	color: #BB151D;
	text-decoration:none;
}

h3
{
	color: #333333;
}

h4
{
	font-family: 'OpenSansSemibold';
	font-size: 18px;
	line-height: 20px;
	color: #009BDF;
}

h5
{
	font-family: 'OpenSansSemibold';
	font-size: 16px;
	line-height: 24px;
	color: #009BDF;
	margin-bottom:0;
}

.clear-break
{
	clear: both;
}

.safe-block
		{
			width: 1024px;
			margin: 0 auto;
			padding:0;
		}	


/* Header Area */

#header-container
{
	width: 1024px;
	height: 140px;
	margin: 0 auto;
	padding: 0;
}
	
		#logo
		{
			float: left;
			width: 321px;
			height: 107px;
			margin: 0;
			margin-left:20px;
			margin-top:15px;
		}
		
		#search-connect-container
          {
            float: right;
            width: 480px;
            height: 140px;
			margin: 0;
          }

		
		 #search
          {
            float: right;
            width: 245px;
            height: 25px;
			margin: 0;
			margin-right:20px;
			margin-top: 40px;
			margin-bottom:30px;
			border: none;
          }

          #searchsubmit
          {
		   font-family: 'OpenSansBold';
		   float: left;
		   width: 60px;
		   height: 25px;
		   margin-right: 5px;
		   color: #BB151D;
		   font-size:16px;
		   display: block;
		   text-align: left;
		   text-decoration: none;
		   border: none;
		   background-color:transparent;
               }
                          
          #searchbox
          {
		   background-color:#ffffff;
		   float:right;
		   height:25px;
		   width:155px;
		   border: 1px solid #666666;
          }
		  
		  #social
		{
			float:left;
			margin: 0;
			margin-left:20px;
			width: 440px;
			height: 40px;
		} 
		
		 .social-icons
		{
			float:left;
		} 
		
		
		.red-title,
		.red-title a
		{
			float:left;
			font-family: 'OpenSansBold';
			text-decoration: none;
			color: #BB151D;
			font-size: 16px;
			line-height: 20px;
		    text-decoration: none;
			margin:0;
			padding:0;
		}
				
		.red-title a:hover
		{
			text-decoration: underline;
			color: #BB151D;
		}

				
		/* Navigation */

		#navigation-container
		{
			width: 100%;
			height: 40px;
			background-color: #3F3F41;
			opacity:0.95;
			filter:alpha(opacity=95);
			margin: 0;
		}
		
		#navigation
		{
			margin: 0 auto;
			width: 1024px;
		}
			
		#navigation ul
		{
			list-style: none;
			margin: 0;
			margin-left:5px;
			padding: 0;
		}
				
		#navigation li
		{
			display: inline;
			position: relative;
			z-index: 99;
		}
				
		#navigation a,
		#navigation a:link,
		#navigation a:visited,
		#navigation a:active
		{
			font-family: 'OpenSansSemibold';
			float: left;
			display:block;
			text-decoration: none;
			color: #F5F5F5;
			font-size:16px;
			line-height:40px;
			padding-left:15px;
			padding-right:15px; 
		    text-decoration: none;
			height:40px;
		}
				
		#navigation .current-menu-item a,
		#navigation .current-page-ancestor a,
		#navigation a:hover
		{
			background-color: #BB151D;
			text-decoration: none;
			color: #F5F5F5;
			height:40px;
		}

#shadow
{
	background: url(images/shadow.png) top center;
	background-repeat: repeat-x;
	height: 17px;
	margin: 0 auto;
	width: 100%;
	top:180px;
	position: absolute;
	z-index:5;
}
	
#slideshow-container
{
	background:url(images/background_slideshow.jpg) top repeat;
	width: 100%;
	height: 460px;
}	

		#slideshow
		{
			width: 1024px;
			height: 460px;
			margin:0 auto;
			padding:0;
		}


#header-graphic-container
{
	background:url(images/background_slideshow.jpg) top repeat;
	width: 100%;
	height: 360px;
}

	
		#header-graphic
		{
			width: 1024px;
			height: 360px;
			margin:0 auto;
			padding:0;
		}		

#primary-container
{
	width: 1024px;
	min-height: 300px;
	margin: 20px auto;
}

	
	#side-nav
	{ 
	float:left;
	margin:0;
	margin-left:20px;
	margin-right:10px;
	padding:0;
	width: 220px;
	min-height: 300px;
	}
	
	#side-nav ul
	{
		list-style:none;
		margin: 0;
		padding: 0;
	}
	
	#side-nav li
	{
		display:inline;
	}

	#side-nav a,
	#side-nav a:link,
	#side-nav a:visited,
	#side-nav a:active
	{
		font-family: 'OpenSansBold';
		display: block;
		width:220px;
		min-height: 26px;
		background-color: #BB151D;
		border-radius: 5px;
		color: #F5F5F5;
		font-size:20px;
		line-height:24px;
		text-decoration: none;
		padding-top:5px;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
		margin-bottom:5px;
		text-decoration: none;
			}
	
	#side-nav .current-menu-item a,
	#side-nav .sub-menu .current-menu-item a,
		#side-nav .current-page-ancestor a,
		#side-nav a:hover
		{
		text-decoration: underline;
	}
	
		#side-nav .sub-menu
		{
			margin: 0;
			margin-left:20px;
			margin-bottom:10px;
			padding: 0;
		}
		
		#side-nav li li
		{
			margin-left:20px;
			display:list-item;
			list-style:disc;
		}			
		
		#side-nav  .sub-menu .current-menu-item a
		{
			text-decoration: underline;
			color: #BB151D;
		}
		
		#side-nav  .sub-menu a
		{
			background-color:transparent;
			font-size: 16px;
			line-height: 18px;
			color: #333333;
			padding: 2px 0 2px 5px;
			margin-bottom:0;
			min-height: 20px;
			width: 190px;
			text-decoration: none;
			}
			
		#side-nav  .sub-menu a:hover
		{
			text-decoration: underline;
			}


#primary-container-content-home
	{ 
	float:right;
	margin:0;
	margin-bottom:20px;
	margin-right:20px;
	padding:0;
	width: 725px;
	min-height: 500px;
	}

#primary-container-content
	{ 
	float:right;
	margin:0;
	margin-bottom:20px;
	margin-left:25px;
	margin-right:20px;
	padding:0;
	width: 700px;
	min-height: 300px;
	}
	
	#primary-container-content h1
	{
	font-family: 'OpenSansSemibold';
	color: #BB151D;
	text-decoration:none;
	}

	#primary-container-content h2 a
	{
		color: #333333 !important;
		text-decoration: none;
		font-size: 18px;
		line-height: 22px;
		margin-bottom:0;
	}
	
	#primary-container-content h2 a:hover
	{
		color: #BB151D !important;
		text-decoration: underline;
	}
	
	#primary-container-content a
	{ 
	font-family: 'OpenSansSemibold';
	color: #333333;
	text-decoration:none;
	}
	
	#primary-container-content a:hover
	{ 
	font-family: 'OpenSansSemibold';
	color: #333333;
	text-decoration:underline;
	}

#bucket-container
	{ 
	float:left;
	margin:0;
	margin-bottom:10px;
	padding:0;
	width: 725px;
	height: 90px;
	}
	
	#bucket-container h1
	{
	font-family: 'OpenSansSemibold';
	color: #F5F5F5;
	text-decoration:none;
	}
	
		 .bucket-container-button,
		 .bucket-container-button-right
	{
		float:left;
		font-family: 'OpenSansSemibold';
		display: block;
		width: 225px;
		height: 90px;
		font-size:16px;
		line-height:18px;
		color: #F5F5F5;
		background-color: #494949;
		border-radius: 5px;
		margin:0;
		margin-right:25px;
	}
	
	 .content
	{
		padding:10px;
	}
	
	 .content a
	{
		font-family: 'OpenSansSemibold';
		line-height: 18px !important;
		color: #333333;
		text-decoration:none;
	} 
	
	.content a:hover
	{
		font-family: 'OpenSansSemibold';
		line-height: 18px !important;
		color: #333333;
		text-decoration:underline;
	}    
	
		.front-button
	{
		font-family: 'OpenSansBold';
		display: block;
		width:220px;
		min-height: 26px;
		background-color: #BB151D;
		border-radius: 5px;
		color: #F5F5F5 !important;
		font-size:20px;
		line-height:24px;
		text-decoration: none;
		padding-top: 10px;
		margin: 0 auto;
		margin-bottom:5px;
		text-decoration: none;
		text-align: center;
	}
	
		a:hover.front-button
		{
			background: #333333;
		}
	
	
	 .bucket-container-button-right
	{
		margin-right:0;
	}
	
	
	
	#whats-new-container
	{ 
	float:left;
	margin:0;
	padding:0;
	width: 340px;
	min-height: 290px;
	} 
	
	#primary-container-content h2 a,
	#whats-new-container h2 a
	{
	font-family: 'OpenSansSemibold';
	color: #BB151D;
	text-decoration:none;
	}

	#primary-container-content h2 a:hover,
	#whats-new-container h2 a:hover
	{
	font-family: 'OpenSansSemibold';
	color: #BB151D;
	text-decoration:underline;
	}
		
		.whats-new-links a
		{
		font-family: 'OpenSansSemibold';
		font-size:12px;
		line-height:16px;
		color: #333333;
		text-transform:uppercase;
		text-decoration:none;
		} 
		
		.whats-new-links a:hover
		{
		font-family: 'OpenSansSemibold';
		font-size:12px;
		line-height:16px;
		color: #333333;
		text-transform:uppercase;
		text-decoration:underline;
		} 
		
	.blue-button
	{
		font-family: 'OpenSansbold';
		display: block;
		width: 340px;
		height: 35px;
		font-size:20px;
		line-height:36px;
		color: #F5F5F5;
		background-color: #009BDF;
		border-radius: 5px;
		padding-left:10px;
		margin:0;
		margin-bottom:5px;
	}

	.blue-box
	{
		background-color: #009BDF;
	  border-radius: 5px;
		margin: 0 0 10px;
		color: #fff;
	}
	
	
	#notes-news-container
	{ 
	float:right;
	margin:0;
	margin-right:10px;
	padding:0;
	width: 340px;
	min-height: 290px;
	}
	
	
	#primary-container-content li,
	#notes-news-container li
	{ 
	margin-bottom:5px;
	}  
	
	.notes-from-natalie-title
		{ 
		font-family: 'OpenSansSemibold';
		} 
	
	#social-container
	{ 
	margin:0;
	margin-top:20px;
	padding:0;
	width: 705px;
	min-height: 290px;
	} 
	
	.social-container-bucket,
	.social-container-bucket-right
	{ 
	float:left;
	width: 222px;
	margin:0;
	padding:0;
	margin-right:20px;
	min-height: 250px;
	}
	
	.social-container-bucket2
	{ 
	float:left;
	width: 218px;
	margin:0;
	padding:0;
	margin-right:20px;
	overflow:hidden;
	height:260px;
	border-bottom: 1px #CCCCCC solid;
	}    
	
	.social-container-bucket-right
	{ 
	margin-right: 0;
	}    
						

/* Footer Area */


#footer-container
{
	background-color: #494949;
	margin: 0 auto;
	margin-top:20px;
	width: 100%;
	min-height: 230px;
	overflow: auto;
}

#footer-area
{
	margin: 0 auto;
	width: 1024px;
}

	#footer-logo
		{
			float:left;
			margin: 0;
			margin-right:50px;
			margin-top:20px;
			width: 248px;
			height: 82px;
		}
		
	#footer-address
	{
		float:left;
		margin: 0;
		margin-top:30px;
		margin-right:50px;
		width: 275px;
		min-height: 125px;
		font-family: 'OpenSansSemibold';
		color: #F5F5F5;
	}
	
	.footer-address-title
	{
		font-size:20px;
		line-height: 22px;
		font-family: 'OpenSansbold';
		color: #F5F5F5;
	}
	
	#footer-blurb
	{
		float:left;
		margin: 0;
		margin-top:30px;
		width: 390px;
		min-height: 125px;
		color: #F5F5F5;
	}


	#copyright-left
	{
		color: #F5F5F5;
		font-size: 16px;
		float:left;
		margin: 0;
		margin-top:30px;
		width: 760px;
	}
	
	#copyright-right
	{
		color: #F5F5F5;
		font-size: 16px;
		float:right;
		margin: 0;
		margin-top:30px;
		width: 200px;
	}
	
	#footer-address a,
	#copyright-left a,
	#copyright-right a
	{
		font-family: 'OpenSansSemibold';
		color: #F5F5F5;
		text-decoration: none;
	}
	
	#footer-address a:hover,
	#copyright-left a:hover,
	#copyright-right a:hover
	{
		text-decoration: underline;
	}
	
	
/* Slidedeck Overrides */	

.lens-half-moon.sd2-light dl {
    border: 0px solid #ffffff !important;
}

#SlideDeck-14 {
    width: 1024px !important;
	height: 460px !important;
}


.lens-half-moon dd .slide-content, .lens-half-moon dd.slide-source-custom .sd2-node-caption {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
	border-radius: 10px;
    bottom: 60px !important;
    display: none;
    font-size: 31px !important;
    left: 60% !important;
	width: 340px !important;
	height: 225px !important;
    line-height: 35px !important;
    margin: 0;
    padding: 20px 16px 10px !important;
    position: absolute;
    right: 25px !important;
    top: 150px !important;
    z-index: 5;
}

.lens-half-moon.sd2-large dd .slide-content p.slide-title, .lens-half-moon.sd2-large dd .sd2-node-caption .sd2-slide-title {
    font-size: 27px !important;
    line-height: 33px !important;
}

.lens-half-moon.sd2-large dd .slide-content p, .lens-half-moon.sd2-large dd .sd2-node-caption p {
    font-size: 31px !important;
    line-height: 35px !important;
    margin-bottom: 10px;
}

#SlideDeck-14-frame .accent-color-background {
    background-color: #BB151D !important;
}

.lens-half-moon .sd2-dot-nav li {
    background-color: #FFFFFF;
	border: 1px solid #000000;
    border-radius: 15px 15px 15px 15px !important;
    cursor: pointer;
    float: left;
    height: 15px !important;
    margin: 0 0 0 10px;
    padding: 0;
    width: 15px !important;
}


/* YouTube Feeder Overrides */	

.youtubeFeederlist .youtubeTitle {
    font-size: 18px !important;
    margin: 3px;
}

/* Key Points Pop-up */

#key-points-container
{
	background: url(images/background.jpg) top repeat;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px 5px rgba(50, 50, 50, 0.75);
	height: 640px;
	margin: 0 auto;
	opacity: 0;
	padding: 20px 0;
	position: fixed;
	top: -1000px;
	transition: top linear 0.3s, opacity linear 0.3s;
	width: 640px;
	z-index: 9999;
}

#key-points
{
	height: 635px;
	overflow:scroll;
	width: 100%;;
}

#key-points li
{
	margin-bottom: 1em;
}

#key-points-background
{
	background: #333333;
	display: block;
	min-height: 100%;
	opacity: 0;
	left: 0;
	position: fixed;
	top: 0;
	transition: opacity linear 0.3s;
	width: 100%;
	z-index: -99999;
}

a.close-key-points
{
	background: url(images/close.png);
	background-size: 25px 50px;
	background-position: top;
	display: block;
	height: 25px;
	position: absolute;
	top: 10px;
	right: 20px;
	width: 25px;
}

a:hover.close-key-points
{
	background-position: bottom;
	cursor: pointer;
}

.key-points-content
{
	padding: 0 1em;
	padding-right: 3em;
}

/* Events Table */

#current-events 
{
	margin-top: 1em;
	width: 100%;
}

#current-events th
{
	font-size: 1.4em;
	text-align: left;
}

#current-events td
{
	padding: 0.5em;
}

#current-events td:first-child
{
	width: 40%;
}

#current-events tbody tr:nth-child(odd)
{
	padding: 0;
}

#current-events a
{
	font-size: 1.2em;
}

#events-calendar-container
{
	margin: 1em 0;
}

h2.widgettitle
{
	margin-bottom: 1em;
}

.widget.widget_em_calendar
{
	list-style: none;
}

.em-calendar
{
	margin: 0 auto;
	width: 75%;
}

iframe {
	width: 100%;
	height: 1869px;
	border: 0;
	display: block;
	border-radius: 5px;
	margin-bottom: 15px;
}

#petition-link {
	text-align: center;
	margin: 24px 0;
}

#petition-link a {
	color: #BB151D;
}
