/* CSS Document */

@font-face {
    font-family: AvenirLTStd_Cursive;
    src: url(/fonts/AvenirLTStd-LightOblique.otf);
}

@font-face {
    font-family: AvenirLTStd_Light;
    src: url(/fonts/AvenirLTStd-Light_0.otf);
}

@font-face {
    font-family: AvenirLTStd_Medium;
    src: url(/fonts/AvenirLTStd-Medium.otf);
}

@font-face {
    font-family: AvenirLTStd_Heavy;
    src: url(/fonts/AvenirLTStd-Heavy.otf);
}
	
html, body{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: AvenirLTStd_Medium,"Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 100%;
	width: 100%;

	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	
	/*
	background-image: url(/images/music_right.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top right;
	background-attachment: fixed;
	*/
	}

a{
	color: #AF0034;
	text-decoration: none;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
	}

a:hover{
	color: #DE0043;
	}

#adarea{
	position: absolute;
	top: 20px;
	right: 20px;
	}

#adarea img{
	height: 140px;
	}
	
.contents_div{
	background-image: url(/images/whitebg90.png);
	}

.contents_div a{
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
	font-size: 16px;
	}

.contents_div a:hover{	
	text-shadow: 1px 1px 3px #B0B0B0;
	}

#footer{
	padding: 20px;
	color: #333;
	/*
	text-shadow: 1px 1px 1px #000;
	*/
	}

#footer a{
	color: #AF0034;
	text-decoration: none;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
	}

#footer a:hover{
	color: #DE0043;
	}
	
.next{
	float: right;
	background-color: #AF0034;
	color: #ffffff;
	font-weight: bold;
	font-size: 45px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	}

.next a{
	color: #FFD8E4;
	font-weight: bold;
	font-size: 45px;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
	}

.next a:hover{
	color: #FFFFFF;
	}

#facebook{
	position: absolute;
	top: 30px;
	right: 30px;
	}

#facebook img{
	height: 30px;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
	}

#facebook img:hover{
	height: 50px;
	}

.btn {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	cursor: pointer;
	}
	
.btn:hover {
	background: #3cb0fd;
	color: #fff;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
	}

.texts{
	width: 300px;
	height: 30px;
	border-radius: 15px;
	}

.text_radius{
	border-radius: 15px;
	padding: 10px;
	font-size: 14px;
	border: 1px solid #999;
	}

.buttonGo{
	height: 35px;
	font-size: 20px;
	background-color: #39F;
	color: #fff;
	border-radius: 15px;
	border: 1px solid #39F;
	padding: 3px 15px 5px 15px;
	cursor: pointer;
	}

/* -------------------- top bar ------------------------------ */

#logo{
	background-image: url(/images/IreneGallLogoFinalTrans.png);
	background-repeat: no-repeat;
	width: 500px;
	height: 69px;
	margin: 20px 20px 20px 10px;
	}

#newsbox{
	border: 1px solid #CCC;
	padding: 0px 20px 0px 20px;
	max-width: 300px;
	height: 38vw;
	max-height: 500px;
	overflow: hidden;
	vertical-align: top;
	}

#menu_container{
	width: 100%;
	}

#menu{
	color: #333;
	max-width: 1000px;
	padding: 0px 0 20px 0;
	margin: 0px auto;
	border: 0px solid #0F0;
	font-family: AvenirLTStdOB,"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	z-index: 999;
	}

#menu li a{
	color: #888;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	}

#menu li a:hover{
	color: #555;
	text-shadow: 0 1px 0 #ccc,
    0 2px 0 #c9c9c9,
    0 4px 0 #bbb,
    0 4px 0 #aaa,
    0 6px 1px rgba(0,0,0,.1),
    0 0 5px rgba(0,0,0,.1),
    0 1px 3px rgba(0,0,0,.3),
    0 3px 5px rgba(0,0,0,.2),
    0 5px 10px rgba(0,0,0,.25),
    0 10px 10px rgba(0,0,0,.2),
    0 20px 15px rgba(0,0,0,.14);
	}

#menu li{
	float: left;
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 50px;
	padding: 0px 25px 25px 25px;

	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	
	-webkit-font-smoothing: antialiased;
    color:#333;
    text-align: center;

    /* text-shadow: X-axis Y-axis blur colour; 
		box-shadow: 5px 5px 10px 1px #999;
*/
	}

#menu li:hover{
	}
	
/* -------------------- sliders ------------------------------ */

#sliders{
	margin: 0 0 0 300px;
	width: 600px;
	padding: 75px 0 0 50px;
	}

/* -------------------- artists ------------------------------ */
	
#artists{
	margin: 0 0 0 0;
	}

#artists li{
	float: left;
	display: block;
	padding: 0 25px 0 25px;
	margin: 0 auto 0 auto;
	height: 40px;

	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	
	-webkit-font-smoothing: antialiased;
    font: normal 22pt;
    color:#333;
    text-align: center;
	}

.clear{
	clear: both;
	}

.artistName{
	font-size: 40px;
	font-family: AvenirLTStd_Light,"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: -10px;
	}

/* -------------------- contents ------------------------------ */

.contents_general{
	width: 70vw;
	margin: 0 auto 0 auto;
	padding: 50px 0 0 0;
	border: 0px solid #F00;
	}

.contents_div{
	border: 2px solid #CCC;
	padding: 20px;
	}

.contents_div h1{
	padding: 5px 0 0 15px;
	margin: 0 0 20px 0;
	background-color: #333;
	color: #ffffff;
	}

/* -------------------- about me ------------------------------ */

#irene{
	font-size: 22px;
	min-height: 300px;
	}

#irene img{
	float: left;
	height: 300px;
	padding: 7px 30px 20px 20px;
	}

#irene p{
	padding: 15px 0 0 20px;
	}

/* -------------------- artist - olga ------------------------------ */

#olga{
	font-size: 18px;
	}

#olga img{
	float: left;
	height: 500px;
	padding: 0 20px 20px 20px;
	}

#downloads{
	float: right;
	width: 150px;
	padding: 0 20px 0 20px;
	margin: 20px;
	border: 1px solid #AF0034;
	}

.d_title{
	font-size: 24px;
	font-weight: bold;
	}

.d_header{
	font-size: 20px;
	}

.d_header a{
	font-size: 16px;
	}
	
/* -------------------- news ------------------------------ */

.news_div{
	padding-top: 10px;
	padding-bottom: 30px;
	border-top: 3px solid #AF0034;
	}

.news_title{
	font-size: 30px;
	cursor: pointer;
	}

.news_date{
	font-family: AvenirLTStd_Medium,"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #AF0034;
	}

.news_body_off{
	display: none;
	}

.news_body_on{
	display: block;
	border: 1px solid #CCC;
	padding: 20px;
	margin: 10px;
	}

/* ------------------------------- artist div -------------------------- */

#header_artists{
	position:absolute;
	top: 150px;
	left: 50%;
	padding: 10px;
	z-index: 1030;
	margin-left: -18%;
	border: 1px solid #CCC;
	background-color: #ffffff;
	cursor: pointer;
	display: none;	
	
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
	}

.menuPicturesTd{
	font-family: AvenirLTStd_Medium,"Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 120px;
	height: 120px;
	background-size: 100% 100%;
	color: #241C1C;
	padding: 5px 10px 5px 10px;
	font-size: 15px;
	opacity: 0.8;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	}

.menuPicturesTd img{
	height: 120px;
	width: 120px;
	}

.menuPicturesTd:hover{
	color: #AF0034;
	opacity: 1;
	}

.divSingerType0{
	font-weight:  bold;
	font-size: 14px;
	}

.divSingerType{
	width: 100%; 
	text-align: left; 
	padding: 3px 0 0 3px;
	font-size: 12px;
	}

.roster_line2{
	font-size: 18px;
	font-style: italic;
	font-family: AvenirLTStd_Heavy,"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

/* ------------------------------- tlg -------------------------- */

#tlg{
	font-size: 12px;
	color: #B4B4B4;
	margin: 0 auto 0 auto;
	text-align: center;
	width: 100%;
	padding: 20px 20px 20px 20px;
	}
	
#tlg a{
	font-size: 12px;
	color: #B4B4B4;
	}

#tlg a:hover{
	font-size: 12px;
	color: #888;
	}

#photos div table tr td a{
	font-size: 11px;
	}