/*GENERAL TAG STYLES*/

body {
	font-family:Georgia, serif;
        font-size: 10pt;
        color: #999999;
        margin-top: 2px;
	background-color: transparent;
	overflow: hidden;
	word-wrap: break-word;
}

p.video {line-height: 1.3;}

img {border: 1px #999999 solid;}

a {color: #c6b062;}

a:hover,  a:focus {color: #e9cf73;}

a:hover img {border: 1px #e9cf73 solid;}

a:visited {color: #c6b062;}

a:active {outline: 0;}

a, a:link, a:hover, a:visited, a:active, a:focus {text-decoration: none; outline: 0;}

hr {
	border: 0;
	height: 1px;
	width: 75%;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(153,153,153,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(153,153,153,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(153,153,153,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(153,153,153,0.75), rgba(0,0,0,0));
}

/*DIV STYLES*/	

/*THIS IS HERE SO THAT THE CUSTOM SCROLLBAR WORKS, AND VERTICALLY CENTERS STUFF IN THE STAGE*/

div.vertcenter1 {height:559px; width: 733px; padding-top: 2px; overflow: visible; text-align: center; border: 1px solid cyan;}

div.vertcenter2 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 733px;
	height: 556px;
	border: 1px solid yellow;
}

/*OTHER DIV STYLES*/
div.burn {
	position: absolute;
	right: 14px;
	top: 14px;
	border: 0px solid purple;
	z-index: 1;
}

div.etsy {
	position: absolute;
	right: 233px;
	top: 476px;
	border: 0px solid purple;
	z-index: 1;
}

div.jackos {
	position: absolute;
	right: 236px;
	top: 162px;
	border: 0px solid purple;
	z-index: 1;
}

div.splash {
	position: absolute;
	width: 308px;
	height: 369px;
	top: 50%;
	left: 50%;
	margin-left: -154px;
	margin-top: -210px;
	border: 0px;
}

div.splash img {
	border: 0px;
}

div.maintitle {
	margin: 35px 0px 8px 0px;
	border: 1px solid purple;
	height: auto;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	color: #c6b062;
	font-size: 12pt;
	font-weight: bold;
	letter-spacing: 1.15px;
	line-height: 1.35;
}

div.title {
	margin: 10px 37px 10px 29px;
	border: 1px solid orange;
	height: auto;
	width: auto;
	text-align: left;
	color: #b9b9b9;
	font-weight: bold;
	letter-spacing: 0.75px;
	line-height: 1.35;
}

div.date {
	margin: 0px 13px -10px 13px;
	border: 1px solid orange;
	height: auto;
	width: auto;
	text-align: left;
	color: #999999;
	font-weight: lighter;
	font-size: 7pt;
	letter-spacing: 0.75px;
}

div.text {
	margin: 3px 40px 3px 29px;
	border: 1px solid yellow;
	height: auto;
	width: auto;
	text-align: left;
	line-height: 1.4;
}

div.more {
	margin: 0px 47px 3px 27px;
	border: 1px solid yellow;
	height: auto;
	width: auto;
	font-size: 9pt;
	text-align: right;
}

div.more a:link {color: #999999;}

div.more a:hover {color: #e9cf73;}

div.more a:visited {color: #c6b062;}

div.images {
	margin: 3px 37px 3px 29px;
	border: 1px solid red;
	height: auto;
	width: auto;
	text-align: center;
}

div.images img { margin: 2px; }
	
div.videos {
	display: inline-block;
	margin: 5px 3px 5px 3px;
	border: 1px solid blue;
	height: auto;
	width: 200px;
	vertical-align: top;
}

div.videos p {margin: 5px;}

div.salon {
	display:inline-block;
	margin: 5px;
	border: solid green;
	height: auto;
	width: 152px;
	text-align: center;
	vertical-align: middle;
}

div.salon img {max-width:100%; max-height:100%; margin-top: 5px;}

div.salon p {margin: 5px 3px 5px 3px;}

div.salon h {font-size: 10pt; color: #b9b9b9; font-weight: bold; letter-spacing: 0.75px; text-align: center;}

/*MASONRY CSS*/

#masonry {
	/* Prevent vertical gaps */
	line-height: 0;
   	-webkit-column-count: 3;
	-webkit-column-gap:   8px;
	-moz-column-count:    3;
	-moz-column-gap:      8px;
	column-count:         3;
	column-gap:           8px;
	width: 660px; 
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 43px 0px 30px;
}

#masonry img {
	/* Just in case there are inline attributes */
	width: 100% !important;
	height: auto !important;
	margin-top: 3px;
	margin-bottom: 3px;
}

@media (max-width: 1500px) {
  #masonry {
  -webkit-column-count: 4;
  -webkit-column-gap:   8px;
  -moz-column-count:    4;
  -moz-column-gap:      8px;
  column-count:         4;
  column-gap:           8px;  
  }
}
@media (max-width: 1366px) {
  #masonry {
  -webkit-column-count: 3;
  -webkit-column-gap:   8px;
  -moz-column-count:    3;
  -moz-column-gap:      8px;
  column-count:         3;
  column-gap:           8px;   
  }
}
@media (max-width: 735px) {
  #masonry {
  -webkit-column-count: 3;
  -webkit-column-gap:   8px;
  -moz-column-count:    3;
  -moz-column-gap:      8px;
  column-count:         3;
  column-gap:           8px;    
  }
}
@media (max-width: 400px) {
  #masonry {
  -webkit-column-count: 2;
  -webkit-column-gap:   8px;
  -moz-column-count:    2;
  -moz-column-gap:      8px;
  column-count:         2;
  column-gap:           8px;   
  }
}

div#masonry:hover img { 
	opacity: 0.50;
	transition: opacity .40s;
}
div#masonry:hover img:hover {
	opacity: 1;
	transition: opacity .40s;
} 

/*END MASONRY CSS*/

/*THIS IS JUST TO TOGGLE BORDERS ON THE DIVS ON AND OFF*/

div.salon, div.videos, div.images, div.text, div.date, div.title, div.maintitle, div.more, div.vertcenter1, div.vertcenter2, div#masonry {
	border-width: 0px;
}

/*RSS FEED CSS- from Feed2JS.org*/

.rss-box {
	 width: 735px;
	 background-color: transparent;
}

.rss-title, rss_title a {
	margin: 0px 0;
	padding: 0;
}

.rss-items {
       list-style:none;
       margin:0;
       padding:0;
}

.rss-item  {
       margin: 0px 42px 0px 42px;
	font-size: 10pt;
	pos
}

.rss-item a:link, .rss-item a:visited, .rss-item a:active {
	margin-left: 0px;
	}

.rss-item a:hover { 
	}
	
.rss-date {
	font-size: 8pt;
	position: relative;
	line-height: 3;
	top: -6px;
	} 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }

/*SHADOWBOX CSS*/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"Georgia, serif", font-weight: bold;color:#ffffff;}

#sb-container{position:fixed;margin:0;padding:0;top:50% !important; left:50% !important; margin-top: -280px; margin-left: -245px;z-index:998;text-align:left;visibility:hidden;display:none;}

#sb-overlay{position:absolute;height:560px;width:707px;top:0px !important; left:12px !important; margin:0; padding:0;}

#sb-wrapper{position:absolute;visibility:hidden;width:100px; margin-left: 7px;}

#sb-wrapper-inner{position:relative;border:2px solid #999999;overflow:hidden;height:100px;}

#sb-body{position:relative;width:100%;height:100%;}

#sb-body-inner{position:absolute;height:100%;width:100%;}

#sb-player.html{height:100%;overflow:auto;}

#sb-body img{border:none;}

#sb-loading{position:relative;height:100%;}

#sb-loading-inner{position:absolute;font-size:0px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}

#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:20px;display:inline-block;}

#sb-body,#sb-loading{background-color:#060606;}

#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}

#sb-title,#sb-title-inner{height:25px;line-height:25px;}

#sb-title-inner{font-size:14px;}

#sb-info,#sb-info-inner{height:20px;line-height:20px;}

#sb-info-inner{font-size:12px;}

#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}

#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}

#sb-nav-close{background-image:url(close.png);}

#sb-nav-next{background-image:url(next.png);}

#sb-nav-previous{background-image:url(previous.png);}

#sb-nav-play{background-image:url(play.png);}

#sb-nav-pause{background-image:url(pause.png);}

#sb-counter{float:left;width:45%;}

#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}

#sb-counter a.sb-counter-current{text-decoration:underline;}

div.sb-message{font-size:12px;padding:10px;text-align:center;}

div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}