7html {width: 100%; height: 100%; }
body {
    
    width: 100%; 
    height: 100%;
    margin:0px; 
    font-family: Arial; 
    font-size:13px; 
    padding: 5px 0;
}
p{margin: 0; padding: 0;}
.wrapper{
	color:#6F777F;
	padding: 10px;
	background:#959A9F;
	/*background:#fff;*/
    width: 920px;
    margin: 0 auto;
    overflow: hidden;
}
h2{
    color: #45A1C5;
    text-transform: uppercase;
    font-size: 12px;

}
.wrapper h1 {padding:0px; margin:7px 0 7px 0; text-transform: uppercase; color: #fff; font-size: 12px}
.wrapper h1 a {color: #fff;text-decoration: underline;}
.wrapper h1 a:HOVER {}

.wrapper a{color: #45A1C5; text-decoration: none;}
.wrapper a:hover {color:#fff}
.wrapper hr{line-height: 1px; height: 1px; margin: 0; padding: 0}


.head{
    background-color: #000 ;
    background-repeat: no-repeat;
    background-position: center top;
      
    height: 200px; 
    padding:50px 0 0 50px; 
    color: #515a61;
    margin: 0 auto;
    
    cursor: pointer;
}
.website-title {font-family: "Trebuchet MS", Arial; color: #515a61; text-align: right; font-size:34px; letter-spacing:-1px;}

.menu {
	height:30px; 
	padding: 0 20px;
	background: #11181F;
	border-top: 2px solid #000;
}
.pholio-categories{
    position: absolute;
    display: none;
    /*border: 1px solid #B9AFA5;
    border-width: 0 1px;*/
    background: #11181F;
    padding: 5px 10px;
    z-index: 100001;
    width: auto;
}
a.menu-right, a.menu-right:visited {
	display:block; 
	padding: 4px 0px;
	/*border-bottom:#CCCCCC solid 1px*/
}
a.menu-right:hover {}


.footer{
	background: #11181F; 
	margin-top: 10px; 
	text-align: right; 
	padding: 5px 20px; 
	color:#45A1C5;
	text-transform: lowercase;
	font-size: 11px;
}

a.menu-link, a.menu-link:visited {
	line-height: 30px; 
	text-decoration: none;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 10px;
}


.content-wrap {
	padding: 3px 20px 20px 20px;
	margin-top: 15px;
  background-color: #0B0D0F;
}

.content{
    /*margin-top: 5px;
    background-color: #BFBFBF;*/
}

#page, .page{
    /*background-color: #6F777F;*/
    color: #6F777F;
    padding: 0;
    line-height: 20px;
}

.blog-note{
	padding: 0 10px;
	color: #DBFFFF;
	margin-bottom: 20px;
}
.blog-note a{
	color: #1C4452;
	text-decoration: underline;
}
.blog-note a:HOVER{
    color: #7092A2;
}
.blog-note h1,.blog-note h1 a{
	color: #DBFFFF;
	margin: 0 0 5px 0;
}

.blog-note p.descr{
	padding: 5px 10px;
	margin: 5px 0;
	border-top: 1px solid #fff;
}
/*Calendar*/
.calendar {
    width:272px;
    background-color: #959A9F;
    padding: 0px 10px 0 10px;
    color:#0B0D0F;
    line-height: 18px;
}
.calendar a{
	color:#0B0D0F;
	text-decoration: underline;
}
.calendar h1{
    color: #000;
}
.calendar .month {
    padding-left: 10px;
}

.calendar .note a{
	display: block;
	margin-left: 10px;
	padding-left: 20px;
	background: url("/i/public/bullet_black.png") no-repeat left center;
}
.calendar .note ul,li{
	margin: 0; padding: 0;
}
.calendar .note li{
	margin-left: 19px;
}
.toggle{
    cursor: pointer;
}
.toggle img{
	padding-top: 3px;
}

.photos{
    text-align: center;
}
.photos img {
	padding: 3px;
	margin: 5px 0;
}

.blog-content{
	width: 587px;
    overflow: hidden;
    vertical-align: top;
}
.blog-right-bar{
    overflow: hidden;
    padding: 0;
    margin: 0;
    padding-left: 20px;
}
.comment-form{
    width: 272px;    
}
.comment-form INPUT, TEXTAREA{
	border: 1px solid #AEA5A0;
	width: 115px;
}
.comment-form TEXTAREA{
	width: 99%;
}

.comment-form INPUT.code{
    width: 60px;
}
INPUT.error,TEXTAREA.error{
	/*border: 1px solid red;*/
}

ul.errors {
    border: 1px solid #EF7A3B;
    background: #FFEADF;
    color: #000;
}

ul.errors, ul.errors li{
    margin: 0; padding: 0 0 0 0px;
}
ul.errors li{
	margin-left: 20px;
}
.user-name{
    width: 170px;
    overflow: hidden;
}

.comment-item {
	color:#CFCFCF;
	width: 272px;
	overflow: hidden;
	margin-top: 7px; 
}
.comment-item .name{
	width: 170px;
	overflow: hidden;
}
.comment-item .date{
	float: right; 
}
.comment-empty{
    
}
.preview{margin: 5px 5px 5px 0;}