/*  
 * AWESOME GALLERY MENU
 */

#galleryMenu {
	float:left;
	width:100%;
	height:40px;
	overflow:hidden;
}

.onglet{
	width:115px;
	height:40px;
	border-left:solid 1px rgba(0,0,0,0.11);
	border-top:solid 1px rgba(0,0,0,0.11);
	border-right:solid 1px rgba(0,0,0,0.11);
	position:absolute;
	top:-1px;	
}
.ongletContainer{
	width:100%;
	height:51px;
	position:relative;
}
.ongletBorderLeft{
	width:10px;
	height:40px;
	background-color: rgba(49,42,61,0.02);
	position:absolute;
	top:0px;
	left:0px;
	border-bottom:solid 1px #e7e7e7;
}
.ongletBorderRight{
	position:absolute;
	top:0px;
	background-color: rgba(49,42,61,0.02);
	height:40px;
	width:100%;
	border-bottom:solid 1px #e7e7e7;
}
.ongletBorderRight3{
	left:355px;
}
.ongletBorderRight2{
	left:240px;
}
#onglet1{
	left:10px;
}
#onglet2{
	left:125px;
	display:none;
}
#onglet3{
	left:240px;
	display:none;
}
#onglet4{
	left:355px;
	display:none;
}
#onglet5{
	top:0px;
	left:470px;
	display:none;
}
.ongletTitle{
	position:absolute;
	top:12px;
	cursor:default;
	font-size:15px;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	color:#5b5267;
	text-shadow: 0px 1px 0px rgba(255,255,255,1), 0px -1px 0px rgba(0,0,0,1);
}
#ongletTitle1{
	position:absolute;
	left:27px;
}
#ongletTitle2{
	position:absolute;
	left:30px;
}
#ongletTitle3{
	position:absolute;
	left:20px;
}
#ongletTitle4{
	position:absolute;
	left:36px;
}
#ongletTitle5{
	position:absolute;
	left:21px;
}
.ongletInactive{
	
	cursor:pointer;
	height:40px;
	width:115px;
	background-color: rgba(49,42,61,0.02);
	border-bottom:solid 1px #e7e7e7;
}
.ongletTitleInactive{
	position:absolute;
	top:12px;
	font-size:14px;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	text-shadow: 0px 1px 0px rgba(255,255,255,1), 0px -1px 0px rgba(0,0,0,1);
	color:gray;
}
#ongletInactive1{
	position:absolute;
	top:0px;
	left:10px;
	display:none;
}
#ongletInactive2{
	
	position:absolute;
	top:0px;
	left:125px;
	
}
#ongletInactive3{
	position:absolute;
	top:0px;
	left:240px;
	
}
#ongletInactive4{
	position:absolute;
	top:0px;
	left:355px;
}
#ongletInactive5{
	position:absolute;
	top:0px;
	left:470px;
}
.submitButton{
	width:62px;
	height:15px;
	font-size:12px;
	text-decoration:none;
	border-radius:5px;
	border:dotted 1px gray;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	text-shadow: 0px 1px 0px rgba(255,255,255,1), 0px -1px 0px rgba(0,0,0,1);
	color:gray;
	float:right;
	margin:8px;
	cursor:pointer;
}

.refreshButton {
	float:right;
	margin:8px;
	cursor:pointer;
	height:25px;
	width:25px;
}
.btnIn{
	margin:0;
	margin-left:7px;
	margin-top:1px;
}

/* upvote button */
.upvoteBtn {
	margin-right:5px;
	float:right;
}
.pastUpvoteLimit {
	color:#b2b2b2;
}
.upvoted {
	color:#fee077;
}
.activeUpvoteBtn {
	color:#fff;
	text-shadow: 0px -1px 0px #000;
}
.activeUpvoteBtn:hover{
	color:#fee077;
	text-shadow:none;
}
.inactiveUpvoteBtn {
	color:#b2b2b2;
}


/* timeline */

.thumb-column {
	float:left;
	margin-bottom:30px;
}
.load-new-btn {
	width:100%;
	color:#341361;
	background-color:rgba(255,255,255,0.7);
	font-family:helvetica;
	cursor: pointer;
	display: inline-block;
	height:50px;
	border:solid 1px #cdc7d8;
	margin-bottom:0px;
	font-size:18px;
	text-align:center;
}
.load-new-btn p{
	margin-top:12px;
}
.timelineItem {
	width:96%;
	margin-left:2%;
	margin-right:2%;
	float:left;
	margin-bottom:5px;
	position:relative;
	cursor:pointer;
}

.timelinePicture {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	min-height:80px;
}
.timelinePicOutline {
	width:100%;
	box-shadow: 1px 1px 6px #676569;
	min-height:80px;
	position:relative;
	background-color:rgba(255,255,255,0.5);
	overflow:hidden;
}
.timelinePictureSansShadow{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	min-height:50px;
}
.timelinePicOutlineSansShadow {
	width:100%;
	box-shadow: 0px 1px 0px rgba(0,0,0,0.5), 0px 2px 0px rgba(255,255,255,0.8);
	min-height:50px;
	position:relative;
	overflow:hidden;
}
.timeline{
	margin-top:30px;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom:40px;
	top:0px;
}
.pictureLoading{
	width:100%;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-color:#eee;
	border:solid 1px #ccc;
}

.pictureLoadingSansMargin{
	width:100%;
	background-image: url('https://s3.amazonaws.com/wyspimg/loading.gif');
  	background-position: center;
  	background-repeat: no-repeat;
  	background-color:#eee;
	border:solid 1px #ccc;
}

.tl-column{
	float:left;
}

.noteContainer{
	box-shadow: 1px 1px 6px #676569;
	width:100%;
	overflow:hidden;
	min-height:100px;
	margin-bottom:0px;
	background-color:rgba(255,255,255,0.5);
}
.tl-excerpt{
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	font-size:12px;
	margin-top:5px;
	margin-bottom:0px;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	word-wrap: break-word; 
}
.tl-noteTitle{
	text-align: center;
	width:90%;
	margin-left:5%;
	margin-top:5px;
	margin-bottom:0px;
	font-size:14px;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-style: italic;

}
.tl-noteFooter{
	font-size:11px;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-style: italic;
	text-align: center;
	margin-top:5px;
	margin-bottom:10px;
}

/* timeline remote */
.timelineItemRemote {
	width:100%;
	height:42px;
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color: rgba(0,0,0,0.7);
	color:white;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	position:absolute;
	top:0;
	left:0;
	display:none;
}


.tl-remoteAvatar{
	width:12%;
	margin:2%;
	float:left;
}
.tl-remoteLeft{
	float:left;
	padding-left:7px;
	margin-top:3px;
	overflow:hidden;
	width:calc(100% - 65px);
}
.tl-remoteRight{
	float:right;
	font-size:20px;
	margin:6px;
	margin-top:10px;
	/*width:50px;*/
}
.tl-remoteBkmButton{
	margin-right:5px;
	float:right;

}
.remoteBkmButtonOn{
	color:#fee077;
}
.remoteBkmButtonOff{
	text-shadow: 0px -1px 0px #000;
}
.remoteBkmButtonOff:hover{
	color:#fee077;
	text-shadow:none;
}
.tl-remoteTitle{
	margin-top:6px;
	font-size: 14px;
	font-style: italic;
	text-decoration: none;
	color:white;
}
.tl-remoteTitle:hover{
	color:#fff;
	text-shadow: #fff 0px 0px 2px;
}
.tl-remoteAuthorAndDate{
	margin-top:-2px;
}
.tl-remoteAuthor{
	font-size: 8px;
}
.tl-remoteAuthorLink{
	text-decoration: none;
	color:white;
	font-size:11px;
}
.tl-remoteAuthorLink:hover{
	color:#fff;
	text-shadow: #fff 0px 0px 2px;
}
.tl-remoteDate{
	margin-top:0px;
	font-size:10px;
	color:#ababab;
}


.standaloneTL{
	position:relative;
	width:700px;
	margin:auto;
	margin-top:35px;
}

/* theater */

.theaterCadre{
	margin-bottom:20px;
}
.theaterContent{
	
}
.theaterPicture{
	max-width:80%;
	margin-top:30px;
	box-shadow: 0px 0px 24px rgba(0,0,0,0.9);
	margin-bottom:20px;
	cursor:pointer;
}
.thPictureContainer{
	min-height:200px;
	width:100%;
	text-align:center;
}
.thBtnCont{
	width:100%;
}
.thBackBtn{
	border-radius:5px;
	cursor:pointer;
	float:left;
	margin-left:50px;
	color:#6a6a6a;
	font-size:25px;
	background-position:center;
	background-repeat:no-repeat;
}
.thBackBtn:hover{
	color:white;
	text-shadow: #fff 0px 0px 3px;
	background-position:center;
	background-repeat:no-repeat;
}
.thFwdBtn{
	border-radius:5px;
	cursor:pointer;
	float:right;
	margin-right:50px;

	color:#6a6a6a;
	font-size:25px;
	background-position:center;
	background-repeat:no-repeat;
}
.thFwdBtn:hover{
	color:white;
	text-shadow: #fff 0px 0px 3px;
	background-position:center;
	background-repeat:no-repeat;
}
.contentData{
	color:white;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	margin-bottom:50px;
}
.theaterTitle{
	font-size:19px;
	font-style: italic;
	color:white;
	text-decoration: none;
	letter-spacing: 2px;
}
.theaterTitle:hover{
	color:#fff;
	text-shadow: #fff 0px 0px 3px;
}
.theaterAuthor{
	font-size: 15px;
	margin:auto;
	margin-bottom:20px;
	width:400px;
	color:#aaa;
	letter-spacing: 1px;
}
.theaterAuthorUrl{
	color:#bbb;
	text-decoration: none;
}
.theaterAuthorUrl:hover{
	color:#fff;
	text-shadow: #fff 0px 0px 3px;
}
.theaterNote{
	font-size: 13px;
	width:50%;
	margin:auto;
	margin-bottom:50px;
}
.theaterNote a{
	text-decoration: none;
	color:#e6e5eb;
	border-bottom: dotted 1px #e6e5eb;
}
.theaterBlocks{
	text-align: left;
	width:100%;
	background-color:#f3f2f7;
	border-radius:5px;
	position:relative;
}
.blocksContainer{
	width:93%;
	margin:auto;
	margin-top:20px;
	margin-bottom:50px;
	position:relative;
	
}
.theaterBlockLeft{
	float:left;
	width:65%;
	margin-right:5%;
}
.theaterBlockRight{
	float:left;
	width:30%;
}

.theaterBlockTitle{
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-size:20px;
	color:#46424a;
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
	text-align: left;
}
.theaterFooter{
	width:100%;
	float:left;
	text-align:center;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-size:10px;
	color:#666;
	border-top:solid 1px #ddd;
	padding:10px;
}
.theaterSharingBar{
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.theaterStats{
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.theaterStatLine{
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-size: 13px;
	color:#333;
	margin-bottom:2px;
}
.theaterStatlineLink {
	text-decoration:none;
	color: #351a5a;
	border-bottom: dotted 1px #351a5a;
}
.theaterMarginBottom{
	width:100%; 
	float:left;
	height:30px;
}
.thBkmButton {
	width:175px;
}
.bkmButtonContainer{
	width:100%;
	position:relative;
	margin-top:10px;
	margin-bottom:20px;
}
.thBkmStar {
	position: relative;
	top:2px;
	margin-right:10px;
}
/*.thBkmInjunction{
	float:left;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-size: 16px;
	color:#222;
	margin-left:15px;
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
}*/

/* Standalone artwork */
.sapContent{
	width:90%;
	margin:auto;
	margin-top:50px;
	color:black;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	margin-bottom:50px;
}
.sapImageContainer{
	text-align:center;
}
.sapImage{
	margin-bottom:20px;
	max-width:100%;
	box-shadow: 1px 1px 6px #676569;
}
.sapTitle{
	text-align:center;
	width:100%;
	font-style: italic;
	margin-top:20px;
	font-size:22px;
	text-shadow: 0px 1px 0px rgba(255,255,255,1), 0px -1px 0px rgba(0,0,0,0.7);
}

.sapAuthor{
	text-align:center;
	width:100%;
	font-size: 15px;
	margin-bottom:20px;
	color:#444;
	letter-spacing: 1px;
	font-size:11px;
	text-shadow: 0px 1px 0px rgba(255,255,255,1), 0px -1px 0px rgba(0,0,0,0.6);
}
.sapAuthorUrl{
	text-align:center;
	width:100%;
	color:#666;
	font-size:15px;
	text-decoration:none;
}
.sapAuthorUrl:hover {
	text-decoration:none;
}
.sapNote{
	font-size: 13px;
	width:70%;
	margin:auto;
	margin-bottom:50px;
}
.sapNote a{
	text-decoration:none;
	color:#513c6c;
}
.sapDate{
	text-align:center;
	width:100%;
}
.tagLink {
	white-space: nowrap;
	margin-right:12px;
}
.surThFront {
	background-color: #000;
}