/*
Theme Name: TAKE HEART
Theme URL: http://takeheart.tv
Version: 1.0
Author: Moonshine Agency
Description: Take Heart custom theme...modified December 2012
*/

/* Reset */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
    font-family: helvetica, arial, sans-serif;
}
ol, ul {
	list-style: none;
}

/* End Reset */


/* FONT SQUIRREL */

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

}


@font-face {
    font-family: 'OptimaItalic';
    src: url('fonts/OptimaItalic.eot');
    src: url('http://www.takeheart.tv/wp-content/themes/TakeHeart/fonts/OptimaItalic#iefix') format('embedded-opentype'),
         url('fonts/OptimaItalic.woff') format('woff'),
         url('fonts/OptimaItalic.ttf') format('truetype'),
         url('fonts/OptimaItalic.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


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

}


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

}

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

}

@font-face {
    font-family: 'Poolhouse';
    src: url('http://www.takeheart.tv/wp-content/themes/TakeHeart/fonts/Poolhouse.eot');
    src: url('http://www.takeheart.tv/wp-content/themes/TakeHeart/fonts/Poolhouse.eot#iefix') format('embedded-opentype'),
         url('http://www.takeheart.tv/wp-content/themes/TakeHeart/fonts/Poolhouse.woff') format('woff'),
         url('fonts/Poolhouse.ttf') format('truetype'),
         url('http://www.takeheart.tv/wp-content/themes/TakeHeart/fonts/Poolhouse.svg#Poolhouse') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* END FONT SQUIRREL */




/* NAV & BODY TEXT */

a { outline: none; text-decoration:none; }

.nav-text {
 font-family: 'OptimaBold';
 text-transform: uppercase;
 font-style:italic;
 text-align:left;
 font-size:14px;
 text-decoration:none;
 /*color: #FFF;*/
 margin: 7px 0px 0px 0px;
 text-shadow:0 1px 0 #000;
}

.nav-text a {font-family: 'OptimaBold'; color: #FFF;}
.nav-text a:hover {color: #F60;}

.text {
	font-family: 'OptimaRegular';
	text-align:left;
	font-size:14px;
	text-decoration:none;
	color: #000;
	padding: 0px 20px 20px 20px;
}

.text a {color: #C00; font-family: 'OptimaRegular';}
.text a:hover {color: #F60; text-decoration:underline;}

.italic {
	font-family: 'OptimaItalic';
	text-align:left;
	font-size:14px;
	text-decoration:none;
	color: #000;
}

.italic a {color: #00C2AA;}
.italic a:hover {color: #FFFFFF; text-decoration:underline;}

.heading-text {
	background-color: #3E0000;
	background-image:url(http://www.takeheart.tv/wp-content/themes/TakeHeart/img/title-background.jpg);
	width: 896px;
	height:22px;
	font-family: 'OptimaBold';
	font-style:italic;
	text-align:left;
	font-size:18px;
	text-decoration:none;
	color: #FFF;
	padding-left:5px;
	margin: 30px 0px 20px 10px;
}

.heading-text a {
	font-family: 'OptimaBold';
	color:#FFF;
	text-decoration:none;
}

.heading-text a:hover {
	color: #09F;
}


.divider {
	clear:both;
	background-color: #3E0000;
	background-image:url(http://www.takeheart.tv/wp-content/themes/TakeHeart/img/divider.jpg);
	width: 900px;
	height:20px;
	margin: 0px 0px 20px 0px;
}

.more-news{
	float:left;
	font-family: 'OptimaBoldItalic';
 	font-size:14px;
	margin-left:15px;
    text-decoration:none;
    text-transform:uppercase; 
	text-decoration:none;
	color: #000;
}

.more-news a {color: #000;}
.more-news a:hover {color: #09F;}


a .readmore {
	font-family: 'OptimaBoldItalic';
	text-align:left;
	font-size:14px;
	text-decoration: underline;
	color: #000;
	display:inline;
}

a .readmore:hover {color: #F30;}

/*.page-text {
	font-family: 'GillSansRegularItalic';
	text-align:left;
	font-size:16px;
	text-decoration:none;
	color: #E7FFD5;
	margin: 20px 0px 0px 0px;
}

.page-text a {font-family: 'GillSansRegularItalic'; color: #00C2AA;}
.page-text a:hover {color: #E5E900;}*/


.required {
	font-family: arial;
	text-align:left;
	font-size:13px;
	text-decoration:none;
	color: #E7FFD5;
}

.promo-title {
	text-align:center;
	font-family: 'OptimaBoldItalic';
 	font-size:20px;
    text-decoration:none;
	line-height:18px;
	color: #FFF;
	margin-top:185px;
	margin-bottom:5px;
}

.promo-links a {
	clear:both;
	text-align:center;
	font-family: 'OptimaItalic';
 	font-size:16px;
    text-decoration:none;
	color: #FFF;
	display:block;
}

.promo-links a:hover {
	/*color: #09F;*/
	color: #2d0000;
	text-decoration:underline;
}


/* END BODY TEXT */



h2 {
 	font-family: "OptimaBoldItalic";
 	font-size: 20px;
 	text-decoration: none;
	text-transform: uppercase;
}

/ {
 font-size: 14px;
}


/* Main Styles */

html, body {
  height:100%;/* needed to base 100% height on something known*/
}

#contact{
	width:208px;
	height:116px;
	background-image:url(img/contact/background.png);
	position: fixed; 
	top:10px; 
	margin-left:947px;	
}

#wrap {
 background-color:#FFF;
 width: 960px;
 margin: auto;
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: -20px auto 100px;; /* the bottom margin is the negative value of the footer's height */
 box-shadow: 0 0px 5px 1px;
}


/* target Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#wrap {
	margin-top:-30px;
}
}


#header-background {
 background-image:url(img/header/header_background.jpg);
 width: 960px;
 height:60px;
 margin-top:-30px;
}

#header {
 background-image:url(img/header/header_background.jpg);
 width: 960px;
 height: 310px;
 margin-top:-50px;

}

#nav-background {
 background-image:url(http://www.takeheart.tv/wp-content/themes/TakeHeart/img/header/nav_background.png);
 width:1036px; 
 height:180px; 
 float:left; 
 margin: -60px 0px 0px -38px;
 text-align:left;
 position:absolute;
}

#nav {
 width:970px; 
 height:30px; 
 float:left; 
 margin: 63px 0 0 2px;
 text-align:left;
 position:absolute;
}

#banner {
 float: right;
 margin: 255px -20px 0 0;
}

#logos {
 float: left;
 margin: 102px 0 0 30px;
}



<!-- DROP DOWN MENU ---------------------------------------->


.sub-menu {
font-size:11px;

}
 
/* Top level Unordered list */
#nav ul.dropdown {
list-style:none;
float:left;
width:100%;
padding: 0 20px;
}
 
#nav ul.dropdown  li{
float:left; /* makes horiz list */
position:relative; /* hey Submenu ULs, appear below! */
}
 
#nav ul.dropdown a {
padding:10px 20px 7px 8px; /*space the items, occupy entire height too.*/
/*color: #FFF;*/
text-decoration:none;
text-shadow:0 1px 0 #000;
}
 
/* Style the link hover */
#nav ul.dropdown li:hover a {
/* color: #F60;*/
 margin-top:0px;
 background: #370200; /* Dropdown Background */
 border:1px #000;

}
 
/* Displays the link as blocks. */
#nav ul.dropdown li ul a {
 display:block;
}
 
/* sub menus!!  */
 
#nav ul.dropdown ul {
list-style: none;
margin:0; /* Appear just below the hovering list */
padding:0;
width:258px; /* specify the width. */
position:absolute; /* needed */
z-index:500; /* specify the order */
}
 
#nav ul.dropdown li ul {
top:24px; /* Positioning:Calc with top level horz list height */
/*-moz-box-shadow:0 2px 10px #000; /* CSS 3 */
}
 
#nav ul.dropdown ul ul {
top:0;
left:100%; /* Position the sub menus to right. */
}
 
#nav ul.dropdown ul li {
float:none; /* umm.. Appear below the previous one. mmkay? */
font-size: 13px;
}
 
/* Drop Down! */
 
/* Hide all the dropdowns (submenus) */
#nav ul.dropdown ul,
#nav ul.dropdown li:hover ul ul,
#nav ul.dropdown ul li:hover ul ul
{ display: none; }
 
/* Display the submenus only when li are hovered */
#nav ul.dropdown li:hover ul,
#nav ul.dropdown ul li:hover ul ,
#nav ul.dropdown ul li ul li:hover ul
{ display: block;}
 
#nav ul.dropdown li * a:hover {
/* Change color of links when hovered */
/*color:#F60;*/
background: #370200;
/*background: -moz-linear-gradient( top, #200, #400); /* CSS 3 */
}

<!-- Home Button -->
#nav ul.dropdown li:hover a .menu-item-556 {
	background:none;
}

<!------------------------------------------>


#promo {
 background-color:#FFF;
 width:900px; 
 height:382px;
 margin: 20px 10px 30px 10px; 
}

#slideshow {
 margin:0px;
}

/*#Content {
 width: 960px;

 padding-bottom:40px;
 clear: both;
 overflow: hidden;
}*/

#footer-background {
 width: 100%;
 height:360px;
 margin-top:-100px;
}

#footer {
 /*background-image:url(img/footer/footer_background.jpg);*/
 position: relative;
 background: #2d0000;
 width: 920px;
 padding-left:20px;
 padding-right:20px;
 height:50px;
 margin: 0 auto;
 box-shadow: 0 3px 5px 1px;
}

#footer, .push {
	height: 360px; /* .push must be the same height as #footer */
}

.post-item {
 /*background-image:url(img/backgrounds/white.png);*/
 /*border-bottom: 1px solid #DDD;*/
 width:896px;
 margin: 0px 10px 0px 10px;
 overflow: hidden;
 display:block;
 padding-left:4px;
}

.post-item img {
 float: right;
 display:block;
 margin:0px 0px 20px 20px;/*change*/
 /*border:solid 1px #000;*/
/* border:solid 1px #FFE6D8;*/
}

.post-item h2 {
 /*display: inline-block;*/
 padding-bottom: 20px;
 padding-top: 0px;
}

.post-item p {
 color: #000;
 margin-bottom: 20px;
}

/*.post-item p.meta {
 background: #9c2323;
 color: white;
 font-size: 11px;
 font-style: normal;
 padding: 4px;
 margin-left: 250px;
 margin-bottom: 14px;
 width: 100px;
 min-width: 100px;
 text-align: center;
 border-bottom: 1px solid white;
}*/


/* Next and Previous Buttons */
/*
.more {
 background: url(http://www.takeheart.tv/wp-content/themes/TakeHeart/img/nextPrevButton.jpg) no-repeat;
 padding: 8px;
 color: white;
 font-size: 12px;
 font-style: italic;
 float: right;
 border: 1px solid white;
 border-right: none;
 border-left: none;
}


/* Secondary/Sidebar */
/*
.secondaryBox {
 background: #ededed;
 border: 1px solid white;
 margin-bottom: 28px;
 padding: 0 4%;
 overflow: hidden;
}

.secondaryBox h3 {
 background: #9c2323;
 color: white;
 margin: 4% 0;
 font-size: 12px;
 font-weight: normal;
 padding: 3px 0 2px 8px;
}*/

#photos img {
 border: none;
}

#photos img.featuredImage {
 border: 1px solid white;
 margin: 0; padding: 0;
 width: 100%;
}

#photos p {
 float: left;
 color: #737373;
}

#photos .prevNext {
 float: right;
}

#recentEntries ul li,
ul#popPosts li {
 padding: 3px 0 3px 0;
 border-bottom: 1px solid #bbbbbb;
 border-top: 1px solid white;
}

#recentEntries ul li:first-child,
#popPosts li:first-child {
 border-top: none;
}

#recentEntries ul li:last-child,
#popPosts li:last-child {
 border-bottom: none;
}

#recentEntries ul li a {
 font-size: 12px;
}


/* video in post */
.post_video{
 margin:5px 0 0 0;
}
.post_gallery{
	margin-bottom:20px;
}

.post_small_thumb{
	width:280px;
}
.post_small_thumb_catalogue{
	width:180px;
}
.post_large_thumb{
	width:900px;
}