/* overall layout control */
body 	
{ 
position: relative;
background: url(left-bg.gif) top left repeat-y fixed #000000;
z-index:1;
}

#content	
{ 
position: relative;
padding: 55px 30px 0px 105px;
height: 100%;
margin: 0 auto;
background: url(corner-star.gif) top right fixed no-repeat;
z-index: 2;
}

#topbar
{
position: fixed !important;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 50px;
background: url(topbar.gif) repeat-x #000000;
z-index: 5;
}

#topleftimg
{
position: absolute;
padding: 0px;
top: 0px;
left: 0px;
}

#titleimg
{
position: absolute;
top: 19px;
left: 91px;
}

#leftnav	
{ 
position:fixed !important;
position: absolute;
top: 115px;
left: 9px;
padding: 0px;
width: 79px; 
z-index: 4;
}

#leftnav	img
{
padding: 5px 0 5px 0;
}


/* overall text stylistics */

div, td, p, blockquote, ul, li
{ 
font-size: 10pt;
color: #cccccc; 
font-family: Arial, Verdana, Sans Serif; 
}

a:link	{ color: #69f;
		text-decoration: none; }
a:visited	{ color: #369;
			text-decoration: none; }
a:active	{ color: #9cf;
			text-decoration: none; }

.header	{ font-size: 12pt;
font-weight: bold; }

.header2	{ font-size: 11pt;
		font-weight: bold; }

.small	{ font-size: 8pt; }

.malakhim	{ color: #aaaaaa; }

.smallwhite	{ font-size: 8pt;
			color: #ffffff; }

.new		
{ 
color: #ffffff;
font-size: 8pt;
font-weight: bold;
line-height: 125%; 
}

.angelquote
{
color: #369;
font-style: italic;
}

.apology
{
color: #aaa;
font-size: 8pt;
font-style: italic;
}

.zaftext { color: #96f; }

.miktext { color: #c99; }

.raztext { color: #6cf; }

.gavtext { color: #bbb; }

.kaeltext { color: #c9f; }

.hantext { color: #fff; }

.raftext { color: #fb8; }

.khamtext { color: #f77; }

.vashtitext { color: #999; }

.ishkitext { color: #ff9; }

.kashtext { color: #3c9; }

.xontext { color: #b97; }

/* top page specific */

#indexpic	
{ 
position: relative;
float: right;
right: 10px;
width: 300px;
height: 400px;
margin: 10px 0 100px 20px;
padding: 5px 0px 0px 0px;
background: url(gallery/toppics/top-20080618.jpg) no-repeat;
color: #aaa;
font-style: italic;
font-size: 8pt;
}

#update
{
position: relative;
border: 1px #36c solid;
border-left: 3px #36c solid;
width: 184px;
padding: 5px;
margin-right: 330px;
background: url(corner-star.gif) bottom right no-repeat;
}

.update1
{
float: left;
font-style: italic;
font-size: 8pt;
padding-top: 5px;
}

.update2
{
padding-left: 75px;
padding-top: 5px;
font-size: 8pt;
}

/* about page specific */

.updates	
{ 
position: relative;
float: left; 
}

/* profile page specific */

.profileholder
{ 
width: 640px;
height: 180px;
}

.profileholder2
{ 
width: 385px;
height: 180px;
}

.profileholder3
{ 
width: 655px;
height: 130px;
}

.profile
{ 
position: relative;
float: left;
padding: 5px; 
}

#profilenav
{
float: right;
padding-right: 43px;
}

#profilenav img
{
padding: 0 2px 0 2px;
}


#profilepic	
{ 
position: relative;
float: right;
right: 10px;
width: 250px;
height: 370px;
margin: 10px 0 0 20px;
padding: 0px 5px 5px 5px;
font-style: italic;
font-weight: bold;
}

#profilepicevils	
{ 
position: relative;
float: right;
right: 10px;
width: 250px;
height: 350px;
margin: 10px 0 0 20px;
padding: 0px 5px 5px 5px;
font-style: italic;
font-weight: bold;
}

#profilepicbits
{ 
position: relative;
float: right;
right: 10px;
width: 250px;
height: 250px;
margin: 10px 0 0 20px;
padding: 0px 5px 5px 5px;
font-style: italic;
font-weight: bold;
}

.profileleadname
{
float: left;
padding: 2px 10px 2px 0px;
text-align: right;
width: 62px;
color: #fff;
font-style: italic;
font-size: 12pt;
}

.profilefollowname
{
padding: 2px;
font-weight: bold;
font-size: 12pt;
}

.profilelead
{
float: left;
padding: 2px 10px 2px 0px;
text-align: right;
width: 62px;
color: #fff;
font-style: italic;
}

.profilefollow
{
padding: 2px;
}

.profileleadbpal
{
float: left;
padding: 2px 10px 2px 0px;
text-align: right;
width: 69px;
color: #fff;
font-style: italic;
}

img.about
{
	padding: 0px 4px 4px 0px;
}


/* timeline page specific */

#topnav
{
float: right;
padding-right: 20px;
padding-top: 8px;
}

#topnav img
{
padding: 0 2px 0 2px;
}

div.tlpicleft
{
	float: left;
	width: 235px;
	padding: 0px 15px 10px 10px;
}

div.tlpicright
{
	float: right;
	width: 235px;
	padding: 0px 10px 10px 15px;
}

div.tltext
{
	padding: 5px 10px 0px 10px;
}

hr.tldivider
{
	clear: both;
	background: none;
	height: 5px;
	width: 200px;
	border: none;
	margin-top: 20px;
	margin-bottom: 20px;
}


/* gallery main page specific */

img.gallborders 
{
 margin: 2px 3px 2px 3px;
 }

.gallborders a:link img	 	{ border: 1px solid #69f; }
.gallborders a:visited img	{ border: 1px solid #369; }
.gallborders a:active img	{ border: 1px solid #9cf; }
.gallborders a:hover img	{ border: 1px outset #9ff; }

a.gallbordernew:link img	{ border: 1px solid #ffffff; }
a.gallbordernew:visited img	{ border: 1px solid #ffffff; }
a.gallbordernew:active img	{ border: 1px solid #ffffff; }
a.gallbordernew:hover img	{ border: 1px outset #ffffff; }

.gallheader	
{ 
font-size: 12pt;
font-weight: bold;
margin-left: 32px; 
}

.gallsmall	
{ 
font-size: 8pt;
margin-left: 15px; 
}

td.gallspacer
{
width: 50px;
}

/* gallery snapshot page specific */

img.snapspace
{
 margin: 0px 4px 0px 4px;
 }

/* gallery photostory page specific */

.galleryheader	
{ 
color: #aaaaaa;
font-size: 12pt; 
}

/* storyline page specific */

div.storyleft	
{ 
position: relative;
float: left;
left: 3%;
width: 45%;
line-height: 125%; }

div.storyright	
{ 
margin-left: 52%;
line-height: 125%; 
}

/* text story page specific */

div.storiesintro
{
padding: 10px 90px 0px 90px;
font-size: 8pt;
}

div.indent
{ text-indent: 50px; }

/* link page specific */

div.linkimg	
{ 
position: relative;
float: left;
width: 48%;
margin-top: 3px;
margin-bottom: 3px; 
}

div.linktext 
{ 
position: relative;
float: right;
width: 50%;
font-size: 8pt;
margin-top: 4px;
margin-bottom: 3px; 
}

.linkiesimg	
{ 
width: 200px;
padding: 8px;
}

.linkiestext 
{ 
width: 200px;
font-size: 8pt;
padding: 3px 15px 4px 2px;
}