/**
 * global page styles
 * @author leebyron
 */

/*------------------------|Standard Nodes|------------------------*/

body {

	font-size:         10px;
	font-family:       monaco, courier, monospace;
	line-height:       15px;
	margin:            16px;
	margin-right:      20px;
	padding: 			     0px;
	/*overflow:          hidden;*/
	color:             #000;
	background-color:  #FFF;
}

input {
	font-size:         10px;
	font-family:       monaco, courier, monospace;
	line-height:       15px;
}

h1 {
  width:             100%;
	font-size:         10px;
	font-weight:       normal;
	padding:           0px 3px;
	margin:            0px -3px;
	margin-bottom:     1em;
	color:             #000;
	background-color:  #3DF;
}

a {
	text-decoration:   none;
	padding:           1px 3px;
	margin:            0px -3px;
	color:             #FFF;
	background-color:  #F00;
	cursor:            pointer;
}

a:hover {
	text-decoration:   none;
	color:             #A00;
	background-color:  #FFF;
	cursor:            pointer;
}

.anchor {
  color:             transparent;
	background-color:  transparent !important;
}

p {
  margin-top:        0px;
}

h1:after, .clearfix:after {
  content:           ".";
  display:           block;
  height:            0;
  clear:             both;
  visibility:        hidden;
}

h1, .clearfix {
  zoom:              1; /* triggers hasLayout */
}


/*------------------------|Scrollbars|------------------------*/

#scrollable_frame	{ 
  position:relative;
  overflow:hidden;
  width:100%;
  height:380px;
  top: -16px;
}

#scrollable_content {
  width: 100%;
  padding-top: 16px;
  padding-left: 3px;
}
    
#scrollbar {
  position: fixed;
  right:  0px;
  top:    0px;
  width:  6px;
  height: 372px;
  margin: 4px;
  font-size:1px;
}

#scrollbar img {
  display:block;
  border: none;
}

#scroll_track {
  position:absolute;
  left:   0px;
  top:    0px;
  width:  6px;
  height: 372px;
  background: #F0F0F0;
}

#scroll_handle {
	position:          absolute;
	left:              0px;
	top:               0px;
	width:             6px;
	height:            30px;
	background-color:  #AAA;
}

div#scrollbar, div#track, div#dragBar, div#up, div#down {
  -moz-user-select:   none;
  -khtml-user-select: none;
}


/*------------------------|Editor|------------------------*/
._Editor {
  position:          absolute !important;
  border:            2px solid #000;
  background-color:  #000;
  color:             #FFF;
  margin:            4px;
  width:             auto !important;
  height:            auto !important;
  top:               0px !important;
  left:              0px !important;
  right:             0px !important;
  bottom:            0px !important;
}

#edit_news {
  height:            335px !important;
}

.editor_buttons {
  bottom:            3px !important;
  right:             3px !important;
}

._iEditorIMG {
  background-color:  #000000;
  border:            2px solid #000000;
  color:             #FFFFFF;
  z-index:           2;
  position:          fixed !important;
  top:               4px !important;
  left:              4px !important;
}

._iEditorM {
  z-index:           2;
  position:          fixed !important;
  top:               4px !important;
  left:              4px !important;
  width:             auto !important;
  right:             4px !important;
  background-color:  #000000;
  border:            2px Solid #000000;
  width:             670px;
}

.clearlooks2 {
  height:            375px !important;
  z-index:           3000000;
}


/*------------------------|Artists|------------------------*/

.artists_toc {
  height:            380px;
}

.artists_toc ol {
  list-style-type:   decimal;
  margin:            0px;
  margin-left:       -2em;
}

.artists_toc li {
  margin:            0px;
/*  padding-bottom:    0.5em;*/
}

.artist_detail_container {
  margin-top:        0px;
  margin-bottom:     40px;
}

.artist_detail_title span {
  width:             80%;
}

/*------------------------|News|------------------------*/

.artisthighlight {
  text-decoration:   none;
	padding:           1px 3px;
	margin:            0px -3px;
	color:             #000;
	background-color:  #FDA;
}

.top_link {
  float:             right;
  padding-top:       0px;
  padding-bottom:    0px;
  background-color:  #2CE;
  margin-right:      3px;
}

.top_link:hover {
  background-color:  #069;
  color:             #FFF;
}

.newsheading span {
  width:             80%;
}

h1 span {
  float:             left;
}

/*------------------------|Events|------------------------*/

#events_body .slide_item_header h1 {
	background-color:  #000000;
	color:             #00FF99;
	margin-bottom:     0.5em;
}

#events_body .slide_item_content {
  margin-bottom: 1em;
}

#events_body .slide_item_header .input_text {
  width: 70%;
  display: inline;
}

#events_body .slide_item_header form {
  display: inline;
}

/*------------------------|Shop|------------------------*/
#shop_body a {
	color:             #F00;
	background-color:  #EEE;
}

#shop_body a:hover {
	color:             #000;
	background-color:  #F00;
}

#shop_body h1 a {
  color:             #FFF !important;
  background-color:  #F00;
}

.slide_item_header{
	overflow:hidden;
	cursor:pointer;
	padding: 0px 3px;
	margin: 0px -3px;
}

#shop_body .slide_item_header h1 {
  background-color:  #000;
  color:             #FFF;
  margin-bottom:     0.5em;
}

.slide_item_content {
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}

.slide_item_content_inner {
	padding:1px;
	position:relative;
}

.shop_item_attr {
  clear: both;
  display: block;
  margin-left: 1em;
}

.shop_item_title {
  float:             left;
  color:             #999;
  width:             4.5em;
}

.shop_item_value {
  float:           left;
}

.shop_item_value form {
  display:         inline;
}

/*------------------------|Media List|------------------------*/
.media_list_list a {
  background-color:  #F33;
  color:             #FFF;
}

.media_list_list a:hover {
  background-color:  transparent;
  color:             #900;
}


/*------------------------|Media Vimeo|------------------------*/
#media_video {
  background-color:  #000;
	margin: 			     0px;
}

.media_video_footer {
	background-color:	 #222;
	height:            17px;
	margin-top:			   8px;
	padding:           0px 3px;
}

.media_video_footer a {
	color:             #FFF;
	background-color:  #333;
}

.media_video_footer a:hover {
	color:             #333;
	background-color:  #FFF;
}

.media_video_footer .back {
	float:             left;
}

.media_video_footer .next {
	float:             right;
}


/*------------------------|Contact|------------------------*/
#contact_body h1 {
  background-color:  #A00;
  color:             #FFF;
}

.contactheading {
  text-decoration:   underline;
	color:             #F00;
}

.thesupervisory {
	color:             #FFF;
	background-color:  #000;
}

.thesupervisory:hover {
  color:             #000;
	background-color:  #FFF;
}

.leebyron {
	color:             #000;
	background-color:  #F291A1;
}

.leebyron:hover {
  color:             #F291A1;
	background-color:  #000;
}

	.artistTocEditor {
		border: 2px solid #000000;
		position: absolute;
		background-color: #000000;
		color: #FFFFFF;
	}
	
	.color_picker { float: left; clear: none; margin: 1px;}
	
	.colorPicker_arrow {
		width: 20px;
		height: 13px;
		overflow: hidden;
		background-image:url(/img/updwn_arrow.png);
		background-repeat: no-repeat;
		cursor: pointer;
	}
	.colorPicker_num	{ width: 20px;}
	.colorPicker_input  { width: 20px; border: 0; text-align: center;}
	.colorPicker_red_dwn{ background-position: -21px -15px;}
	.colorPicker_red_up { background-position: -21px 0;}
	
	.colorPicker_green_dwn{ background-position: -42px -15px;}
	.colorPicker_green_up { background-position: -42px 0;}
	
	.colorPicker_blue_dwn{ background-position: -63px -15px;}
	.colorPicker_blue_up { background-position: -63px 0;}