@charset "utf-8";

/* CSS Document */



@import "reset.css";

@import "typography.css";

@import "collapsible_menu.css";

/* @import "admin.css"; */



body{ background:#2a0200; font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:12px; color:#fff;}

#content-column h1 { font-family:Arial, Helvetica, sans-serif; font-size:23px; font-weight:normal; padding-top:10px; padding-bottom:5px; color:#fdec9c; letter-spacing:-1px;}

#content-column h1 span { color:#e3e9ec; font-weight:normal; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; position:relative; top:-4px; left:6px; letter-spacing:0px;}

a { color:#fdec9c; text-decoration:none;}

.canvass { background:url(../images/bg-main.jpg) no-repeat; width:800px; height:600px;  margin:5px auto 0px;}

.clear { clear:both }



#head { height:50px;}

	#logo { margin: 0 0 0 30px; float:left;}

	#lang-block { float:right; margin:32px 30px 0 0; font-size:11px;}

		#lang-block a { }

		#lang-block a:hover { color:#fff; }

		#lang-block a.selected { background:#340500; padding:4px 7px 4px 7px; border-top:1px solid #630600; border-left:1px solid #630600; border-right:1px solid #630600; }



#body-column { background:url(../images/img-title02.png) no-repeat; padding:74px 0 0 0; height:426px;}

	#main-menu { width: 183px; float:left;}

	#content-column { background:url(../images/bg-v-line.png) top left no-repeat; width:557px; float:right; min-height:366px; padding:0px 30px 30px 30px;}

	

#footer { padding: 20px 0 0 0; text-align:right; margin:0 30px 0 30px;}
#paging { padding: 0px 0 0 0; clear:both;}
.prev1 { float:left; opacity:0.8;}
.next1 { float:right; opacity:0.8;}



.prev1:hover { opacity:1;}



.next1:hover { opacity:1;}



#guestbook-block { margin:10px 0 10px 0; }



label { width:500px; display:block;}



#guestbook-form { background:#0b0100; border:1px solid #910000; padding:20px;}



#comments-block { height:300px; overflow-y:scroll; border-top:1px solid #910000;}

#comments-block p { border-bottom: 1px solid #640000; padding-bottom:10px; }

#comments-block h4 { padding-top:20px}

/*links */
.links {height:340px; overflow-y:scroll; /*border-top:1px solid #910000; */}

.links-table { vertical-align:top; border-bottom:1px solid #910000; border-top:1px solid #910000; margin-bottom:0px; }

.links-table tr td { vertical-align:top; padding: 5px 0 5px 0; border-bottom:1px solid #320500; padding-left:7px;}

.links-table tr td a img { border:1px solid #f6fc9e;}
.title { background:#270400;}


/* Gallery Styles*/

/* define background image for the expose mask */
#mask {
	background:#123 url(../images/mask_gradient_1800.png) no-repeat;
	background-position:50% -200px;
}

/* general settings for both scrollables */
div.items {	
	width:20000em;
	position:absolute;
	clear:both;
}

/* next/prev buttons */
div.navi {
	background-image:url(../images/hori_large.png);
	width:30px;
	height:30px;
	float:left;
	margin-top:35px;
}

div.navi:hover  		{ background-position:-30px 0; }
div.navi:active  		{ background-position:-60px 0; }
div.nextPage 			{ background-position: 0 -30px; clear:right; }
div.nextPage:hover 	{ background-position:-30px -30px; }
div.nextPage:active 	{ background-position:-60px -30px; } 


div.navi.disabled {
	visibility:hidden;		
}


/* the thumbnail scrollable */
#thumbnails {
	position:relative;
	overflow:hidden;	 	
	float:left;	
	width: 449px;	
	min-height: 150px;
	background:none /*#222 url(../images/h150.png) repeat-x */;
	margin:10px 10px 0 10px;
	border:1px solid  #af1302;
	outline:1px solid #000;
	-moz-outline-radius:4px;
}

#thumbnails div.items div {
	padding:3px 3px 3px 3px;
	float:left;
	cursor:pointer;
}


/* box styling */
#box {
	background-image:url(../images/black.png);
	width:656px;
	height:524px;
	position:absolute;
	display:none;
}

/* 
	image is contained on the overlay background image. 
	the closing button is thus just a transparent container. 
*/
#box .close {
	position:absolute;
	left:8px;
	top:8px;
	cursor:pointer;
	height:35px;
	width:35px;
	text-decoration:none;
}

/* overlay scrollable */
#images {	
	position:absolute;
	overflow:hidden;
	margin:50px;
	width:557px;
	height:400px;	
}

/* single image */
#images div.items div {
	float:left;
	width:557px;
	height:400px;
	margin-right:30px;
}

/* the tooltip */
#images div.items div.info {
	float:none;
	background:#333;
	color:#fff;
	font-size:13px;
	margin-top:-30px;
	padding:5px 75px 15px;
	height:400px;
	display:none;
	width:490px;
}

#images div.items div.info h3 {
	color:#cde;
	margin-top:10px;
	margin-left:7px;
}

#images div.items div.info p {
	margin-left:7px;
}
	

/* override button style on the overlay */
#box div.navi {
	position:absolute;
	bottom:33px;
	left:50px;
}

#box div.nextPage {
	left:580px;
}

.modal { 
    background-color:#fff; 
    display:none; 
    width:350px; 
    padding:15px; 
    text-align:left; 
    border:2px solid #333; 
 
    opacity:0.8; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc;
	color:#333;
} 
 
.modal h2 { 
    background:url(/img/global/info.png) 0 50% no-repeat; 
    margin:0px; 
    padding:0px 0 10px 0px; 
    border-bottom:1px solid #f6f6f6; 
    font-size:20px;
	color:#333;
}

.modal label { width: 120px; padding-left: 8px; margin: 12px; float: left; text-align: left; color:#333;
}

.modal input, textarea, select
{
margin: 7px 7px 7px 0px;
padding: 4px; 
float: left;

border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

color: #333333; 

font: 11px Tahoma, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

textarea {
	float:none;
}

.button-modal { float:left;}

#thumbs_all { height:320px; overflow-y:auto;}


#thumbs_all li { float:left; margin:7px; text-align:center;  } 
#thumbs_all li a {border:1px solid #b21302;  padding:5px; display:block;}
#thumbs_all li a:hover {border:1px solid #620b01;}

#main-content { height:350px; overflow-y:auto;}

.musicbutton { color:#999999; font-size:9px;  cursor:pointer; margin-top:-18px; margin-right:5px }

.musicbutton:hover {
	color:#FFFFFF;
}