body {
	font: 12px/130% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #FFFFFF url(http://www.apollak.com/images/footer_01.gif) repeat-y;
	text-align: justify;
	margin: 0px;
}

body.fotki {
	color: #FFFFFF;
	background: #BDBB8C;
	}

body.fotki td {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	vertical-align: top;	
}

body.fotki b {
	display: block;
}

#title {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* Link styles */
a:link	{
	text-decoration: none;
	color: #00FF00;
}
a:visited	{
	text-decoration: none;
	color: #00CC00;
}
a:hover	{
	text-decoration: underline;
	color: #00FF00;
}
a:active {
	text-decoration: underline;
	color: #00CC00;
}

/* Link color mods for footer and fotki. */

body.fotki a:link,
body.fotki a:hover,
#foot a:link,
#foot.fotki a:hover {
	color: #669900;
	}
	
body.fotki a:visited,
body.fotki a:active,
#foot a:visited,
#foot a:active {
	color: #336600;
	}

/* These body class specific items should set the active navigation item to gray. */

body.home #nav #navhome a,
body.bio #nav #navbio a,
body.sites #nav #navsites a,
body.portfolio #nav #navportfolio a,
body.photos #nav #navphotos a,
body.apinions #nav #navapinions a,
body.links #nav #navlinks a {
	color: #666 !important;
	text-decoration: none !important;
}

#nav {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	float: none;
	position: relative;
	top: 0px;
	right: 0px;
	vertical-align: bottom;
	text-align: right;
}

#nav ul, #nav li {
	display : inline;
	list-style-type: none;
	margin : 0;
	padding : 0;
}

#foot {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	width: auto;
	bottom: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 50px;
	color: #333;
	display: block;
}

body.fotki #foot {
	color: #999;
	}

#header {
	width: auto;
	background-image: url(../images/headimg_01.gif);
	background-repeat: no-repeat;
	height: 60px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	background-position: right;
}

body.fotki #header {
	background-image: url(http://www.apollak.com/images/headimg_02.gif);
	background-color: #333333;
	}

#header img.logo {
	border: 0px;
	}

#content {
	padding-bottom: 50px;
	background-color: #333333;
	background-image: url(../images/left-bkg.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-right: 35px;
	padding-left: 50px;
	margin: 0px;
	width: auto;
}

body.fotki #content {
	background-color: #FFFFFF;
	background-image: url(http://www.apollak.com/images/left-bkg-inv.gif);
	}

.contentimg {
	float: right;
	border: 1px solid #999999;
	margin-bottom: 10px;
	margin-left: 20px;
}

.contentimgleft {
	float: left;
	border: 1px solid #999999;
	margin: 0px 20px 10px 0px;
	padding: 0px;
	clear: none;
}

/* Standard HTML elements redefined. */

p {
	margin: 0px 0px 10px;
	padding: 0px;
}


h1 {
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	line-height: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	line-height: 28px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

/* Definition Lists are used for the sites page and the links page but are displayed slightly differently. */

dt {
	margin: 10px 0px 0px;
	padding: 0px;
	font-weight: bold;
	text-align: left;
}
body.sites dd {
	margin: 0px;
	padding: 0px;
	display: inline;
	text-align: left;
}
dl {
	display: block;
	text-align: left;
}

/* Fotki specific selectors. */

#fotkibox {
	margin-top: 10px;
}

body.fotki .text4 {
}


body.fotki .text3 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	margin-left: 20px;
}

body.fotki .text2 { 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	margin-left: 20px; 
}

body.fotki .text1 { 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	margin-left: 20px; 
}

body.fotki .UnderPhoto  { 
	font-size: 10px; 
	margin-left: 20px; 
}

body.fotki .phototitle { 
	font-weight: bold; 
	font-size: 16px; 
	margin-left: 20px; 
}

body.fotki .photodesc { 
	font-size: 12px; 
	margin-left: 20px; 
}

.uf li.uf_name b {background:#BDBB8C}

.uf li.uf_new b {background:#BDBB8C}

.comments_avatar {
  width:0px;
  height:0px;
  background:#BDBB8C;
  border:0px solid white;
  position:relative;
  top:-30px;
  z-index: 999;
  }
  
.comments_table {margin:0 4px 8px 0px;width:100%}

.comments_topbg { height:34px;background-color:#BDBB8C;}
.comments_topbg td {border-bottom:2px solid #BDBB8C }
.comments_topbg td#left_cell {border-left:6px solid #BDBB8C;}



#feature {
	float: left;
	background: #333333;
	display: block;
	margin: 0px 10px 10px 0px;
	padding: 10px;
	width: 200px;
	border: 1px dashed #999999;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.opinion {
	display: block;
	width: auto;
	padding: 0px;
	height: auto;
	margin: 0px 0px 20px;
	clear: left;
}
td {
	vertical-align: center;
}


#order_gifts_full {
	display: none;
}


/* Folders Tree */

#path {
background: #BDBB8C;
border-bottom: 2px solid #BDBB8C;
border-left:  6px solid #BDBB8C;
padding: 3px 0 3px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

#path a {
text-decoration: none;
color: #000;
font-weight: normal
}

#path a:hover { color: #5471B9 }


td.tree { padding: 0}

.tree {
white-space: nowrap;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px
}

div#dtree{padding:6px 10px 0 0;margin:0;}

div#dtree.hide{display:none;padding:0;margin:0;font-size:0;line-height:0;width:0;}
html>body td.tree {width:1px;}

.tree a {
display: block;
text-decoration: none;
color: #000;
padding: 1px 0 4px 20px;
}

.tree a:visited { color: #999 }
.tree a:hover, .tree a:visited:hover { color: #5471B9 }
.tree li #sel { color:#000;font-weight: bold;}



.tree ol, .tree ul {
list-style-type: none;
padding: 0;
margin: 0 0 0 -20px;
}
.tree ul ul, .tree ol { margin-left: 20px; }

.tree li div { margin-left: 20px; }
.tree.check li div input { margin-right: 25px; }
.tree.check ul a { padding-left: 0; }
.tree.check ul ul { margin-left: 15px; }
.tree.check label {
float: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.tree.check input[disabled] {	visibility: hidden; }

/*  .album { border-bottom: 1px solid #8dc919; }


/* Tabs */

.tabs {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px
}

table.tabs { margin-left: 22px }

.tabs span {
margin-left: 2px;
background-image: url(tab2.gif);
background-repeat: no-repeat;
background-position: right top
}

.tabs span, .tabs a { padding: 5px 0 5px 0 }

.tabs a {
padding-left: 6px;
margin-right: 3px;
text-decoration:none;
color:#000000;
background-color:#BDBB8C;
display: block;
text-align: center;
background-image: url(tab1.gif);
background-repeat: no-repeat
}

.tabs a:hover { background-color: #BDBB8C }
.tabs #sel {
font-weight:bold;
background-color: #BDBB8C
}



/* $TopStyle:URL=http://images.fotki.com/i/css/album_content_wtree.css$ */

#line {position:relative;left:-6px;top:0;width:100%;height:6px;background:transparent;z-index:0}
#line.one {border-top:2px solid #BDBB8C;}
#line.two {border:0;}
#line a {cursor:hand}

#lineb {background:#BDBB8C;height:2px;font-size:0;line-height:2px;position:relative;left:-6px;z-index:0;top:4px;}
#tabs {padding:0 12px;margin:0;position:relative;z-index:1;bottom:-2px}
#tabs ul {margin:0;padding:0;white-space:nowrap;list-style: none;height:16px;line-height:13px}
#tabs li {margin:0;padding:0;white-space:nowrap;list-style: none}

#tabs .bot ul {height:19px;line-height:13px}
#maintabs a {text-decoration:none;color:black;}
#maintabs a:hover {color:gray}
#maintabs p {padding:0 8px 1px 8px;margin:0;border:0 solid; border-width:0 1px;font-weight:bold;}
#maintabs #tabNMselected p {padding:0 8px 3px 8px;}
#maintabs .tabSelected p {padding:0 8px 3px 8px;}


.bot #maintabs p {padding:3px 8px 0 8px;margin:0;border:0 solid; border-width:0 1px;font-weight:bold;}
.bot #tabNM p {margin:1px 0 0 0;border-top:1px solid #BDBB8C;}



div#rnd { margin: 0 2px}

b.rtop {display:block;background: transparent;
       //height:4px;
}
b.rtop b {display:block;height: 1px;overflow: hidden;font-size:0}

b.r2, b.r3, b.r4 {border-width:0 1px;border-style:solid}
b.r1 {margin:0 4px; border:1px solid white;border-width:0 0 1px 0}
b#bot {margin:0 4px; border:1px solid white;border-width:1px 0 0 0}
b.r2 {margin:0 2px; border-width:0 2px}
b.r3 {margin:0 1px;}
b.r4 {height:2px; margin:0 1px;}

a#newcmnts, a#totalcmnts {padding:0}
a#newcmnts {padding:0 8px 0 0}

#commtab a#totalcmnts {margin:0 2px;color:#5471B9}
#commtab a:hover#totalcmnts {color:blue}
#commtab a#newcmnts {text-decoration:none;margin:0 2px;color:#F67A00}
#commtab a:hover#newcmnts {color:red}

#pagenav a {margin:0 3px;}
#pagenav a#sel {color:blue}
#pagenav a:hover#sel {color:red}
#tabstitle {font-size:24px;padding:4px 0 12px 8px}
#tabsdescr {font-size:12px;padding:0 0 12px 8px;color:gray;}
#tabsdescr2 {font-size:12px;color:gray;}
#path {border-bottom:0}


#tabNMselected p, #tabNMselected b.r2,#tabNMselected b.r3,#tabNMselected b.r4  {background-color: #FFF}
#tabNM p, #tabNM b.r2,#tabNM b.r3,#tabNM b.r4 { background:     #DFE5F4 }
#maintabs p, b.r1, b.r2, b.r3, b.r4, b#bot    { border-color:   #5471B9 }
#maintabs b.r1 { // background:transparent;}

.tabSelected p, .tabSelected b.r2, .tabSelected b.r3, .tabSelected b.r4  { background-color: white;}
.tabUnselected p, .tabUnselected b.r2, .tabUnselected b.r3, .tabUnselected b.r4 { background:     #DFE5F4 }




.geoList { z-index:2; position:absolute; font-family: Tahoma, Arial; font-size: 12px; background-color: #F9FAFD; font-weight: normal; padding: 1px; margin: 7px 3px; border: 1px solid #B9C9CF;width:200px }

.geoList a {
display: block; padding: 2px 5px 2px 15px;
font-weight: normal;
color: #000000;
text-decoration: none;
}
.geoList #close a{ float:right;text-decoration: none;  padding: 0px 2px 0px 2px;}
.geoList a:hover { background-color: #DFE5F4; }
.geoList #desc {color:#000000; background-color: #DFE5F4; padding: 2px 4px 1px 4px; display:block;}
.geoList #plcename {color:#000000; padding: 2px 5px 2px 15px; background-color: #F9FAFD; font-weight: normal;}
.geoList #coordinates { padding: 2px 4px 1px 4px; background-color: #DFE5F4; }
#earth { 
background:url('http://images.fotki.com/i/images/geo/earth.png') center bottom no-repeat;
// background:url('http://images.fotki.com/i/images/geo/earth.gif') center bottom no-repeat;
}

/*Share Photo Styles*/
#albumtab a, #thumbtab a {display:block; margin:0; padding:5px;text-decoration:none;}
#albumtab a nobr, #thumbtab a nobr {color:black}

#albumtab {
     border-left:2px solid #BDBB8C;
       border-right:1px solid #BDBB8C;
}
#thumbtab {
     border-left:1px solid #BDBB8C;
       border-right:2px solid #BDBB8C;
}

.sel {  background-color:#E9E5F4;}


/* Tree Splitter  */

td.splitter             {border:0;border-left:6px solid #BDBB8C;background:transparent;margin:0;padding:0;}
td.splitter a           {position:relative;top:14px;left:0;display:block;width:6px;height:18px;border:0;cursor:hand}

td.splitter a s, td.splitter a i {display:block;overflow:hidden;float:left;font-size:0;line-height:0;margin:0;padding:0}
td.splitter a s {height:1px;width:5px;background:#BDBB8C;clear:both}
td.splitter i#itsplitter {height:15px;width:6px;border-right:1px solid #BDBB8C;background:#DFE5F4}


#arrh {position:relative;width:3px;height:5px;top:4px;left:1px;z-index:99}
#arrh u , #arrh b , #arrh i {top:0;width:1px;display:block;line-height:0;font-size:0;height:1px;float:left;clear:both;overflow:hidden;position:relative;background:Black;margin:0}

.one #arrh i {left:2px}
.one #arrh b {left:1px}
.one #arrh u {left:0}

.two #arrh i {left:0px}
.two #arrh b {left:1px}
.two #arrh u {left:2px}

/*  End of tree splitter */

/* Title text splitter */

#vsplitter {
  width:18px;
  height:9px;
  position:absolute;
  left:50%;
  top:0
  }
    
   
#vsplitter s {
  display:block;
  margin:0 1px;
  padding:0;
  width:16px;
  height:1px;
  background:#B7C7EC;
  border:0;
  line-height:0;
  font-size:0;
  overflow:hidden
 }


i#ivsplitter {display:block;width:18px;height:6px;background:#DFE5F4;border:1px solid #BDBB8C;border-width:0 1px}

#arr u , #arr b , #arr i {border:1px solid black;border-width:0 1px;display:block;line-height:0;font-size:0;height:1px;float:left;clear:both;overflow:hidden;position:relative;background:transparent;margin:0}

/*  Hack for IE 5.5 , first block for all browsers, second - for all, but not for IE 5.5 */

#arr {width:5px;height:3px;top:2px;left:5px;position:relative;z-index:99}

#arr u {left:2px}
#arr i {left:1px;width:3px}
#arr b {left:0}

.one #arr u {width:1px}
.one #arr b {width:5px}

.two #arr u {width:5px;left:0}
.two #arr b {width:1px;left:2px}

"\"/*"

a {}

td.splitter a s {width:5px}
td.splitter i#itsplitter {width:5px}

#vsplitter s {width:18px}

#arr  {left:7px}
#arrh {top:5px}

#arr u {left:0}
#arr i {width:1px}
#arr b {left:0px}

.one #arr u {width:2px;border-left:0}
.one #arr b {width:3px}

.two #arr u {width:3px}
.two #arr b {width:2px;left:0;border-left:0}

"\"*/"

/* this line must be the last line in document */