/*
Website Name: Isabel Oakeshott
Description: Isabel Oakeshott blog and website
Author: Right Angles
*/
/*= GENERAL STYLING
--------------------------------------------------------*/
/*= FONTFACE
--------------------------------------------------------*/
@font-face {
    font-family: 'Enriqueta';
    src: url('/wp-content/themes/IOWP/fonts/Enriqueta-Regular-webfont.eot');
    src: url('/wp-content/themes/IOWP/fonts/Enriqueta-Regular-webfont.eot') format('embedded-opentype'),
         url('/wp-content/themes/IOWP/fonts/Enriqueta-Regular-webfont.woff') format('woff'),
         url('/wp-content/themes/IOWP/fonts/Enriqueta-Regular-webfont.ttf') format('truetype'),
         url('/wp-content/themes/IOWP/fonts/Enriqueta-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal; }
@font-face {
    font-family: 'Source Sans Pro';
    src: url('/wp-content/themes/IOWP/fonts/sourcesanspro-light-webfont.eot');
    src: url('/wp-content/themes/IOWP/fonts/sourcesanspro-light-webfont.eot') format('embedded-opentype'),
         url('/wp-content/themes/IOWP/fonts/sourcesanspro-light-webfont.woff') format('woff'),
         url('/wp-content/themes/IOWP/fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('/wp-content/themes/IOWP/fonts/sourcesanspro-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal; }
@font-face {
    font-family: 'Source Sans Pro Bold';
    src: url('/wp-content/themes/IOWP/fonts/sourcesanspro-semibold-webfont.eot');
    src: url('/wp-content/themes/IOWP/fonts/sourcesanspro-semibold-webfont.eot') format('embedded-opentype'),
         url('/wp-content/themes/IOWP/fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('/wp-content/themes/IOWP/fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('/wp-content/themes/IOWP/fonts/sourcesanspro-semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal; }
/*= TYPE
--------------------------------------------------------*/
h1 {text-decoration:none; font-weight:normal; margin-top:0; margin-bottom:0;}
h2 {text-decoration:none; font-weight:normal; margin-top:0; margin-bottom:20px;}
h3 {text-decoration:none; font-weight:normal; margin-top:0; margin-bottom:20px;}
h4 {text-decoration:none; font-weight:normal; margin-top:0; margin-bottom:0;}
p {text-decoration:none; font-weight:normal; margin-top:0; margin-bottom:30px;}
.Enriqueta50b {font-family:Enriqueta, serif; font-weight:normal; font-size:50px;	color:#0E2F4E;	line-height:100%; letter-spacing:16px;}
.Enriqueta30b {font-family:Enriqueta, serif; font-weight:normal; font-size:30px; text-transform: uppercase; color:#0E2F4E;	line-height:140%; letter-spacing:4px;}
.EnriquetaHeading30b {font-family:Enriqueta, serif; font-weight:normal; font-size:30px;	color:#0E2F4E;	line-height:140%; letter-spacing:8px;}
.Enriqueta22b {font-family:Enriqueta, serif; font-weight:normal; font-size:22px;text-transform: uppercase;	color:#0E2F4E;	line-height:140%;}
.Enriqueta20w {font-family:Enriqueta, serif; font-weight:normal; font-size:20px;	color:#FFF;	line-height:140%;letter-spacing:8px;}
.Enriqueta13w {font-family:Enriqueta, serif; font-weight:normal; font-size:13px;	color:#FFF;	line-height:140%;}
.SourceSans30b {font-family:Source Sans Pro, sans-serif; font-weight:normal; font-size:30px;	color:#0E2F4E;	line-height:140%; letter-spacing:4px;}
.SourceSans26b {font-family:Source Sans Pro, sans-serif; font-weight:normal; font-size:26px;	color:#0E2F4E;	line-height:140%;}
.SourceSans20b {font-family:Source Sans Pro, sans-serif; font-weight:normal; font-size:20px;	color:#0E2F4E;	line-height:140%; letter-spacing:8px;}
.SourceSans20 {font-family:Source Sans Pro, sans-serif; font-weight:normal; font-size:20px;	color:#000;	line-height:140%;}
.SourceSans18 {font-family:Source Sans Pro, sans-serif; font-weight:normal; font-size:18px;	color:#000;	line-height:140%;}
.SourceSans14 {font-family:Source Sans Pro, sans-serif; font-weight:normal; font-size:14px;	color:#000;	line-height:140%;}
.SourceSans14w {font-family:Source Sans Pro, sans-serif; font-weight:normal; font-size:14px;	color:#FFF;	line-height:140%;}
.SourceSansSB20b {font-family:Source Sans Pro Bold, sans-serif; font-size:20px;	color:#0E2F4E;	line-height:140%;}
.SourceSans18g {font-family:Source Sans Pro, sans-serif; font-weight:normal; font-size:18px;	color:#969696;	line-height:140%;}
/*= LINKS
--------------------------------------------------------*/
/* Images */
img { border:0;	text-decoration:none;	border-bottom:none; }
.imageLink:link {border:0;	text-decoration:none;	border-bottom:none; }
.imageLink:visited {border:0;	text-decoration:none;	border-bottom:none; }	
.imageLink:hover {border:0;	text-decoration:none;	border-bottom:none; }	
.imageLink:active {border:0;	text-decoration:none;	border-bottom:none; }	
/* Default */
a:link {font-family:Source Sans Pro Bold, sans-serif; color:#000; text-decoration:none;  -moz-transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;    -o-transition: all 0.2s linear;    transition: all 0.2s linear; border-bottom: none;}
a:visited {color:#000;	border-bottom: none;	}
a:hover {color:#666;	border-bottom: none; }
a:active {color:#000;	border-bottom: none;	}
/* Menu */
.menuLink:link{font-family:Enriqueta, sans-serif; color:#FFF; font-weight:normal;  text-decoration:none;  -moz-transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;    -o-transition: all 0.2s linear;    transition: all 0.2s linear; border-bottom:1px solid #0E2F4E;}
.menuLink:visited {color:#FFF;	border-bottom:1px solid #0E2F4E;	}
.menuLink:hover {color:#FFF;	border-bottom:1px solid #FFF; }
.menuLink:active {color:#FFF;	border-bottom:1px solid #0E2F4E;	}
/* Blog Post */
.blogPostLink:link{font-family:Enriqueta, sans-serif; color:#000; font-weight:normal; text-decoration:none;  -moz-transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;    -o-transition: all 0.2s linear;    transition: all 0.2s linear; border-bottom: none;}
.blogPostLink:visited {color:#000;	border-bottom: none;	}
.blogPostLink:hover {color:#555;	border-bottom: none; }
.blogPostLink:active {color:#000;	border-bottom: none;	}
/* Headline */
.headlineLink:link{font-family:Enriqueta, sans-serif; color:#0E2F4E; font-weight:normal; text-decoration:none;  -moz-transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;    -o-transition: all 0.2s linear;    transition: all 0.2s linear; border-bottom: none;}
.headlineLink:visited {color:#0E2F4E;	border-bottom: none;	}
.headlineLink:hover {color:#214C74;	border-bottom: none; }
.headlineLink:active {color:#0E2F4E;	border-bottom: none;	}
/* Copyright */
.copyrightLink:link{font-family:Source Sans Pro Bold, sans-serif; color:#969696; text-decoration:none;  -moz-transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;    -o-transition: all 0.2s linear;    transition: all 0.2s linear; border-bottom: none;}
.copyrightLink:visited {color:#969696;	border-bottom: none;	}
.copyrightLink:hover {color:#555;	border-bottom: none; }
.copyrightLink:active {color:#969696;	border-bottom: none;	}
/* Button */
.button:link{font-family:Source Sans Pro, sans-serif; font-size:18px;	font-weight:normal; color:#FFF;	display: inline; list-style-type: none;	background-color:#000; opacity:1; padding:14px 40px; border-bottom:none; letter-spacing:-0.5px;}
.button:visited{color:#FFF;		background-color:#000;  }
.button:hover {color:#FFF;		background-color:#555; }
.button:active{color:#FFF;		background-color:#000; }
/* Next Page Links */
.next{list-style:none; }
ul.next li :link{font-family:Source Sans Pro, sans-serif; font-size:18px;	font-weight:normal;color:#000;	display: inline; list-style-type: none;	background-color:#FFF; opacity:1; padding:14px 40px; border-bottom:none; letter-spacing:-0.5px; border:1px solid #000;}
ul.next li :visited{color:#000;		background-color:#FFF;  border:1px solid #000;}
ul.next li :hover {color:#FFF;		background-color:#000; border:1px solid #000;}
ul.next li :active{color:#000;		background-color:#FFF;  border:1px solid #000;}
/* Menu */
ul.navigation{	list-style:none; }
ul.navigation li {font-family:Enriqueta, serif; font-size:13px; color:#FFF; line-height:160%; display: inline; list-style-type: none; border-bottom:1px solid #0E2F4E; -moz-transition: all 0.3s linear;    -webkit-transition: all 0.3s linear;    -o-transition: all 0.3s linear;    transition: all 0.3s linear; }
ul.navigation li :hover {color:#FFF; border-bottom:1px solid #FFF;}
ul.navigation li.highlight{color:#FFF; line-height:150%; list-style-type: none;border-bottom:1px solid #0E2F4E;}
ul.navigation li.highlight a {color:#FFF;	border-bottom:1px solid #FFF;}
ul.navigation li.highlight :hover { color:#FFF;	border-bottom:1px solid #0E2F4E;}
/* Menu */
ul.navigation2{	list-style:none; }
ul.navigation2 li {font-family:Enriqueta, serif; font-size:13px; color:#FFF; line-height:160%; display: inline; list-style-type: none; border-bottom:1px solid #0E2F4E; -moz-transition: all 0.3s linear;    -webkit-transition: all 0.3s linear;    -o-transition: all 0.3s linear;    transition: all 0.3s linear; }
ul.navigation2 li :hover {color:#FFF; border-bottom:1px solid #FFF;}
ul.navigation2 li.highlight{color:#FFF; line-height:150%; list-style-type: none;border-bottom:1px solid #0E2F4E;}
ul.navigation2 li.highlight a {color:#FFF;	border-bottom:1px solid #FFF;}
ul.navigation2 li.highlight :hover { color:#FFF;	border-bottom:1px solid #0E2F4E;}


/*= BODY
--------------------------------------------------------*/
body {
	margin:0;
	padding:0;
	background-color:#E3E3E3; }
.center { margin: 0 auto; }
.content{ margin: 0 auto; width: 940px; text-align:center;}
.clear { clear: both; }

/*= HERO
--------------------------------------------------------*/
#hero { width: 100%; }
#homeHero{
	background-image:url(/wp-content/themes/IOWP/im/home_header-bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	color: #E3E3E3;
	height: 300px;
	margin: 0;
	padding: 400px 0 0 0;
	text-align:center;}
#pageHero{
	background-image:url(/wp-content/themes/IOWP/im/page_header-bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	color: #E3E3E3;
	height: 160px;
	margin: 0;
	padding: 210px 0 0 0;
	text-align:center;}
#holdingHero{
	background-color:#E3E3E3;
	height: 500px;
	margin: 0;
	padding: 400px 0 0 0;
	text-align:center;}
	
/*= MENU
--------------------------------------------------------*/
#header { 
	width: 100%; 
	height: 50px;
	background-color:#0E2F4E;
	position:inherit;}
#nav { width: 940px; float: left; }
/*= PAGE
--------------------------------------------------------*/
#page{
	background-color: #FFF;
	height: auto;
	overflow:visible;
	padding: 80px 0;
	text-align:center; }
/*= ABOUT
--------------------------------------------------------*/
#about{
	background-color: #FFF;
	height: auto;
	overflow:visible;
	padding: 80px 0;
	text-align:center; }
/*= HOMEPAGE BLOG
--------------------------------------------------------*/
#homeBlog{
	background-color: #E2E2E2;
	height: auto;
	overflow:visible;
	padding: 80px 0;
	text-align:center; }
#blogDateHome {
	background-image:url(/wp-content/themes/IOWP/im/blog_date-bg_home.png);
	background-position:top;
	background-repeat:no-repeat;
	width:60px;
	height:60px;
	margin: 0 auto;
	margin-bottom:30px;
	clear:both;}
#blogDate {
	background-image:url(/wp-content/themes/IOWP/im/blog_date-bg.png);
	background-position:top;
	background-repeat:no-repeat;
	width:60px;
	height:60px;
	margin: 0 auto;
	margin-bottom:30px;
	clear:both;}
#blogDateMonth {
	width:60px;
	height:22px;
	padding-top:3px;
	text-align:center;
	clear:both;}
#blogDateDay {
	width:60px;
	height:35px;
	text-align:center;
	clear:both;}


/*= BLOG
--------------------------------------------------------*/
#blogPost{
	position:relative;
	height:auto;
	overflow:visible;
	padding: 50px 0 50px 0;
	border-top:1px solid #C7C7C7;
	text-align:center;
	clear:both; }
#blogShare{
	position:relative;
	width:180px;
	height:auto;
	overflow:visible;
	padding: 30px 380px 0 380px;
	border-top:1px solid #C7C7C7;
	text-align:center;
	clear:both; }
#blogNavContainer {
	position:relative;
	width:940px;
	padding:20px 0px 60px 0;
	float:left;
	clear:both;}
#blogNavPrev {
	position:relative;
	width:470px;
	margin-left: -40px;
	float:left;
	text-align:left; }
#blogNavNext {
	position:relative;
	width:470px;
	text-align:right;
	float:right;}


/*= PUBLIC SPEAKING
--------------------------------------------------------*/
#LogosContainer {
	position:relative;
	text-align:center;
	width:940px;
	height:auto;
	padding:40px 0 140px 0;
	clear:both;}
#LogosRow {
	position:relative;
	text-align:center;
	padding-bottom:20px;
	clear:both;}
#LogosThumb {
	position:relative;
	width:140px;
	height:74px;
	text-align:center;
	margin-right:20px;
	float:left;}
#LogosThumbLast {
	position:relative;
	width:140px;
	height:74px;
	text-align:center;
	float:left;}
	
/*= QUOTES
--------------------------------------------------------*/
#QuotesContainer {
	position:relative;
	text-align:center;
	width:940px;
	min-height:650px;
	overflow:visible;
	padding-bottom:200px;
	clear:both;}
#QuotesRow {
	position:relative;
	text-align:center;
	width:940px;
	min-height:140px;
	overflow:visible;
	padding-bottom:80px;
	clear:both;}
#QuotesLeft {
	background-image:url(/wp-content/themes/IOWP/im/quotes_top.png);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	width:60px;
	min-height:100px;
	overflow:visible;
	float:left;}
#QuotesRight {
	background-image:url(/wp-content/themes/IOWP/im/quotes_bottom.png);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	width:60px;
	min-height:100px;
	overflow:visible;
	float:left;}
#QuotesContent {
	position:relative;
	width:820px;
	height:auto;
	overflow:visible;
	text-align:center;
	float:left;}
	

/*= GALLERY
--------------------------------------------------------*/
#GalleryContainer {
	position:relative;
	text-align:center;
	width:700px;
	height:auto;
	padding-bottom:200px;
	margin: 0 auto;
	clear:both;}
#GalleryThumbRow {
	position:relative;
	text-align:center;
	clear:both;}
#GalleryThumb {
	position:relative;
	width:220px;
	height:auto;
	overflow:visible;
	text-align:center;
	margin-right:20px;
	float:left;}
#GalleryThumbLast {
	position:relative;
	width:220px;
	height:auto;
	overflow:visible;
	text-align:center;
	float:left;}



/*= TWEETS
--------------------------------------------------------*/
#tweets{
	background-color: #F0F0F0;
	height: auto;
	overflow:visible;
	padding: 80px 0 130px 0;
	text-align:center; }
/* Twitter Feed */
#TwitterContainer {
	position:relative;
	width:940px;
	height:auto;
	overflow:visible;
	padding:0;
	text-align:center;
	clear:both;}
#loading-container {
    padding:16px 0px 16px 0px;
    text-align:center;}
#twitter-feed {
    width:940px;
    margin:0 auto;
	font-family:Source Sans Pro, sans-serif;
	font-size:20px;	
    color:#000;
	text-align:center;
	line-height:140%;
    overflow:visible;
	clear:both;}
.twitter-article, #loading-container {
    text-align:center;
	width:940px;
    float:left; }
.twitter-text {
    text-align:center;
	width:940px;
    float:left;
    font-size:15px;}
.twitter-text p {
    margin:0px;
	text-align:center;
	font-family:Source Sans Pro, sans-serif;
	font-size:20px;	
	color:#000;
	line-height:140%;}
.twitter-text a,  h1 a:link {
	text-align:center;
	color:#000;
	font-family:Source Sans Pro, sans-serif;
	border-bottom:1px solid #000;
	text-decoration:none;}
.twitter-text a:hover,  h1 a:hover {
	text-align:center;
	color:#000;
	border-bottom:1px solid #F0F0F0;
	text-decoration:none;}
.twitter-text a,  h1 a {
	text-align:center;
	color:#000;
	font-family:Source Sans Pro, sans-serif;
	text-decoration:none;}
	
.tweet-time {
    font-size:16px;
	text-align:center;
	font-family:Source Sans Pro, sans-serif;
    color:#000;
	border:none;	
	padding-bottom:20px;}
.tweet-time a, .tweet-time a:hover {
	color:#000;
	font-weight:normal;
	border:none;
	text-decoration:none;}
/*= FOOTER
--------------------------------------------------------*/
#footer{
	background-color: #0E2F4E;
	height: auto;
	overflow:visible;
	padding: 80px 0;
	text-align:center; }
/*= COPYRIGHT
--------------------------------------------------------*/
#copyright{
	background-color: #FFF;
	height: auto;
	overflow:visible;
	padding: 40px 0;
	text-align:center; }