/* Global Styles */

@font-face { 
	font-family: Din; 
	src: url('fonts/din_medium.ttf'); 
	src: local('☺'), url(fonts/din_medium.ttf) format("truetype"); 
}

@font-face { 
	font-family: DinLight; 
	src: url('fonts/din_light.ttf'); 
	src: local('☺'), url(fonts/din_light.ttf) format("truetype"); 
}

@font-face { 
	font-family: DinBold; 
	src: url('fonts/din_bold.ttf'); 
	src: local('☺'), url(fonts/din_bold.ttf) format("truetype"); 
}

html {
	overflow-y:scroll;
}

body {	
	background:#FFF;
	font-size: 13px;
	color:#333;
	-webkit-font-smoothing: subpixel-antialiased;
}

img {
	border:0;
}

ul, li, body, html, h1, h2, h3, h4,h5, p, a, dl, dt, form {
	margin: 0;
	padding: 0;
	font-family:Arial;
	color:#333;
	font-weight:normal;
}

body a {
	color:#333;
	text-decoration:underline;
	outline:none;
}

body a:hover {
	cursor:pointer;
	outline:none;
	color:#069;
}

h1,h2 {
	font-family:Arial;
	font-size:18pt;
}

h2 {
	font-size:18px;
}	

h3 {
	font-size:14pt;
} 

p {
	line-height:1.6em;
}

/* Wrapper Styles */

/* IE 7 Wrapper */
 * .wrapper{
	min-height: 1%;
}

/* Global Wrapper  */
.wrapper:after{
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/* Arrow Links Styles */

.link-arrow-right {
	background: url("/inc/scripts/image_text.php?text=%3E%3E&color=000000&background=ffffff&transparent=1&antialias=1&font=fff_intelligent_thin_condensed.ttf&font_size=8") no-repeat right;
	padding: 0 12px 2px 0;
}

.link-arrow-right:hover {
	background: url("/inc/scripts/image_text.php?text=%3E%3E&color=666666&background=ffffff&transparent=1&antialias=1&font=fff_intelligent_thin_condensed.ttf&font_size=8") no-repeat right;
}

.link-arrow-left {
     background: url("/inc/scripts/image_text.php?text=%3C%3C&color=000000&background=ffffff&transparent=1&antialias=1&font=fff_intelligent_thin_condensed.ttf&font_size=8") no-repeat left;
     padding: 0 0 2px 12px;
}

.link-arrow-left:hover {
     background: url("/inc/scripts/image_text.php?text=%3C%3C&color=666666&background=ffffff&transparent=1&antialias=1&font=fff_intelligent_thin_condensed.ttf&font_size=8") no-repeat left;
}

/* Print CSS */

@media print {
	body, a { color: #000000; background: #FFFFFF; } /* all text colors black, all backgrounds white */
	#nav-level-2 { visibility:hidden; }
}

/* submit button */

.button {
	background: none repeat scroll 0 0 #666;
    box-shadow: 0 1px 1px #AAA inset;
    border: 1px solid #333;
    color: #FFF;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
    margin: 10px 0px 5px;
    padding: 10px 14px;
    position: relative;
}



.button:hover, 
.button:active {
	text-decoration:none;
	color:#FFF;
    background:#777;
}

button:active,
.button:active {
    box-shadow:inset 0px 1px 2px #003F78; 
}

/* grey button */
.button-grey {
    background: none repeat scroll 0 0 #666;
    box-shadow: 0 1px 1px #AAA inset;
    border: 1px solid #333;
    color: #FFF;
}

.button-grey:hover,
.button-grey:active {
    background:#777;
}

.button-grey:active {
    box-shadow:inset 0px 1px 2px #444; 
}

/* green button */
.button-green {
    background: none repeat scroll 0 0 #518C00;
    box-shadow: 0 1px 1px #9DD208 inset;
    border: 1px solid #153E02;
    color: #FFF;
}

.button-green:hover,
.button-green:active {
    background:#67A90E;
}

/* red button */
.button-red {
    background: none repeat scroll 0 0 #851515;
    box-shadow: 0 1px 1px #DB5858 inset;
    border: 1px solid #751313;
    color: #FFF;
}

.button-red:hover,
.button-red:active {
    background:#AB1313;
}

/* disabled button */
.button.disabled,
.button.disabled:hover,
.button.disabled:active {
	background: #f6f6f6;
	border-color: #ccc;
	box-shadow: inset 0px 1px 1px #fff;
	color: #ccc;
}

.translations,
.translations li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.translations {
  position: absolute;
  top: 8px;
  left: 18px;
}

.translations li {
  display: inline;
  margin-right: 5px;
}

/* This keeps the artists dropdown alphabetical down in nice columns */
		/* this weird not selector below allows for dropdown-3columns and default, no class. */
#artist-dropdown .dropdown-sub-container:not(.dropdown-2columns) .dropdown-wrapper a:nth-child(3n-2) {
	clear: left;
}
#artist-dropdown .dropdown-2columns .dropdown-wrapper a:nth-child(2n-1) {
	clear: left;
}
#artist-dropdown .dropdown-1columns .dropdown-wrapper a {
	clear: left;
}

#nav-level-2 .dropdown-sub-container.dropdown-3columns {
	width: 460px;
}

#nav-level-2 .dropdown-sub-container.dropdown-2columns {
	width: 310px;
}

#nav-level-2 .dropdown-sub-container.dropdown-1columns {
	width: 160px;
}

div#member-container {
    position: absolute;
    right: 31px;
    top: 43px;
    z-index: 500;
}


div#artist-page-nav a {
	float:right;
	padding:10px;
	text-decoration:none;
	color:#333;
	 margin-right: 10px;
}

/* home content slide show */

.home-content-slideshow .content-text {
	width:255px;
	position: absolute;
	top:-5px;
	right:0px;
}

.home-content-slideshow .content-text p {
	margin-bottom:10px;
}	

.home-content-slideshow .content-text h1 {
	margin-bottom:15px;
}

/* twitter bootstrap / open layers hack */
#gallery-map-container img.olTileImage {
	max-width:none;
}

#login-form {
	padding:20px 0px;
	width:310px;
}

#login-form td {
	padding-bottom:20px;
	
}

form input,
form select,
form textarea {
	width: 280px;
	text-align:left;
	display:block;
	
}

/* for sold works */
.red-dot {
	color: #DD4444;
	font-size: 2em;
}

.panel-img {
	overflow:hidden;
	max-height:90%;
	max-width:90%;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.lean_modal {
    display: none;
	width: 404px;
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
	background: #FFF;
}

.lean_modal .close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    width: 20px;
    height: 20px;
    background: url('/images/modal_close.png');
    z-index: 2;
	opacity: 0.5;
}

.lean_modal .close:hover {
	opacity: 0.8;
}

.lean_modal > * {
    padding: 18px 18px 14px 18px;
}

.lean_modal .title {
	background: #EEE;
    padding: 18px 18px 14px 18px;
    border-bottom: 1px solid #CCC;
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
}

.sort-container .tabs-container {
	z-index: 200;
}