@import url("http://images.fotki.com/css/photo_styles.css");
@import url("http://images.fotki.com/css/navs.css");
@import url("http://images.fotki.com/css/comments.css");
@import url("http://images.fotki.com/css/guestbook.css");

body {
margin:0;
padding:0;
background: #fff
}

body, td { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
color: #000
}

h1 {
font-size: 24px;
font-weight: normal;
border-bottom: 1px solid #ccc;
padding-bottom: 5px
}

h1 span { font-size: 14px }

#top_header {
background: url("http://images.fotki.com/bg-33.gif") repeat-x;
width: 100%;
/*border-spacing:0;
border-collapse:collapse*/
float:left
}

#top_header #logo { position: absolute; top:8px; left:9px }
#top_header #navigation { margin-left: 110px; height:1px }
#top_header #member_nav { text-align: right;
font-size:10px;
/* line-height:15px; */
margin: 5px 10px 0 0;
float: right
}

/*#top_subtabs {
background: #B9C9EF;
border-bottom: 2px solid #000;
padding: 5px 0 5px 10px;
font-size: 11px;
clear: both
}
#top_subtabs a { color:#000; text-decoration:none }
#top_subtabs a#sel { font-weight: bold }*/

#top_subtabs { float: left; width: 100%; background: #B9C9EF; padding-top: 2px; border-bottom: 1px solid #000 }
#top_subtabs ul { list-style: none; margin: 0 0 0 115px; padding: 0; font-size: 6px }
#top_subtabs li { float: left; font-size: 11px }
/*#top_subtabs > ul a { width:auto }*/
#top_subtabs a { text-decoration:none; display: block; padding: 2px 7px 4px 7px; position:relative; top:1px; float: left }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#top_subtabs a { float:none }
/* End IE5-Mac hack */
#top_subtabs a:not(:nth-child(n)) { float:left } /* Hack for MSN for Mac OS X */

#top_subtabs a.link { color:#000 }
#top_subtabs a { color: Gray }

#top_subtabs a#sel { font-weight: bold; color: #fff; background: #5471B9; border-left: 1px solid #000; border-top: 1px solid #000; padding: 3px 9px 2px 9px; margin: 0 5px 0 5px }
#top_subtabs a.link:hover { color: #5471B9 }



.hline {	height:6px; background:#5471B9; font-size:6px; clear:both }

#main_table { clear: both }
#main_table #panel { background-color: #5471B9; width: 5% }	/* ars, Sun Aug  1 13:58:41 EDT 2004 */

html>body table#main_table { height:100% }
head:first-child+body table#main_table { height:auto }

.email { font-size:12px }
.error { color:red; font-size:12px; font-weight:bold }
.emailstatus1 { font-size:11px; font-weight:bold; background:#E7E7E7 }
.emailstatus, .emailstatus2, .emailstatus3, .emailstatus4, .emailstatus5 {
font-size:11px; background:#fff
}

.UnderPhoto { font-size:10px }
.AlbumNav1Normal { font-size:12px }
.AlbumNav1Current { font-size:14px; font-weight:bold; background-color:#ccc }
.MailNav { font-size:14px; color:#fff }

.LeftNavHeader {
color:#cdcdcd;
font-size:14px;
font-weight:bold
}

.LeftNavConent { font-size:13px }

.header1, .text1bold { font-size:18px; font-weight:bold }
.header2 { font-size:14px; font-weight:bold }
.header3 { font-size:16px; font-weight:bold }

.text1 { font-size:18px }
.text2 { font-size:13px }
.text2bold, .text2b { font-size:13px; font-weight:bold }
.text3 { font-size:11px }
.text3b { font-size:11px; font-weight:bold }
.text4 { font-size:9px }

.podpis { font-size:8px }

.membernav {
font-size:10px;
font-weight:normal;
color:#000
}

.topnav {
font-size:12px;
font-weight:bold;
color:#000;
text-decoration:none
}

.tm { font-size:8px }

/* Top Tabs */

#top_tabs {
float:left;
width:100%;
line-height:normal;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif
}
#top_tabs ul {
margin:0;
padding:8px 10px 0;
list-style:none
}
#top_tabs li {
float:left;
background: #DFE5F4 url("http://images.fotki.com/tab1.gif") no-repeat left top;
margin:0 3px 0 0;
padding:0
}
#top_tabs a {
white-space: nowrap;
float:left;
display:block;
width:.1em;
background: url("http://images.fotki.com/tab1.gif") no-repeat 100% -28px;
padding:5px 7px;
text-decoration:none;
color:#000
}
#top_tabs div { float:left }
#top_tabs > ul a { width:auto }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#top_tabs a, #top_tabs div { float:none }
/* End IE5-Mac hack */
#top_tabs a:not(:nth-child(n)), #top_tabs div:not(:nth-child(n)) { float:left } /* Hack for MSN for Mac OS X */

#top_tabs a:hover { color:#5471B9 }
#top_tabs #current { background-color: #B9C9EF }
#top_tabs #current a {
font-weight:bold;
color:#333
}
#top_tabs li:hover, #top_tabs li:hover a { color:#5471B9 }

#top_tabs li.cart {
margin-left: 15px;
background-color: transparent
}
  
#top_tabs .cart div {
background: url("http://images.fotki.com/icon_shop.gif") no-repeat;
padding-left: 16px
}
#top_tabs .cart a {
background-color: transparent
}



.topmainnavlink {
font-size:13px;
color:#5471B9
}

.butnav {
font-size:11px;
font-weight:bold;
letter-spacing:2px;
text-decoration:none
}

.section_nav1 { font-size:12px; color: #fff }
.section_nav2 { font-size:11px; color: #fff }
.section_nav1_sel { color:#000; font-size:11px; background:#fff }
.section_nav1 { color:#fff; font-size:11px; background:#000 }

/* Panel Menu */

#panel_menu, #panel_submenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top: 50px }
#panel_menu ul, #panel_submenu ul { margin-left: 0; padding-left: 5px; padding-bottom: 1px }
#panel_menu ul ul { padding-left: 0 }
#panel_menu>ul, #panel_menu>ul ul, #panel_submenu>ul { padding-bottom: 0 }
#panel_menu li, #panel_submenu li { list-style:none; white-space:nowrap }
#panel_menu ul ul li { margin-left: 15px }
#panel_menu li#panel_sel { background: #fff }
#panel_menu #panel_sel ul { background: #5471B9 }

#panel_menu a, #panel_submenu a {
text-decoration:none;
display:block;
margin: 0 5px 0 5px;
line-height: 20px;
color: #fff;
font-weight: bold
}
#panel_menu a:hover, #panel_submenu a:hover, #panel_menu #panel_sel ul a:hover { color: #ccc }
#panel_menu #panel_sel a { color: #000 }
#panel_menu #panel_sel ul a { color: #fff }
#panel_menu ul ul a, #panel_submenu a { font-weight: normal }

#panel_menu a strong { color: #ff0 }
#panel_menu li#panel_sel a strong { color: #f00 }

#panel_submenu .disabled a { color:#B9C9EF }
#panel_submenu h4 { font-size:11px; color:#B9C9EF; margin-left:10px }


.bottommenu {
font-weight:bold;
font-size:11px;
color:#fff
}

.sponsorurl {
color:#999;
font-size:10px
}

.support_topic { 
FONT-FAMILY: Verdana; background-color: #CCC; FONT-SIZE: 11px
}
.support_msg { 
FONT-FAMILY: Verdana; background-color: #FFF; FONT-SIZE: 11px
}
.support_hdr { 
FONT-FAMILY: Verdana; background-color: #999; FONT-SIZE: 11px
}

.phototitle {
font-size:17px;
font-weight:bold
padding:5px 0 0 0
}

.photodesc { font-size:14px }

.boxshadowS { 
border:1px inset #000;
background-position: left top;
BACKGROUND-IMAGE: url("https://secure.fotki.com/images/input-box-shadow.gif");
BACKGROUND-REPEAT: no-repeat
}

.boxshadow {
border:1px inset #000;
background-position: left top;
BACKGROUND-IMAGE: url("http://images.fotki.com/input-box-shadow.gif");
BACKGROUND-REPEAT: no-repeat
}

.main_header { font-size:24px }

.main_header_sub { font-size:18px }

.req { font-size:10px; color:red }

.hr1 {
height:1px;  
border-style: none; 
background: #999
}

.tb1 { background: #B9C9EF }

.tb2 { background: #DADADA }

.tb3 { background: #ECECEC }

.tb4 { background: #fff }

.table1 {
border-style: solid; 
border-width: 1px
}

.table2 {
background: #eee;
border: 1px solid #cbcbcb
}

/* Home */

.home_fotki table {
width: 130px;
height: 130px;
border: 1px solid Black;
margin: 6px auto 6px auto;
background-color: #fff
}

.home_fotki td {
text-align: center
}

.home_fotki a {
display: block;
padding: 4px
}

/* Member Bar */

#member_bar {
padding: 5px 0 0 0;
background:#5471B9;
font-size: 1px;
line-height: 1px;
width: 100%;
f\loat:left
}

#member_bar h1 {
font-size: 18px;
color: #fff;
font-weight: bold;
margin: 0;
line-height: 18px;
padding-bottom: 2px;
float: left;
border: none
}

* html #member_bar h1 {	/* Hack for IE 5 */
line-height: normal;
padding-bottom: 0px;
p\adding-bottom: 2px
}

html>body #member_bar h1 {	/* Hack for Opera 6*/
padding-bottom: 2px
}

head:first-child+body #member_bar h1 {	/* For other good browsers - Opera 6 doesn't understand this construction*/
line-height: normal;
padding-bottom: 0
}
#member_bar h1, #member_bar #location, #member_bar #friend { float:left }
#member_bar #avatar { position: absolute }
#member_bar #avatar img { margin: 1px 0 0 10px }
#member_bar h1 { margin: 0 20px 0 0 }
#member_bar #location, #member_bar #friend { margin: 8px 20px 0 0 }
#member_bar #location, #member_bar #friend { font-size: 10px; line-height: normal }
#member_bar a { color: #fff; text-decoration: none }
#member_bar a:hover { color: #ccc }

#member_bar h2 {
float: right;
font-size: 14px;
background-color: #fff;
margin: 0;
padding: 2px 10px 0 40px;
line-height: 22px;
background: #fff url("http://images.fotki.com/member_panel_corner.gif") no-repeat 0 -35px;
white-space: nowrap
}


/* Folders Tree */

#path {
background: #DFE5F4;
border-bottom: 2px solid #B9C9EF;
border-left:  6px solid #B9C9EF;
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.splitter {
background: #B9C9EF url("http://images.fotki.com/tree_1/splitter-show.gif") repeat-y;
width:6px
}

td.splitter:hover, td.splitter_over {
background: #DFE5F4 url("http://images.fotki.com/tree_1/splitter-show.gif") repeat-y;
cursor: pointer
}

td.splitter.hide {
background: #B9C9EF url("http://images.fotki.com/tree_1/splitter-hide.gif") repeat-y;
width:6px
}

td.splitter.hide:hover, td.splitter.hide_over {
background: #DFE5F4 url("http://images.fotki.com/tree_1/splitter-hide.gif") repeat-y;
cursor: pointer
}

.splitter a {
width:6px; visibility:hidden
}

td#tree.hide { display:none }

td.tree { padding: 6px 10px 0 0 }

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

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

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

.tree ul li#sel li a { font-weight: normal }

.tree ul li.new, .tree ul li.shared_new {
background: url(http://images.fotki.com/tree_1/new.gif) no-repeat }

.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 ul li div { background: url("http://images.fotki.com/tree_1/fo.gif") no-repeat }
.tree ul li>div { background: url("http://images.fotki.com/tree_1/fo.png") no-repeat }
.tree ul div.shared, .tree ul div.shared_new { background: url("http://images.fotki.com/tree_1/fos.gif") no-repeat }
.tree ul li.shared>div, .tree ul li.shared_new>div { background: url("http://images.fotki.com/tree_1/fos.png") no-repeat }
.tree ol li div { background: url("http://images.fotki.com/tree_1/a.gif") no-repeat }
.tree ol li>div { background: url("http://images.fotki.com/tree_1/a.png") no-repeat }

.tree.check li div input { margin-right: 25px }
.tree.check ul li div { background: url("http://images.fotki.com/tree_1/fo.gif") no-repeat 20px }
.tree.check ul li>div { background: url("http://images.fotki.com/tree_1/fo.png") no-repeat 20px }
.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 }


/* Reserved for Navigation Panel */

.nav {
background: #B9C9EF;
font-size: 13px;
padding: 3px 5px;
margin: 10px 0 0 0;
}

/* Content Panel */
.slideshow {
margin-top: 3px;
font-size: 12px;
text-align: right
}

td.folder_content { padding-left: 10px }

div.fdetail {
width: 100%;
padding-top: 10px;
border-bottom: 1px solid #B9C9EF;
clear: both;
float: left
}

div.fdetail.selected {
background: #F7F7F7
}

.fdetail a {
color: #5471B9;
text-decoration: none
}
.fdetail dt a:visited { color: #B9C9EF }

.fdetail table, .fdetail td {
border-spacing:0; border-collapse:collapse; padding:0
}

.fdetail td.icon, .fdetail td.album {
vertical-align: top;
width: 1%
}

.fdetail td.prop {
vertical-align: top;
width: 99%
}

.fdetail .album img { display: block; margin: auto } /* Temporary for Opera 7.50 TP1 */

.fdetail .album a {
display: block;
height: 90px
}

.fdetail .album th { text-align: center; background: #fff url("http://images.fotki.com/tree_1/album.png") no-repeat center }
.fdetail.locked .album th, .fdetail.locked_new .album th { background: #fff url("http://images.fotki.com/tree_1/lock.png") no-repeat center }

.fdetail .icon a {
height: 48px;
width: 48px;
display: block;
margin: 0 0 5px 0
}
.fdetail td.icon { background: url(http://images.fotki.com/tree_1/f3_.gif) no-repeat }
.fdetail tr>td.icon { background: url(http://images.fotki.com/tree_1/f3_.png) no-repeat }

.fdetail.shared td.icon, .fdetail.shared_new td.icon { background: url(http://images.fotki.com/tree_1/f3_s.gif) no-repeat }
.fdetail.shared tr>td.icon, .fdetail.shared_new tr>td.icon { background: url(http://images.fotki.com/tree_1/f3_s.png) no-repeat }

.fdetail.locked td.icon, .fdetail.locked_new td.icon { background: url(http://images.fotki.com/tree_1/f3_l.gif) no-repeat }
.fdetail.locked tr>td.icon, .fdetail.locked_new tr>td.icon { background: url(http://images.fotki.com/tree_1/f3_l.png) no-repeat }

.fdetail.shared_locked td.icon, .fdetail.shared_locked_new td.icon { background: url(http://images.fotki.com/tree_1/f3_ls.gif) no-repeat }
.fdetail.shared_locked tr>td.icon, .fdetail.shared_locked_new tr>td.icon { background: url(http://images.fotki.com/tree_1/f3_ls.png) no-repeat }

.fdetail .co {
font-family: Arial, Helvetica, sans-serif;
color: #999;
font-size: 9px;
margin: 0 0 3px 11px
}

.fdetail dl { margin:0 0 3px 6px }

.fdetail dt {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000
}

.fdetail.new dt a, .fdetail.shared_locked_new dt a, .fdetail.shared_new dt a, .fdetail.locked_new dt a {
padding-right:25px;
background: url(http://images.fotki.com/tree_1/new.gif) no-repeat right
}

.fdetail dt.desc a {
padding-right:0;
background: none
}

.fdetail dt.datex, .fdetail dt.desc {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/*font-style: italic;*/
font-size: 13px
}

.fdetail dt.desc { font-weight: normal }

.fdetail dd {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999;
margin-left: 20px
}

.fdetail dd.e, .fdetail dd.p { margin-top: 6px }

.fdetail dd.a, .fdetail dd.f, .fdetail dd.comm, .fdetail dd.hits, .fdetail dd.visits { display: inline; white-space: nowrap }

.fdetail span {
float: left;
width: 100%;
text-align: right;
font-size: 11px;
color: #B9C9EF;
font-weight: bold;
padding: 0 0 1px 0
}

.fdetail span a, .fdetail span label {
font-weight: normal;
color: #5471B9;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
white-space: nowrap
}

.fdetail label {
float: none;
padding: 0 3px 0 0
}

.fdetail span a:hover, .fdetail span label:hover, .fdetail span label.hover { color: #000 }

.info {
margin: 50px auto 60px auto;
border: 1px solid #B9C9EF;
width: 50%;
padding: 9px 9px 15px 9px;
text-align: center;
font-size: 12px
}

.info h3 { font-size: 15px; color: #5471B9 }
.info a { color: #5471B9 }
.info ul { text-align: left; margin-left: 20px }



div.head {
position: fixed;
top:0;
width: 100%;
background-color: White;
}

div.fpanel {
position: fixed;
right: 0;
top: 80px;
width: 140px;
padding: 0;
margin: 0;
}

div.spanel {
position: fixed;
left: 0;
margin-left: 0px;
top: 80px;
width: 140px;
}

div.loc {
position: fixed;
width: 100%;
top: 55px;
}

.loc td {
padding: 2px 0 1px 3px;
background-color: White;
font-size: 11px;
}

.loc b {
margin: 0 2px 0 2px;
font-weight: normal;
}

.loc a {
text-decoration: none;
color: #5471B9
}

.loc a:hover { text-decoration: underline }

/*div.content {
margin-top: 0px;
z-index: 0
}

div.content { 
voice-family: "\"}\"";
voice-family:inherit;
margin-top: 0
}

html>body .content { margin-top: 80px } */

.fpanel a, .spanel a {
color: #fff;
font-size: 12px
}

.fpanel td, .spanel td { /*white-space: nowrap;*/ }
.fpanel td, .fpanel th { padding: 2px 0 3px 9px }
.fpanel a { margin: 0 0 0 12px }
.fpanel img { margin-left: 5px }

.fpanel th, .spanel th, .spanel h2 {
text-align: left;
color: #B9C9EF;
font-size: 14px
}

.spanel h2 {
text-align:center;
margin: 20px 0;
background-color: transparent;
padding:0
}

.spanel th, .spanel td { text-align: right }

.spanel td {
font-size: 11px;
color: #fff;
margin:0
}

.spanel #sel, .fpanel #sel { background-color: #fff }
.spanel #sel a, .fpanel #sel a { color: #000 }

/*h3 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999;
background-color: White;
font-weight: bold;
margin: 0;
padding: 0 5px 0 0;
display:inline
}

h3+hr {
color: #999;
background-color: #999;
height: 1px;
width: 90%;
margin-top: -8px;
padding-top: 0;
text-align: left;
margin-left: 0;
border-style: none
}*/

address {
font-size: 9px;
font-style: normal;
text-align: right;
margin: 9px 9px;
color: #999
}

.pagenav {
font-size: 11px;
padding: 0 10px 10px 0;
text-align: right
}

.pagenav b {
padding: 2px 4px 2px 5px;
background-color: #B9C9EF
}

.top {
background-image: url(bg-33.gif);
background-repeat: repeat-x
}

.list td, .list th a {
text-align:left;
padding-right:10px;
/*overflow: hidden;*/
vertical-align: top
}

.list th a {
white-space: nowrap;
padding: 3px 0 3px 10px;
/*height: 24px;*/
}

.list th.ralign a { padding-right:10px }

.ralign { text-align:right }

.list th a {
color: #000;
font-size: 11px
}

.list #sel { background-color: #B9C9EF }

.list th a {
display: block;
background-color: #DFE5F4;
text-decoration: none;
border-bottom: 2px #5471B9 solid;
}

.list th a:hover { background-color: #B9C9EF }

/* 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:#DFE5F4;
display: block;
text-align: center;
background-image: url(tab1.gif);
background-repeat: no-repeat
}

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

/* Wizard */

.wizard {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0
}

ol.wizard, .wizard ul {
list-style-type: none;
margin: 0;
padding: 0
}

ol.wizard { width: 100% }

.wizard span, .wizard a, li.un, li#sel { padding: 5px 0 5px 0 }

.wizard span {
margin-left: 5px;
padding-right: 5px;
padding-left: 5px;
background-color:#DFE5F4;
font-weight: bold
}

.wizard a {
padding-left: 6px;
/*margin-right: 3px; */
text-decoration:none;
color:#000000;
font-size: 11px;
display: block
}

ol.wizard li {
text-align: right;
background-color:#B9C9EF;
font-weight:normal;
border-bottom: 2px solid #5471B9
}

.wizard ul li {
padding: 2px 3px 3px 0;
text-align:right;
color:White;
border:0;
background-color: #5471B9
}

.wizard ul {
margin-top:5px;
background-color: #5471B9
}

.wizard>ul { margin-top: 0 }
.wizard a:hover { background-color: #DFE5F4 }

.wizard li#sel {
font-weight: bold;
background-color: #fff
}

.wizard li#sel span { background-color: #ff0 }

.wizard li#next {
padding:0;
border-bottom: 2px solid #5471B9
}

.wizard li#next a {
background-color:Yellow;
font-weight:bold;
text-align:center;
color: #5471B9
}

.wizard li#next a:hover { color: #000 }


/* Content */

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

.content h2 {
font-size : 15px;
color: #5471B9;
padding: 2px;
margin-bottom: 0
}


.content h3 {
font-size : 14px;
color: #000;
padding: 2px;
margin-bottom: 0
}


/* Forms */

.button {
font-size: 15px;
font-weight: normal;
font-style: normal;
color: #fff; 
background-color: #5471B9; 
margin: 0
}

.button_w {
font-size: 15px;
font-weight: normal;
font-style: normal;
color: #fff; 
background-color: #5471B9;
margin: 0 0 6px 0;
width: 100px
}

.button:focus, .button_w:focus, .button:hover, .button_w:hover {
background-color: #B9C9EF;
color: #000
}

form { margin: 0 }

.form_tip {
background-color: #FFFFE1;
font-size: 8px;
padding: 3px;
border: 1px dotted Black;
margin-left: 5px
}

.form_bg { background: #EEE url("http://images.fotki.com/form_bg.gif") repeat-y right }

label {
float: right;
/*	text-align: right;*/
font-family: Verdana;
font-size: 13px;
white-space: nowrap
}

a.help {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: White;
background-color: #B9C9EF;
padding: 0 3px 0 4px;
font-weight: bold;
text-decoration: none;
cursor: help
}

a.help:hover { background-color: #5471B9 }

.boxshadow1 {
border:1px inset black;
background: url("http://images.fotki.com/input-box-shadow.gif") no-repeat left top
}

.boxshadow1:focus {
background: url("http://images.fotki.com/input-box-shadow-sel.gif")
}

/* Common */

h2 {
font-size : 14px;
background-color: #fff;
padding: 2px;
margin-bottom: 0
}

.path {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
margin-bottom: 10px
}


/* Forms */

form fieldset {
margin: -7px 1px 0 0;
padding: 5px;
background-color: #F7F7F7;
border-width: 0;
border-style: dotted
}

form legend {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: Gray;
padding: 0 5px 2px 5px;
background-color: #fff
}

form th {
font-size: 11px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif
}





/* Cart */

table.cart { background-color: #F7F7F7 }

table.cart td, table.cart th {
border-right: 1px solid White;
padding: 0 5px 2px 5px
}

table.cart th span {
background-color: White;
padding: 0 5px 2px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: Gray
}

table.cart table td, table.cart table th {
border: 0;
padding: 0
}


/*  Guestbook  */

#gbook { font-size: 12px }
    
#gbook h2 {
margin-right: 10px;
padding: 0;
font-size: 22px;
display: inline
}
	    
#gbook h3 {
background-color: #ddd;
border-left: 10px solid #999;
padding: 3px 0 3px 10px;
font-size: 10px;
font-weight: normal;
margin: 20px 0 0 -20px
}
					    
#gbook h3 span { color: #999 }
						
#gbook .message .header {
border-left: 1px solid #999;
padding: 0 0 0 20px
}
							
#gbook .private {
font-size: 10px;
font-weight: bold;
color: Red
}
								    
#gbook .body {
font-size: 14px;
padding: 10px 0 20px 20px;
border-left: 1px solid #999
}
										
#gbook .navbar {
padding: 5px 20px 5px 20px;
border: 1px solid #999;
margin-top: 10px
}
									    
#gbook .message { border-bottom: 1px solid #999 }
											
#gbook .message .footer {
text-align: right;
padding: 0 0 3px 20px;
border-left: 1px solid #999
}
#bottomline { margin-top:20px; text-align:center }
#bottomline p { font-size:11px; margin:0 }
#bottomline a { color:#5471B9 }
#bottomline span { font-size:11px; color:#fff }


/* Journal */

#journal #j_categories {
float: right;
background-color: #ddd;
line-height: 1.5em;
padding: 10px;
margin: 0 0 10px 10px
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#journal #j_categories { position: relative; top: -50px }
/* End IE5-Mac hack */
#journal #j_categories:not(:nth-child(n)) { position: static } /* Hack for MSN for Mac OS X */
#journal #j_categories th { text-align: left }
#journal #j_categories a { text-decoration: none; font-weight: bold }
#journal #j_categories a:hover { color: #000 }
#journal #j_categories td { font-weight: bold; font-size: 12px; padding-left: 10px; text-align: right }
#journal #j_categories td span b { display: none }
#journal .j_description { font-weight: bold }

#journal, #journal p { font-size: 12px }
#journal p { margin: 5px 0 5px 0 }
#journal .entry_body { line-height: 1.5em }
#journal a { color: #5471B9 }
#journal h2, #journal h3 { clear: left }

#journal h2 {
font-size: 12px;
border-bottom: 1px solid #ccc;
padding-left: 0;
width: 75%;
background-color: transparent
}

#journal #j_categories h2 { margin-top: 0; border: none; width: 10% }
#journal h2#caregory { border: none }

#journal h3 {
font-size: 12px;
margin: 10px 0 10px 0;
display: block;
padding-left: 20px;
background: url('http://images.fotki.com/j/s.gif') no-repeat 0 2px
}

#journal h3 a {
font-size: 16px;
text-decoration: none
}

#journal .entry_footer {
margin: 10px 0 0 0;
font-size: 11px;
color: #999999
}

#journal h3 span, #journal .entry_footer span, #journal #j_commands span {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #B9C9EF;
font-weight: bold;
margin-left: 15px
}

#journal #j_commands span { margin: 0 }

#journal h3 span a, #journal .entry_footer span a, #journal #j_commands span a {
font-size: 11px;
font-weight: normal;
text-decoration: none
}

#journal h3 span a:hover, #journal .entry_footer span a:hover, #journal #j_commands span a:hover {
color: #000
}

#journal img { margin: 0 10px 5px 10px }
#journal img [align=left] { margin: 0 10px 5px 0 }
#journal img [align=right] { margin: 0 0 5px 10px }
#journal td img { margin: 0 }

/* Photo View */

#pic, #commands, #titles, #info, #comments {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px
}

#pic { float:left; margin:0 20px 20px 0 }
#pic #copy, #pic #external { font-size:10px; color:Gray }
#pic #original { text-align:left }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#pic #original { text-align:right }
/* End IE5-Mac hack */
#pic #original:not(:nth-child(n)) { text-align:left } /* Hack for MSN for Mac OS X */

#pic #error { color:Red; text-align:center; padding:10px; border:1px solid #000 }

#pic div, #pic dl, #pic dt, #pic dd { float:left; clear:both }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#pic div, #pic dl, #pic dt, #pic dd { float:none }
/* End IE5-Mac hack */
#pic div:not(:nth-child(n)), #pic dl:not(:nth-child(n)), #pic dt:not(:nth-child(n)), #pic dd:not(:nth-child(n)) { float:left } /* Hack for MSN for Mac OS X */

#commands #navigation a, #commands #navigation span { white-space:nowrap }
#commands #print, #commands #slideshow { margin: 10px 0 0 0 }

#titles { float:left; margin: 10px 0 0 0 }
#titles h3 { font-size: 18px; margin:0 0 5px 0 }
#titles p { font-size: 16px; margin:0 }
#titles h3, #titles p { float:left; clear:both }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#titles h3, #titles p { float:none }
/* End IE5-Mac hack */
#titles h3:not(:nth-child(n)), #titles p:not(:nth-child(n)) { float:left } /* Hack for MSN for Mac OS X */

#info {
float:right;
background-color:#EEE;
padding:5px;
margin: 10px 0 0 5px
}

#info dd, #pic #external dd { margin-left:16px }
#info dl, #info dt, #info dd { clear:both; float:left }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#info dl, #info dt, #info dd { float:none }
/* End IE5-Mac hack */
#info dd:not(:nth-child(n)), #info dt:not(:nth-child(n)), #info dl:not(:nth-child(n)) { float:left } /* Hack for MSN for Mac OS X */

#comments { clear: both; margin-top: 20px }


#moboffer1 { width:50%; float:left }
#moboffer1 p, #moboffer3 p { padding-right: 10px}
#moboffer2 { width:48%; float:left }