@charset "utf-8";
/**
 *
 * Home
 *
 *
 *
 * Colors
 *
 * #555555		Do It Well block text color
 */

#whatIsAnandaLine {
	background-image: url(../../images-common/homepage/super/super1-yogananda.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	/*background-color: #CFE1EB;*/
	margin-bottom: 4px;
	margin-left: 5px;
	padding-right: 5px;
	position: relative;
}


#mainCenter .specialEvent {
background-image: url(/images/homepage/super/special-event.jpg);
}

#mainCenter .meditationAndYoga {
background-image: url(../../images-common/homepage/super/super3-meditation.jpg);
}

#mainCenter .paramhansaYogananda {
background-image: url(../../images-common/homepage/super/super1-yogananda.jpg);
}

#mainCenter .swamiKriyananda {
background-image: url(../../images-common/homepage/super/super2-kriyananda-2.jpg);
}

#mainCenter .kriyaYoga {
background-image: url(../../images-common/homepage/super/super5-kriya-yoga.jpg);
}

#mainCenter .spiritualCommunities {
background-image: url(../../images-common/homepage/super/super4-communities.jpg);
}
#wrapup #mainCenter #whatIsAnandaLine a {
	background-image: none;
}

#whatIsAnandaImage {
	height: 215px;
	width: 40%;
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
}



#whatIsAnandaImageCorner {
	background-position: 0 0;
	background-image: url(../../images-common/layout/top-left-corner.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
}

#whatIsAnandaMenu {
	min-height: 215px;
	background-image: url(../../images-common/layout/top-right-corner.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #cFE1EB;
	margin-left: 40%;
	width: 59.9%;
}

#whatIsAnandaMenu h1
{
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	color: #0575bd;
	font-size: 138.5%;
	font-weight: normal;
	line-height: 1;
}

#whatIsAnandaMenu p {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-bottom: 12px;
	padding-right: 10px;
	font-size: 93%;
	line-height: 1.2;
}

#whatIsAnandaMenu .more {
	font-weight: bold;
	/*color: #0051a3; "Too dark," says Nabha */
}

#whatIsAnandaMenu ul {
	margin: 0;
	padding: 0 0 12px;
	text-indent: 0;
	list-style-type: none;
	line-height: 15px;
	width: 100%;
	font-size: 93%;
	background-image: url(../../images-common/layout/horizontal-dotted-border.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#whatIsAnandaMenu li a {
	margin: 0;
	padding: 1px 10px 1px;
	display: block;
}

#whatIsAnandaMenu li {
	margin: 0;
	padding: 1px 0;
	width: 100%;
	background-image: url(../../images-common/layout/horizontal-dotted-border.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#whatIsAnandaMenu li a:hover {
	text-decoration: none;
	background-color: #dCE8EF;
}


.contentLine {
	margin-bottom: 15px;
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left: 5px;
	padding-right: 5px;
}

#mainArticle .contentLine h1
{
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
	font-weight: bold;
	color: #444444;
	font-size: 116%; /* Previously 108 */
}

#mainArticle .contentLine h2
{
	padding: 0;
	font-weight: bold;
	font-size: 100%;
}

#mainArticle .contentLine p {
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	line-height: 1.25em;
	font-size: 100%;
}

#mainArticle .contentLine ul {
	line-height: 1.25em;
	font-size: 100%;
	padding-left: 16px; /* bullets flush left */
}

/* A block to span the whole width of the center */
#wrapup .fullWidth {
	width: auto;
	padding: 0 5px 0 5px;
	clear: both;
	float: none;
	margin-left: 0;
}

#wrapup .fullWidth ul {
	margin-top: 0;
}

#block1 {
	width: 45%;
	float: left;
	padding-left: 5px;
}

#block1 p {
	margin-left: 90px;
	padding-right: 8px;
}

.contentLine #block1 ul,
.contentLine #block2 ul  {
	margin-top: 12px;
}

/* Adds bullets */
/*.contentLine #block1 ul,
.contentLine #block2 ul  {
	margin-left: 16px;
	list-style-type: disc;
} */

#block2 {
	width: 50%;
	margin-left: 49.5%;
	margin-right: 5px;
}

#block2 h2
{
	margin-left: 5px;
	padding-left: 8px;
}

#block2 p {
	padding-left: 8px;
	padding-right: 8px;
}

#secondContentColumn {
	width: 65%;
	float: right;
	padding-right: 8px;
}

#mainCenter #dailyQuote {
	color: #555555;
	margin-right: 8px;
	background-color: #fef7e8;
	margin-bottom: 10px;
	/* Too noisy, and makes text hard to read.
	background-image: url(/images/layout/fancy-flower.gif);*/
	background-repeat: no-repeat;
	background-position: 100% 2px;
	clear: left;
	
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #e4d8c0;
}

/* Hid the daily quote for the replacement 
.jsEnabled #dailyQuoteContainer {
display: none;
}*/

/* Removing the corners, done in this way

Original HTML:

			<div id="dailyQuoteTop">
              <div id="dailyQuoteRight">
                <div id="dailyQuoteLeft">
                  <div id="dailyQuoteBottom">
                    <div id="dailyQuoteLeftTop">
                      <div id="dailyQuoteLeftBottom">
                        <div id="dailyQuoteRightTop">
                          <div id="dailyQuoteRightBottom">
                            <?php 
					// In case Javascript is disabled
					include_once(ROOT . '/includes/applications/daily-quote/daily-quote.php'); ?>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- Closes all corners and borders of "DailyQuote" --> 

#dailyQuoteLeftTop {
	background-image: url(../../images-common/layout/daily-quote-top-left.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#dailyQuoteRightTop {
	background-image: url(../../images-common/layout/daily-quote-top-right.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#dailyQuoteLeftBottom {
	background-image: url(../../images-common/layout/daily-quote-bottom-left.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#dailyQuoteRightBottom {
	background-image: url(../../images-common/layout/daily-quote-bottom-right.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-left: 3px;
	padding-right: 3px;
}

#dailyQuoteTop {
	background-image: url(../../images-common/layout/daily-quote-horizontal-border.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#dailyQuoteBottom {
	background-image: url(../../images-common/layout/daily-quote-horizontal-border.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#dailyQuoteLeft {
	background-image: url(../../images-common/layout/daily-quote-vertical-border.jpg);
	background-repeat: repeat-y;
	background-position: left;
}

#dailyQuoteRight {
	background-image: url(../../images-common/layout/daily-quote-vertical-border.jpg);
	background-repeat: repeat-y;
	background-position: right;
}*/

#dailyQuote .separator {
	height: 10px;
}

#dailyQuote .singleLineLeftText {
	margin-left: 0;
	color: #777777;
}

#mainArticle #dailyQuote h2
{
	margin: 0;
	font-size: 108%;
}

#dailyQuote .attribution {
	margin-top: 1em;
}

#wrapup #dailyQuote p,
#dailyQuote .attribution {
color: #444444;
}

#dailyQuoteContent {
	padding: 16px 10px 0;
}

.singleLineBothAligs {
	position: relative;
	width: 100%;
	font-size: 85%;
}

.singleLineLeftText {
	margin-left: 5px;
	display: block;
	float: left;
	padding-bottom: 0;
}

.singleLineRightText {
	float: right;
	width: 35%;
	margin-right: 5px;
	padding-bottom: 0;
}

.iconRightAlign {
	float: right;
}

#firstContentColumn {
	width: 30%;
	padding-bottom: 8px;
	padding-left: 8px;
	float: left;
}

#firstContentColumn img {
	margin-bottom: 4px;
}

#firstContentColumn li {
	margin-top: 3px;
}

#firstContentColumn .subtitle,
#firstContentColumn .metadata {
color: #777;
}

#firstContentColumn .metadata {
font-size: 85%;
}


#allElseBlock {
	/* Disabling this kills the specialEmergency block's normal position
	float: left;
	width: 65%;*/
}

.allElseBlockBox {
	padding-left: 5px;
	padding-right: 5px;
}

#wrapup .allElseBlockBox h1 {
	margin-top: 18px;
}

#allElseBlock h1 .subtitle {
font-style: italic;
}

#specialEmergency {
	margin-left: 65%;
	width: 32.5%;
	padding-left: 10px;
	padding-top: 13px;
	padding-right: 10px;
}

.allElseBlockBox {
	margin-bottom: 24px;
}

.articleActionsBar {
height: 1px;
display: none;
}

#rightColumnContent h1 {
	/* was color:#016DB4;*/
	color: #444444;
	font-size: 123.1%;
	font-weight: bold;
	margin: 24px 0 6px;
}

#wrapup #rightColumnContent h2 {
	line-height: 1.15;
	margin-top: 12px;
}


#rightColumnContent h2 .subtitle {
font-size: 90%;
}

#rightColumnContent li  {
margin-top: 0.4em;
}

/* Imitates the look of the list items */
#rightColumnContent p  {
margin-top: 0;
margin-bottom: 0.4em;
}

#articleInfoColumn ul, #articleInfoColumn ol, #rightColumnContent ul, #rightColumnContent ol {
font-size:85%;
line-height:1.2;
list-style-type:disc;
margin:2px 0 8px 16px;
padding:0;
}

#rightColumnContent li {
margin-top:0.2em;
}

#rightColumnContent blockquote {
font-style: italic;
margin: 0;
}

.newBlock {
margin: 4px 0 18px 0;
}

#wrapup .newBlock img {
margin-bottom: 4px;
}

/* Unused in favor of table markup, below
#allElseBlock .date {
width: 4.5em;
padding-right: 0.5em;
float: left;
}

#allElseBlock #upcomingEvents .date {
	width: 7em;
}

#allElseBlock li {
}*/

/* I think these were all for the home page

.rightColumnBlock {
	margin: 0;
	padding: 0;
	margin-bottom: 18px;
	padding-right: 5px;
	padding-left: 10px;
	clear: both;
}

.rightColumnBlock p {
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
	font-size: 85%;
}

.rightColumnBlock ul {
	line-height: 1.2;
}

.rightColumnBlock ul li {
	font-size: 85%;
	margin-top: 0.4em;
}

.rightColumnBlock ul {
	width: 102px;
	padding: 0px;
	margin: 0px;
	margin-left: 78px;
	display: block;
	line-height: 18px;
	list-style-type: disc;
}

.rightColumnBlock li {
	padding-right: 15px;
}

*/