/*
Theme Name: tattoformat
Theme URI:http://www.groupme.ru
Author: Создание и продвижение сайтов
Author URI:http://www.groupme.ru
*/

*{
	padding: 0px;
	margin: 0px;
}

body{
	background: #000;
	font-family: 'lucida grande', verdana, arial, sans-serif;
	color: #FFF;
}

body.main {	background: #000; margin-top:-27px; }

body.blog {	background: #000; }

body.gal { background: #000; }

a{
	color: #E36D00;
	text-decoration: none;
	outline: none;
}

a.logo { background: url(images/logo.jpg) repeat; width: 242px; height: 25px; display: block; margin: 10px 0 20px; }

a:hover{
	color: #AA682B;
	text-decoration: underline;
}

body.main #wrapper{
	left:50%;
	margin-left:-500px;
	margin-top:-384px;
	position:absolute;
	top:50%;
	width:1000px;
}

#wrapper{
	margin: 0 auto;
	width:1000px;
}

p { margin-bottom: 10px; }

#wrap { margin: 0; }
#main-wrapper { width: 1000px; height: 735px; background: url(images/main.jpg) no-repeat; margin: 0 auto; position: relative; }
.main-content { width: 410px; position: absolute; right:55px; top:265px; color: #dc9242; font-size:14px; text-align:justify; }

/* CONTACT */

body.cont-page #other-wrap { background: url(images/con-bg.jpg) no-repeat; height: 695px; left:50%; margin-left:-512px; margin-top:-348px; position:absolute; top:50%; width:1024px; }
body.gal #other-wrap { background: url(images/gal-bg.jpg) no-repeat; height: 695px; left:50%; margin-left:-512px; margin-top:-348px; position:absolute;
top:50%; width:1024px; }
#other-wrapper { height:185px; padding-top:60px; position:relative; margin:40px auto 0; }
.other-header { background: url(images/other-header.jpg) repeat-x; width: 932px; height: 357px; margin: 0 auto; position: relative; }

.nav-cont { left:375px; position:absolute; top:312px; }
.nav-cont li { float: left; font-size: 21px; list-style: none; margin-right: 20px; }
.nav-cont li a { color: #e4d7c3; }
.nav-cont li a.current { color: #da9833; }
.nav-cont li a:hover { color: #da9833; text-decoration: none; }

.cont-data { position: absolute; font-size: 15px; right:90px; width:345px; bottom: 87px; }
.cont-data li { list-style: none; float: left; margin-right: 15px; }
.cont-info { bottom:27px; color:#C14813; font-size:16px; position:absolute; right:55px; text-align:center; width:490px; }
.cont-content { font: 22px Century Gothic; text-align: center; color: #c14813; margin-bottom:95px; }

body.cont-page .bot-nav { bottom:-50px; left: 291px; }
body.cont-page .copy { bottom:-100px; }
.bot-nav { position: absolute; bottom:-70px; left: 27%; }
.bot-nav li { float: left; margin-right: 20px; list-style: none; }
li a.home { background: url(images/home-nav.jpg) no-repeat; width:101px; height: 28px; display:block; text-indent: -9999px; }
li a.gal { background: url(images/gal-nav.jpg) no-repeat; width:96px; height: 28px; display:block; text-indent: -9999px; }
li a.cont { background: url(images/cont-nav.jpg) no-repeat; width:133px; height: 28px; display:block; text-indent: -9999px; }
li a.blog { background: url(images/blog-nav.jpg) no-repeat; width:70px; height: 28px; display:block; text-indent: -9999px; }

/* YANDEX MAP */
#YMapsID { height:250px; margin:0 auto; width:600px; left:202px; position:absolute; top:-20px; }

/* GALLERY */
.gal-header { height: 342px; position: relative; }
#gal-wrapper { height:265px; margin:0 auto; position:relative; width:960px; }
.gal-bg { background: #000 url(images/bg.jpg) repeat; margin:0 auto; padding: 10px 20px 20px; width:880px;}
.gal-bg-top { background: url(images/gal-bg-top.jpg) no-repeat scroll 0 0; height:18px; left:-9px; position:relative; top:-10px; }
button.prev { background: url(images/arrow-left.jpg) no-repeat; border: none; width: 42px; height: 62px; cursor: pointer; position:absolute; left: -31px; top: 60px; }
button.next { background: url(images/arrow-right.jpg) no-repeat; border: none; width: 42px; height: 62px; cursor: pointer; position:absolute; right: -31px; top: 60px; }
.gallery img { border: 1px solid #e4d7c3; }
.gallery li { margin: 0 10px; }

.nav-gal { left:250px; position:absolute; top:-29px; }
.nav-gal li { float: left; font-size: 21px; list-style: none; margin-right: 15px; }
.nav-gal li a { color: #da9833; }
.nav-gal li a.current { color: #e4d7c3; }
.nav-gal li a:hover { color: #e4d7c3; text-decoration: none; }

.text-gal { color:#C14813; font-size:14px; margin:15px auto 0; min-height:68px; width:900px; }
.copy { bottom:-115px; font-size:11px; position:relative; text-align:center; padding-bottom:20px; }
body#shema .copy { bottom: -278px; font-size:11px; position:relative; text-align:center;}

#wrappertitle{
	margin-top: 100px;
	width: 290px;
	float: left;
}

#title{
	background:url("images/title-box.jpg") no-repeat scroll 0 0 transparent;
	padding:20px 0 0;
	width: 290px;
	float: left;
}

.title-inner{
	background:url("images/title-box2.jpg") no-repeat scroll 0 100%;
	float:left;
	padding:0 20px 20px;
	width:248px;
}

#title h1{
	font-size: 40px;
	font-weight: 700;
}

#title h1 a{
	color: #FFF;
	text-decoration: none;
}

#title h1 a:hover{
	color: #AA682B;
}

#title h5{
	font-size: 12px;
	padding-bottom: 10px;
}

#title #nav{
	list-style-type: none;
	width: 196px;
	margin-left:20px;
}

#title #nav li{
	padding: 4px 0px;
}

#title #nav li a{
	font-size: 18px;
	font-weight: 700;
	padding: 9px;
	padding-left: 30px;
	background: url(images/link.jpg) scroll 0 50% no-repeat;
}

#title #nav li a:hover{
	text-decoration: none;
}

#title #search{
	padding: 20px 0 0 20px;
}

#title #search input{
	border: none;
	padding: 2px;
	margin-top: 4px;
}

#mainwrapper{
	width:  720px;
	float: left;
}

#content{
	float: left;
	width: 670px;
	padding: 20px;
	background: #000 url(images/bg2.jpg) repeat;
}

#content h2{
	font-size: 30px;
}

#content .info ul{
	list-style-type: none;
	font-size: 10px;
	padding-bottom: 10px;
}

#content .info ul li{
	display: inline;
}

#content .text .more{
	font-size: 10px;
}

#content .text p{
	padding: 10px 0px;
}

#content .text ol{
	margin: 0px 30px 0px 50px;
	padding: 5px;
}

#content .text ul{
	margin: 0px 30px 0px 50px;
	padding: 5px;
}

#content .text li{
	margin: 4px 0px;
}

#content .text fieldset{
	padding: 10px;
}

#content .text input, textarea{
	border: none;
	background: #FFF;
	padding: 5px;
	font-size: 14px;
}

#content .text td, #content .text th{
	padding: 2px 4px;
}

#content .text img{
	padding: 5px;
}

#content .divider{
	height: 20px;
}

#footer #comments-header{
	font-size: 20px;
}

#footer ol.commentlist{
	list-style-type: none;
	float: left;
}

#footer ol.commentlist li{
	margin: 20px;
}

#footer img.avatar{
	float: left;
	width:20px;
	height:20px;
	margin-right: 5px;
}

#footer a.comment-edit-link{
	display:none;
}

#footer .comment-text{
	margin: 5px;
}

#footer .comment-meta{
	font-size: 10px;
	padding-bottom: 10px;
}

#footer #respond{
	float: left;
	padding-top: 10px;
}

#respond textarea{
	padding: 10px;
	background: none;
	color: #FFF;
	font-size: 14px;
	border: 2px solid #FFF;
}

#footer{
	font-size: 12px;
	background: #000;
	margin:0 auto;
	position:relative;
	right:-240px;
	width:530px;
}

#footer #footnotes{
	float: right;
	padding: 20px;
	font-size: 10px;
}

.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

blockquote{
	padding: 10px;
	border-left: 2px solid #E36D00;
	margin-left: 5px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: none;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* ThickBox */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
	 position: absolute;
	 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
	 position: absolute;
	 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}