/* lkt.css - Baha'i Prayers Lakota stylesheet */

/* defuse */
body, div, p, h1, h2, h3, h4, span, img, ul, li, a {
border: 0;
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
color: #111100;
font-size: 100%;
line-height: 1.125em;}

/* Lakota fonts. */
@font-face {font-family: 'LThichatku';
  src: url('LThichatku.eot');
  src: 
    url('LThichatku.eot?iefix') format('eot'),
    url('thichatku.ttf') format('truetype');
}
@font-face {font-family: 'LThichatkuI'; 
  src: url('LThichatkui.eot');
  src: 
    url('LThichatkui.eot?iefix') format('eot'),
    url('thichatkui.ttf') format('truetype');
}

/* show y scroll bar to prevent horizontal shifting in firefox */
html {overflow-y: scroll;}

/* gradient background with centered content */
body {background:#979485 url(../images/gradiant-lkt.gif) repeat-x;
text-align: center;}

/* note swooshies are #c8c4c0 */

/* semi-transparent feather at top left */
#large-feather-left {
  background: url(../images/large-feather.gif) no-repeat;
	opacity: .15;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; // first!
	filter: alpha(opacity=15);
	height: 551px;
	width: 150px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	pointer-events: none;
}

/* centered prayer content */
#content {
background-color: #fff;
width: 700px;
margin: 50px auto;
padding: 15px;
text-align: left;
position: relative;
border: 1px #E6E2DF solid;
z-index: 1;} 

/* default links */
a {font: normal .825em Arial, Helvetica, sans-serif; color: #111166;}
a.hover {border-bottom: 1px dotted #bbbbdd;}

/* * * * nav bar properties * * * */
#nav {
width: 160px;
margin: 0px 10px 0px 0px;
float: left;
background:#FFFBF6 url(../images/gradiant-qunav.gif) repeat-x;
border: 1px #E6E2DF solid;} 

/* skip nav link */
#skipnav {position: absolute; left: -1000em; width: 20em;}

/* bahai prayers masthead */
#nav h1 {margin: 7px 10px 7px 7px;
padding-bottom: 9px;
letter-spacing: .06em;
border-bottom: 1px solid #E6E2DF;}
#nav h1 a {font: bold 1em Arial, Helvetica, sans-serif; color: #333322;}
#nav h1 a.thispagelink {color: #880000;}
#nav h1 a:hover, #nav h1 a.thispagelink:hover {color: #000066; border-bottom: 1px dotted #bbbbdd;} 

/* photo */
div#nav div#photo img {width: 160px; height: 180px; border-bottom: 1px #E6E2DF solid}

/* prayer category subtitle - might be more than one subtitle, can be id or class */
#nav h3#subtitle, #nav h3.subtitle {font: bold .8em Arial, Helvetica, sans-serif;
letter-spacing: 0.03em;
margin: .875em 7px 3px 7px;
color: #333322;}

/* links to other prayers in this category - might be more than one sibnav section, can be id or class */
#nav ul.sibnavlonger {margin-bottom: 75px;}
#nav ul#sibnav li, 
#nav ul.sibnav li, 
#nav ul.sibnavlonger li {margin: 0 2px 3px 7px; line-height: .725em;}
#nav ul#sibnav li a, 
#nav ul.sibnav li a, 
#nav ul.sibnavlonger li a {font: normal .675em Arial, Helvetica, sans-serif; color: #333322;}
#nav ul#sibnav li a:hover, 
#nav ul.sibnav li a:hover, 
#nav ul.sibnavlonger li a:hover {color: #000066; border-bottom: 1px dotted #bbbbdd;}

/* the current prayer - sibnav section may be id or class */
a.thispagelink, 
#nav ul#sibnav li a.thispagelink, 
#nav ul.sibnav li a.thispagelink, 
#nav ul#globalnav li a.thispagelink, 
#nav ul.sibnavlonger li a.thispagelink {color: #880000;}

/* global navigation links */
#globalnav {margin: 14px 0 24px 0;}
#globalnav li {margin: 4px 12px 0 7px;}
#globalnav li a {font: bold .8em Arial, Helvetica, sans-serif;
letter-spacing: 0.03em; 
height: 18px;
color: #333322;}
#globalnav li a:hover {color: #000066; border-bottom: 1px dotted #bbbbdd;}
#globalnav li#gnlang a {display: block; background: url("../images/blackglobe.gif") top right no-repeat;}
#globalnav li#gnlang a:hover {margin-bottom: -1px; background-image: url("../images/blueglobe.gif");} /* negative margin to prevent bouncing */
#globalnav li#gnlang a.thispagelink {background-image: url("../images/redglobe.gif");}
#globalnav li#gnlist {margin-bottom: 200px;}
#globalnav.longer {margin-bottom: 125px;}
#globalnav.littlelonger {margin-bottom: 75px;}
#globalnav.nobottommargin, #nav ul.nobottommargin {margin: 14px 0 3px 0;} /* ie was picky */


div#getacrobat {margin: 0 0 7px 7px;}

/* * * * prayer properties * * * */
#prayer {width: 510px; margin: 5px 5px 5px 0; float: right;}

/* first line at top of page */
#prayer h2 {font: normal 1.185em LThichatku, "Lakhota Thichatku";
color: #95928D; /* #95928D #615F5B*/
letter-spacing: 0.05em;
margin: 10px 50px 1.25em 4px;}
/* for special prayers and indexes */
#prayer h2.darker {color: #333322;}

/* standard paragraphs in prayer body with greater line-height, Lakhota web font. */
#prayer p {margin: 0 50px .75em 5px;
color: #330000;
font: normal 1.0em/1.375em LThichatku, 'Lakhota Thichatku';
clear: both;
text-indent: 1em;}
#prayer p.opening {text-indent: 0;}
/* no indent and short margin for mariner page */
#prayer p.noin {text-indent: 0; margin-bottom: .25em;}

/* links in the prayer area, Lakota web font. */
#prayer p a {font: normal 1.0em/1.375em LThichatku, 'Lakhota Thichatku';}
#prayer a:hover{border-bottom: 1px dotted #bbbbdd;}
#prayer a:visited {color: #660066;}

/* comments */
#prayer p.comment {font: normal 0.8em Arial, Helvetica, sans-serif; 
color: #444433;
margin: 0 50px .825em 1.5em;
text-indent: 0;} /*615F5B */
#prayer p.commentmarginbottom {font: normal 0.8em Arial, Helvetica, sans-serif; 
color: #444433;
margin: 0 50px 1.5em 1.5em;
text-indent: 0;} /*615F5B */
#prayer p.commentnomarginbottom {font: normal 0.8em Arial, Helvetica, sans-serif; 
color: #444433;
margin: 0 50px 0 1.5em;
text-indent: 0;} /*615F5B */
#prayer p.commentleft {font: normal 0.8em Arial, Helvetica, sans-serif; 
color: #444433;
margin: 0 50px 15px 5px;
text-indent: 0;} /*615F5B */
#prayer p.commentcaps {font: normal 0.8em Arial, Helvetica, sans-serif; 
color: #444433; 
text-transform: uppercase;
margin: 0 50px 20px 5px;
text-indent: 0;} /* 615F5B */
#prayer p.comment .cauthor, 
#prayer p.commentleft .cauthor, 
#prayer p.commentmarginbottom .cauthor {color: #444433; font-style: italic;} /* 615F5B */
#prayer p.comment a.comment {font-family: Arial, Helvetica, sans-serif;} 
#prayer p.commentleft a {font-size: 1em;}

/* text-based versals use a serif font */
span.versal {float: left; 
display: inline;
position: relative;
color: #992222; 
font: italic 3.25em/.75em LThichatkuI, 'Lakhota Thichatku'; 
margin: 0;
padding: 0;}
.versal#W {width: .775em; background: url("../images/feather-6.gif") center right no-repeat; padding: 0.03em 0 0 0.05em; top: 0em; }
.versal#O {width: .6em; background: url("../images/feather-4.gif") center center no-repeat; padding: 0.03em 0 0 0.05em; top: 0em; }

/* author signatures */
#prayer h4#author, #prayer h4.author {margin: 0 0 25px 275px;
font: italic 1.0em/1.825em LThichatkuI, 'Lakhota Thichatku';
color: #992222;
text-indent: 0.325em;
background: url("../images/swash1.gif") bottom left no-repeat;}

em {font-style: italic;}

/* * * * footer * * * */
#footer {clear: both; text-align: center; padding-top: 20px;}

/* footer navigation links */
#footernav {margin: 7px 0;}
#footernav li {margin: 0 9px; display: inline;}
#footernav li a:hover {border-bottom: 1px dotted #bbbbdd;}