/*
 * Css definitions used on every page.
 *
 * TODO: smarter definitions (refactor).
 * TODO: find how to organize css files.
 * TODO: check IE8 and IE7
 * TODO: fck expand problem
 */

/* general */
ul {margin:0; padding:0;}
a {text-decoration:none; color:inherit;}
a img {border:none;}





/* layout */
body {margin:0; padding:0}
#page {width:947px; min-height:966px; margin:0 auto;}

#top {width:100%; height:262px;}
#main {width:100%; min-height:730px; padding-top:5px}
#main .side {float:right; width:274px;}
#content {width:563px; min-height:515px; margin:30px; padding:12px 25px 12px;}
#footer {width:100%; height:95px;}

#top .holder {position:absolute; width:947px;}
#top .holder > * {position:absolute;}
#top .flags {left:851px; top:37px}
#logo {left:70px; top:54px}
#new_site_button {width:141px; height:21px; left:404px; top:108px;}
#new_site_label {left:335px; top:81px;}
#search {left: 696px; top:199px;}
#search_input {width:123px; height:22px; left:696px; top:199px; padding:0 10px;}
#search_button {left:843px; top:200px;}

#top .menu {top:239px; text-align:center; margin-left:25px;}
#top .menu > li {display:inline; float:left;}
#top .menu > li a {padding:6px 0.7em 5px;}
#top .menu li ul {position:absolute; padding:0; margin:3px 0 0 0; display:none; text-align:left;}
#top .menu li ul li {display:block;}
#top .menu li ul li a {display:block; padding: 0.5em 1em}

.side .links {margin:34px 0 8px;}
.side .links a {display:block; height:53px; padding:14px 0 0 12px; margin-top: 3px}
.side .links a .notflir {float:left; padding-right:1em;}
.side .links a strong {display:block; margin-top:3px;}

.side .galleries {width:305px; height:333px; padding: 3px 14px 14px 14px; margin-top:20px}
.side .galleries a {display:block; width:250px; height:119px; padding:14px 0 0 14px}
.side .galleries a .dot {margin-left:-10px}
.side .galleries a .miniature {display:block; width:90px; height:59px; margin:14px 0;}
.side .galleries a .button {position: relative; left:110px; top:-55px; width:86px; height:18px;}
.side .galleries h1 {margin-bottom:0;}
.side .galleries h2 {margin-top:0;}

#footer .menu {text-align:center; width:947px; padding-top:8px;}
#footer .menu a {padding:0.5em;}

.button {display:inline-block;}
.button, .button div {height:21px;}
.smallbutton, .smallbutton div {height:18px;}
.button_left, .button_middle, .button_right {float:left;}
.button_middle {padding:0 4px;}
.button_left {width:4px;}
.button_right {width:4px;}
.smallbutton .button_left {width:3px;}
.smallbutton .button_right {width:3px;}





/* typography */
.trajan {font-family:trajan;}
.trajan_bold {font-family:trajan_bold;}
.trajan_text {font-family:trajan; color:#64614E;font-size:10pt;}
body, input {font-size:8pt; font-family:Arial;}

#top .menu {font-size:10.5pt;}
#top .menu li ul {font-weight:bold; font-size:8pt;}

#footer .menu {font-size:9pt;}

#new_site_label {font-size:14pt}

#main .side .galleries {font-weight:bold;}
#main .side .links strong {font-size:11pt;}
#main .side .links {font-size:10pt;}

#content h1 {font-family:trajan; font-weight:normal;}

.side .galleries h1 {font-size: 14pt; font-family:trajan; font-weight:normal;}
.side .galleries h2 {font-size: 10pt; font-family:trajan; font-weight:normal;}

.button {font-family:trajan; line-height:21px;}
.smallbutton {font-family:trajan; font-weight:normal; font-size:7pt; line-height:18px;}

#search_input {line-height:22px;}
#search button {font: 8pt trajan; text-align: center}

@font-face {
	font-family: 'trajan_bold';
	src: url('../font/trajanprobold.eot');
	src: local('Trajan Pro'), local('TrajanPro-Bold'), url('../font/trajanprobold.woff') format('woff'), url('../font/trajanprobold.ttf') format('truetype');
}
@font-face {
	font-family: 'trajan';
	src: url('../font/trajanproregular.eot');
	src: local('Trajan Pro'), local('TrajanPro-Regular'), url('../font/trajanproregular.woff') format('woff'), url('../font/trajanproregular.ttf') format('truetype');
}


                              



/* colors */
body {background:black url(../images/background.jpg) center 0 repeat-x;}
#page {background:#f4f2ec url(../images/page.gif) 0 0 repeat-y;}

#top {background:transparent url(../images/top.jpg) 0 0 no-repeat;}
#main {background:transparent url(../images/main.jpg) 0 0 no-repeat;}
#footer {background:transparent url(../images/footer.jpg) 0 0 no-repeat;}

#new_site_button {background:transparent url(../images/new_site_button.png) 0 0 no-repeat; border:none;}
#new_site_label span {color:#5d0d1a}
#search_input {background:transparent url(../images/search_input.png) 0 0 no-repeat; border:none; color:#777562}
#search_button {cursor: pointer;}

#top .menu {color:#f0e8d7;}
#top .menu li:hover a, #top .menu .active {background:#5d0d1a;}
#top .menu li ul {background:#5f0f1b;}
#top .menu li ul li a {border-width:1px 0; border-style:dotted; border-color:transparent;}
#top .menu li ul li a:hover {border-color:#6a6a44; background:#4b492c;}

#footer .menu {color:#858160;}

.side .links a {background: transparent url(../images/main_line.png) 0 0 no-repeat; color:#64614e;}
.side .links a:first-child {background: transparent;}
.side .links strong {color:#34311a;}
.side .galleries {background: transparent url(../images/gallery.png) 0 0 no-repeat;}
.side .galleries h1 {color:#F4F2EC}
.side .galleries h2 {color:#5F141D}
.side .galleries a {background: transparent url(../images/gallery_line.png) 0 0 no-repeat; color:#34311a}
.side .galleries a:first-child {background: transparent;}

#content {background:transparent url(../images/main_block.png) 0 0 repeat; color:#343434;}
#content h1 {color:#5d0d1a;}

.button_middle {background: transparent url(../images/button_middle.png) 0 0 repeat-x; color:#d0c9b5;}
.button_left {background: transparent url(../images/button_left.png) 0 0 no-repeat;}
.button_right {background: transparent url(../images/button_right.png) 0 0 no-repeat;}
.smallbutton .button_middle {background: transparent url(../images/small_button_middle.png) 0 0 repeat-x; color:#d0c9b5;}
.smallbutton .button_left {background: transparent url(../images/small_button_left.png) 0 0 no-repeat;}
.smallbutton .button_right {background: transparent url(../images/small_button_right.png) 0 0 no-repeat;}






/* a */
a.button {
	padding: 0 7px 0 0;
  overflow: visible;
  background: transparent url(../images/button.png) no-repeat right -21px;
  cursor: pointer;
}



/* button */
button {
	position: relative;
	padding: 0 7px 0 0;
  overflow: visible;
  border: 0;
  background: transparent url(../images/button.png) no-repeat right -21px;
  cursor: pointer;
}
button::-moz-focus-inner { /* Firefox fix */
  border: none;
}
button.small {
	padding: 0 5px 0 0;
  background: transparent url(../images/button_small.png) no-repeat right -18px;
}
button.small.red {
  background: transparent url(../images/button_small_red.png) no-repeat right -18px;
}
button.small.grey {
  background: transparent url(../images/button_small_grey.png) no-repeat right -18px;
}


/* span */
button span,
a.button span {
	position: relative;
  display: block;
  height: 17px;
  padding: 4px 0 0 5px;
  font:8pt trajan;
  white-space: nowrap;
  color:#D0C9B5;
	background: transparent url(../images/button.png) no-repeat left top;
}
button.small span {
  height: 14px;
	padding: 4px 0 0 7px;
  font:7pt trajan;
	background: transparent url(../images/button_small.png) no-repeat left top;
}
button.small.red span {
	background: transparent url(../images/button_small_red.png) no-repeat left top;
}
button.small.grey span {
	background: transparent url(../images/button_small_grey.png) no-repeat left top;
}




/* Opera and Chrome fix */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	button span {
    margin-top: -1px;
  }
}
*/