/* General */

html, body{
	background-color:#ffffff;
	padding:0;
	margin:0;
	text-align:center;
}

table, tr, td{
	border:0;
	padding:0;
	margin:0;	
}
img{
	border:0
}
form{
	margin:0;
	padding:0;
}
select{
	font:normal 11px arial, verdana;
	color:#666;
	line-height:14px;
}
p, a{
	font:normal 11px arial, verdana;
	color:#666;
	line-height:14px;
	text-decoration:none;
}
a.selected{
	font-weight: bold;
	color:#777;
}
a.unselected{
	font-weight: normal;
}
a:hover
{
	text-decoration: underline;
}
p.larger{
	font-size:14px;
	line-height:14px;
}
p.table{
	margin:0;
	padding:0;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.clear{
	clear:both;
}
.nodisplay{
	display:none;
}
.dotted-top{
	padding-top:10px;
	border-top:1px dotted #999999;
	overflow:hidden;
}
.dotted-bottom{
	padding-bottom:10px;
	border-bottom:1px dotted #999999;
	overflow:hidden;
}
.dotted-right{
	padding-right:10px;
	border-right:1px dotted #999999;
	overflow:hidden;
}
.dotted-left{
	padding-left:10px;
	border-left:1px dotted #999999;
	overflow:hidden;
}
.invisible{
	display:none;	
}
.visible{
	display:block;	
}
.opacity-zero{
	opacity:0.0;
	-moz-opacity:0.0;
	-khtml-opacity:0.0;
	filter:alpha(opacity=0);
}

@font-face
{
    font-family: bodoni;
    src: url('fonts/bodoni.eot');
    src: url('fonts/bodoni.eot?#iefix') format('embedded-opentype'),
         url('fonts/bodoni.woff') format('woff'),
         url('fonts/bodoni.ttf') format('truetype'),
         url('fonts/bodoni.svg#BodoniExtNormalItalicRegular') format('svg');
}

@font-face {
    font-family: 'nimbus';
    src: url('fonts/nimbus.eot');
    src: url('fonts/nimbus.eot?#iefix') format('embedded-opentype'),
         url('fonts/nimbus.woff') format('woff'),
         url('fonts/nimbus.ttf') format('truetype'),
         url('fonts/nimbus.svg#NimbusSanNovConLigRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1.bodoni{
	font:italic 20px arial, verdana;
	color:#666;
	margin-top:0;
	padding-top:0;
}

h1.artist-name{
	font-size:26px;
	font-weight:bold;
}

h2{
	font:normal 14px arial, verdana;
	color:#666;
}

div.separator{
	height:17px;
	width:100%;
	border-top:1px solid #dfdfdf;	
}

div.separator-inner{
	height:100%;
	width:100%;
	margin-top:1px;
	background-color:#f6f6f6;	
}

hr{
	height:1px;
	margin:0;
	padding:0;
	background-color:#dfdfdf;
	border:0;
}

.red{
	color:#ff5656;	
}

.link{
	cursor:pointer;
}

.twitter{
	color:#62dfff;	
}

ul{
	margin:0;
	white-space:nowrap;
	list-style-type:none;
	padding:0;
}
/* nested divs for centering blocks without width */
div.outer{
    display:inline-block;
    position:relative;
    left:50%;
}

div.inner{
    position:relative;
    left:-50%;
}

/* Wrapper */

div#outer-wrapper{
	width:1400px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

div#wrapper{
	width:1000px;
	margin:0 auto;
	padding-top:20px;
	text-align:left;
	position:relative;
}

/* Header */

div#header{
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #999999;
	padding-bottom:5px;
	position:relative;
}
img.logo{
	position:absolute;
	top:0px;
	left:0px;
}

p.header{
	float:right;
	margin-top:25px;
	font:italic 12px bodoni;
	color:#888;
}
img#ara{
	float:right;
	margin-top:10px;
}

/* Links */

div#links{
	width:100%;
	overflow:hidden;
	padding:5px 0 5px 0;
	border-bottom:1px dotted #999999;
}
div#links ul{
	margin:0;
	white-space:nowrap;
	list-style-type:none;
	padding:0;
}
div#links ul li{
	display:inline;
	float:left;
}
div#links ul li a{
	font-size:15px;
	cursor:pointer;
}
ul#categories li{
	margin-right:12px;
}
ul#internal-links{
	float:right;
	border-left:1px dotted #999999;
}
ul#internal-links li{
	margin-left:12px;
}

/* Artist links */

div#artist-links{
	width:100%;
	overflow:hidden;
	padding:5px 0 5px 0;
	border-bottom:1px dotted #999999;
}
div#artist-links ul{
	margin:0;
	white-space:nowrap;
	list-style-type:none;
	padding:0;
}
div#artist-links ul li{
	display:inline;
	float:left;
	margin-right:18px;
}
div#artist-links ul li a{
	font-size:13px;
}
/* Left links */

div#left-links{
	min-height:314px;
	height:auto !important;
	height:314px;
	width:200px;
	overflow:hidden;
	position:absolute;
	top:100px;
	left:-200px;
	background:url(../images/border/border-middle.png) repeat-y top right;
}
div#left-links a{
	font-size:15px;
}
div#left-links-inner{
	float:left;
	width:170px;
	margin:10px 30px 0 0;
	text-align:right;
}
table#border{
	float:right;
	min-height:100%;
	width:30px;
}
img#border-top{
	position:absolute;
	top:0;
	right:0;
}
img#border-bottom{
	position:absolute;
	bottom:0;
	right:0;
}

/* Page */

div#page{
	width:100%;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding:20px 0 20px 0;
	position:relative;
	overflow:hidden;
}

/* Front side */

div#image-area{
	width:340px;
	margin-top:20px;
	overflow:hidden;
	float:left;
}

div#image-area-front{
	width:430px;
	overflow:hidden;
	float:left;
}

div#main-image{
	margin-bottom:10px;
}

div#front-news{
	width:280px;
	min-height:450px;
	height:auto !important;
	height:450px;
	float:left;
	overflow:hidden;
	margin-left:20px;
	padding-left:20px;
	border-left:1px dotted #999;	
}

div#inspiration{
	width:200px;
	min-height:450px;
	height:auto !important;
	height:450px;
	float:left;
	overflow:hidden;
	margin-left:20px;
	padding-left:20px;
	border-left:1px dotted #999;	
}

/* About us */

div#about-us{
	width:400px;
	overflow:hidden;
	float:left;
}

div#hosting{
	width:400px;
	float:right;
	border-top:1px dotted #999999;
}

/* Contact */

div#contact{
	width:250px;
	overflow:hidden;
	float:left;
}

div#join-us{
	width:280px;
	float:right;
}

div#map{
	width:400px;
	height:400px;
	float:left;
	margin:25px 0 0 25px;
}

.infowindow{
	width:100px;
}

/* Artist */

div#artist-inner {
	width:600px;
	float:left;
}

div#artist-info{
	margin-bottom:20px;
}

div#artist-thumbnails{
	float:left;
	overflow:hidden;
	margin:10px 0 20px 0;
}

div.artist-thumbnails-inner{
	float:left;
	width:950px;
	display:inline;
	margin:0 0 8px 25px;
	position:relative;
}

p.image-info{
	text-align:center;
	width:100%;
	font-size:15px;
	padding-top:0;
	margin-top:0;
}

p.pagination{
	clear:both;
	width:100%;
	font-size:15px;
	text-align:center;
	padding-top:5px;
}
p.pagination a{
	font-size:15px;
	color:#f66;
}

div#cover{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	display:none;
	z-index:500;
	opacity:0.85;
	-moz-opacity:0.85;
	-khtml-opacity:0.85;
	filter:alpha(opacity=85);
}

img#main-image{
	padding-top:20px;
	margin:0 auto;
	cursor:pointer;
}

div#main-image-holder{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10000;
}

div#video-area{
	width:500px;
	margin-right:5px;
}

div#description{
	width:235px;
	min-height:130px;
	height:auto !important;
	height:130px;
	padding-right:15px;
}

div#share{
	width:230px;
	padding-left:15px;
}

img.selected-thumb{
	border:2px solid #333;
}

div.video-thumbs{
	width:460px;
	min-height:525px;
	height:auto !important;
	height:525px;
}

/* Production */

div.production{
	float:left;
	width:300px;
	height:400px;
	margin-bottom:30px;
}

div#production-left{
	margin-right:20px;
}
div#production-middle{
	margin-right:20px;
}
div#production-right{
	
}

/* Events */

div#event-dates-wrapper{
	width:760px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}
div#event-dates{
	float:left;
	overflow:hidden;
	padding:10px 0 10px 0;
	margin-right:25px;
}
div#event-dates ul{
	margin:0;
	white-space:nowrap;
	list-style-type:none;
	padding:0;
}
div#event-dates ul li{
	font:normal 13px arial, verdana;
	color:#666;
	display:inline;
	float:left;
	margin-right:10px;
}
div#event-dates ul li a{
	font:normal 13px arial, verdana;
	color:#666;
	cursor:pointer;
}
div#event-dates .selected{
	color: #FF3232;
}
div#events-inner{
	padding:10px;
	overflow:hidden;
}
div#events{
	margin-top: 10px;
}
div.event-entry{
	margin-top:20px;
}
img.alignright {
	padding: 10px;
	margin: 0 0 2px 7px;
	display: inline;
	float:right;
}
img.alignleft {
	padding: 10px;
	margin: 0 7px 2px 0;
	display: inline;
	float:left;
}
img.size-thumbnail{
	margin-top:-50px;
}
p.huge-date{
	font:30px normal arial,verdana;
	font-weight:bold;
	line-height:30px;
	padding:0;
	margin:0;
}
p.big-date{
	font:20px normal arial,verdana;
	line-height:20px;
	padding:0;
	margin:0;
}
p.title-time, h2.title-time{
	font:13px normal arial,verdana;
	line-height:15px;
	color:#FF8D8D;
	font-weight:bold;
	padding:0;
	margin:0;
}
div.event-date{
	float:left;
	margin-right:100px;
	overflow:hidden;
}
div.event-content{
	float:left;
	width:740px;
}

/* News */

div.entry img {
	max-width:400px;
	height:auto;
}
div#newstext{
	float:left;
	overflow:hidden;
	width:500px;
	height:auto;
	margin-left:35px;
}
div#newstext p{
	margin-bottom:8px;
}

div#news-left{
	float:left;
	width:200px;
	overflow:hidden;
	padding-right:20px;
	border-right:1px dotted #999999;
}

div#news-right{
	float:right;
	width:200px;
	overflow:hidden;
	padding-left:20px;
	border-left:1px dotted #999999;
}

span.news-date{
	width:80px;
	display:block;
	float:left;	
}

ul.news-dates li{
	margin-bottom:5px;
	float:left;
	clear:both;
}

div#searchbar{
	overflow:hidden;
	margin-top:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #999999;
}

form#searchform{
	float:right;
}
input#s{
	color:#666;
	border:1px solid #999;
}

/* Footer */

div#footer{
	width:100%;
	border-top:1px dotted #999999;	
}
div#footer img{
	margin-right:2px;
}
div#social{
	float:right;
	margin:10px 10px 0 0;
}
div#languages{
	float:right;
	margin:10px 10px 0 0;
}
p#copyright{
	float:left;
}
p#footer-links{
	float:right;
	padding-bottom:3px;
}

/* --------- Admin ---------- */

/* General */

fieldset.adminframe{
	border:1px solid #ccc;
	width:96%;
	padding:10px;
	margin-top:10px;
}
fieldset.adminframe legend{
	font:normal 15px arial, verdana;
	color:#999;
}
fieldset.adminframe label{
	font:normal 11px arial, verdana;
	color:#999;
	display:block;
	clear:right;
	margin-bottom:4px;
}
fieldset.adminframe input{
	font:normal 13px arial, verdana;
	color:#000;
	background-color:#fff;
	margin-left:4px;
}

div#msg{
	margin:10px 0 10px 10px;
	width:600px;
	background-color:#fff;
	padding:3px;
}
div#msg p{
	padding:0 0 3px 25px;
	font-weight:bold;
	font-size:12px;
	line-height:14px;
	margin:3px;
}
p.msg{
	background:url(../images/admin/errorIcon.gif) no-repeat top left;
	color:#a00;
}
p.msg-green{
	background:url(../images/admin/okIcon.gif) no-repeat top left;
	color:#0a0;
}
div.controls{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	padding:10px;
	border:1px solid #000;
	background-color:#fff;
	z-index:80;
	width:180px;
}
p.close{
	cursor:pointer;
	float:right;
}
div.imgspacing{
	position:relative;
	z-index:2;
	width:150px;
	float:left;
	display:inline;
	margin-left:7px;
}
div#info{
	position:absolute;
	top:100px;
	left:100px;
	z-index:100;
	background-color:#fff;
	border:1px solid #000;
	display:none;
	padding:10px;
	width:350px;
}

