/*
Theme Name: Shree Maa
Theme URI: http://www.shreemaa.org
Description: Shree Maa is a theme built for the Divine Mother using Foundation.
Author: Kailas
Author URI: http://www.iamkailas.com
Version: 1.0

License: GNU General Public License v2.0
License URI: http://www.opensource.org/licenses/gpl-license.php
*/

@import url("stylesheets/foundation.css");
/*@import url("stylesheets/app.css");*/
/*@import url("javascripts/shadowbox-3.0.3/shadowbox.css");*/
[if lt IE 9] @import url("stylesheets/ie.css");

/* -------------------------------------------------- 
::  Modifications of Foundation.css by Kailas
::	
::  .container and .row are modified in the  
::  foundation.css file since they woudl not work 
::  when included in this file
::
:: ---------------------------------------------------	
::                 TABLE OF CONTENTS
:: ---------------------------------------------------
::
:: Class pages styles for video and audio gallery
::
:: Navbar styles modifed from Foundation.css
::
:: Navbar icon styles
::
:: Login screen styles modified from WordPress styles
::
:: Shadowbox.js styles copied in here to reduce yet another server hit
::
:: Styles for Book Product Pages
::
:: Sidebar Stylings
::
:: Online Satsang Styles
::
:: Custom Image Styles
-----------------------------------------------------*/

/* -------------------------------------------------- 
:: Mobile Visibility Affordances
---------------------------------------------------*/

.show-on-tablets { }
.show-on-desktops { }
.show-on-phones {
-moz-box-shadow:inset 0px 3px 3px -1px #ffffff;
-webkit-box-shadow:inset 0px 3px 3px -1px #ffffff;
box-shadow:inset 0px 3px 3px -1px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e0ffd6), color-stop(1, #b4f0b8) );
background:-moz-linear-gradient( center top, #e0ffd6 5%, #b4f0b8 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0ffd6', endColorstr='#b4f0b8');
background-color:#e0ffd6;
border:2px solid #dcdcdc;
display:inline-block;
color:#3d373d;
font-family:arial;
font-size:13px;
font-weight:bold;
padding:1px 20px;
text-decoration:none;
text-shadow:3px 1px 0px #ffffff;
}

.show-on-phones:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b4f0b8), color-stop(1, #e0ffd6) );
background:-moz-linear-gradient( center top, #b4f0b8 5%, #e0ffd6 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4f0b8', endColorstr='#e0ffd6');
background-color:#b4f0b8;
}

.show-on-phones:active {position:relative; top:1px;}

/*--------------------------------------------------
Class Pages - video classs and audio classes
with the @media queries to resize the divs at 100%
for cell phone viewing
-------------------------------------------------- */

#class-wrap {padding-left: 0px;padding-right: 0px;}
#class-wrap img {float:right;margin: 0 0 15px 15px;}
#class-item {margin-top: 20px;}
.class-title{width:100%; font-size:28px;}
.class-subtitle {font-size:18px;}
.class-text {float:left; width:45%;}	
.class-image {float:right; width:45%;}
.class-image-caption {font-size:18px;}	

@media only screen and (max-width: 767px) {
#class-wrap { padding-left: 15px; padding-right: 15px; }
.class-text { width:100%; }	
.class-image { width:100%; }
}

/*--------------------------------------------------
Nav Bar with Dropdowns
-------------------------------------------------- */

.flyout { background: #fff; margin: 0; padding: 20px; border: 1px solid #ddd; position: absolute; top: 45px; left: -1px; width: 100%; z-index: 10; }

@media handheld, only screen and (max-width: 767px) { /* cellphones */
.flyout { padding:left; 10px; padding: 0px; }
}

/* -------------------------------------------------- 
:: Panels - Nav Icons and Sidebar Breakouts
---------------------------------------------------*/

div.nav-icon-panel {
        padding: 2px 7px 7px 7px;
        background: #efefef;
        background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
        box-shadow: 0 2px 5px rgba(0,0,0,0.15);
        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
        -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
        margin: 0 0 20px 0;
}

#nav-icon-link {display:block; position: relative;top: 0px;}
#nav-icon-image {}

div.panel-sidebar-breakout {
    padding: 12px 7px 7px 7px;
    background: #efefef;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    margin: 0 0 20px 0;
    display: inline-block;
    min-height: 80px;
}

/* -------------------------------------------------- 
:: Custom Buttons
---------------------------------------------------*/


.button-search {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background-color:#4996e9;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	padding:0px 10px;
	text-decoration:none;
        float:right;
}.button-search:active {
	position:relative;
	top:1px;
}.button-search:hover {
	position:relative;
	top:1px;
        color:#ffffff;
}


.button-donate {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background-color:#a61a1c;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:7px;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:20px;
	font-weight:normal;
	padding: 7px 10px 0px 10px;
	text-decoration:none;
        /*width: ;*/
        height: 28px;
}.button-donate:active {
	position:relative;
	top:1px;
}.button-donate:hover {
	position:relative;
	top:1px;
        color:#ffffff;
}

.view-article-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background-color:#4996e9;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	padding:0px 10px;
	text-decoration:none;
        float:right;
        margin-top:9px;
        margin-bottom:16px;
}.view-article:active {
	position:relative;
	top:1px;
}
.view-article-button a {color: white;}

/* -------------------------------------------------- 
:: Misc
---------------------------------------------------*/


@media only screen and (min-width: 600px) {
.searchfield { position:relative; top:50px; float:right; }  /* if screen larger than cell, don't push down search */

@media screen and (min-width: 768px) and (max-width: 1024px){
    /* to reduce the two images on the donation so they fit into the iPad */

    #donation-header-image-left {
    max-width: 45%;    
    }

    #donation-header-image-right {
    max-width: 45%;    
    }
}

/* -------------------------------------------------- 
:: Shadowbox.js styles copied from CUSTOM stylesheet
---------------------------------------------------*/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:gray;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:2000;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;margin-right:0px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;color:gray;}
#sb-nav-close{background-image:url(<?php $siteURL;?>/wp-content/themes/shree-maa/javascripts/shadowbox-3.0.3-kailas-customized/close.png);}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#000000;} /* CHANGE THE COLOR OF THE COUNTER NAVIGATION */
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
/*#sb-nav-custom-close (top){position:absolute;top:5px;width:100%;text-align:right;z-index:2001;cursor:pointer;background-image:url(<?php $siteURL;?>/wp-content/themes/shree-maa/javascripts/shadowbox-3.0.3-kailas-customized/close.png); background-repeat:no-repeat; background-position:right;} */
#sb-nav-custom-close{position:relative;top:-10px;margin-left:50%;z-index:2001;cursor:pointer;text-decoration: underline;} /* CLOSE BUTTON */

/* -------------------------------------------------- 
:: Book Product Pages
---------------------------------------------------*/

#productcontainer {}
#productcover {background-color:#FFFEEC;}
#productintro {}
#productabouttheauthor
#productdetails {}
#productreviews {background-color:#FFFEEC;}
#productaudiotracks {background-color: #FFFEEC; display:block; padding:10px; border:#999999: border:thin;}
#productaudioplayer {}
#productintroaudio {position:relative; top:-25px;} /*kailas: this is used because the mp3-jplayer plugin has a 40px padding beneath it, hardcoded. So this compensates. Could not find the padding in the mp3-jplayer code, since it's a total hack */

/* -------------------------------------------------- 
:: Sidebar Stylings
---------------------------------------------------*/

#sidebar_centered { font-weight:600; font-size:16px; padding:7px; background-color:white; text-align:center; border-bottom-style:inset; border-width:thin;}
#sidebar-default-l-image { margin-top: 15px; }
#live-schedule-head {font-size: 18px;}
#live-schedule-subhead {font-size: 14px; font-style: italic; margin-top: 5px; }
#live-schedule-li {font-size: 12px; margin-top: 8px;}
.up5px{position: relative; top:-5px;}
.up10px{position: relative; top:-10px;}
.down5px{position: relative; top:5px;}
.down10px{position: relative; top:10px;}
.over10px{position: relative; left:10px;}

/* -------------------------------------------------- 
:: Online Satsang Styles
---------------------------------------------------*/

#online-satsang-title {font-size: 18px; line-height: .5; display: inline-block; float:left;}
#online-satsang-header-navigation  {font-size: 18px; line-height: .5; display: inline-block;float:right;}
#online-satsang-header-text {width: 100%; font-size: 15px; line-height: .5; display: block; float:left; margin-top: 25px;}
#online-satsang-forum {display: block; margin-top:10px;}
#members-order-by {margin-top: 20px; min-width: 195px;}

/* -------------------------------------------------- 
:: Login page styles taken from WP and from here and there		
---------------------------------------------------*/

#login { width:320px;padding:114px 0 0;margin:auto; }
#login_error,.login .message{ margin:0 0 16px 8px;padding:12px; }
.login,.hide-all{cursor:pointer;}.hide-all{ display:none; }
.standard-form textarea, .standard-form input[type="text"], .standard-form select, .standard-form input[type="password"], .dir-search input[type="text"] {
border: 1px inset #CCC;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #888;
font: inherit;
font-size: 14px;
padding: 6px;
border-image: initial;
}

/* -------------------------------------------------- 
:: Custom Image Styles
---------------------------------------------------*/

.home-page-image {float:left; padding-right:20px; margin-bottom:10px;}
.vedic-living-index-image {float:left; padding-right:5px; margin-bottom:10px;}

#donation-header-image-left {
max-width: 100%; 
float: left;
}

#donation-header-image-right {
max-width: 100%;
float: right;
}