/*
Theme Name: Olga Butenop
Theme URI: http://butenop.ru
Description: custom
Version: 0.1
Tags: custom
*/



/*----------------------------------------------------------------------------*/
/*------------------------------->>> GLOBAL <<<-------------------------------*/
/*----------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
html, body {
	height: 100%;
}
html {
	font:62.5%/1.6em tahoma,sans-serif;
	color:#333;
}
body {
	font-size:1.2em;
	background-color:#000;
}

/*----------------------------------------------------------------------------*/
/*------------------------------->>> LAYOUT <<<-------------------------------*/
/*----------------------------------------------------------------------------*/
.page { 
	min-height: 100%;
	padding-bottom:50px;
	/*position:relative;*/
}
.footer {
	width: 720px;
	height:50px;
	margin:auto;
	margin-top:-50px;
	padding-top:20px;
	color: #FFF;	
	font-size:0.8em;		  
	text-align: center;
}

/*----------------------------------------------------------------------------*/
/*------------------------------->>> HEADER <<<-------------------------------*/
/*----------------------------------------------------------------------------*/
.header { 
	height:250px;
	margin: auto;	
	background-color:#FFF;
}
.header img {
	margin-top: 50px;
}
.header ul { 
	list-style-type: none;
	width: 721px;
	margin: auto;
}
.header ul li {
	float: left;
	width: 178px;
}
.header ul a { 
	display: block;
	height:25px;
	margin:0 20px;
	text-align: center;
	color: #404040;
	text-decoration: none;
	font-weight: bold;
	text-shadow:0 1px 1px silver;
}
.header ul a:hover,
.header ul li.current_page_item a {
	/*text-decoration:underline;*/
	border-bottom:2px black groove;
}
.header h1 {
	padding-top:60px;
	font-size:1em;
}
.logo  { 
	width:721px;
	height:160px;
	margin:auto;
	text-align:center;
}	
.logo a {
	position:relative;
	display:block;
	width:271px;
	height:52px;
	line-height:52px;
	margin:auto;
	outline:none;
}
.logo i {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url("i/logo.png") no-repeat left top;
}

/*----------------------------------------------------------------------------*/
/*------------------------------->>> CONTENT <<<------------------------------*/
/*----------------------------------------------------------------------------*/
h2 {
	font-size:1em;
	padding-bottom:10px;
}
.content {
	overflow: hidden;
	width:700px;
	margin: auto;
	margin-top: -50px;	
	padding:15px;
	background-color:#868686;
	color:white;
}
.content a {
	color:white;
	text-decoration:underline;
}
.content a:hover {
	text-decoration:none;
	outline: none;	
}
.content p,
.content ul {
	padding-bottom:15px;
}
.content ul {
	margin-top:-10px;
	list-style-position:inside;
}
.start {
	width:720px;
	padding:5px;
	padding-bottom:2px;
}
.about {
	overflow:hidden;
	/* padding-left:170px; */
	text-align:justify;
}
p.about {
	float:left;
	margin:0 20px 10px 0;
}
.about img {
	display:block;
}
ul.portfolio {
	margin-top:0;
	list-style-type:none;
}
.portfolio li {
	overflow:hidden;
	padding-bottom:15px;
}
.portfolio a {
	line-height:115px;
	text-decoration:none;
}
.portfolio a:hover {
	text-decoration:underline;
}
.portfolio a img {
	float:left;
	margin-right:60px;
	width:121px;
	border:none;
}
.photos div { 
	width: 160px;
	height:135px;
	float: left;
	text-align: center; 
}	
.photos img { 
	border: none;
}
.counter {
	width:88px;
	margin:10px auto 15px;
}