/*Общие*/
body {background: #000; color:white;}

h1 {font-size: 4em;		margin-bottom: 0.25em;	color: #B15E8D;	font-family: Georgia, serif;}
h2 {font-size: 2em;		margin-bottom: 0.33em;	color: #B15E8D;	font-family: Georgia, serif;}
h3 {font-size: 1.4em;	margin-bottom: 0;		color: #B15E8D;	font-family: Georgia, serif;}

a {color: orange}
a:visited  {color: orange}
a:hover {color: red}

h1 a{color: #B15E8D; text-decoration: none;}
h1 a:hover, h1 a:visited {color: #B15E8D; text-decoration: none;}
h2 a, h3 a{color: #B15E8D;}
h2 a:hover{color: orange;}
h3 a:hover{color: #B15E8D;}
h2 a:visited, h3 a:visited {color: #B15E8D;}

/* Структура страницы */
div#page {
	position: relative;
	margin: 0 auto;
	min-width: 800px;
	max-width: 1200px;
	width: expression(document.body.clientWidth < 802? "800px" : (document.body.clientWidth > 1200? "1205px": "100%" ) );
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

div#header {padding: 1em;}
#header h1 {font-size: 4em;}
#main_nav span {font-size: 1.6em; font-family: Trebuchet MS}
#main_nav a:visited {color: blue;}
#main_nav ul {list-style: none;}
#main_nav li {margin-left: 0; margin-right: 2em; display: inline;}

div#trunk {padding:0em 1.5em 7em 1em;}

div#footer {
	position:absolute;
	width:100%;
	bottom:0;
	border-top: 1px solid gray;
	padding: 0.6em 0 0.6em 0;
}
#footer .address td, #header .address td  {padding-right: 0.6em;}
#footer #liru img {opacity:.3; filter:alpha(opacity=30);}

/* Красивые уголки */
.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {display: block; height: 1px; overflow: hidden; font-size:1px;}
.r10 {margin: 0 10px;}
.r9 {margin: 0 9px;}
.r8 {margin: 0 8px;}
.r7 {margin: 0 7px;}
.r6 {margin: 0 6px;}
.r5 {margin: 0 5px;}
.r4 {margin: 0 4px;}
.r3 {margin: 0 3px;}
.r2 {margin: 0 2px;}
.r1 {margin: 0 1px;}
.inner-box {padding:0.5em;}

/* Фоторамка */
.container {display: table; float: left;}
.photos div {margin-top:-0.2em;}
#thumbnails .container, .photos .container {width: 160px;	height: 160px;}
.offer .container {width: 250px;	height: 160px;}
.position {display: table-cell; vertical-align: middle; align: center;}
.content {text-align:center;}

/* Тени фоторамки */
.img-shadow {
  float: left;
  background: url(/img/highslide/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/img/highslide/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}
.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

/* Колонки! */
.cols:after{content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden;}

/* Заголовки и параграфы */
.big {font-size: 1.4em; font-family: Georgia;}
.middle {font-size: 1.3em;}
p {line-height: 1.5em; margin-bottom: 1em;}
p.normal {width: 80%;}

/* align */
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.bottom {vertical-align: bottom;}
.middle {vertical-align: middle;}
.left{float: left;}
.clear-left{clear: left;}
.center-block {margin-left: auto; margin-right: auto; text-align: left;}
.width100 {width: 95%;}
.width1000{width: 100%;}
.spacer {padding-top: 1em;}

/* Главная */
.right_pic {float:right; margin-left: 20px;}
.main_offer {float:left; width:30%; margin-right: 1em}
.main_offer .big {display: block; margin-bottom:0.5em;}
.main_offer li {line-height: 1.3em;}
.main_offer p  {line-height: 1.3em;}
.main_price {margin-top: 0.3em; font-size: 1.5em; color: #666; text-align:center;}
#price_explain {margin: 1em 0 1em 0;}

/* Login */
.top_part {padding-top: 10%;}
.loginbox {max-width: 500px; min-width: 400px; width: 50%;}
#loginbox .inner-box, #loginbox  b {background-color: #CDCDCD;}

/* Админка, ух ты :) */
#admintop{padding: 0 40px 0 40px; margin: 0 auto;}
#admintop .inner-box, #admintop   b {background-color: #99ccff;}
.admin_content {padding: 20px 40px 0 40px; margin: 0 auto;}
#admin_nav {float:left;	font-size: 1.5em;}
#admin_nav ul {list-style: none;}
#admin_nav img, #admin_exit img {margin-bottom: -6px;}
#admin_nav li {padding-left: 10px; display: inline;}
#admin_nav .active {color: black; text-decoration:none;}
#admin_exit {text-align: right;	margin-right: 1em; height: 32px; font-size:1.4em;}

#status {float:left;	display:none; margin-left:3em; width: 150px;}
#status .inner-box{padding: 0.1em; text-align:center;}
#status .inner-box, #status   b {background-color: #ffcc99;}

#login_table {line-height: 200%; width:100%;}
#comments_table {line-height: 200%;	width:60%;}
#admin_photo_tips{float:left; margin-right: 3em; line-height: 1.8em;}

input.checkbox {margin: 0;}
table .label {width: 10em; padding-right:5px; vertical-align:top;}

/* Фото */
#album_names ul {margin-bottom: 1em; list-style: none;}
#album_names li {font-size: 1.2em; font-family: Arial; margin: 0 2em 0 0; padding: 0;	display: inline;}
#album_names .active {color: black;	text-decoration:none; font-weight: bold;}
#album_nav {font-size: 1.5em; font-family: Georgia, serif;}
#album_nav a {color: #B15E8D;}
#album_nav span {color: black; background-color: #ff99cc; padding:0.2em;}
div#album_nav {margin-top: 0.5em; margin-bottom: 0.75em;}
#album_nav ul {list-style: none;}
#album_nav li {padding-left: 10px; display: inline;}
#thumbnails{float: left; width: 100%; margin-top: 10px;}

/* Советы */
ul#faq_toc {list-style-type: circle; width:80%; marker-offset: 10em; padding-left: 1.2em;}
#faq_toc li {padding-bottom: 0.8em;}
#faq_toc li a {text-decoration: none; font-size: 1em; font-weight:bold;}
ul#faq {list-style: none; width:80%;}
#faq li h3 {padding-top: 0.5em; font-size: 1.4em;	margin-bottom: 0;	color: #B15E8D;	font-family: Georgia, serif;}

/* Видео */
.videothumb {margin: 2px}
.playing {border: 2px solid orange; margin:0;}

/* Контакты */
#vizitka a {color:blue}
#vizitka {position:relative; width:544px; height:307px; margin:50px auto; color:black;}
#vizitka div {position:absolute; padding: 15px;}
#vizitka .shoot {font-size: 18px; text-align:right; font-family: Arial Black; letter-spacing:1px;}
#vizitka #name {font-size: 22px; font-family: Arial Black;}
#vizitka .address {font-size: 18px; font-family: Arial; font-weight:bold}

/* Цены */
.price {line-height: 1.5em; margin-bottom: 2em;}
.price .head	td {border-bottom: 1px solid #CCCCCC; padding-bottom: 0.5em}
.rbl {color: #777;}
.price td {padding-bottom:0.8em; padding-right:3em;}
.photo_price {margin-bottom: 2em !important;}
.photo_price .offer {float:left; width:280px; margin: 0px 30px 0 0; text-align:center;}
p.photo_price, p.photo_offer {line-height: 1.2em; margin-bottom:0; max-width:100%;}
.photo_price p {text-align:center;}
.photo_offer {font-size: 1.8em; color: #555;}
.video_offer {font-size: 1.3em; color: #555;}
.offer .container {text-align:left; width:100%}
.offer .cols {height:170px;}
.frame {height: 170px;}
.frame img {margin-top:10px; margin-bottom:10px;}

/* Комменты */
.invalid {border: 1px solid #C24949;}
#comment_form #name, #comment_form #comment {width:95%}
#comment_form #keystring {width:30%}
#submit_container input {margin-top: 20px; width:10em; height: 3em;}
#submit_container img {margin-left: 1em; vertical-align:bottom;}
#comment_form_container {display:none; padding: 0.5em;}
#open_form {font-size: 2em; font-family: Georgia; text-decoration: none; border-bottom: 2px dashed;}
.comment .author {font-size: 1.2em; font-weight:bold; color: green;}
.comment .date {font-size: 1em; margin-left: 1em; color: #555;}
.comment {margin-bottom: 2.2em; width:80%}
.comment_text {margin-top: 0.2em; line-height: 1.5em;}
#comments {max-width: 80%;}
#comment_title {font-size: 2em; font-family: Georgia;}
#errors {color: red; margin-bottom: 0.5em;}

/* Аппаратура */
.shoot_type {margin-top: 2em;}
.camera_pic {float: right; clear:right; margin-left: 20px; margin-bottom: 20px; background-color:white;}

/* Табы */
#tabs {float:left; width:100%; border-bottom: 1px solid #7e9fff; line-height:normal;}

#tabs ul {
list-style-type: none;
margin:0;
margin-left: 5px;
padding:0;
}

#tabs li {
display:inline;
margin:0;
padding:0;
font-size: 1.5em; font-family: Trebuchet MS;
}

#tabs a {
float:left;
margin:0;
margin-right: 5px;
padding:0 0 0 9px;
text-decoration:none;
}

#tabs li#current a {
border-bottom: 0;
}

#tabs a span {
float:left;
display:block;
padding: 4px 12px 2px 3px;
color:blue;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */

#tabs a:hover span {
color: orange;
}

#tabs #current a {
background-position:0 -82px;
}

#tabs #current a span {
background-position:100% -82px;
color: white;
}

/* не работает в IE6
#tabs a:hover{
background-position:0% -82px;
}

#tabs a:hover span{
background-position:100% -82px;
}*/