a {
	color: #000000;
}
a:hover {
	color: #ff0000;
	text-decoration: underline;
}
.top-buffer { margin-top:20px; }

.loader {
	display: none;
}

.loader.ng-cloak {
	display: block;
}

h1 {
	font-family: 'Lobster', cursive;
}
/* Docs */
div.picker {
	max-height: 300px;
	overflow: scroll;
}
/* Dashboard page style */
div.mainpost {
	padding-bottom: 10px;
	padding-top: 10px;
}
div.media-heading > a {
	color: #000000;
}
.private {
	-webkit-transition: background-color 1s;
	-moz-transition: background-color 1s;
	transition: background-color 1s;
}
.post .buttons {
	visibility: visible;
}
.private {
	background-color: #ffdddd;
}
@media only screen and (min-width: 481px) {
	.post .buttons  {
		visibility: hidden;
	}
	.post:hover .buttons {
		visibility: visible;
		cursor: pointer;
	}
}

/* End dashboard style*/

/* Gallery page style */
#userinfo .photo {
	float: left;
	margin-right: 15px;
	color: #717171;
}
#userinfo .photo img {
	height: 60px;
	width: 60px;
}
#userinfo .name {
	margin-left: 75px;
}
#userinfo .name h1 {
	margin-top: 0px;
}
#userinfo .name h4 {
	color: #717171;
}
#userinfo .name::after {
	content:"";
	display: table;
	clear: both;
}
#gallery {
	margin: 0 auto;
}
.galleryTile {
	margin: 0 7px 14px 7px;
	overflow: hidden;
	border: none;
	border-radius: 3px;
	background-color: #ffffff;
	box-shadow: 0 1px 3px 0 #777777;
	-moz-box-shadow: 0 1px 3px 0 #777777;
	-webkit-box-shadow: 0 1px 3px 0 #777777;
	width: 220px; 
	padding: 0px;
}
@media only screen and (max-device-width: 320px) {
.galleryTile {
	width: 275px; 
}
}
@media only screen and (min-width: 321px) and (max-width: 480px) {
.galleryTile {
	width: 210px; 
}
}
.galleryTile .imageTile, .galleryTile .imageGalleryTile {
	cursor: pointer;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
	height: auto;
	width: 100%;
}
.galleryTile .imageGalleryTile {
	height: 220px;	
}
.galleryTile .imageTile:hover, .galleryTile .imageGalleryTile:hover {
	opacity: 0.8;
}
.galleryTile .image div.toggleStatus, .galleryTile .image div.play {
	top: 8px;
	left: 15px;
	visibility: visible;
	position: absolute;
	z-index: 101;
}
.galleryTile .image div.edit, .galleryTile .image div.delete  {
	top: 8px;
	right: 15px;
	visibility: visible;
	position: absolute;
	z-index: 101;
}
.galleryTile .image div.postPhoto  {
	top: 8px;
	left: 60px;
	visibility: visible;
	position: absolute;
	z-index: 101;
}

.galleryTile .image div.setKeyphoto  {
	top: 8px;
	left: 105px;
	visibility: visible;
	position: absolute;
	z-index: 101;
}
.galleryTile .image div.canProtect  {
	top: 8px;
	left: 150px;
	visibility: visible;
	position: absolute;
	z-index: 101;
}
@media only screen and (min-width: 481px) {
	.galleryTile .image div.toggleStatus, .galleryTile .image div.edit, .galleryTile .image div.setKeyphoto, .galleryTile .image div.delete, .galleryTile .image div.play, .galleryTile .image div.postPhoto, .galleryTile .image div.canProtect  {
		visibility: hidden;
	}
	
	.galleryTile .image:hover div.toggleStatus, .galleryTile .image:hover div.edit, .galleryTile .image:hover div.setKeyphoto, .galleryTile .image:hover div.delete, .galleryTile .image:hover div.play, .galleryTile .image:hover div.postPhoto,  .galleryTile .image:hover div.canProtect {
		visibility: visible;
	}
}
.galleryTile .social {
	padding:6px 14px 7px;
	display:block;
	margin: 5px 0;
	color: #333333;
	font-size: 13px;
}
.galleryTile .social a {
	text-decoration: none;
	color: #a7a7a7;
}
.galleryTile .social a:hover {
	text-decoration: none;
	color: #555555;
	cursor: pointer;
}
.galleryTile .social > span {
	color: #a7a7a7;
}
.faved {
	color: #ff0000 !important;
}
.unfaved {
	color: #898989 !important;
}
.faved:hover, .unfaved:hover {
	color: #555555 !important;
}

.galleryTile .credits {
	border-top: 1px solid #e7e7e7;
	color: #717171;
	font-size: 11px;
	font-weight: bold;
}
.galleryTile .credits a {
	text-decoration: none;
	padding: 10px 12px 10px 12px;
	color: #717171;
	overflow: hidden;
	display: block;
}
.galleryTile .credits a:hover {
	color:#8a8a8a;
	background: #f1f1f1;	
}
.galleryTile .credits a img {
	float: left;
	height: 30px;
	width: 30px;
	margin-right: 5px;
}
.galleryTile .credits a span {
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
} 
@media only screen and (min-width: 481px) {
	.galleryTile .social .addthis_default_style {
		display: none;
	}
	.galleryTile .social:hover .addthis_default_style {
		display: block;
	}
}

.galleryTile .comments {
	border-top: 1px solid #e7e7e7;
	color: #717171;
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
	padding: 15px 14px 0;
}
.galleryTile .comments ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.galleryTile .comments ul li {
	list-style: none;
	padding: 0;
}
.galleryTile .comments ul li > div {
	display: block;
	word-wrap: break-word;
	padding-bottom: 0;
	margin-bottom: 5px;
}
.galleryTile .comments ul li > div::after {
	content:"";
	display: table;
	clear: both;
}
.galleryTile .comments ul li > div > a {
	float: left;
	text-decoration: none;
	margin-right: 5px;
	color: #717171;
	overflow: hidden;
	display: block;
}
.galleryTile .comments ul li > div > a:hover {
	color:#8a8a8a;
	background: #f1f1f1;	
}
.galleryTile .comments ul li > div > a img {
	height: 30px;
	width: 30px;
}
.galleryTile .comments ul li > div a span {
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}
.galleryTile li > div > div {
	margin-left: 36px;
}
.galleryTile li > div > div p {
	font-weight: normal;
}
.galleryTile li > div > div > a {
	text-decoration: none;
	color: #717171;
	overflow: hidden;
	display: block;
}
.galleryTile li > div > div > a:hover {
	color:#8a8a8a;
}
.galleryTile .deletecomment {
	float: right;
	font-size: 12px;
}
/* End gallery styles */