@charset "UTF-8";
/* CSS Document 
   Dark Angels
   Styles for Web Broswers
*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 29, 2011 */



@font-face {
    font-family: 'Goudy Book';
    src: url('goudy_bookletter_1911-webfont.eot');
    src: url('goudy_bookletter_1911-webfont.eot?#iefix') format('embedded-opentype'),
         url('goudy_bookletter_1911-webfont.woff') format('woff'),
         url('goudy_bookletter_1911-webfont.ttf') format('truetype'),
         url('goudy_bookletter_1911-webfont.svg#Goudy Book') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Goudy Sorts Mill Italic';
    src: url('oflgoudystm-italic-webfont.eot');
    src: url('oflgoudystm-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('oflgoudystm-italic-webfont.woff') format('woff'),
         url('oflgoudystm-italic-webfont.ttf') format('truetype'),
         url('oflgoudystm-italic-webfont.svg#OFLSortsMillGoudyItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Goudy Sorts Mill';
    src: url('oflgoudystm-webfont.eot');
    src: url('oflgoudystm-webfont.eot?#iefix') format('embedded-opentype'),
         url('oflgoudystm-webfont.woff') format('woff'),
         url('oflgoudystm-webfont.ttf') format('truetype'),
         url('oflgoudystm-webfont.svg#OFLSortsMillGoudyRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Nymphette';
    src: url('nymphette-webfont.eot');
    src: url('nymphette-webfont.eot?#iefix') format('embedded-opentype'),
         url('nymphette-webfont.woff') format('woff'),
         url('nymphette-webfont.ttf') format('truetype'),
         url('nymphette-webfont.svg#NymphetteRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color:#0e0e0e;
	font-size:18px;
	font-family:'Goudy Book';
}
#container {
	margin:0 auto;
	text-align:center;
	width:1112px;
	min-height:1799px;
	background-image:url(../images/dark-angel_winged_victory-isrgb.png) ;
	background-repeat:no-repeat;
	background-position:0 63px;
}
div #threesome {
	position:relative;
	margin:0 auto;
	margin-top:20px;
	width:900px;
}
#rightdiv a, #leftdiv a  {
	text-decoration:none;
	color:#ddd;
	border-bottom:1px dotted #999;
	
}
div #rightdiv {
	position:absolute;
	top:0; left:0;
	width:300px;
}
div #display0  { /* This contains the poems, renderings and reconings */
	position:absolute;
	top:0; left:300px;
	border:1px solid #333;
	width:298px;
	height:327px;
 	/* height:1240px; target size when large */
	margin:0;
	padding:0;
	background-image:url(../images/gray75.png)
}
div #leftdiv {
	position:absolute;
	top:0; left:600px;
	width:300px;
}
#rightdiv p {
	text-align:right;
	margin-right:5px;
}
#leftdiv p {
	text-align:left;
	margin-left:5px;
}
#rightdiv p, #leftdiv p {
	color:#dddddd;
	text-shadow: black 0.1em 0.1em 0.9em;	 
}
div .poem {
	
}
.l  {
	float:left;
}
.r  {
	float:right:
}
h1 {
	font-family: trajan-pro;
	color:#ddd;
	font-size: 3.5em;
	margin-bottom:11px;
	padding-bottom:0;
	display:inline-block;
}
h1 a {
	color:#ddd;
	text-decoration:none;	
}
div #underline {
	border-bottom:#339 solid 1px;
	width:440px;
	margin:-20px auto 0 auto;
}
h2 {
	font-family: trajan-pro;
	color:#333;
	font-size:1em;
	margin:2px 0 0 10px; 
	padding:0;
	letter-spacing:.885em;
	display:inline-block;
	text-align:center;
}
.glow {
	color:black;
	text-shadow:0 0 20px #77f,0 0 15px #99f,0 0 10px #ccf,0 0 5px #fff;
}
h3 {
	font-family: 'Goudy Sorts Mill';
	color:#999999;
	font-size: .95em;
	letter-spacing:.15em;
	margin-top:8px;
	margin-bottom:0;
	color:ff0000;
}
.kernme200 {
	letter-spacing:-.2em;
}
.kernme175 {
	letter-spacing:-.175em;
}
.kernme150 {
	letter-spacing:-.15em;
}
.kernme125 {
	letter-spacing:-.125em;
}
.kernme100 {
	letter-spacing:-.1em;
}
.kernme075 {
	letter-spacing:-.075em;
}
.kernme050 {
	letter-spacing:-.05em;
}
.kernme025 {
	letter-spacing:-.025em;
}
.kernme000 {
	letter-spacing:normal;	
}
.spaceme010 {
	letter-spacing:.1em;
}
.spaceme025 {
	letter-spacing:.25em;
}
.spaceme050 {
	letter-spacing:.5em;
}
.spaceme075 {
	letter-spacing:.75em;
}
.spaceme090 {
	letter-spacing:.9em;
}
.spaceme100 {
	letter-spacing:1em;
}
.spaceme200 {
	letter-spacing:2em;
}
.spaceme300 {
	letter-spacing:3em;
}
.spaceme400 {
	letter-spacing:4em;
}
#poem_clip_english, #poem_clip_deutch, #poem_all_english, #poem_all_deutch {
	position:absolute;
	top:52px;
	width:298px;	
}
/* #poem_clip_english,  #poem_clip_deutch, #poem_all_english, #poem_all_deutch { */
#poem_clip_deutch, #poem_all_english, #poem_all_deutch {
	display:none;
	/* border:1px solid #ff0000; */
}
.poem p, .poem h1 {
	color:#ddd;
	line-height:2em;
	text-shadow: black 0.1em 0.1em 0.2em;
	margin-top:0;	 
}
.poem h1 {
	font-family:trajan-pro;
	font-size:1em;
	padding-bottom:10px;
	margin-bottom: 23px;
	border-bottom:1px solid #333;
}
.poem a {
	font-style:normal;
	text-decoration:none;
	color:#000;
}
.poem p:first-letter {
	font-family:trajan-pro;
	font-size:2em;	
}
.poem p:first-line {
	line-height:2em;
}
.credit {
	font-style:italic;
	color:#000 !important;
	line-height:.5em !important;
}
.credit:first-letter {
	font-size:1em !important;
}
.nymph {
	font-family:'Nymphette';
	font-size:3em;
	color:#555 !important;
}
.testborder {
	border:1px solid #ff0000;
}
/* Renderings Stuff */
#renderings_preview_div {
	margin:0; padding:0;
	text-align:left;
	width:594px;
	height:572px;
}
#renderings_preview_div img {
	margin:0;
	display:block;
	-moz-box-shadow: 0 5px 10px  #000;
	-webkit-box-shadow: 0 5px 10px  #000;
	box-shadow: 0 5px 10px  #000;
}
#renderings_preview_div {
	display:none;
}
#i01_full_div, #i02_full_div, #i03_full_div, #i04_full_div, 
#i05_full_div, #i06_full_div, #i07_full_div, #i08_full_div
 {
	position:absolute; 
	top:40px; 
	left:40px;
	display:none;
}
#rendering_full_div {
	margin:0;
	padding:0;
	position:absolute;
	width:880px;
	height:1414px;
	top:0; left:10px;	/* (900  - (800 + 80))/2 */
	background-color:#fff;	
	display:none;
}
#rendering_full_div img {
	display:block;
}
.next {
	position:absolute;
	left:800px;top:0px; 
	cursor:pointer
}
.prev {
	position:absolute;
	left:-40px;top:0px; 
	cursor:pointer	
}
.close {
	position:absolute;
	left:800px;top:-40px;
	cursor:pointer;	
}
.image_copyright {
	text-align:right;
	font-size:.9em;
	margin-right:10px;
	margin-top:-30px;
	color:#fff;
	opacity:.25
}
.image_copyright a {
	color:#fff;	
}
.image_name {
	float:left;
	font-style:italic;
	margin-top:-5px;
	margin-left:-3px;
	color:#888;
}
.image_info {
	float:right;
	margin-top:-5px;
	color:#888;
}
.image_extended_info {
	clear:both;
	margin-top:2em;
	color:#888;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	width:800px;
}
.image_extended_info a {
	color:#888;
	text-decoration:none;
	border-bottom:1px #888 dotted;
}
.image_number {
	position:absolute;
	top:-50px; left:-25px;
	color:#CCC;	
}
#cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2000px;
	display: none;
	background-color: #000000;
	/* border:1px solid #ff0000; */
	opacity: .7;
	filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.7);
}
#reckonings_div {
	display:none;
}
#reckonings_div a {
	border-bottom:1px dotted black;
	color:black;
	text-decoration:none;	
}
#reckonings_p1, #reckonings_p2, #reckonings_p3 {
	margin:20px;
	padding:10px 40px;
	height:512px;
	background-image:url(../images/white50.png);
	text-align:justify;
}
#reckonings_p2, #reckonings_p3 {
	display:none;
}
.initcap:first-letter {
	font-family:trajan-pro;
	font-size:2em;	
}
.nextpage, .prevpage {
	position:absolute; 
	top:500px; left:60px; 
	width:430px;
	font-size:.75em;
	text-align:right;
}
.prevpage {
	text-align:left; 
}
.pagelabel {
	border-bottom:1px dotted #000;	
	cursor:pointer;
}
#email {
	position:absolute;
	top:516px;
	font-size:.75em;
	text-align:center;
	width:100%;
	text-shadow: black 0.1em 0.1em 0.2em,black 0.1em 0.1em 0.2em;
	letter-spacing:.05em;
}
#email a {
	color:#999;
	text-decoration:none;
	border-bottom:1px dotted #999;
}
div #update {
	position:absolute;
	top:346px; left:300px;
	border:1px solid #333;
	width:298px;
 	/* height:1240px; target size when large */
	margin:0;
	padding:0;
	background-image:url(../images/gray75.png)
}
#update_content img {
	margin:-6px 10px 14px 10px;
	display:block;
	float:left;	
	border:1px solid rgba(255,255,255,0.33);
	box-shadow: black 0.1em 0.1em 0.4em;
}
#update_content p {
	color:#ddd;
	line-height:2em;
	text-shadow: black 0.1em 0.1em 0.2em;
	text-align:left;
}
#reading_block {
	width:909px;
	border:1px solid #333;
	margin:20px auto 100px auto;
	padding:20px;
	background-image:url(../images/gray75.png)
}
#inner_reading_block {
	background-image:url(../images/white66.png);
	margin:0;
	padding:20px;	
	min-height:800px;
	width:869px; /* 909 - 40 = 869 */
}
div .underliner {
	border:none;
	border-bottom:#339 solid 1px;
	width:440px;
	margin:20px auto 10px auto;
}
#inner_reading_block h2 {
	font-family: trajan-pro;
	color:#333;
	font-size:1.5em;
	margin:2px 0 0 10px; 
	padding:0;
	letter-spacing:.90em;
	display:block;
	text-align:center;
}
#inner_reading_block p {
	text-align:justify;
	margin-top:16px;
	padding-left:10px;
	padding-right:10px;
	
}
#inner_reading_block a {
	text-decoration:none;
	color:rgba(137,0,4,1.00)	
}
#inner_reading_block blockquote,
#inner_reading_block blockquote p {
	text-align:justify;
	color:rgba(95,95,95,1.00);
	
}

#jacob_init_cap + p  { /* the first paragraph after the init cap div */
	text-indent:-9px;
	margin-top:57px;
}
#inner_reading_block img {
	float:left;
	margin-right:20px;
}
#jacob_div {
	margin:auto; 
	position:relative; 
	width:460px; 
	height:80px;
}
.jacob {
	font-family: trajan-pro;
	color:#333;
	font-size:2em;
	margin:2px 0 0 10px; 
	padding:0;
	text-align:center;
	letter-spacing:.015em;
	position:absolute;
}
.t1 {
	font-size:3.5em !important;
	top:0;
}
.t2 {
	top:10px;
	border-bottom:1px solid #339;
}
#jacob_init_cap {
	float:left;
	background-image:url(../images/white66.png);
	border:1px solid black;
	padding:6px 17px;
	margin:20px 10px 0px -20px;
	font-size:5em;
	font-family: trajan-pro;
	color:#333;
}