@-ms-viewport {
	width: device-width;
}

body {
	padding: 0px;
	margin: 0px;
	color: #aaa;
	font: 100% Arial, Helvetica, sans-serif;
	background-color: #666;
}

div#skin_wrapper .sitewide_header {
	border-bottom: none;
	margin-bottom: 0;
}

textarea, input, select, option, optgroup, ul.ui-autocomplete, li.token-input-token-facebook, div.token-input-dropdown-facebook {
	font: 13.43px Arial,Helvetica,sans-serif;
}

a {
	color: #eee;
	text-decoration: none;
}
a:visited {
	color: #eee;
}
a:hover {
	color: #fff;
	text-decoration: underline;
}
img.loadimg {
	background-image: url(../../rsc/img/ajax-loader/666.gif);
}

.action_messages a {
	color: #00F;
}
a.datetime {
	color: #aaa;
}

div#pageFooter {
	padding: 0 0 1ex 0;
	clear: both;
}
#pageFooter a, .nav_pages a {
	color: #aaa;
}
#pageFooter .footer_container {
	text-align: center;
	padding-top: 6ex;
}
#pageFooter .footer_container > div {
	margin-bottom: 1ex;
}
p.baseline, .nav_pages {
	text-align: center;
	font-size: 84%;
	padding: 6ex 0 4ex 0;
	margin: 0;
}


div.pageHeader {
	font: 16px/25px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial;
	padding: 5px;
	border-bottom: 1px solid #666;
	background: #333;
	color: #aaa;
}

h1#pageTitle {
	float: left;
	font-size: 100%;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0 10px 0 0;
	padding: 0;
}

div.PageTop ul {
	background: #333;
	border-bottom: 1px solid #aaa;
	margin: 0 1px;
	padding: 0;
	list-style-type:none;
	padding: 5px 0;
}
div.PageTop li {
	border-right: 1px solid #aaa;
	display: inline;
	padding: 5px 1em;
}

div.PageTop a {
	font-weight: bold;
	text-decoration: none;
}
div.PageTop a.default {
	color: #aaa;
}
div.PageTop a.selected,
div.PageTop a.selected:visited {
	color: #eee;
}
div.PageTop a:hover {
	text-decoration: underline;
	color: #fff;
}

div.top_menu > span.menu_link:not(:first-child):before {
	content: " | ";
}

/* Styles for main area (left) */
h2 {
	margin: 0;
	padding: 1ex 0 0 0;
}

.msg_nothing {
	text-align: center;
	margin: 15ex 0 10ex;
}

/* Styles for posts */
.bPosts {
	padding: 0 10px 10px;
	margin: 0 auto;
	max-width: 960px;
}
.bPosts.full_width {
	max-width: 100%;
}
.posts_list {
	text-align: center;
	clear: both;
}
.posts_list .category_title {
	margin: 1em;
	padding: 5px 10px;
	border-radius: 3px;
	background: #333;
	color: #FFF;
	text-align: left;
}
.posts_list .category_title a {
	color: #FFF;
}
.posts_list .bPost {
	display: inline-block;
	margin: 25px 44px;
	vertical-align: top;
}
.posts_list .bPost img, .posts_list .bPost b {
	transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
}
.posts_list .bPost:hover img, .posts_list .bPost:hover b {
	transform:rotate(-3deg);
	-ms-transform:rotate(-3deg); /* IE 9 */
	-webkit-transform:rotate(-3deg); /* Safari and Chrome */
}
.posts_list .bPost a {
	font-weight: bold;
}
.posts_list .bPost img, .posts_list .bPost b {
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	box-shadow: 0 0 10px -3px #000000;
	margin-bottom: 5px;
}
.posts_list .bPost a.album_nopic {
	display: block;
	margin-bottom: -11px;
	text-decoration: none;
}
.posts_list .bPost b {
	background: #555;
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
}
div.action_messages {
	margin: 0 2ex;
}

.bPost {
	clear: both;
}
.bPostContent {
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	padding: 0 10px;
	display: table-cell;
	vertical-align: top;
}
.bPostContent .bDetails {
	width: 100%;
	border: none;
	border-radius: 5px;
	padding: 5px 0;
}
.bPostContent .bDetails .bComment {
	margin: 0;
	padding: 0;
	border: none;
}
.bPostContent .bDetails .bComment div.image_block img {
	margin: 0 0 1ex 0;
}
.bPostContent .bDetails .bComment .bCommentAvatar {
	border: none;
	border-radius: 5px;
	padding: 0;
}
.bPostContent .bDetails .bComment fieldset#ffield_g div.label,
.bPostContent .bDetails .bComment fieldset#ffield_uploadfile_A1 div.label,
.bPostContent .bDetails .bComment fieldset.fieldset fieldset div.label {
	float: none;
	width: 100%;
	text-align: left;
}
.bPostContent .bDetails .bComment fieldset#ffield_g div.input,
.bPostContent .bDetails .bComment fieldset#ffield_uploadfile_A1 div.input,
.bPostContent .bDetails .bComment fieldset.fieldset fieldset div.input,
.bPostContent .bDetails .bComment fieldset.fieldset fieldset div.info {
	margin: 0;
}
.bPostContent .bDetails .bComment#comment_preview {
	background: none;
}
.post_images {
	width: 100%;
	min-width: 256px;
	display: table-cell;
	text-align: center;
}
.post_images .image_block {
	display: inline-block;
	margin: 0 42px 50px;
}
.post_images .image_block a {
	display: block;
}
.post_images .image_block div {
	width: 100%;
	padding: 3% 0;
}
.post_images .image_block img {
	box-shadow: 0 0 10px -3px #000000;
	margin: 0;
	transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
}
.post_images .image_block div:hover img {
	transform:scale(1.06);
	-ms-transform:scale(1.06); /* IE 9 */
	-webkit-transform:scale(1.06); /* Safari and Chrome */
}
div.mediajs_block, div.videojs_block, div.flowplayer_block {
	margin-top: 0;
	margin-bottom: 50px;
}
.post_images .image_legend, .mediajs_block .mediajs_text {
	margin: 0;
	font-weight: bold;
	color: #f8f8f8;
	float: left;
}
@media only screen and (max-width: 500px) {
	.nav_album_number, .nav_album_arrows {
		display: none;
	}
	.nav_album_title {
		float: right;
		margin: 0 10px 0 0;
	}
}
@media only screen and (max-width: 666px) {
	.bPosts {
		padding-left: 0;
		padding-right: 0;
	}
	.post_images {
		display: block;
	}
	.post_images .image_block {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.post_images .image_block .image_legend {
		width: auto !important;
		max-width: 100% !important;
	}
	.bPostContent {
		display: block;
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}
}

div.mediajs_block .mediajs_text, div.videojs_block .videojs_text {
	float: none;
	margin-bottom: 0;
}
.bDetails {
	width: 80%;
	margin: 0 auto 2em;
	background: #555;
	border: 1px solid #aaa;
}
h3.bTitle, h3.bTitle.linked a {
	color: #AAAAAA;
	font-size: 100%;
	display:inline;
	letter-spacing: 2px;
}
.bText {
	margin: 0;
	padding: 0 12px;
}
.bSmallHead {
	margin: 0;
	padding: 12px 12px 6px 12px;
}
.bSmallPrint {
	margin: 0;
	font-size: 84%;
	padding: 6px 12px 12px 12px;
}
.action_right {
	font-size: 84%;
	float: right;
	margin: 0 0 0 1em;
}
.timestamp {
	margin: 0 0 0 1em;
	font-size: 84%;
}

input.bComment,
textarea.bComment
{
	background-color: #eee;
	border: 1px solid #ccc;
	width: 97%;
	padding: 2px;
	margin: 0ex;
}
select.bComment {
	/* Used by the profile form */
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0ex;
}

.comments_popup {
	margin: 1em;
}

.image_index div {
	background: #555;
	border: 1px solid #333;
}
.image_index div:hover {
	background: #777;
}

table.grouped, #edit_group_contacts {
	color: #000;
}
table.grouped th a, table.grouped a {
	color: #666;
}

.user.nogender, user.anonymous.nogender {
	color: #000;
}

.user_contacts_groups .col1 {
	border-color: #999;
}

.avatar_rounded a {
	color: #666;
}
.avatar_main_frame a {
	color: #666;
}
img.avatar_before_login {
	vertical-align: middle;
}

div.item_location {
	padding: 0 12px;
}
.item_custom_fields {
	margin-left: 12px;
}
.item_comments {
	padding: 0 10px;
}

/* jQuery Tokeninput plugin */
div.input ul.token-input-list-facebook {
	width: 655px;
	background: #FFF;
}

/* Not published posts/comments display */
span[class*='status_'] span {
	text-align: center;
	padding: 3px 0;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #FFF;
	border-radius: 12px;
	width: 80px;
	display: block;
}
.post_status {
	display: inline-block;
	line-height: 14px;
	margin-left: 5px;
	vertical-align: middle;
}
.comment_status {
	margin-top: 8px;
}

div.tabs div a {
	background-color: #333;
	border-color: #999;
	color: #AAA;
}
div.tabs div.selected a, div.tabs div a:hover {
	background-color: #666;
}
div.tabs div.selected a {
	border-bottom-color: #666;
}

.search_title {
	color: #999;
}

.nav_album {
	font: 16px/25px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial;
	background: #373737;
	border-bottom: 1px solid #252525;
	padding: 5px 0;
	position: relative;
	text-align: center;
	margin-bottom: 35px;
}
.nav_album.fixed {
	position: fixed;
	z-index: 9800;
	width: 100%;
}
/* Devices with max width <= 1024px (iPhone,iPad):
   Don't fix a position of the nav_album */
@media only screen and (max-device-width: 1024px) {
	.nav_album.fixed {
		position: relative;
		width: auto;
		top: 0 !important;
	}
	.nav_album_spacer { display: none; }
}
.nav_album .nav_album_arrows {
	float: right;
	margin-right: 10px;
	position: relative;
	top: 2px;
}

.nav_album .roundbutton {
	color: #333;
}
.nav_album .nav_album_title {
	margin-left: 120px;
}
.nav_album .nav_album_number {
	float: right;
	line-height: 25px;
	padding-right: 10px;
}

/* IOS Arrow button */
#ios-arrow-left {
	display : block;
	position:absolute;
	z-index : 0;
	left:20px;
	top:4px;
	height:25px;
	width:auto;
	padding: 0 10px 0 6px;
	background-size : 30px 30px;
	text-decoration: none;

	background-repeat:repeat-x;
	background-position :0;
	background-image : -webkit-linear-gradient(
		90deg,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0) 50%,
		rgba(255,255,255,0.1) 50%,
		rgba(255,255,255,0.3) 100%
		);

	border-radius: 5px;

	border-bottom: 1px solid rgba(255,255,255,0.4);

	box-shadow :0 -1px 1px rgba(0,0,0,0.2)inset,
		0 1px 2px rgba(0,0,0,0.8)inset;

	color:#fff;
	text-shadow : 0px -1px 0px rgba(0,0,0,0.8);
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	    user-select: none;
}

#ios-arrow-left:before{
	/* autoprefixer: off */
	position:absolute;
	content : ' ';
	left:-8px;
	top:2px;
	height : 21px;
	width: 20px;
	z-index : 1;

	background-repeat:repeat-x;
	background-size : 30px 30px;
	background-position :-1px 2px;
	background-image : -webkit-linear-gradient(
		45deg,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0) 52%,
		rgba(255,255,255,0.1) 52%,
		rgba(255,255,255,0.4) 100%
		);
	background-image : -webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 52%, rgba(255,255,255,0.1) 52%, rgba(255,255,255,0.4) 100%);
	background-image : -moz-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 52%, rgba(255,255,255,0.1) 52%, rgba(255,255,255,0.4) 100%);
	background-image : linear-gradient(
		45deg,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0) 52%,
		rgba(255,255,255,0.1) 52%,
		rgba(255,255,255,0.4) 100%
		);
	-webkit-transform : rotateZ(-45deg) skewY(-10deg) skewX(-10deg);
	-ms-transform : rotate(-45deg) skewY(-10deg) skewX(-11deg);
	     transform : rotateZ(-45deg) skewY(-10deg) skewX(-10deg);
	border-top-right-radius : 11px;
	border-top-left-radius :0px;
	border-bottom-right-radius : 0;
	border-bottom-left-radius : 10px;

	border-left : 1px solid rgba(255,255,255,0.4);

	box-shadow :  0px 1px 1px rgba(0,0,0,0.7) inset,
		2px -2px 2px -3px rgba(0,0,0,0.5) inset;
}
#ios-arrow-left:after {

	font-family : HelveticaNeue,Helvetica, Arial;
	font-weight: 400;
	font-size : 12px;
	line-height : 25px;
	text-align:center;
	content: attr(title)"";
	z-index: 999;
	left:-2px;
	padding-left:3px;
	position:relative;
	height: 25px;
	line-height:25px;
	display:block;
	background-repeat:repeat-x;
	background-size : 30px 30px;
	background-position :-1px -2.5px;
	box-shadow :0 -3px 1px -2px rgba(0,0,0,0.3)inset,
				0 4px 2px -3px rgba(0,0,0,0.8)inset;
	background-image : -o-linear-gradient(
		90deg,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0) 50%,
		rgba(255,255,255,0.1) 50%,
		rgba(255,255,255,0.3) 100%
		);
}
#ios-arrow-left,
#ios-arrow-left:after,
#ios-arrow-left:before {
	background-color: #3a3a3a;/*originalcolor*/

}

#ios-arrow-left:hover,
#ios-arrow-left:hover:after,
#ios-arrow-left:hover:before {
	background-color: #252525;/*hovercolor*/
}

.form_add_contacts .controls {
	padding-left: 0;
}

.flowplayer_block, .videojs_block, .mediajs_block {
	width: 658px;
	max-width: 100%;
}
.flowplayer_block > div, .videojs_block > div, .mediajs_block > div {
	margin: 0 auto;
}
.bCommentText .flowplayer_block, .bCommentText .videojs_block, .bCommentText .mediajs_block {
	width: 100%;
}

span.loader_img.loader_ajax_form {
	background-image: url(../../rsc/img/ajax-loader/555.gif);
}

.login_block .bDetails {
	width: 820px;
	margin: 0 auto;
	padding-top: 10px;
	margin-top: 76px;
}
div.bComment, form.bComment {
	border: none;
}

form#user_checkchanges.bComment {
	border: 1px solid #999;
}
.standard_login_link a {
	color: #999;
}

div.edit_toolbar, form.inskin .edit_area textarea, input.bComment, textarea.bComment {
	width: 100%;
	box-sizing: border-box;
}
div.results, .messages_list h2 {
	color: #222;
}
div.results .filters, div.edit_toolbar, .catselect, .messages_list label {
	color: #666;
}
div.results .filters a, div.results .title a, .catselect a, .results_nav a {
	color: #444;
}

div.item_comments h3,
div.item_comments h4 {
	margin: 1em 0 4px;
	font-size: 112%;
	color: #fff;
}
div.bCommentTitle {
	margin: 10px 0 4px;
}
div.comment_rating {
	float: left;
	margin: 3px 6px 1px 0;
}
div.bCommentText p {
	margin: 3px 0 5px;
}
img.bCommentAvatar {
	margin: 4px 6px 4px 0;
}

/* Arrows to navigate between posts */
.arrow_right_white, .arrow_right_grey,
.arrow_left_white, .arrow_left_grey {
	width: 10px;
	height: 14px;
	background: url("img/sprite.png") 0 0 no-repeat;
}
.arrow_right_white {
	background-position: -10px -14px;
}
.arrow_right_grey {
	background-position: -10px 0;
}
.arrow_left_white {
	background-position: 0 -14px;
}