/* ------------------------------------------------------
 Site main CSS-document
 
 version: 0.1
 author:  Vladimir Chumak
 email:   x-coding@mail.ru
 site:    http://chumak-studio.cv.ua
-------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font:80% 'Lucida Grande',Verdana, Helvetica, sans-serif;
	color: #666666;
}

/* default links 
------------------------------------------------------- */

a:link {
	background-color: transparent;
	text-decoration: underline;
	color: #00aeec;
}
a:hover {
	background-color: #FFC;
	text-decoration: underline;
	color: #f9864d;
}
a:visited {
	background-color: transparent;
	text-decoration: underline;
	color: #ff8c00;
}

a img {
	border: none;
	text-decoration: none;
	background-color: white;
}

/* Page header BG-picture
-------------------------------------------------------- */

#landscape {
	height: 223px;
	width: 736px;
	padding: 0;
	margin: 0;
	background: url(../images/landscape.jpg) no-repeat;
	vertical-align: bottom;	
}

/* Define original backgrounds for page header */
body.home #landscape { background: url(../images/landscape_melnitsa.jpg) no-repeat; }
body.organizers #landscape { background: url(../images/landscape_koloski.jpg) no-repeat; }
body.tours #landscape { background: url(../images/landscape_kyiv.jpg) no-repeat; }
body.annonces #landscape { background: url(../images/landscape_cheremosh.jpg) no-repeat; }
body.shop #landscape { background: url(../images/landscape_gutsul.jpg) no-repeat; }
body.gallery #landscape, body.gallery_view #landscape { background: url(../images/landscape_kalyna.jpg) no-repeat; }
body.about #landscape { background: url(../images/landscape_koloski.jpg) no-repeat; }
body.contacts #landscape { background: url(../images/landscape_mount.jpg) no-repeat; }
body.links #landscape { background: url(../images/landscape_sunflowers.jpg) no-repeat; }
body.guestbook #landscape { background: url(../images/landscape_polonyna.jpg) no-repeat; }
body.performers #landscape { background: url(../images/landscape_melnitsa.jpg) no-repeat; }


/* headers
-------------------------------------------------------- */

h1 {
	margin: 0;
	padding: 0;
	font-size: 150%;
	background: url(../images/logo.jpg) no-repeat;
	color: #f9864d;
	text-indent: -9000px;
	height: 223px;
	width: 264px;
	z-index:105;
}

h1.en { background: url(../images/logo_en.jpg) no-repeat; }
h1.se { background: url(../images/logo_en.jpg) no-repeat; }
h1.ua { background: url(../images/logo_ua.jpg) no-repeat; }
h1.fi { background: url(../images/logo_fi.jpg) no-repeat; }

h2 {
	margin: 0 10px 0 10px;
	padding: 2px;
	font-size: 140%;
	color: #f9864d;
	/*color: #f8c215;*/
}

/* main wrapper that holds it all centrally 
-------------------------------------------------------- */
#wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	border-left: 1px solid #34a7db;
	border-right: 1px solid #34a7db;
	border-bottom: 1px solid #34a7db;
	background: #fff url(../images/ornament.jpg) repeat-y right top;
}

/* side ornaments */
body.links #wrapper { background: #fff url(../images/ornament.jpg) repeat-y right top; }
body.tours #wrapper { background: #fff url(../images/ornament_red.jpg) repeat-y right top; }
body.annonces #wrapper { background: #fff url(../images/ornament_buk.jpg) repeat-y right top; }
body.organizers #wrapper { background: #fff url(../images/ornament_red2.jpg) repeat-y right top; }
body.about #wrapper { background: #fff url(../images/ornament_red2.jpg) repeat-y right top; }
body.shop #wrapper { background: #fff url(../images/ornament_green.jpg) repeat-y right top; }
body.performers #wrapper { background: #fff url(../images/ornament_red3.gif) repeat-y right top; }
body.contacts #wrapper { background: #fff url(../images/ornament_zakarpattya.gif) repeat-y right top; }
body.guestbook #wrapper { background: #fff url(../images/ornament_zakarpattya.jpg) repeat-y right top; }
body.gallery #wrapper, body.gallery_view #wrapper { background: #fff url(../images/ornament_red4.gif) repeat-y right top; }
/* default masthead holding the banner and mainNav */

#header {
	height: 222px;
	background: url(../images/background.jpg) repeat-x top;
}

/* Page speedbar
-------------------------------------------------------- */

#speedBar {
	width: 635px;
	font-weight: bold;
	font-size: 90%;
	margin: 0 50px 12px 50px;
}

#speedBar a {
	color: #34a7db;
	display: inline;
	width: auto;
	text-decoration: none;
	background-color: transparent;
	margin: 0;
}

#speedBar a:hover, #speedBar a:active { color: #f9864d; }

#speedBar a.active:link, #speedBar a.active:visited {
	color: #34a7db;
	font-weight: bold;
}

/* Main navigation
-------------------------------------------------------- */
#mainNav {
	vertical-align: top;
	width: 305px;
}

#mainNav h2 {
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	background: url(../images/menu_head.jpg) no-repeat left top;
	width: 305px;
	height: 66px;
}

#mainNav #menu { background: transparent url(../images/menu_bg.gif) no-repeat 0 35px; }
#mainNav ul {
	margin: -35px 0 0 0;
	padding: 0 0 130px 0;
	list-style-type:none;
	background: url(../images/menu_cosak_main.jpg) no-repeat left bottom;
	font-weight: bold;
}

/* Define original backgrounds for list */
body.home #mainNav ul { background: url(../images/menu_cosak_main.jpg) no-repeat left bottom; }
body.organizers #mainNav ul { background: url(../images/menu_cosak_tours.jpg) no-repeat left bottom; }
body.tours #mainNav ul { background: url(../images/menu_cosak_tours.jpg) no-repeat left bottom; }
body.annonces #mainNav ul { background: url(../images/menu_cosak_main.jpg) no-repeat left bottom; }
body.shop #mainNav ul { background: url(../images/menu_cosak_shop.jpg) no-repeat left bottom; }
body.gallery #mainNav ul, body.gallery_view #mainNav ul { background: url(../images/menu_cosak_gallery.jpg) no-repeat left bottom; }
body.about #mainNav ul { background: url(../images/menu_cosak_about.jpg) no-repeat left bottom; }
body.contacts #mainNav ul { background: url(../images/menu_cosak_contacts.jpg) no-repeat left bottom; }
body.links #mainNav ul { background: url(../images/menu_cosak_friends.jpg) no-repeat left bottom; }
body.guestbook #mainNav ul { background: url(../images/menu_cosak_guestbook.jpg) no-repeat left bottom; }
body.guestbook.write #mainNav ul { background: url(../images/menu_cosak_guestbook_write.jpg) no-repeat left bottom; }
body.performers #mainNav ul { background: url(../images/menu_cosak_performers.jpg) no-repeat left bottom; }

#mainNav ul a {
	display: block;
	width: 250px;
	height: 25px;
	line-height: 25px;
	color: #34a7db;
	text-decoration: none;
	text-indent: 25px;
}

#mainNav a:hover {
	background: url(../images/menu_item.gif) no-repeat 12px;
	color: #f9864d;
}

#mainNav ul li{ display: inline; /* :KLUGE: ?????????E:Win */ }

/* Highlighting the current page */
body.home #mainNav a#home, 
body.organizers #mainNav a#organizers, 
body.tours #mainNav a#tours,
body.annonces #mainNav a#annonces,
body.shop #mainNav a#shop,
body.gallery #mainNav a#gallery, 
body.gallery_view #mainNav a#gallery, 
body.about #mainNav a#about,
body.contacts #mainNav a#contacts,
body.links #mainNav a#links,
body.guestbook #mainNav a#guestbook,
body.performers #mainNav a#performers
{ background: url(../images/menu_item.gif) no-repeat 12px; }

/* Page content
-------------------------------------------------------- */
#content {
	vertical-align: top;
	padding-left: 3px;
	padding-top: 20px;
	padding-right: 50px;
	width: 695px;
}

/* Universal box
----------------------------------------------------------- */
.uni-box { background: url(../images/bottom-left.gif) no-repeat left bottom; }

.box-outer {
  background: url(../images/bottom-right.gif) no-repeat right bottom;
  padding-bottom: 20px;
}

.box-inner { background: url(../images/top-left.gif) no-repeat left top; }

.uni-box h2 {
  background: url(../images/top-right.gif) no-repeat right top;
  padding-top: 15px;
  text-align: center;
  margin: 0;
  color: #f9864d;
  font-size: 110%
}

.uni-box h2, .uni-box p {
  padding-left: 30px;
  padding-right: 30px;
}

/* Page footer
-------------------------------------------------------- */
#footer {
	height: 134px;
	width: 1000px;
}

#footer_developer {
	width: 98px;
	background: url(../images/footer_developer.jpg) no-repeat left bottom;
}

#footer_logo { width: 183px;}
.year-2008 {background: url(../images/footer_logo_2008.jpg) no-repeat left bottom;}
.year-2009 {background: url(../images/footer_logo_2009.jpg) no-repeat left bottom;}
.year-2010 {background: url(../images/footer_logo_2010.jpg) no-repeat left bottom;}
.year-2011 {background: url(../images/footer_logo_2011.jpg) no-repeat left bottom;}
.year-2012 {background: url(../images/footer_logo_2012.jpg) no-repeat left bottom;}
.year-2013 {background: url(../images/footer_logo_2013.jpg) no-repeat left bottom;}
.year-2014 {background: url(../images/footer_logo_2014.jpg) no-repeat left bottom;}
.year-2015 {background: url(../images/footer_logo_2015.jpg) no-repeat left bottom;}

#footer_after_logo {
	width: 256px;
	background: url(../images/footer_aft_logo.jpg) no-repeat left bottom;
}

#footer_bg {
	width: 293px;
	background: url(../images/footer_bg.jpg) repeat-x left bottom;
}

#footer_image {
	width: 170px;
	background: url(../images/footer_image.gif) no-repeat right bottom;
	clear: both;
}

/* Define original backgrounds for footer image */
body.home #footer_image { background: url(../images/footer_image.gif) no-repeat right bottom; }
body.tours #footer_image { background: url(../images/footer_image_volodymyr.gif) no-repeat right bottom; }
body.organizers #footer_image { background: url(../images/footer_image_melnitsa.gif) no-repeat right bottom; }
body.annonces #footer_image { background: url(../images/footer_image_gutsul.gif) no-repeat right bottom; }
body.shop #footer_image { background: url(../images/footer_image_mountain.gif) no-repeat right bottom; }
body.gallery #footer_image, body.gallery_view #footer_image { background: url(../images/footer_image_gallery.gif) no-repeat right bottom; }
body.about #footer_image { background: url(../images/footer_image_melnitsa.gif) no-repeat right bottom; }
body.contacts #footer_image { background: url(../images/footer_image_kolyada.gif) no-repeat right bottom; }
body.links #footer_image { background: url(../images/footer_image.gif) no-repeat right bottom; }
body.guestbook #footer_image { background: url(../images/footer_image_koshyk.gif) no-repeat right bottom; }
body.performers #footer_image { background: url(../images/footer_image_bandura.gif) no-repeat right bottom; }


#footer_developer a:link, #footer_developer a:visited {
	position: absolute;
	width: 66px;
	height: 22px;
	background: url(../images/dev_logo.jpg) no-repeat left top;
	border: none;
	margin: 40px 0 0 6px;
}

#footer_developer a:hover {
	width: 66px;
	height: 22px;
	background: url(../images/dev_logo.jpg) no-repeat left bottom;
	border: none;
}

#footer_logo a:link, #footer_logo a:visited {
	display: block;
	width: 85px;
	height: 67px;
	background: url(../images/footer_logo_link.gif) no-repeat left top;
	border: none;
	margin: 60px 0 0 80px;
}

#footer_logo a:hover {
	width: 85px;
	height: 67px;
	background: url(../images/footer_logo_link.gif) no-repeat left bottom;
	border: none;
}


/* Quick navigation */
#home_top {
	position: absolute;
	margin: -88px 0 0 10px;
	height: 10px;
	width: 11px;
}
#home_top a:link, #home_top a:visited {
	display: block;
	height: 10px;
	width: 11px;
	background: url(../images/home_top.gif) no-repeat left top;
	border: none;
}

#email_top {
	position: absolute;
	margin: -70px 0 0 30px;
	height: 8px;
	width: 12px;
}
#email_top a:link, #email_top a:visited {
	display: block;
	height: 8px;
	width: 12px;
	background: url(../images/mail_top.gif) no-repeat left top;
	border: none;
}


/* Languages indicators EN/FI/SE/UA 
-------------------------------------------------------- */

/* Ukrainian (UA) */
#lang_ua, #lang_ua_disabled {
	position: absolute;
	margin: -68px 0 0 220px;
	height: 30px;
	width: 29px;
}
#lang_ua_disabled a {cursor: default;}
#lang_ua a:link, #lang_ua a:visited { display: block;	height: 30px; width: 29px;	background: url(../images/lang_ua.gif) no-repeat left top; border: none; }
#lang_ua a:hover { background: url(../images/lang_ua.gif) no-repeat left bottom;	border: none; }
#lang_ua_disabled a:link, #lang_ua_disabled a:visited { display: block;	height: 30px; width: 29px;	background: url(../images/lang_ua_disabled.gif) no-repeat left top; border: none; }
#lang_ua_disabled a:hover { background: url(../images/lang_ua_disabled.gif) no-repeat left bottom; border: none; }

/* Finish (FI) */
#lang_fi, #lang_fi_disabled {
	position: absolute;
	margin: -55px 0 0 190px;
	height: 30px;
	width: 29px;
}
#lang_fi_disabled a {cursor: default;}
#lang_fi a:link, #lang_fi a:visited { display: block; height: 30px; width: 29px; background: url(../images/lang_fi.gif) no-repeat left bottom;	border: none; }
#lang_fi a:hover { background: url(../images/lang_fi.gif) no-repeat left top;	border: none; }
#lang_fi_disabled a:link, #lang_fi_disabled a:visited { display: block; height: 30px; width: 29px; background: url(../images/lang_fi_disabled.gif) no-repeat left bottom;	border: none; }
#lang_fi_disabled a:hover { background: url(../images/lang_fi_disabled.gif) no-repeat left top;	border: none; }

/* Swedish (SE) */
#lang_se, #lang_se_disabled {
	position: absolute;
	margin: -49px 0 0 155px;
	height: 30px;
	width: 29px;
}
#lang_se_disabled a {cursor: default;}
#lang_se a:link, #lang_se a:visited { display: block; height: 30px; width: 29px; background: url(../images/lang_sw.gif) no-repeat left bottom; border: none; }
#lang_se a:hover { background: url(../images/lang_sw.gif) no-repeat left top;	border: none; }
#lang_se_disabled a:link, #lang_se_disabled a:visited { display: block; height: 30px; width: 29px; background: url(../images/lang_sw_disabled.gif) no-repeat left bottom; border: none; }
#lang_se_disabled a:hover { background: url(../images/lang_sw_disabled.gif) no-repeat left top;	border: none; }

/* English (EN) */
#lang_en, #lang_en_disabled {
	position: absolute;
	margin: -47px 0 0 119px;
	height: 30px;
	width: 29px;
}
#lang_en_disabled a {cursor: default;}
#lang_en a:link, #lang_en a:visited { display: block; height: 30px; width: 29px; background: url(../images/lang_en.gif) no-repeat left bottom; border: none; }
#lang_en a:hover { background: url(../images/lang_en.gif) no-repeat left top; border: none; }
#lang_en_disabled a:link, #lang_en_disabled a:visited { display: block; height: 30px; width: 29px; background: url(../images/lang_en_disabled.gif) no-repeat left bottom; border: none; }
#lang_en_disabled a:hover { background: url(../images/lang_en_disabled.gif) no-repeat left top; border: none; }



/* SIDEBOX 
-------------------------------------------------------- */
.sidebox {
  width: 180px;
  background: url(../images/sidebox_bottom.gif) no-repeat left bottom;
  float: right;
  padding-bottom: 10px;
}

.sidebox h2 {
	margin: 0;
	padding: 25px 19px 20px 27px;
	background: url(../images/sidebox_top.gif) no-repeat left top;
	font-size: 120%;
	text-align: center;
}

.sidebox .inner {
	background: #f3fafe url(../images/sidebox_bg_mask.gif) repeat-y left top;
	padding-left: 10px;
	padding-right: 10px;
}

.sidebox .inner a {
	display: inline;
}

.sidebox .inner a:link, .sidebox .inner a:visited  { background-color: #f3fafe;  color: #00aeec;}
.sidebox .inner a:hover { background-color: #FFC; }

/* ALERTS
-------------------------------------------------------- */
#alert_message {
	margin: 10px 10px 10px 0;
	padding: 5px 5px 5px 15px;
	background: #ffffcc;
	border: 1px solid #ffeebb;
	border-left: 5px solid #ffeebb;
}
#alert_info {
	margin: 20px 15px 0 10px;
	padding: 15px 10px 15px 70px;
	background: #ffffcc  url(../images/alert_info.gif) no-repeat;
	background-position: 10px;
	border: 1px solid #ffeebb;
}

#alert_ok {
	margin: 20px 15px 0 10px;
	padding: 15px 10px 15px 90px;
	background: #ffffcc  url(../images/alert_ok.gif) no-repeat;
	background-position: 10px;
	border: 1px solid #ffeebb;
}

#alert_error {
	margin: 20px 15px 0 10px;
	padding: 15px 10px 15px 90px;
	background: #ffffcc  url(../images/alert_error.jpg) no-repeat;
	background-position: 10px;
	border: 1px solid #ffeebb;
}

#alert_info h2 { color: #f9864d; font-size:120%; }
#alert_info p, #alert_error p, #alert_ok p { margin-top: 5px; margin-left: 15px;}
#primary_content a#back, #content a#back { margin-left: 10px; font-size: 110%;}

/* Clear */
.clear { clear: both; }

/* Pages navigation */
/* Навигация по страницам */
#pageNav {
	padding-top: 8px;
	background: #dceffa url(../images/page_nav_top.gif) no-repeat left top;
	width: 619px;
	color: #666666;
	font-weight: bold;
}

#pageNav span {
	display: block;
	padding-bottom: 9px;
	padding-left: 10px;
	background: #dceffa url(../images/page_nav_bottom.gif) no-repeat left bottom;
}

#pageNav span a {
	padding: 3px;
	text-decoration: none;
	font-size: 110%;
}
#pageNav span a:link, #pageNav span a:visited {	color: #3facdd; }

#pageNav span a:hover, #pageNav span a:active {
	color: #ff9966;
	text-decoration: underline;
}

#pageNav span #crntPage{
	color: #ff9966;
	background: #FFC;
}

/* Tabs */
#tabs {
	width: 90%;
	background-color: #fff;
	background-image: none;
	padding: 10px;
}

/* Pretty table */
#table {
	margin-top: 20px;
	margin-left: 10px;
	border-collapse: collapse;
	border: 1px solid #666;
	width: 95%;
}

#table caption {
	font-size: 110%;
	color: #34a7db;
	margin: 1.2em 0;
	font-weight: bold;
}

#tablecol { border-right: 1px solid #ccc; }
#table col#placeCol { border: none; }
#table thead {
  background: #ccc url(../images/bar.gif) repeat-x left center;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}
#table th { font-weight: normal; text-align: left; }
#table #posHead { text-indent: -1000em; }
#table th, #table td { padding: 5px 5px; }
.odd { background-color:#edf5ff; }
#table tr:hover { background-color:#00aeec; color: #fff; }
#table thead tr:hover { background-color: transparent; color: inherit; }

.remark {font-size: 80%;}

/* Alltime link */
a.allTime, a.allTime:visited, a.allTime:link { color: #00aeec; }
a.allTime:hover, a.allTime:active { color: #f9864d; }

/* FORMS */
span.subHeader{
	display: block;
	color: #00aeec;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 5px;
	font-weight: bold;
}
.submit {
	margin-top: 5px;
	background: #fff;
	border: 1px solid #ccc;
	color: #ff9966; 
	font-weight: bold;
}
input.textAddress {
	width: 300px;
	border: 1px solid #ccc;
	padding-left: 3px;
	margin-bottom: 2px;
}
.lableAddress {
	float: left; width: 200px;
	margin-left: 20px;
	font-weight: bold;
}
.lableAddress.req { background: url('../images/req.gif') no-repeat right center; }
label.req { background: url('../images/req.gif') no-repeat right center; }
input.text:focus, input.textAddress:focus, textarea.txtarea:focus { background: #ffffcc; border: 1px solid orange; }

textarea {
	width: 316px;
	height: 100px;
	border: 1px solid #ccc;
	margin-top: 2px;
	padding-left: 3px;
}

.hidden, #cnstats_span {
	display: none;
}
.through {text-decoration: line-through;}