body {
  font-family: Arial, sans-serif;
  color: #303030;
  background: white;
}

a {
  color: black;
}
a:hover {
	text-decoration: none;
}

h2 {
	font-size: 0.95em;
	font-weight: normal;
	text-transform: uppercase;
	color: #303030;
	padding: 0;
	margin: 0;
	margin-bottom: 14px;
}

.icq-status {
	margin-left: 4px;
	background: url(/resources/i/icon-icq-offline.gif) no-repeat right center;
  width: 16px;
  height: 16px;
}


.overlay {
  background: #ffffff;
  z-index: 400;
}

/* @group Popup form */

.popup-form {
  position: absolute;
  display: none;
  width: 280px;
  background: #F3F3F3;
  color: #000000;
  padding: 15px;
  z-index: 200;
  font-size: 1em;
  margin-bottom: 20px;
}
  .popup-form .popup-inner {
    display: block;
    background: #F3F3F3;
    color: white;
    width: auto;
  }
    .popup-form form {
      margin: 0;
    }

.popup-pointer {
  height: 7px;
  background: url(/resources/i/pointer-white.gif) no-repeat center top;
}

/* @end Popup form */

/* @group HtmlBox */

.htmlbox-overlay {
  background: black;
  z-index: 3000;
}

.htmlbox {
  background: white;
  z-index: 3001;
}

.htmlbox h1 {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  font-weight: normal;
  margin: 10px;
  color: #273337;
}

.htmlbox .htmlbox-code {
  padding: 0;
  font-size: 0.8em;
  margin: 10px;
  margin-top: 0px;
  color: #474647;
  text-align: center;
}

.htmlbox .htmlbox-buttons {
  padding-bottom: 15px;
}

/* @end HtmlBox */

/* @group Header */

#header ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#header ul li {
	  float: left;
	  margin: 0;
	  margin-right: 16px;
	  padding: 0;
	  padding-top: 22px;
	}
		#header ul li a {
		  text-transform: uppercase;
		  text-decoration: none;
		  color: #a1a1a1;
		  font-size: 0.9em;
		}
		  #header ul li a:hover {
		    color: #1c1617;
		    text-decoration: underline;
		  }
		#header ul li .current {
		  color: #1c1617;
		  text-decoration: none !important;
		}

#header .auth-block {
	float: left;
	padding: 23px 0 0 150px;

  font-size: 0.85em;
}
  #header .auth-block a {
		color: #A1A1A1;
		text-decoration: none;
		text-transform: uppercase;
		
		padding-left: 27px;
		background: url(/resources/i/auth-key-on-white.gif) no-repeat left center;
	}
	  #header .auth-block a span {
      border-bottom: 1px dashed #A1A1A1;
      line-height: 1.3em;
	  }
	#header .auth-block a:hover {
	  color: #1C1617;
	}
	  #header .auth-block a:hover span {
	    border-color: #1C1617;
	  }
	#header .auth-block .logged-in {
	  font-size: 0.9em;
	  margin-right: 16px;
	}
	  #header .auth-block .logged-in a {
	    color: #000000;
	    border: none;
	    text-decoration: underline;
	    text-transform: none;
	    padding: 0;
	    background: none;
	  }


#login-form {
  margin: 0;
  padding: 0;
  font-size: 0.75em;
}
  #login-form label {
    display: block;
    margin-bottom: 3px;
    font-size: 0.95em;
    color: #000000;
    text-transform: uppercase;
  }
  #login-form input.text {
    width: 121px;
    margin-right: 9px;
  }

/* @end Header */

/* @group Breadcrumb */

#breadcrumb {
  padding-bottom: 6px;
  padding-bottom: expression('4px');
}
	#breadcrumb ul {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	  margin-top: -4px;
	}
	  #breadcrumb ul li {
	    float: left;
	    padding: 0;
	    margin: 0;
	    padding-right: 21px;
	    background: url(/resources/i/breadcrumb-arrow.gif) no-repeat right bottom;
	  }
	    #breadcrumb ul li a {
	      font-size: 0.7em;
	      color: #a1a1a1;
	    }
	    #breadcrumb ul li.last {
	      background: none;
	    }
	      #breadcrumb ul li.last a {
	        color: #303030;
	        text-decoration: none;
	        cursor: default;
	      }

/* @end Breadcrumb */

/* @group Sidebar */

#photo-and-sign {
}
  #photo-and-sign .photo {
    width: 155px;
    overflow: hidden;
  }
  #photo-and-sign p {
    font-size: 0.7em;
  }
  #photo-and-sign .sign {
    margin-top: 26px;
  }

#sidebar h3 {
	font-size: 0.95em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 3px;
	padding: 0;
}
  #sidebar .tag-cloud {
    line-height: 1.1em;
  }
  #sidebar .tag-cloud a {
    text-decoration: none;
  }
  #sidebar .tag-cloud a.t1 {
    font-size: 0.7em;
  }
  #sidebar .tag-cloud a.t2 {
    font-size: 0.7em;
    text-transform: uppercase;
  }
  #sidebar .tag-cloud a.t3 {
    font-size: 0.7em;
    text-transform: uppercase;
    font-weight: bold;
  }
  #sidebar .tag-cloud a.t4 {
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: bold;
  }

body.diary #sidebar a.extra {
	display: block;
	margin-top: 10px;
	font-size: 0.7em;
	text-transform: uppercase;
	text-decoration: none;
}

/* @end Sidebar */


/* @group 404 */

body.error h2 {
	margin-bottom: 0;
}
body.error p.note {
	margin-top: 0;
	color: #A1A1A1;
}
body.error p {
  font-size: 0.8em;
}
/* @end 404 */


/* @group Textpage */

.body p,
.body ul {
	font-size: 0.7em;
}
.body p {
	margin-top: 0;
}
p.contacts {
	line-height: 1.7em;
}
	p.contacts .phone {
		font-size: 1.6em;
		font-weight: bold;
	}
    .textpage .imageset {
      margin-top: 10px;
      margin-bottom: 10px;
    }
      .textpage .imageset .image {
        /*float: left;*/
		    display: -moz-inline-box;
		    display: inline-block;
		    display: expression('inline');
		    vertical-align: top;

        margin-right: 10px;
        margin-bottom: 10px;
      }
        .textpage .imageset .image a,
        .textpage .imageset .image img {
          display: block;
        }
    .textpage .video {
      margin-top: 10px;
      margin-bottom: 10px;
    }

/* @end Textpage */

/* @group Diary */

.diary .calendar {
	float: left;
	width: 154px;
	padding-right: 23px;
}

.calendar {
	margin-top: 3px;
}
	.calendar h3 {
	  font-size: 0.95em;
	  font-weight: normal;
	  text-transform: uppercase;
	  margin: 0;
	  margin-bottom: 11px;
	  padding: 0;
	}
	.calendar .years,
	.calendar .monthes {
	  font-size: 0.7em;
    text-transform: uppercase;
    line-height: 1.3em;
	}
	  .calendar .years a,
    .calendar .monthes a {
      color: #A1A1A1;
    }
    .calendar .current a {
      color: #303030;
      text-decoration: none;
    }
	.calendar .years {
	  border-right: 1px solid #A1A1A1;
	  padding-right: 8px;
	}
	.calendar .monthes {
    padding-left: 8px;
  }

.diary .entries {
	float: left;
	width: 494px;
}
	.diary .entry {
	  float: left;
	  width: 494px;
		font-size: 0.9em;
		margin-bottom: 20px;
	}
	.diary .entries .entry {
	  float: none;
	  width: auto;
	}
	  .diary .entry h2 {
	    margin-bottom: 6px;
	  }
	  .diary .entry .props {
	    font-size: 0.75em;
	    margin-bottom: 20px;
	  }
		  .diary .entry .props .date {
		    font-size: 0.95em;
		    padding: 1px;
		    color: white;
		    background: #A1A1A1;
		    margin-right: 4px;
		  }
		  .diary .entry .props .tags {
		  }
		.diary .entry .brief {
		  font-size: 0.8em;
		}
			.diary .entry .brief img {
			  margin-right: 10px;
			  margin-bottom: 10px;
			}
	  .diary .entry .entry-body {
      font-size: 1.2em;
      margin-top: 10px;
    }
    .diary .entry .imageset {
      margin-top: 10px;
      margin-bottom: 10px;
    }
      .diary .entry .imageset .image {
        /*float: left;*/
        
        display: -moz-inline-box;
        display: inline-block;
        display: expression('inline');
        vertical-align: top;

        margin-right: 10px;
        margin-bottom: 10px;
      }
        .diary .entry .imageset .image a,
        .diary .entry .imageset .image img {
          display: block;
        }
    .diary .entry .video {
      margin-top: 10px;
      margin-bottom: 10px;
    }

  .back-to-list {
	  margin-left: 179px;
	  margin-right: 100px;
	  font-size: 0.75em;
  }
    .back-to-list a {
      padding-left: 14px;
      background: url(/resources/i/prev-arrow.gif) no-repeat left 60%;
    }

/* @end Diary */

/* @group Pagination */

.pagination {
	margin-top: 13px;
	margin-left: 179px;
	margin-right: 100px;
	font-size: 0.75em;
}
	.pagination .left {
	  float: left;
	  width: 90px;
	}
    .pagination .left a {
      padding-left: 14px;
      background: url(/resources/i/prev-arrow.gif) no-repeat left 60%;
    }
  .pagination .right {
    float: right;
    width: 90px;
    text-align: right;
  }
    .pagination .right a {
      padding-right: 14px;
      background: url(/resources/i/next-arrow.gif) no-repeat right 60%;
    }
  .pagination .inner {
    text-align: center;
  }
  .pagination .page {
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .pagination .page:visited {
    color: #a1a1a1;
  }
  .pagination .current {
    color: white !important;
    background: #a1a1a1;
  	text-decoration: none;
  	margin-left: 0px;
    margin-right: 0px;
  }

/* @group Pagination */


/* @group Portfolio */

body.portfolio #sidebar p,
body.gallery #sidebar p {
  font-size: 0.7em;
}

body.portfolio .folders {
  float: left;
  width: 154px;
  padding-right: 23px;
  
  font-size: 1.2em;
}
  body.portfolio .folders ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 3px;
  }
    body.portfolio .folders ul li {
	    padding: 0;
	    margin: 0;
	    margin-bottom: 6px;
    }
      body.portfolio .folders ul li a {
        text-transform: uppercase;
        color: #A1A1A1;
      }
      body.portfolio .folders ul li p {
        margin: 10px 0;
        font-size: 0.8em;
        display: none;
      }
      body.portfolio .folders ul li.active a {
	      text-decoration: none;
	      cursor: default;
	      color: #303030;
	    }
	    body.portfolio .folders ul li.active p {
	      display: block;
	    }

body.portfolio .photos,
body.gallery .photos {
  float: left;
  /*width: 494px;*/
  width: 594px;
  overflow: hidden;
  margin-top: -70px;
}
body.gallery .photos {
	width: 690px;
}

  body.portfolio .photos .slide,
  body.gallery .photos .slide {
    overflow: hidden;
    position: relative;
  }
  body.portfolio .photos .slide-close,
  body.gallery .photos .slide-close {
    height: 0;
  }
  body.portfolio .photos #photo-strip,
  body.gallery .photos #photo-strip {
    position: relative;
    /*width: 450px;*/
    width: 594px;
    height: 50px;
    overflow: hidden;
  }
  body.gallery .photos #photo-strip {
    width: 690px;
  }
    body.portfolio .photos #photo-strip .photo-strip-body,
    body.gallery .photos #photo-strip .photo-strip-body {
      position: relative;
      white-space: nowrap;
    }
	  body.portfolio .photos #photo-strip .thumb,
	  body.gallery .photos #photo-strip .thumb {
      float: left;
      position: relative;
      margin-right: 10px;
      text-decoration: none;
	  }
	    body.portfolio .photos #photo-strip .thumb img,
	    body.gallery .photos #photo-strip .thumb img {
	      display: block;
	    }
	  body.portfolio .photos #photo-strip .thumb .border,
	  body.gallery .photos #photo-strip .thumb .border {
	    position: absolute;
	    left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    /*border: 2px solid #fac200;*/
	    border: 2px solid #A1A1A1;
	    margin: 0;
	    padding: 0;
	    visibility: hidden;
	  }
	  body.portfolio .photos #photo-strip a.active .border,
	  body.portfolio .photos #photo-strip a.thumb:hover .border,
	  body.gallery .photos #photo-strip a.active .border,
    body.gallery .photos #photo-strip a.thumb:hover .border {
	    visibility: visible;
	  }
	  
	  body.portfolio .photo-nav,
	  body.gallery .photo-nav {
	    position: relative;
	    font-size: 0.8em;
	    margin-top: 17px;
	    margin-bottom: 15px;
	    /*width: 450px;*/
	    width: 594px;
	    height: 15px;
	  }
	  body.gallery .photo-nav {
	    width: 690px;
	  }
	    body.portfolio .photo-nav #toggle_gallery,
	    body.gallery .photo-nav #toggle_gallery {
	      white-space: nowrap;
	    }
	    body.portfolio .photo-nav .scroll-left,
	    body.portfolio .photo-nav .scroll-right,
	    body.gallery .photo-nav .scroll-left,
      body.gallery .photo-nav .scroll-right {
	      position: absolute;
	      top: 1px;
	      width: 8px;
	      height: 15px;
      }
      body.portfolio .photo-nav .scroll-left,
      body.gallery .photo-nav .scroll-left {
        left: 0;
      }
      body.portfolio .photo-nav .scroll-right,
      body.gallery .photo-nav .scroll-right {
        right: 0;
      }
      body.portfolio .photo-nav .nav-info,
      body.gallery .photo-nav .nav-info {
        position: absolute;
        top: 0;
        left: 24px;
        right: 24px;
      }
        body.portfolio .photo-nav .nav-info .title,
        body.gallery .photo-nav .nav-info .title {
          float: left;
          /*text-transform: uppercase;*/
          white-space: nowrap;
        }
          body.portfolio .photo-nav .nav-info .title a,
          body.gallery .photo-nav .nav-info .title a {
            margin-left: 6px;
	          color: #a1a1a1;
	          text-decoration: none;
	          border-bottom: 1px dashed #a1a1a1;
	          text-transform: none;
	          line-height: 1.4em;
	        }
        body.portfolio .photo-nav .nav-info .counter,
        body.gallery .photo-nav .nav-info .counter {
          float: right;
          color: #a1a1a1;
        }
        
  body.portfolio .photo-view-loading,
  body.gallery .photo-view-loading {
    background: url(/resources/i/photo-wait.gif) no-repeat center center;
  }
    body.portfolio .photo-view img,
    body.gallery .photo-view img {
      cursor: pointer;
      /*visibility: hidden;*/
    }

/* @end Portfolio */


/* @group Footer */

#footer {
	font-size: 0.7em;
	color: #1c1617;
}
  #footer .developed-by {
    text-decoration: none;
    margin-right: 12px;
  }
    #footer a.developed-by:hover u {
      text-decoration: none;
    }

/* @end Footer */

/* @group JS Warning */

.jsblock {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
  filter: Alpha(Opacity=50);
  
  z-index: 1000;
}
.jswarning {
  position: fixed;
  top: 35%;
  left: 21%;
  width: 400px;
  
  font-size: 1.1em;
  background: #CC0000;
  color: white;
  padding: 14px;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  
  z-index: 2000;
}

/* @end JS Warning */

/* @group ZoomBox */

.zoombox-loading {
  background: black url(/resources/i/zoombox/loading.gif) no-repeat center center !important;
}
.zoombox-overlay {
	background: white;
  z-index: 400;
}

.zoombox {
  position: relative;
  background: black;
  display: none;
  z-index: 500;
}
  .zoombox .zoombox-image-wrapper {
    display: inline;
  }
  .zoombox img {
    margin: 4px;
    /*display: inline;*/
  }
  .zoombox .prev_btn,
  .zoombox .next_btn {
    position: absolute;
    top: 45%;
    width: 50px;
    height: 47px;
  }
  .zoombox .prev_btn {
    left: -50px;
    background: url(/resources/i/zoombox/prev.gif) no-repeat 0 0;
  }
  .zoombox .next_btn {
    right: -50px;
    background: url(/resources/i/zoombox/next.gif) no-repeat 0 0;
  }
  .zoombox .prev_zone,
  .zoombox .next_zone {
    position: absolute;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
  }
  .zoombox .prev_zone {
    left: -50px;
  }
  .zoombox .next_zone {
    right: -50px;
  }
  .zoombox .close_btn {
    position: absolute;
    top: -24px;
    right: 16px;
    width: 79px;
    height: 24px;
    background: url(/resources/i/zoombox/close.gif) no-repeat 0 0;
    cursor: pointer;
    z-index: 501;
  }
  .zoombox .caption {
    display: inline;
    font-size: 0.8em;
    background: #ffffff;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    margin: 0;
  }

/* @end ZoomBox */