/*
COPYRIGHT:	Ãàëåðåÿ «Àðò Âëàäèâîñòîê» | «Art Vladivostok» Gallery (c) 1999-2010
PROJECT URL:	http://www.artvladivostok.ru/
DESCRIPTION:	Òàáëèöà ñòèëåé äëÿ îí-ëàéí ãàëåðåè «Àðò Âëàäèâîñòîê» | CSS for «Art Vladivostok» On-Line Gallery
VERSION:	5.0
LAST CHANGE:	17:02 20.05.2010
AUTHOR:		Òåíÿêîâ Àðò¸ì | Artem Tenyakov
CONTACT:	information [ :) ] artvladivostok.ru
SEE ALSO:	http://www.alramy.ru
*/

*
	{margin: 			0;
	padding: 			0;}

body
	{background:		none;
	color:				#000;
	font:				normal 11px Verdana, Arial, Helvetica, sans-serif;}

img
	{border:			0;}
img.photo
	{margin:			10px 10px 10px 20px;
	float:				left;
	clear:				none;
	border:				1px solid #555;}
img.at
	{width:				10px;
	height:				10px;}
img.artright
	{margin:			10px 20px 10px 10px;
	float:				right;}
img.artleft
	{margin:			10px 10px 10px 20px;
	float:				left;}

a, a:link
	{color:				#15a4ca;
	text-decoration:	underline;}
a:visited
	{color:				#555;}
a:hover
	{color:				#555;
	background:			#fff;}


h1, h2, h3, h4
	{font-size:			1em;
	font-style:			normal;
	font-weight:		bold;
	text-align:			left;}
h1
	{text-transform:	uppercase;
	margin:				10px 20px;
	color:				#15a4ca;}
h2
	{font-size: 		0.85em;
	text-transform:		uppercase;
	margin:				10px 20px 0 20px;
	color:				#555;}
h3
	{margin:			10px 20px 5px 20px;}
h4
	{font-weight:		normal;
	margin:				0 20px 3px 20px;}

p
	{font-size:			1em;
	margin:				0 20px 10px 20px;
	font-style:			normal;
	font-weight:		normal;
	text-align:			justify;}

textarea, select, option, input
	{font-size:			0.9em;
	border:				1px solid #cecece;
	background-color:	#ededed;
	margin:				0 0 5px 0;
	padding:			2px;}
input.donate
	{font-size:			0.9em;
	border:				none;
	background:			none;}

acronym
	{border-bottom:		1px dotted #f2490c;
	cursor:				help;}

/* >>> ÎÁÙÅÅ. >>> */
.logoDIV, .topDIV, .mainDIV, .botDIV
	{width:				100%;
	position:			relative;
	clear:				both;
	float:				none;
	_height:			1%;}
.left, .right
	{float:				left;
	clear:				none;}
.left
	{width:				200px;}
.right
	{width:				700px;}
/* >>> ÎÁÙÅÅ. >>> */

/* >>> Âåðõíÿÿ ÷àñòü. ËÎÃÎÒÈÏ. >>> */
.logoDIV
	{height:			140px;}
.logoDIV .left
	{width:				500px;}
.logoDIV .right
	{width:				400px;}
.logoDIV .left img
	{margin:			20px 0 0 222px;
	width:				95px;
	height:				99px;
	clear:				none;}
.logoDIV .right ul
	{list-style:		none;
	clear:				none;
	font-size:			0.8em;
	margin:				20px 20px 0 2px;}
.logoDIV .right ul li
	{float:				left;}
.logoDIV .right ul li.last
	{float:				right;}
.logoDIV .right ul li.center
	{margin:			0 0 0 65px;}
/* <<< Âåðõíÿÿ ÷àñòü. ËÎÃÎÒÈÏ. <<< */

/* >>> Âåðõíÿÿ ÷àñòü. ÌÅÍÞ È ÍÎÂÎÑÒÈ. >>> */
.topDIV
	{overflow:			hidden;
	background-color:	#f0f0f0;
	border-top: 		12px solid #dae8eb;}
.topDIV .left
	{height:			360px;
	border-right: 		2px solid #fff;}
.topDIV .left h1
	{text-align:		right;
	color:				#808080;
	font-weight:		normal;
	font-size:			0.9em;
	margin:				10px 20px 5px 0;}
.topDIV .left ul
	{list-style:		none;
	color:				#f2490c;
	text-align:			right;
	text-transform:		lowercase;
	margin: 			5px 20px 24px 0;}
.topDIV .left ul.last
	{margin: 			5px 20px 0 0;}
.topDIV .left ul li a, .topDIV .left ul li a:link, .topDIV .left ul li a:visited
	{text-decoration:	none;
	color:				#000000;}
.topDIV .left ul li a:hover
	{text-decoration:	none;
	color:				#15a4ca;
	background:			none;}
.topDIV .right
	{height:			360px;}
.topDIV .right .newsBLOCK
	{height:			57px;
	margin:				10px 20px 0 20px;
	clear:				both;}
.topDIV .right .newsBLOCK .date
	{width:				95px;
	height:				10px;
	float:				left;
	clear:				none;
	font-size:			0.9em;
	font-weight:		bold;
	letter-spacing: 	0.35em;}
.topDIV .right .newsBLOCK h1
	{margin:			0;
	font-size:			0.9em;
	color:				#555;}
.topDIV .right .newsBLOCK h2
	{margin:			0;
	font-size:			1em;
	text-transform:		none;
	text-align:			justify;
	color:				#555;
	font-weight:		normal;}
.topDIV .right .newsPAGES
	{height:			35px;
	font-size:			0.85em;
	margin:				0 20px 10px 20px;
	text-align:			left;
	clear:				both;}
/* <<< Âåðõíÿÿ ÷àñòü. ÌÅÍÞ È ÍÎÂÎÑÒÈ. <<< */

/* >>> Îñíîâíàÿ ÷àñòü. ÀÍÎÍÑÛ, ÐÅÊËÀÌÀ, ÐÀÁÎÒÛ È ÒÅÊÑÒ. >>> */
.mainDIV
	{overflow:			hidden;
	border-top: 		2px solid #f2490c;}
.mainDIV .left
	{border-right: 		2px solid #d3e3f7;
	margin-bottom:		-30000px;
	padding-bottom:		30000px;}
.mainDIV .left h1
	{font-size:			0.9em;
	margin:				10px 20px 0 10px;
	color:				#f2490c;
	text-align:			right;}
.mainDIV .left h2
	{font-size: 		1em;
	text-transform:		none;
	margin:				0 20px 10px 10px;
	color:				#555;
	font-weight:		normal;
	text-align:			right;}
.mainDIV .left .AdSense
	{margin:			20px;
	text-align:			right;
	clear:				both;}
.mainDIV .right
	{margin-bottom:		-30000px;
	padding-bottom:		30000px;}
.mainDIV .right .artWORKS
	{list-style-type:	none;
	clear:				both;}
.mainDIV .right .artWORKS ul li
	{float:				left;
	clear:				none;
	list-style-type:	none;
	margin:				0 20px;
	padding:			22px 0 0 0;
	background:			url("http://img.artvladivostok.ru/av-v5-workline.png") repeat-x 0 10px;
	width:				100px;
	height:				100px;}
.mainDIV .right .artWORKS ul li img
	{width:				98px;
	height:				98px;
	border:				1px solid #a6a6a6;}
.mainDIV .right .artWORKS ul li img:hover
	{filter:			alpha(opacity=90);
	-moz-opacity:		.9;
	opacity:			.9;}
.mainDIV .right .artWORKS ul a:hover, .statr a:hover, .statl a:hover
	{background:		none;}
.mainDIV .right .mainCONTENT
	{float:				none;
	clear:				both;
	_height:			1%;
	width:				700px;
	margin:				0;
	padding:			5px 0 10px 0;}
.mainDIV .right .mainCONTENT ul, .mainDIV .right .mainCONTENT ol
	{margin:			0 20px 10px 40px;
	text-align:			justify;}
.mainDIV .right .mainCONTENT ol ul
	{margin:			0 0 10px 20px;
	text-align:			justify;}
/* <<< Îñíîâíàÿ ÷àñòü. ÀÍÎÍÑÛ, ÐÅÊËÀÌÀ, ÐÀÁÎÒÛ È ÒÅÊÑÒ. <<< */

/* >>> Íèæíÿÿ ÷àñòü. Ñ×ÅÒ×ÈÊÈ È ÊÎÏÈÐÀÉÒÛ. >>> */
.botDIV
	{border-top: 		12px solid #dae8eb;}
.botDIV .left
	{padding:			5px 0 10px 0;}
.botDIV .left .statl
	{width:				88px;
	float:				left;
	margin:				5px 0 0 5px;}
.botDIV .left .statr
	{width:				88px;
	float:				right;
	margin:				5px 5px 0 0}
.botDIV .right
	{padding:			5px 0 10px 0;}
.botDIV .right p
	{font-size:			0.9em;
	word-spacing:		0.2em;
	margin:				5px 20px 0 5px;
	text-align:			justify;}
/* <<< Íèæíÿÿ ÷àñòü. Ñ×ÅÒ×ÈÊÈ È ÊÎÏÈÐÀÉÒÛ. <<< */

/* >>> ÄÎÁÀÂÎ×ÍÛÅ ÊËÀÑÑÛ >>> */
.cell100, .cell50
	{margin:			5px 20px;
	text-align:			center;}
.cell100
	{width:				660px;
	float:				none;
	clear:				both;}
.cell50
	{width:				310px;
	float:				left;
	clear:				none;}

.add
	{margin:			20px 0 10px 20px;
	text-align:			left;}

.twitter, .rss
	{margin:			0 15px 0 0;
	padding:			0 0 0 17px;}
.twitter, .twitter:hover
	{background:		url("http://img.artvladivostok.ru/icons/twitter-12x12.png") no-repeat 0 50%;}
.rss, .rss:hover
	{background:		url("http://img.artvladivostok.ru/icons/rss-12x12.png") no-repeat 0 50%;}

.red
	{color:				#f2490c;}
.blue
	{color:				#15a4ca;}
.bold
	{font-weight:		bold;}
.normal
	{font-style:		normal;
	font-weight:		normal;}
.alignright
	{text-align:		right;}
.alignleft
	{text-align:		left;}
/* <<< ÄÎÁÀÂÎ×ÍÛÅ ÊËÀÑÑÛ <<< */

/* >>> LIGHTBOX >>> */
#lightbox
	{position:			absolute;
	top:				0;
	left:				0;
	width:				100%;
	z-index:			100;
	text-align:			center;
	line-height:		0;}
#lightbox img
	{width:				auto;
	height:				auto;
	border:				1px solid #555;}
#lightbox a img
	{border:			none;}
#outerImageContainer
	{position:			relative;
	background-color:	#fff;
	width:				250px;
	height:				250px;
	margin:				0 auto;}
#imageContainer
	{padding:			10px;}
#loading
	{position:			absolute;
	top:				40%;
	left:				0%;
	height:				25%;
	width:				100%;
	text-align:			center;
	line-height:		0;}
#hoverNav
	{position:			absolute;
	top:				0;
	left:				0;
	height:				100%;
	width:				100%;
	z-index:			10;}
#imageContainer > #hoverNav
	{left:				0;}
#hoverNav a
	{outline:			none;}
#prevLink, #nextLink
	{width:				49%;
	height:				100%;
	background-image:	url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display:			block;}
#prevLink
	{left:				0;
	float:				left;}
#nextLink
	{right:				0;
	float:				right;}
#prevLink:hover, #prevLink:visited:hover
	{background:		url("http://img.artvladivostok.ru/lightbox/images/prev.gif") left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover
	{background:		url("http://img.artvladivostok.ru/lightbox/images/next.gif") right 15% no-repeat;}
#imageDataContainer
	{font-size: 		0.9em;
	background-color:	#fff;
	margin:				0 auto;
	line-height:		1.4em;
	overflow:			auto;
	width:				100%;}
#imageData
	{padding:			0 10px;
	color:				#555;}
#imageData #imageDetails
	{width:				95%;
	padding:			0 0 10px 0;
	float:				left;
	text-align:			left;}
#imageData #caption
	{font-weight:		bold;}
#imageData #numberDisplay
	{display:			block;
	clear:				left;
	font-size:			0.8em;
	padding:			10px 0 5px 0;}
#imageData #bottomNavClose
	{width:				14px;
	height:				14px;
	margin:				0 -2px 0 0;
	float:				right;
	right:				0;
	top:				0;}
#overlay
	{position:			absolute;
	top:				0;
	left:				0;
	z-index:			90;
	width:				100%;
	height:				600px;
	background-color:	#000;}
/* <<< LIGHTBOX <<< */