body {

}
/*---------------------------------------------------------------------------
							GRID
---------------------------------------------------------------------------*/
div.row-wrapper {
	width: 100%;
}
div.row {
	margin: 0 auto;
	overflow: visible;
	padding: 0 10px;
	width: 240px;
}
.only-220, .grid03 {
	display: block;
}
/*---------------------------------------------------------------------------
							HEADER
---------------------------------------------------------------------------*/
div.head-menu {
	height: 60px;
}
div.head-menu .row {
	height: 60px;
	overflow: visible;
}
div.head-menu ul.menu {
	width: 220px;
}
div.head-menu ul + ul {
	margin-top: 5px;
}
div.head-menu ul.menu .icon-photo-gallery,
div.head-menu ul.menu .icon-video-gallery{
	margin-left: 0;
}
div.head-menu .menu .set-homepage {
	display: none;
}
div.head-menu ul.menu li.galleries-splitter {
	display: block;
}
div.head-menu ul.menu li.photo-gallery {
	margin-right: 0;
}
div.head-menu a {
	font-size: 13px;
}
/*---------------------------------------------------------------------------
								ADVERTISEMENT
---------------------------------------------------------------------------*/
div.head-ad {
	display: none;
}
.post-institution-info .ad {
	height: 182px;
	width: 220px;
}

.content .ad {
	background-image: url(../images/content/ad-background.png);
	clear: both;
	margin: 10px 0;
	padding: 18px 0;
	width: 220px;
}
.content .ad div {
	height: 90px;
	margin: 0 auto;
	width: 460px;
}
.content .ad div img {
	height: 90px;
	width: 460px;
}
/*---------------------------------------------------------------------------
								Login Popup
---------------------------------------------------------------------------*/
div.login-popup {
	left: -15px;
	top: 25px;
}

/*---------------------------------------------------------------------------
								Search Popup
---------------------------------------------------------------------------*/
div.search-popup {
	left: -15px;
	top: 25px;
}

/*---------------------------------------------------------------------------
								Logo & Menu
---------------------------------------------------------------------------*/
.main-menu-wrapper .row {
	position: relative;
}
.main-menu-wrapper .logotype {
	width: 198px;
}
.main-menu-wrapper .select-language {
	display: none;
}
/*---------------------------------------------------------------------------
								DropDown Menu
---------------------------------------------------------------------------*/
.main-menu-switcher {
	background-image: url(../images/header/grid03/main-menu-switcher.png);
	background-position: 0 -2px;
	display: block;
	float: left;
	height: 78px;
	width: 22px;
}
.main-menu-switcher.on {
	background-position: 22px -2px;
}
.main-menu {
	height: auto;
	left: 0;
	overflow: visible;
	position: relative;
	top: 77px;
	width: 220px;
}
.main-menu-drop-down {
	background-color: #fff;
	background-image: url(../images/background.png);
	border-bottom: 1px solid #e6dbc6;
	border-left: 1px solid #e6dbc6;
	border-right: 1px solid #e6dbc6;
	border-top: 1px solid #e6dbc6;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	list-style: none;
	margin: 0;
	overflow: visible;
	padding: 15px 0;
}
.main-menu-drop-down.visible {
	display: block;
}
.main-menu-drop-down a {
	text-decoration: none;
}
.main-menu-drop-down a:hover {
	text-decoration: underline;
}
.main-menu-drop-down li {
	box-sizing: border-box;
	display:inline;
	float: left;
	width: 110px;
}
.main-menu-drop-down > li > a {
	font-weight: bold;
}
.main-menu-drop-down > li {
	padding: 0 0 0 10px;
	width: 105px;
}
.main-menu-drop-down > li + li {
	padding-bottom: 10px;
}
.main-menu-drop-down a {

}

/*---------------------------------------------------------------------------
								ILLUSTRATION MENU
---------------------------------------------------------------------------*/
div.illustration-menu-wrapper {
	display: none;
}
/*---------------------------------------------------------------------------
								Diamond Slider
---------------------------------------------------------------------------*/
div.diamond-slider-wrapper {
	display: none;
}


/*---------------------------------------------------------------------------
					Head Widget: Twitter, Weather, Likes
---------------------------------------------------------------------------*/
.head-widgets {
	margin-bottom: 25px;
}
.twitter-widget {
	display: none;
}
.head-widgets .likes-widget {
	width: 135px;
}
.head-widgets .likes-widget .heart {
	background-image: none;
	height: 51px;
	margin-top: 25px;
	width: 100%;
}
.head-widgets .likes-widget .heart p,
.head-widgets .likes-widget .heart div {
	margin-left: 0;
}
.head-widgets .likes-widget {
	width: 125px;
}
.head-widgets .weather {
	width: 90px;
}

/*---------------------------------------------------------------------------
								FOOTER
---------------------------------------------------------------------------*/
.footer {
	margin-bottom: 100px;
	width: 220px;
}
.footer-menu-wrapper {
	height: 50px;
}
.footer-menu {
	height: 50px;
	width: 240px;
}
.footer-menu .buttons {
	display: none;
}

/*---------------------------------------------------------------------------
								Sidebar
---------------------------------------------------------------------------*/
.sidebar {
	float: none;
	margin-top: 25px;
	width: 220px;
}
/*---------------------------------------------------------------------------
								Content
---------------------------------------------------------------------------*/
.content {
	float: none;
	width: 220px;
}
.content.bgline {
	background-image: none;
}
.content img {
	height: auto;
	max-width: 220px;
}
div.page-title {
	padding-top: 20px;
	padding-bottom: 20px;
}
.below-part-item {
	background-image: url(../images/content/grid03/below-part-item-border.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	display: block;
	float: none;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 0;
	position: relative;
	width: 220px;
}
.below-part-item .switcher {
	background-image: url(../images/content/grid03/below-part-item-switcher.png);
	background-position: -19px 0;
	height: 36px;
	position: absolute;
	right: 0;
	top: 0;
	width: 19px;
}
.below-part-item.open .switcher {
	background-position: 0 0;
}
.below-part-item .big,
.below-part-item .small {
	display: none;
	margin-top: 5px;
}
.below-part-item.open {
	padding-bottom: 14px;
}
.below-part-item.open .big,
.below-part-item.open .small {
	display: block;
}

.below-part-item.odd {
}
.below-part-item.even {
}
.below-part-item .category-title {
	font-family: 'brandon_grotesque_boldregular';
	font-size: 22px;
	line-height: 22px;
	text-transform: uppercase;
}
.below-part-item .category-title a {
	display: block;
	line-height: 26px;
	padding: 0;
	text-decoration: none;
}
.below-part-item .category-click {
	height: 20px;
	margin-top: -4px;
}
.below-part-item .category-click p {
	font-family: 'brandon_grotesque_mediumIt';
	font-size: 13px;
	text-decoration: underline;
}
.below-part-item .big,
.below-part-item .small {
	overflow: visible;
}
.below-part-item .big .image,
.below-part-item .small .image {
	display: block;
	height: 146px;
	margin-bottom: 10px;
	position: relative;
	width: 220px;
}
.below-part-item .big .left,
.below-part-item .big .right,
.below-part-item .small .left,
.below-part-item .small .right {
	float: none;
}
.below-part-item .big .image,
.below-part-item .big .image img,
.below-part-item .small .image,
.below-part-item .small .image img {
	height: 146px;
	width: 220px;

}
.below-part-item .big p,
.below-part-item .small p {
	font-family: 'brandon_grotesque_mediumRg';
	font-size: 14px;
}
.below-part-item .big .post-title,
.below-part-item .small .post-title {
	font-family: 'brandon_grotesque_boldregular';
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 16px;
	text-decoration: none;
}
.below-part-item .big .post-title:hover,
.below-part-item .small .post-title:hover {
	text-decoration: underline;
}

/*---------------------------------------------------------------------------
								Single
---------------------------------------------------------------------------*/
.post-title {
	margin-top: 30px;
}
.post-title .left {
	float: none;
}
.post-title .right {
	float: none;
}
.post-title .page-title {
	font-size: 21px;
}
.post-title .right .author {
	font-family: 'brandon_grotesque_mediumIt';
}
.post-thumbnail {
}
.post-thumbnail .image {
	margin: 30px 0 25px -10px;
	padding: 0 10px;
	width: 240px;
}
.post-thumbnail .image img {
	/*height: 143px;*/
	height: auto;
	max-width: 220px;
}
.post-thumbnail .video {
	height: 170px;
	margin: 30px 0 25px 0;
	position: relative;
	width: 220px;
}
.post-thumbnail .video #jwplayer-0_wrapper,
.post-thumbnail .video .jwplayer {
	height: 170px !important;
	width: 220px !important;
}
.post-thumbnail .tags {
	display: block;
}

div.post-social {
	margin-bottom: 20px;
	margin-top: 20px;
}
div.post-social .social-bookmarks {
	margin-top: 5px;
}

.post-institution-info {
	float: none;
	margin-top: 20px;
	padding: 0;
	position: relative;
	width: 220px;
}
.post-institution-info .map {
	height: 153px;
	width: 220px;
}
.post-institution-info .address {
	font-size: 13pt;
	line-height: 110%;
	margin: 10px 0;
}
.post-institution-info .tags {
	display: none;
}
.post-institution-info .social {
	margin-top: 10px;
}
.post-institution-info .gallery-descriptions {
	margin: 10px 0;
}

div.single-content {
	margin-top: 30px;
}

/* gallery @start */
.single-gallery {
	height: 153px;
	width: 220px;
}
.single-gallery img {
	height: auto;
	max-height: 153px;
	max-width: 220px;
	width: auto;
}
div.gallery-pagination {
	width: 220px;
}

/* white skin @start */
div.gallery-pagination.white {
	width: 200px;
}
.white ul.gallery-pagination {
	margin: 0 auto;
	padding: 5px 10px;
	width: 190px;
}
.white ul.gallery-pagination li {
	width: 18px;
}
/* white skin @end */

/* gallery @end */

/* popular galleries @start */
.popular-galleries {
	width: 220px;
}
.popular-galleries .title {
	background-color: #f5c551;
	clear: both;
	color: #fff;
	font-family: 'brandon_grotesque_boldregular';
	font-size: 18px;
	height: auto;
	letter-spacing: 0.1em;
	line-height: 22px;
	margin: 0 auto;
	padding: 5px 10px;
	width: 100%;
}
.popular-galleries a.button {
	display: none;
}
.popular-galleries .items-wrapper {
	overflow: hidden;
	width: 220px;
}
.popular-galleries .items {
}
.popular-galleries .item {
	display: block;
	margin-top: 10px;
	width: 165px;
}
.popular-galleries .item img {
	height: 143px;
	width: 220px;
}
/* popular galleries @end */

/* galleries @start */
.galleries-block {
	clear: both;
	display: block;
	overflow: visible;
}
.galleries-block .title {
	background-color: #f5c551;
	height: 31px;
}
.galleries-block .title p {
	color: #fff;
	font-size: 14pt;
	position: absolute;
}
.galleries-block .gallery-pagination {
	display: none;
}
.galleries-block .title p {
	font-family: 'brandon_grotesque_blackRg';
	font-size: 21px;
	line-height: 31px;
	margin-left: 10px;
}
.galleries-block .items {
	padding: 12px 0;
}
.galleries-block .items p {
	font-family: 'brandon_grotesque_mediumRg';
	font-size: 14px;
	font-weight: normal;
	line-height: 13pt;
	margin: 5px 0;
	width: 220px;
}
.galleries-block .items img {
	border: 0;
	height: 143px;
	width: 220px;
}
.galleries-block .item {
	display: block;
	overflow: hidden;
	width: 220px;
}
.galleries-block .item p {
	height: 34px;
}
/* galleries @end */

/*---------------------------------------------------------------------------
								Comments
---------------------------------------------------------------------------*/
#comments {
	margin: 35px 0 50px 0;
}
#comments * {
	color: #544236;
	font-family: 'brandon_grotesque_mediumRg';
}
#respond {
	overflow: auto;
}
#respond label[for="comment"] {
	display: none;
}
/*#respond .comment-form-comment {
	margin-top: -30px;
}*/
#respond #submit {
	background-color: #544236;
	border: 0;
	color: #fff;
}
#comments #comment {
	background-color: transparent;
	background-image: url(../images/post/grid03/comment-box.png);
	background-repeat: no-repeat;
	border: 0;
	outline: none;
	font-family: 'brandon_grotesque_mediumRg';
	font-size: 12pt;
	height: 133px;
	max-height: 133px;
	max-width: 220px;
	padding: 5px;
	width: 220px;
}
#comments .form-submit input {
	float: right;
}
#comments .logged-in-as {
	text-align: left;
}
#comments #reply-title {
	color: #544236;
	font-family: 'brandon_grotesque_mediumRg';
	font-size: 16pt;
}
#comments .commentlist {
	margin-top: 20px;
	margin-right: 15px;
	overflow: auto;
}
#comments .commentlist li {
	margin-bottom: 15px;
}
#comments .commentlist li + li {
	background-image: url(../images/post/grid03/comment-between-line.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 30px;
}
#comments .comment-edit-link {
	float: right;
}


/*---------------------------------------------------------------------------
								Video
---------------------------------------------------------------------------*/
.content iframe {
	width: auto;
	height: auto;
}
.video iframe,
.video object,
.video embed {
	width: 220px;
	height: 170px;
}


/*---------------------------------------------------------------------------
								Quick Read
---------------------------------------------------------------------------*/
#fastRead {
	height: 646px;
	width: 100%;
}
.quick-read-background {
	background-color: transparent;
	background-image: url(../images/fast-read/background-220.png);
	height: 646px;
	left: 50%;
	margin-left: -110px;
	overflow: visible;
	position: absolute;
	top: 100px;
	width: 222px;
	z-index: 5020;
}
.quick-read-background .close {
	background-image: url(../images/fast-read/close.png);
	height: 15px;
	left: 200px;
	position: absolute;
	top: 20px;
	width: 16px;
}
.quick-read-popup .post-wrapper {
	padding: 40px 15px 20px 15px;
}
.quick-read-popup .post-info {
	width: 200px;
}
.quick-read-popup .post-info .date {
	border: 0;
	float: none;
}
.quick-read-popup .post-info .author {
	border: 0;
	float: none;
}
.quick-read-popup .popularGalleries {
	width: 685px;
}
.quick-read-popup h1 {
	font-size: 16px;
}
.quick-read-popup .post-info {
	width: 220px;
}
.quick-read-popup .post {
	width: 200px;
}
.quick-read-popup .post img {
	max-width: 200px;
	height: auto;
}




/**
		Registration
*/
div.row.registration-wrapper {
	overflow: visible;
}
.registration-wrapper {
	margin-left: -10px;
	padding-right: 0;
	width: 246px;
}
.registration-form {
	background-image: url(../images/signup/registration-background-220.png);
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
	padding: 45px 20px;
	height: 1155px;
	width: 100%;
}
.registration-form .registration-item {
	clear: both;
	display: block;
	margin-bottom: 30px;
}
.registration-form .required {
	color: red;
}
.registration-form label {
	display: inline-block;
	text-align: left;
	width:145px;
}
.registration-form input[type=text],
.registration-form input[type=password],
.registration-form input[type=email] {
	background-color: #fff;
	border-radius: 0;
	border-bottom: none;
	border-left: 1px solid #414141;
	border-right: none;
	border-top: 1px solid #414141;
	display: inline-block;
	font-size: 14px;
	height: 19px;
	margin: 0;
	padding: 0;
	width: 182px;
}
.registration-form select {
	display: inline-block;
	font-size: 11px;
	height: 19px;
}
.registration-form select[name="the_day"],
.registration-form select[name="the_month"] {
	width: 42px;
}
.registration-form select[name="the_year"] {
	width: 52px;
}
.registration-form select[name="the_country"],
.registration-form select[name="the_city"] {
	width: 200px;
}
.registration-form label {
	display: block;
	width: 100%;
}
.registration-form input[type=submit] {
	background-color: #fff;
	border: 0;
	color: #544236;
	padding: 4px;
}
.registration-form div.error {
	display: inline-block;
	padding-left: 10px;
}
.registration-form div.error i {
	background-image: url(../images/i.png);
	float: left;
	height: 15px;
	width: 8px;
}
.registration-form div.error p {
	color: #fff;
}
.registration-form .colored {
	background-color: #dd6964;
	color: #fff;
	font-size: 14px;
	height: 156px;
	margin-top: 100px;
	padding: 12px;
	width: 307px;
}
.registration-form .colored p {
	color: #fff;
}
.registration-form .status-flags {
	margin-top: 24px;
}
.registration-form .recaptcha iframe {
	width: 220px;
}


/*---------------------------------------------------------------------------
								MAP
---------------------------------------------------------------------------*/
.row.map {
	margin-top: 40px;
}
.row.map + .row {
	margin-top: 10px;
}
.map-categories {
	width: 100%;
}
.row.map-canvas-wrapper {
	padding: 0;
	width: 240px;
}
.map-canvas {
	background-image: url(../images/map/background-220.png);
	height: 180px;
	width: 240px;
}
.map-categories {
	padding: 0 10px;
	width: 220px;
}
.map-categories ul {
	list-style: none;
	overflow: auto;
	width: 100%;
}
.map-categories ul li {
	float: left;
	overflow: auto;
	width: 170px;
}
.map-categories ul i {
	display: block;
	float: left;
	height: 8px;
	margin-right: 10px;
	margin-top: 5px;
	width: 7px;
}
.map-canvas {
	margin-top: 10px;
	padding: 10px;
}
.map-canvas #map-canvas {
	height: 160px;
	width: 220px;
}


/* events */
ul.events-calendar-date {
	float: none;
}
.events-calendar-canvas {
	float: none;
	margin-top: 20px;
	width: 220px;
}
.events-calendar-canvas table {
	border-collapse: collapse;
	width: 100%;
}
.events-calendar-canvas table td {
	background-image: url(../images/events-calendar/03/dates-background.png);
	background-position: 0 0;
	font-size: 12px;
	height: 31px;
	padding-bottom: 0px;
	padding-right: 3px;
	text-align: right;
	vertical-align: bottom;
	width: 31px;
}
.events-calendar-canvas table td div {
	height: 100px;
	width: 100px;
}
.events-calendar-canvas table td.pad {
	opacity: 0.4;
}
.events-calendar-canvas table td + td {
	background-position: 32px 0;
}
.events-calendar-canvas table td + td + td {
	background-position: 63px 0;
}
.events-calendar-canvas table td + td + td + td {
	background-position: 96px 0;
}
.events-calendar-canvas table td + td + td + td + td {
	background-position: 126px 0;
}
.events-calendar-canvas table td + td + td + td +td + td {
	background-position: 158px 0;
}
.events-calendar-canvas .year-month {
	clear:both;
	position: relative;
}
.events-calendar-canvas .filled {
	background-color: gold;
}
.events-information-wrapper,
.events-show-day {
	display: none;
}

/*
user add post
*/
div.user-add-post ul.menu {
	height: auto;
}
div.user-add-post ul.menu li {
	float: none;
	margin-bottom: 10px;
}
div.user-add-post div.tabs {
	clear: both;
	margin: 10px -10px;
}

div.user-add-post .tab {
	background-repeat: no-repeat;
}
div.user-add-post .tabs #textpost,
div.user-add-post .tabs #videopost {
	background-image: url(../images/add_posts/03/text-background.png);
	background-position: center top;
	padding: 15px 0;
	height: 333px;
	width: 245px;
}
div.user-add-post .tabs #photopost {
	background-image: url(../images/add_posts/03/photo-background.png);
	background-position: center top;
	padding: 15px 0;
	height: 545px;
	width: 245px;
}
div.user-add-post .tabs #photopost .photopost-wrapper {
	height: 520px;
	overflow: auto;
	width: 240px;
}
div.user-add-post .tabs #videopost,
div.user-add-post .tabs #photopost {
	display: none;
}
div.user-add-post .table {
	border: 0;
	border-collapse: collapse;
	margin: 0 auto;
	width: 220px;
}
div.user-add-post .table .td {
	float: none;
	text-align: left;
	width: 100%;
}
div.user-add-post .td + .td {
	text-align: right;
	width: 100%;
}
div.user-add-post .tr + .tr {
	padding-top: 10px;
}
div.user-add-post .table .tr:last-child {
	padding-top: 0px;
}
div.user-add-post .table .tr:last-child div:first-child {
	display: none;
}