@-moz-keyframes update-spinner {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes update-spinner {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@-ms-keyframes update-spinner {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes update-spinner {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

#wrap { width: 480px; padding: 20px 0; margin: 0 auto; }

.arrow_box { padding: 30px; margin: 32px 0 30px 0; background: #b3d9f3; position: relative; border-radius: 6px; }
.arrow_box:before, .arrow_box:after { width: 0; height: 0; border: solid transparent; position: absolute; content: " "; pointer-events: none; }
.arrow_box:before { margin-left: -20px; border-width: 20px; border-bottom-color: #b3d9f3; bottom: 100%; left: 50%; }
.arrow_box.extra:after { margin-left: -20px; border-width: 20px; border-top-color: #b3d9f3; top: 100%; left: 50%; }
.arrow_box p { margin-bottom: 0; }

/* FACEBOOK - WALL */
#facebook_wall { margin: 0 0; height: 4000px !important; overflow: visible !important; }

#facebook_wall .facebook-loading { width: 16px; height: 16px; margin: -8px 0 0 -8px; background: url('images/loader.png') no-repeat 50% 50%; position: absolute; top: 100px; left: 50%; }
#facebook_wall .facebook-loading { -moz-animation: update-spinner 1s linear infinite; -webkit-animation: update-spinner 1s linear infinite; -ms-animation: update-spinner 1s linear infinite; animation: update-spinner 1s linear infinite; }

#facebook_wall li { min-height: 52px; height: auto; padding: 30px 10px 30px 72px; border-top: 1px solid #ffd699; display: none; position: relative; list-style-type: none; }
#facebook_wall li:first-child { border-top: none; }

#facebook_wall li .meta-header { }
#facebook_wall li .meta-header .avatar { width: 50px; height: 50px; border: 1px solid #fff; padding: 2px; position: absolute; top: 30px; left: 0; }
#facebook_wall li .meta-header .author { font-weight: 700; color:#fff; margin-bottom: 10px; }
#facebook_wall li .meta-header .author a { font-weight: 700; color:#fff; padding: 2px; text-decoration: none; margin-left: -2px; }
#facebook_wall li .meta-header .author a:hover { background: #fff; color: #f90; }
#facebook_wall li .meta-header .date { display: none; }

#facebook_wall li .message { color: #000; margin-bottom: 16px; line-height: 26px; }
#facebook_wall li .story { font-style: italic; color: #000; margin-bottom: 0; line-height: 26px; }
#facebook_wall li .story a { color: #fff; text-decoration: none; padding: 2px; }
#facebook_wall li .story a:hover { color: #f90; background: #fff; }

#facebook_wall li .media { color: #8a8a8a; margin: 0 0 0 0; }
#facebook_wall li .media.border-left { padding-left: 0; border-left: 2px solid #a1a1a1; }
#facebook_wall li .media .image { margin-right: 10px; float: left; position: relative; }
#facebook_wall li.type-video .media .image:after { width: 44px; height: 44px; background: url('images/play.png') no-repeat 50% 50%; margin-top: -22px; margin-left: -22px; position: absolute; top: 50%; left: 50%; content: " "; pointer-events: none; }
#facebook_wall li .media .image img { max-width: 100%; height: auto; padding: 2px; border: 1px solid #fff; }
#facebook_wall li .media .media-meta { float: left; display: table; }
#facebook_wall li .media .media-meta .name { }
#facebook_wall li .media .media-meta .name a { font-weight: 700; color: #fff; padding: 2px; text-decoration: none; }
#facebook_wall li .media .media-meta .name a:hover { background: #fff; color: #f90; }
#facebook_wall li .media .media-meta .caption { font-style: italic; }
#facebook_wall li .media .media-meta .description { }

#facebook_wall li .meta-footer { font-size: 12px; line-height: 20px; color: #000; clear: both; padding-top: 15px; }
#facebook_wall li .meta-footer .actionlinks { margin-left: -2px; }
#facebook_wall li .meta-footer a { color: #fff; padding: 2px; text-decoration: none; }
#facebook_wall li .meta-footer a:hover { color: #f90; background: #fff; }
#facebook_wall li .meta-footer .seperator { padding: 0 4px; }
#facebook_wall li .meta-footer .date { }
#facebook_wall li .meta-footer .likes { }
#facebook_wall li .meta-footer .comments { }
#facebook_wall li .meta-footer .actions { }
#facebook_wall li .meta-footer .actions .like { }
#facebook_wall li .meta-footer .actions .comment { }

#facebook_wall li ul.like-list { margin-top: 10px; display: none; }
#facebook_wall li ul.like-list li.like { font-size: 11px; line-height: 16px; margin-top: 2px; border-top: none; background: #e0e0e0; display: block; }
#facebook_wall li ul.like-list li.like:first-child { margin-top: 0; }
#facebook_wall li ul.like-list li.like .meta-header .author { }

#facebook_wall li ul.comment-list { margin-top: 10px; }
#facebook_wall li ul.comment-list li.comment { font-size: 12px; line-height: 20px !important; margin-top: 2px; border-top: none; background: #ffd699; display: block; padding: 15px 15px 15px 85px !important; }
#facebook_wall li ul.comment-list li.comment:first-child { margin-top: 0; }
#facebook_wall li ul.comment-list li.comment .meta-header .avatar { top: 17px; left: 17px; }
#facebook_wall li ul.comment-list li.comment .meta-header .author { margin-bottom: 5px; font-size: 12px; }
#facebook_wall li ul.comment-list li.comment .meta-header .author a { color: #f90; }
#facebook_wall li ul.comment-list li.comment .meta-header .date { }
#facebook_wall li ul.comment-list li.comment .message { margin-bottom: 7px; line-height: 20px !important; }
#facebook_wall li ul.comment-list li.comment .date { font-size: 12px; line-height: 16px; color: #000; opacity: 0.4; }
#facebook_wall li ul.comment-list li.read_more { min-height: 1px; font-size: 9px; line-height: 16px; color: #a1a1a1; padding: 0 10px 0 72px; margin: 5px 0 -5px 0; border-top: none; display: block; }
#facebook_wall li ul.comment-list li.read_more a { color: #a1a1a1; }