@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic,100italic,100);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clear {
  clear:both;
}
a, input {
  outline:none;
}

/* GLOBAL */
html {
  overflow-y: scroll;
}

body {
  font-family: 'Roboto', Arial, Helvetica;
  font-size: 14px;
  color:#666;
  background:#F5F4F3;
}

#tooltip {
  position: absolute;
  z-index: 3000;
  border: 0px;
  color:#fff!important;
  background-color: #333;
  padding: 7px 10px;
  opacity: 0.80;
  font-size: 11px;
  line-height: 1.1;
}

strong {
  font-weight:bold!important;
}

a {
  color:#000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

#content {
  margin:0px auto;
}

#messageOverlay, #messageOverlayImage {
  background: rgba(0, 0, 0, 0.8);
  position:fixed;
  top:0px;
  left:0px;
  z-index:99;
  display:none;
}
#messageOverlay.error {
  background: rgba(100, 0, 0, 0.9);
}
#messageOverlay.confirm {

}
#messageText, #messageImageText {
  color:#ddd;
  display:block;
  width:70%;
  text-align: center;
  margin:0px auto;
  font-size:32px;
  line-height:1.4;
  font-weight:normal;
}
#messageText a {
  color:#fff;
  text-decoration:underline;
}
#messageText b, #messageImageText b {
  font-style:italic;
  font-weight:normal;
}


/* FOOTER */
#footer {
  color:#999;
  font-size:11px;
  width:100%;
  padding:5px 0px;
  position:absolute;
  bottom:0px;
  left:20px;
}
body.content #footer,
body.blog #footer {
  position:relative;
  padding:10px 0px;
  margin:0px auto;
  width:80%;
  text-align: center;
}
#footerInner {
  margin:0px 20px;
  font-size:12px;
  line-height:20px;
}
#footerInner a {
  color:#999;
}
#footer.sticky {
  position:fixed;
  bottom:0px;
  left:0px;
  color:#999;
}
#footer.sticky a {
  color:#999;
}
#footerInner a:hover {
  text-decoration: underline;
}

body.show #footer.sticky {
  margin: 0px;
  padding: 0px 300px 0px 0px;
  color:#666666;
  position: relative!important;
  width:auto;
}
body.show.private #footer.sticky {
  padding:0px;
}

body.show #footer a {
  color:#666666;
}
body.show #footer #footerInner {
  text-align: center;
  background:#444;
  background-image: url('/img/footer_lodyas.png');
  line-height:1.4;
  font-size:12px;
  padding:10px 20px;
  margin:0px 0px;
}

/* WELCOME PAGE */
body.welcome {
  background-color:#F5F4F3;
  color:#444;
}

.welcomeLogoCenter {
  width: 80%;
  max-width: 240px;
}

#wrapperWelcome {
  position: fixed;
  top: 70px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: auto;
}

#welcomeLogoWrapper {
  margin-bottom: 30px;
}
.welcomeLogoWrapper a {
  width:400px;
  display: block;
  margin:0px auto;
}
#welcomeLogoWrapper .tagline {
  color:#666;
  line-height: 1.4;
  margin:30px 0px 0px 0px;

}
#content.welcomeWrapper {
  width: 480px;
  margin:0px auto;
  margin-top:0px;
  padding:0px 20px 0px 20px;
  text-align: left;
}
#content.welcomeWrapperFacebook {
  width:665px;
}

.welcomeLogoIcon {
  position:absolute;
  margin-left:-5px;
  margin-top:-15px;
  width:85px;
  height:85px;
}
.welcomeLogo {
  font-size:52px;
  line-height:0.8;
  color:#f5f5f5;
  display:block;
  text-transform: uppercase;
  letter-spacing:2px;
  text-align: left;
  padding-left:85px;
  z-index:2;
}
body.content .welcomeLogo {
  color:#333;
}
.logoTagline {
  color:#999;
  line-height:1.3;
  font-size:12px;
  margin-bottom:20px;
  text-align: left;
  padding-left:85px;
  display:block;
}

.logoTypo {
  text-decoration: none!important;
}

.welcomeTagline {
  color:#888;
  display:block;
  line-height:1.4;
  margin-bottom:30px;
}

#welcomeChooseImageWrapper {
  margin:0px auto;
  padding-bottom:80px;
  margin-top:0px;
}

#welcomeTip {
  position:absolute;
  margin-left: -300px;
  width: 300px;
  margin-top: 40px;
  background-image: url();
  background-repeat: no-repeat;
  background-position: bottom right;
}

#welcomeTextWrapper {
  color:#444;
  line-height:1.7!important;
  margin-top: 60px;
  text-align: center;
}
#welcomeTextWrapper p,
#welcomeChooseImageWrapper p {
  margin-bottom:30px;
  color: #888;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}

#welcomeChooseImageWrapper p {
  margin: 30px 0px;
  text-align: center;
}

#welcomeAdsBelow {
  text-align:center;
  margin-bottom:50px;
}
.facebookGalleryWrapper {
  color: #aaa;
  line-height:1.7!important;
  margin-bottom:30px;
}

#welcomeTextWrapper h2 {
  font-weight:bold;
}
.facebookGalleryWrapper h2 {
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
  margin-top: 80px;
}
.contentWrapper h1 {
  line-height:1.2;
  text-transform: uppercase;
  font-size:24px;
  font-weight:bold;
  color:#222;
  margin-bottom:20px;
}

.welcomeTextHeadline {
line-height: 1.3;
    font-size: 22px;
    font-weight: 400;
    color: #646364;
    margin-top: 20px;
}
#welcomeTextWrapper a, .facebookGalleryWrapper a {
  text-decoration: underline;
}
body.content .facebookGalleryWrapper a {
  color:#FFF!important;
}

.welcomeWrapperFacebook #welcomeChooseImageWrapper {
  background:transparent;
}

.welcomeImageButton {
  display:block;
  padding: 0px 25px 0px 75px;
  height: 72px;
  line-height: 72px;
  font-size: 18px;
  background-position: 22px 50%;
  background-repeat: no-repeat;
  background-color: #FFF;
  display:block;
  color:#333;
  margin: 0px 0px 10px 0px;
  text-decoration: none;
  border: 1px solid #48a629;
  border-radius: 3px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  transition: 0.4s;
}
.welcomeImageButton:hover {
  border: 1px solid #48A629;
  color:#222;
  text-decoration: none;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}
#welcomeUpload {
  padding:0px!important;
  background-image:url('../img/browser-upload-2_1.png');
}
#welcomeUpload span.icon {
  width:75px;
  height:62px;
  display:block;
  float:left;
}
#welcomeUpload div.qq-upload-button {

}
.qq-upload-list {
  display:none!important;
}
span.qq-drop-processing {
  display:none!important;
}
#welcomeUpload input {
  height:62px!important;
  opacity:0;
}
#welcomeRandom {
  background-image:url('../img/camera-2_1.png');
}
#welcomeApp {
  background-image:url('../img/camera-2_1.png');
}
#welcomeFacebook {
  background-image:url('../img/facebook-icon.png');
}

#welcomeReplyLogoWrapper img {
  margin:0px auto;
  display:block;
}
#reply_create_wrapper {

}

#reply_create_wrapper .reply_thumb {
  float:left;
}
#reply_create_wrapper {
  background:#FFE570;
  border:1px solid #444;
  margin-top:40px;
}
#reply_create_wrapper .text_wrapper {
  float:left;
  padding: 5px 10px;
  width: 220px;
}
#reply_create_wrapper .reply_thumb {
  width:150px;
}
#reply_create_wrapper h2 {
  color:#222;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
#reply_create_wrapper {
  font-size:13px;
  line-height:1.2;
}
#contentFacebookButton {
  text-align: center;
  display: block;
  font-size: 22px;
  color: #ffffff;
  padding: 0px 0px 0px 35px;
  line-height: 50px;
  background: #4c66a4;
  border: 1px solid #e0e0e0;
  text-shadow: 0px -1px 0px rgba(015,106,016,1), 0px 1px 0px rgba(255,255,255,0.2);
  width: 310px;
  letter-spacing: 1px;
  width:360px;
  margin:50px auto;
  text-decoration: none;
  background-image:url('../img/facebook-icon.png');
  background-position:10px 50%;
  background-repeat:no-repeat;
  opacity:0.9;
}
#contentFacebookButton:hover {
  opacity: 0.8;
  border-color:#fff;
}

#contentGetStarted {
  text-align: center;
  display: block;
  font-size: 22px;
  color: #ffffff;
  line-height: 50px;
  background: #48A629;
  border: 1px solid #48A629;
  text-shadow: 0px -1px 0px rgba(015,106,016,1), 0px 1px 0px rgba(255,255,255,0.2);
  width: 310px;
  letter-spacing: 1px;
  border-radius:2px;
  width:420px;
  margin:50px auto;
  text-decoration: none;
  background-position:10px 50%;
  background-repeat:no-repeat;
  opacity:0.9;
}
#contentGetStarted:hover {
  opacity: 1;
}
#contentChooseImageWrapper {
  border: 1px solid #999;
  border-radius:3px;
  padding:10px 20px;
  margin:50px 0px;
  display:none;
  background:#fff;
}
#contentChooseImageWrapper .facebookThumbnail {
  width:115px
}

#contentChooseImageWrapper h2 {
  color:#333!important;
}

.navigationTop {
  position: fixed;
  z-index:1;
  left: 0px;
  top: 0px;
  width:100%;
  height:58px;
}
.navigationTopLeft {
  padding:15px 0px 0px 0px;
}
.navigationTopRight {
  float:right;
}
.navigationTopRight a {
  padding:0px 20px;
  text-align: center;
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 65px;
  background-color: transparent;
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: 0.9;
  float:right;
  text-decoration: none;
  border-left:1px solid #ccc;
}

.navigationTopRight a:hover {
  background:#fff;
  color:#48A629;
}

.navigationTopRight a.active {
  background:transparent;
  color:#48A629;
}
#subNavi {
  text-align: right;
  padding: 80px 20px 15px 20px;
}
#subNavi a {
  color: #333;
}
#subNavi a:hover,
#subNavi a.active {
  color: #48A629;
  text-decoration: underline;
}

.navigationTopRight a.create_new {
  color: #ffffff;
  background-color: #48A629;
}

.shareTableTop {
  margin:0px 0px 0px 20px;
}
.shareTableTop td {
  vertical-align: bottom;
}
#shareShowPage {
  margin:0px 0px 20px 20px;
}
.shareFb {
  width: 115px;
}
.shareGp {
  width: 60px;
}
/* EDIT PAGE */

body.edit {
  background-color:#fff;
  background-position: center center;
  background-repeat: repeat;
  color:#fff;
}

#savePopup {
  display:none;
}

#editImageWrapper {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#toolbarTopClose {
  background-color:#222;
  text-align: center;
  display:block;
  font-size: 16px;
  color: #f5f5f5;
  padding: 0px 10px;
  line-height:45px;
  border-right:0px;
  text-shadow:
    0px -1px 0px rgba(30,30,30,1),
    0px 1px 0px rgba(255,255,255,0.2);
  position:fixed;
  right:260px;
  top:0px;
  width:130px;
  letter-spacing: 1px;
  z-index:101;
  text-transform: uppercase;
  opacity:0.9;
}
#toolbarTopClose:hover {
  text-decoration: none;
  opacity:1;
  color:#fff;
}
#toolbarTopClose.toolbarTopCloseRandom {
  width:220px;
}
#toolbarTopSave {
  text-align: center;
  display:block;
  font-size: 16px;
  color: #ffffff;
  padding: 0px 0px;
  line-height:45px;
  background-color:#48A629;
  position:fixed;
  right:0px;
  top:0px;
  width:260px;
  letter-spacing: 1px;
  z-index:101;
  text-transform: uppercase;
  opacity:0.9;
}
#toolbarTopSave:hover {
  text-decoration: none;
  color:#fff;
  opacity:1;
}

.toolbarCollapse {
  display:block;
  line-height:45px;
  color:#fff;
  opacity:0.9;
  font-weight:normal;
  padding:0px 12px;
  font-size:16px;
  background-color:#222;
  background-color:rgba(0, 0, 0, 0.9);
  background-image:url('../img/dk_arrows_white.png');
  background-position:100px center;
  background-repeat:no-repeat;
  text-shadow:
    0px -1px 0px rgba(015,106,016,1),
    0px 1px 0px rgba(255,255,255,0.1);
  border-right:1px solid #999;
}
.toolbarCollapse:hover {
  text-decoration: none;

}
#toolbarWrapper {
  position: fixed;
  top:0px;
  left:0px;
  z-index:100;
  padding-right:200px;
}
.toolbarMenu {
  float:left;
  width:120px;
}
#filterWrapper {
  width:118px;
}

.toolbarMenuContent {
  background:#444;
  background-color:rgba(40, 40, 40, 0.8);
  display:none;
  border:1px solid #666;
  border-top:0px;
  position:absolute;
}

#toolbarLogo {
  width:40px;
}
#toolbarLogo a {
  display:block;
  width:39px;
  line-height:45px;
  height:45px;
  color:#fff;
  opacity:0.9;
  padding:0px 0px;
  font-size:16px;
  background-repeat:no-repeat;
  background-color:#000;
  background-image:url('../img/logoIcon2.png');
  background-position:9px 12px;
  border-right:1px solid #999;
  background-size:60%;
}
#toolbarLogo a:hover {
  text-decoration: none;
}
#toolbarBubbles {
}
#toolbarBubbles .toolbarMenuContent {
  border-bottom:0px;
}
#toolbarAddPicture {
}
#toolbarDrama {
}

#toolbarDrama .toolbarCollapse {
  border-right:0px;
}

#toolbarBubbles .toolbarMenuContent {

}
#toolbarChangeOrientation {
  width:45px;
  display:none;
}
#toolbarChangeOrientation a.toolbarCollapse {
  padding:0px;
  width:44px;
  height:45px;
  background-image:url('../img/icon_rotate.png');
  background-repeat: no-repeat;
  background-position:center center;
  border-right:1px solid #999;
  background-size:60%;
}
#editUpload {
  display:block;
  background-color:#eee!important;
  background-repeat: no-repeat;
  background-position:center 18px;
  background-image:url('../img/browser-upload-2_1.png');
  border:4px solid #aaa;
  padding:0px;
}
.editUploadText {
  line-height:1.2;
  color:#333!important;
  padding:55px 0px 11px 0px;
  display:block;
  width:100%;
  text-align: center;
  font-size:11px;
}
#framesPreview, #framesPreview li  {
  padding:0px;
  margin:0px;
  list-style: none;
}
#framesPreview img {
  display:block;
  padding:0px;
  margin:0px;
  width:118px;
  height:auto;
  cursor:move;
}
#framesPreview a {
  display:none;
  height:30px;
  width:30px;
  position:absolute;
  cursor: pointer;
  z-index:102;
  background:#fff;
  background-size:50%;
  border-right:0px;
  margin-left:88px;
  opacity:0.9;
}
html.touch #framesPreview a {
  display:block!important;
}
#framesPreview a:hover {
  opacity:1;
  background-color:#fff;
}
#framesPreview a.remove_frame {
  margin-top:41px;
  background-image:url('../img/icon_delete.png');
  background-position:center center;
  background-repeat:no-repeat;
}

#framesPreview a.rotate_frame {
  margin-top:5px;
  background-image:url('../img/icon_rotate.png');
  background-position:center center;
  background-repeat:no-repeat;
}


.dropwdownLink {
  display:block;
  color:#f0f0f0;
  padding:0px 11px;
  line-height:40px;
  text-decoration:none;
  border-top:1px solid #666;
}
.dropwdownLink:first-of-type{
  border-top:0px;
}
.dropwdownLink:hover {
  text-decoration:none;
  color:#fff;
  background-color:rgba(50, 50, 50, 0.9);
}
.dropwdownLinkActive {
  background-color:rgba(110, 110, 110, 0.9)!important;
  color:#fff!important;
}
#elementsWrapper {
  padding:0px;
}

#imagePane {
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
}

.element{
  width:150px;
  padding:0px;
  margin:0px;
  position:relative;
  cursor:move;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  -o-background-size: 100% 100%, auto;
  -moz-background-size: 100% 100%, auto;
  -webkit-background-size: 100% 100%, auto;
  background-size: 100% 100%, auto;
}
.element textarea {
  display:block;
  margin:0px;
  padding:0px;
  font-size:40px;
  line-height: 1;
  resize: none;
  outline: none;
  overflow: hidden;
  font-family:'Roboto', Arial,Helvetica;
  text-align: center;
  background:transparent;
  border:0px;
  z-index:4;
}
span.text-replacement {
  text-align: center;
  margin:0px;
  padding:0px;
  display:block;
  padding:0px;
  font-size:40px;
  line-height: 1;
  font-family:'Roboto', Arial,Helvetica;
  background:#ff0;
  opacity:1;
  top:0px;
  left:200px;
  position:absolute;
}
span.text-replacement-word {
  display:block;
  float:left;
  padding:0px;
  margin:0px;
  opacity:1;
}

.elementHover .close-button, html.touch .close-button {
  float:right;
  display:block;
  position:absolute;
  z-index:20;
  right:0px;
  top:-10px;
  width:50px;
  height:50px;
  border-radius:2px;
  border:2px solid #48A629;
  background:#fff;
  background-image:url('../img/icon_delete.png');
  background-position:center center;
  background-repeat:no-repeat;

}
.elementHover .close-button:hover, html.touch .close-button:hover {
  opacity:1;
  background-color:#f5f5f5;
}

.elementHover .variation-button, html.touch .variation-button  {
  float:right;
  display:block;
  position:absolute;
  z-index:20;
  right:0px;
  bottom:120px;
  width:50px;
  height:50px;
  border-radius:2px;
  border:2px solid #48A629;
  background:#fff;
  background-image:url('../img/icon_rotate.png');
  background-position:center center;
  background-repeat:no-repeat;

}
.elementHover .variation-button:hover, html.touch .variation-button:hover {
  opacity:1;
  background-color:#f5f5f5;
}
.elementHover .typo-button, html.touch .typo-button {
  float:right;
  display:block;
  position:absolute;
  z-index:20;
  right:0px;
  bottom:60px;
  width:50px;
  height:50px;
  border-radius:2px;
  border:2px solid #48A629;
  background:#fff;
  background-image:url('../img/icon_font.png');
  background-position:center center;
  background-repeat:no-repeat;

}
.elementHover .typo-button:hover, html.touch .typo-button:hover {
  opacity:1;
  background-color:#f5f5f5;
}
.ui-front {
  z-index:102;
}
.ui-corner-all {
  border-radius: 0px;
}
.ui-resizable-handle {
  display:none;
  background-image:none;
}
.elementHover .ui-resizable-handle, html.touch .ui-resizable-handle {
  display:block;
  width:50px;
  height:50px;
  right:0px;
  border-radius:2px;
  border:2px solid #48A629;
  background:#fff;
  background-image:url('../img/icon_resize.png');
  background-position:center center;
  background-repeat:no-repeat;

}
.elementHover .ui-resizable-handle:hover, html.touch .ui-resizable-handle:hover {
  opacity:1;
  background-color:#f5f5f5;
}

body .element {
  width: 140px;
  height: 100px;
}

#elementsWrapper .element {
  width: 118px;
  height: 80px;
  background-position:center;
  margin:0px;
  opacity:1.0;
  border-bottom:1px solid #666;
  background-size:50%;
}

#elementsWrapper .element:hover {
  opacity:0.9;
}

#elementsWrapper .element:first-of-type {
  margin-top:0px;
}
.filterWrapper {
  padding:0px 10px 10px 10px;
}
.filterWrapper label {
  display:block;
  margin:0px 0px 5px 0px;
  font-size:12px;
  color:#333;
}
.filterWrapper select {
  width:40px;
  margin:5px 0px 0px 0px;
}


@font-face {
  font-family: 'ballpark';
  src: url('../fonts/ballpark_weiner-webfont.eot');
  src: url('../fonts/ballpark_weiner-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ballpark_weiner-webfont.woff') format('woff'),
    url('../fonts/ballpark_weiner-webfont.ttf') format('truetype'),
    url('../fonts/ballpark_weiner-webfont.svg#ballparkweiner') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bebas_neueregular';
  src: url('../fonts/bebasneue-webfont.eot');
  src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bebasneue-webfont.woff') format('woff'),
    url('../fonts/bebasneue-webfont.ttf') format('truetype'),
    url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'blackjackregular';
  src: url('../fonts/black_jack-webfont.eot');
  src: url('../fonts/black_jack-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/black_jack-webfont.woff') format('woff'),
    url('../fonts/black_jack-webfont.ttf') format('truetype'),
    url('../fonts/black_jack-webfont.svg#blackjackregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'caviar_dreamsregular';
  src: url('../fonts/caviardreams-webfont.eot');
  src: url('../fonts/caviardreams-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/caviardreams-webfont.woff') format('woff'),
    url('../fonts/caviardreams-webfont.ttf') format('truetype'),
    url('../fonts/caviardreams-webfont.svg#caviar_dreamsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'caviar_dreamsbold';
  src: url('../fonts/caviar_dreams_bold-webfont.eot');
  src: url('../fonts/caviar_dreams_bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/caviar_dreams_bold-webfont.woff') format('woff'),
    url('../fonts/caviar_dreams_bold-webfont.ttf') format('truetype'),
    url('../fonts/caviar_dreams_bold-webfont.svg#caviar_dreamsbold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'chunkfive_romanregular';
  src: url('../fonts/chunkfive-webfont.eot');
  src: url('../fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/chunkfive-webfont.woff') format('woff'),
    url('../fonts/chunkfive-webfont.ttf') format('truetype'),
    url('../fonts/chunkfive-webfont.svg#chunkfive_romanregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'gooddogregular';
  src: url('../fonts/gooddog-webfont.eot');
  src: url('../fonts/gooddog-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/gooddog-webfont.woff') format('woff'),
    url('../fonts/gooddog-webfont.ttf') format('truetype'),
    url('../fonts/gooddog-webfont.svg#gooddogregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'impact_labelregular';
  src: url('../fonts/impact_label-webfont.eot');
  src: url('../fonts/impact_label-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/impact_label-webfont.woff') format('woff'),
    url('../fonts/impact_label-webfont.ttf') format('truetype'),
    url('../fonts/impact_label-webfont.svg#impact_labelregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'league_gothicregular';
  src: url('../fonts/league_gothic-webfont.eot');
  src: url('../fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/league_gothic-webfont.woff') format('woff'),
    url('../fonts/league_gothic-webfont.ttf') format('truetype'),
    url('../fonts/league_gothic-webfont.svg#league_gothicregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'midoregular';
  src: url('../fonts/mido-webfont.eot');
  src: url('../fonts/mido-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/mido-webfont.woff') format('woff'),
    url('../fonts/mido-webfont.ttf') format('truetype'),
    url('../fonts/mido-webfont.svg#midoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'molotregular';
  src: url('../fonts/molot-webfont.eot');
  src: url('../fonts/molot-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/molot-webfont.woff') format('woff'),
    url('../fonts/molot-webfont.ttf') format('truetype'),
    url('../fonts/molot-webfont.svg#molotregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'snicklesregular';
  src: url('../fonts/snickles-webfont.eot');
  src: url('../fonts/snickles-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/snickles-webfont.woff') format('woff'),
    url('../fonts/snickles-webfont.ttf') format('truetype'),
    url('../fonts/snickles-webfont.svg#snicklesregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* FORMS */
.popupInputWrapper {
  clear:both;
  margin:0px 0px 20px 0px;
}
.ui-widget-content .popupInputWrapper:last-of-type {
  margin-bottom:0px;
}
.popupInputWrapper label {
  display:block;
  color:#666;
  clear:both;
}
.popupInputWrapper input[type="text"],
.popupInputWrapper select,
.popupInputWrapper textarea {
  font-size: 14px;
  font-family: 'Roboto', Arial, Helvetica;
  padding: 4px;
  border: solid 1px #999;
  width: 420px;
  height: 30px;
  line-height: 30px;
  margin: 2px 0px;
  outline: none;
  border-radius: 0px;
  color: #666;
  display:block;
  resize: none;
  border-radius: 0px;
  background:#fff;
}
.popupInputWrapper textarea {
  width: 400px;
}
.popupInputWrapper #confirmEmail {
  width: 280px;
}
#sendPopup .popupInputWrapper input[type="text"],
#sendPopup .popupInputWrapper textarea {
  width:350px;
}

.popupInputWrapper textarea {
  height:80px;
}
.popupInputWrapper input[type="text"].error {
  border-color: #F64848!important;
}
#formErrorTitle, #formErrorTos {
  display:none;
}
#formErrorEmail {
  margin-bottom:15px;
  display:none;
}
.formError {
  float:left;
  display: block;
  margin: 2px 0px 10px 0px;
  clear: both;
  background: #F64848!important;
  color: white!important;
  padding: 3px 10px;
  border-radius: 2px;
  font-size: 11px;
  width: auto;
}
.inputCheckboxWrapper {
  width:30px;
  padding-top:0px;
  vertical-align: top;
}
.checkboxLabelWrapper {
  vertical-align: top;
  padding-top:0px;
}

#previewImage {
  margin:10px 0px 20px 0px;
}
#previewText {
  padding-top: 10px;
  float: left;
  width: 300px;
  font-size: 12px;
  line-height: 1.5;
}
#previewText input,
#previewText select {
  width:96%;
}
.grey {
  color:#999;
}

/* SHOW PAGE */


body.show {
  background:#FFF;
  background-repeat:repeat;
  color:#333;
  height:100%;
}

#post_reply_link {
  margin:20px 0px;
  background:#f0f0f0;
  border: 4px dashed #999;
  color:#444;
  padding: 0px 0px;
  text-align: center;
  font-size:32px;
  line-height:80px;
  display:block;
  text-decoration: none;
}
#post_reply_link:hover {
  background:#f5f5f5;
  border-color:#48A629;
  color:#111;
}

.sidebarButton {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 0 0 0 5px;
  border: 4px solid #222;
  border-top: 0;
  border-right: 0;
  opacity: .95;
  background: #fff;
  font-size: 12px;
  color: #333;
  position: fixed;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-align: center;
}
.sidebarButton:hover {
  text-decoration: none;
  opacity: 1.0;
}

#buttonOptions {
  background-image:url('../img/outgoing.png');
}

.addthis_toolbox  {
  margin:0px auto;
  width:600px;
}
.addthis_toolbox .custom_images a {
  margin: 0px;
  padding: 0px 20px;
  width:78px;
  height:78px;
  margin-bottom:60px;
  display:block;
  float:left;
  outline: none;
}
.addthis_toolbox .custom_images a img {
  opacity: 0.7;
}
.addthis_toolbox .custom_images a:hover img {
  opacity: 1.0;
}

#shareContainer {
  border-radius:0px 10px 10px 0px;
  padding:20px 15px;
  width:78px;
  position:fixed;
  z-index:2;
  top:50%;
  margin-top:-245px;
  left:-120px;
  opacity:0.6;
  background:#fff;
}
#shareContainer a {
  margin-bottom:15px;
  display:block;
  width:78px;
  height:78px;
}
#shareContainer a:last-of-type {
  margin-bottom:0px;
}

/* JQUERY UI OVERWRITE */
/* GLOBAL OVERWRITES */
.ui-widget {
  font-family: 'Roboto', Arial, Helvetica, Verdana;
}
.ui-widget-overlay {
  background: #000 !important;
  opacity: 0.5 !important;
  position:fixed;
}

/* DIALOG TITLEBAR */
.ui-dialog .ui-dialog-titlebar {
  background: #fff !important;
  border: 0;
  padding: 5px 20px !important;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 28px;
  line-height:1.1;
  font-weight: bold;
  margin: 3px 20px 0 0 !important;
  padding: 10px 0 !important;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  background: #eee url(../img/closePopup.png) no-repeat center center;
  border: 0 !important;
  width: 20px;
  height: 20px;
  margin-right: 20px !important;
  top: 30px;
  padding: 1px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
  opacity: 0.8;
  background: #eee url(../img/closePopup.png) no-repeat center center;
  border: 0 !important;
  width: 20px;
  height: 20px;
  margin-right: 20px !important;
  top: 30px;
  font-weight: bold;
  padding: 1px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
  display: none;
}

.ui-dialog .ui-dialog-buttonpane {
  border: 0;
  padding: 0px 20px 15px 20px;
}

/* DIALOG CONTENT */
.ui-dialog .ui-dialog-content {
  padding: 10px 20px 20px 20px!important;
  color:#666;
  line-height:1.3;
  font-size:13px!important;
}
.ui-dialog .ui-dialog-content a {
  text-decoration: underline;
  color:#07BD0D;
}

/* DIALOG BUTTONS */
.ui-dialog .ui-dialog-buttonset .ui-button {
  outline: none !important;
  text-transform: uppercase !important;
  height: 40px !important;
  line-height: 40px !important;
  font-weight: normal !important;
  font-size: 12px !important;
  text-align: center !important;
  text-decoration: none !important;
  padding: 0 10px 0 10px !important;
  border-radius: 0px !important;
  border: 0 !important;
  text-shadow: none !important;
  color: #555 !important;
  background: #e0e0e0;
}

.ui-dialog .ui-dialog-buttonset .ui-button:hover {
  background: #e7e7e7;
  color: #555 !important;
}

.ui-dialog .ui-dialog-buttonset .primaryButton {

  background: #48A629;
  text-shadow:
    0px -1px 0px rgba(015,106,016,1),
    0px 1px 0px rgba(255,255,255,0.2);
  color: #fff !important;
}

.ui-dialog .ui-dialog-buttonset .primaryButton:hover {
  background: #48A629;
  color: #fff !important;
  opacitiy:0.9;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: 'Roboto', Arial,sans-serif!important;
}

/* CONTENT PAGES */
.contentWrapper,
.blogWrapper {
  background-color: #fff;
  padding:100px 40px 80px 40px;
  width:980px;
  margin:0px auto;
  color:#666;
  line-height:1.5!important;
  font-size:14px;
}

.contentWrapper a {
  text-decoration: underline;
}
.contentWrapper h1, .contentWrapper h2, .contentWrapper h3 {
  display:block;
  font-weight:bold;
  color:#333;
}
.contentWrapper h1 {
  font-size:28px;
}
.contentWrapper .h1info {
  color:#999;
  display:block;
  margin-bottom:20px;
}
.contentWrapper h2 {
  font-size:18px;
  margin-top:20px;
}
.contentWrapper h3 {
  font-size:14px;
  margin-top:10px;
}
.contentHeaderWrapper {
  width:665px;
  margin:0px auto;
  padding:100px 40px 40px 40px;
  text-align:center;
}
.contentHeaderWrapper .logo {
  text-decoration: none;
}
.contentLogo {
  margin-top:80px;
  font-size:50px;
  line-height:1.2;
  color:#0dc70c;
  font-weight:bold;
  display:block;
  text-transform: uppercase;
}
.contentLogo:hover {
  text-decoration: none;
  color:#0dc70c;
}
.contentTagline {
  color:#888;
  display:block;
  line-height:1.4;
  margin-bottom:20px;
}

/* FACEBOOK IMPORT */
.facebookThumbnail {
  display:block;
  width:120px;
  height:80px;
  margin:0px 5px 5px 0px;
  border:1px solid #ccc;
  background-repeat: no-repeat;
  background-position: center center;
  background-size:cover;
  float:left;
  opacity:0.9;
}
.facebookThumbnail:hover {
  border-color:#fff;
  opacity:1;
}

/* sidebar */

#imageContainerWrapper {
  padding:65px 305px 0px 0px;
}
body.private #imageContainerWrapper {
  padding:65px 0px 0px 0px;
}

#imageContainerWrapper img {
  width:100%;
}

#imageContainerWrapper .image_text {
  padding:60px 120px 50px 120px;
  font-size: 38px;
  text-transform: uppercase;
  font-weight: 300;
  margin:0px;
  font-size: 28px;
  text-align: center;
}

#logoWrapper {
  width:100%;
  background: #fff;
  position: fixed;
  z-index:22;
  box-shadow: 0 1px 3px 0 rgba(180,180,180,.2),0 1px 0 0 rgba(180,180,180,.1);
}
#logoWrapper .logo_link {
  float:left;
  padding: 11px 0px 0px 18px;
}

body.welcome #logoWrapper .logo_link {
  display:none;
}

#logoWrapper .logo_link img {
  display:block;
  height: 42px;
}


#sidebar {
  position:fixed;
  top:180px;
  left:0px;
  width:60px;
  background:#E0E0E0;
  z-index:2;
}

#sidebar h2 {
  background:#333;
  background: rgba(50, 50, 50, 0.8);
  color:#fff;
  display:block;
  padding: 12px 18px;
  font-size:18px;
  cursor:pointer;
}

#sidebarImages {
  position:fixed;
  border-left:5px solid #222222;
  top:0px;
  right:0px;
  width:300px;
  height:100%;
  overflow:auto;
}
#sidebarImagesInner {
  padding-top:65px;
}

#sidebarImages img {
  margin:0px;
  width:100%;
}
#optionsRight {
}

#optionsRight li a {
  display:block;
  padding: 0px;
  line-height: 62px;
  font-size:18px;
  background-position: 13px 50%;
  background-repeat: no-repeat;
  width:60px;
  height:60px;
}
#optionsRight li a:hover {
  background-color: #48A629;
  color: #fff;
  text-decoration: none;
}
#optionsRight #posterRight {
  background-image:url('../img/image.png');
}
#optionsRight #upvoteRight {
  background-image:url('../img/heart-empty_1.png');
}
#optionsRight #upvoteRight.upvoted {
  background-color: #48A629;
  background-image:url('/img/heart-full_1.png');
}
#optionsRight #facebookRight {
  background-image:url('../img/facebook-icon.png');
}
#optionsRight #twitterRight {
  background-image:url('../img/twitter-32.png');
}
#optionsRight #pinterestRight {
  background-image:url('../img/pinterest-32.png');
}
#optionsRight #emailRight {
  background-image:url('../img/envelope.png');
}
#optionsRight #downloadRight {
  background-image:url('../img/inbox_1.png');
}
#optionsRight #buttonAlert {
  background-image:url('../img/nope_1.png');
}
#optionsRight #buttonDelete {
  background-image:url('../img/bin-3.png');
}
#optionsRight #createRight {
  background-image:url('../img/add_1.png');
}

#optionsRight span, .confirmLink span {
  display:none!important;
}
#confirmOptionsWrapper {
  border-radius: 5px;

}
#confirmPopup {
  display:none;
}
#confirmPopup a.confirmLink {
  display:block;
  padding: 0px 18px 0px 60px;
  line-height: 55px;
  font-size:17px;
  background-position: 10px 50%;
  background-repeat: no-repeat;
  background-color:#fff;
  display:block;
  color:#000;
  opacity:0.8;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  border-bottom: 1px dashed #ccc;
}
.confirmGrey {
  font-size:12px;
  display:block;
  margin-top:10px;
}
#confirmPopup a.confirmLink:first-of-type {
  border-radius: 5px 5px 0px 0px;
}
#confirmPopup a.confirmLink:last-of-type {
  border-radius: 0px 0px 5px 5px;
  border-bottom:0px;
}
#confirmPopup a.confirmLinkRight {
  margin-right:0px;
}
#confirmPopup a:hover {
  opacity:1;
  color:#07bd0d;
}
#confirmPopup a.confirmLink:last-of-type {
  margin-right:0px;
}
#confirmPopup #linkFacebook {
  background-image:url('../img/facebook-icon.png');
}
#confirmPopup #linkTwitter {
  background-image:url('../img/twitter-32.png');
}
#confirmPopup #linkPinterest {
  background-image:url('../img/pinterest-32.png');
}
#confirmPopup #linkPoster {
  background-image:url('../img/image.png');
}
#confirmPopup #linkEmail {
  background-image:url('../img/envelope.png');
}
#confirmPopup #linkDownload {
  background-image:url('../img/inbox_1.png');
}


/* ADS PLACEMENT */
.showAdsTop {
  background:#f5f5f5;
  padding:20px 0px;
}
.contentAdTop {
  margin:40px auto;
}
.ads_welcome_right,
.ads_welcome_left,
.ads_content_right {
  position:fixed;
  top:90px;
  width:360px;
  right:20px;
  bottom: 20px;
}
.ads_welcome_left {
  right: auto;
  left: 20px;
}

.ads_right_block {
  position:fixed;
  top:20px;
  margin-top:190px;
  right:20px;
}

/* SEND POPUP */
#toName {
  display:none;
}

/* DOWNLOAD POPUP */
#downloadImageLink {
  display: block;
  padding: 0px 18px 0px 35px;
  line-height: 42px;
  font-size: 15px;
  display: block;
  margin: 10px 0px 10px 0px;
  text-decoration: none;
  width: 200px;
  background-color: #fff;
  border-radius: 1px;
  color:#fff;
  background: #48A629;
  text-align: center;
}
#downloadImageLink:hover {
  opacity:0.9;
  color:#fff;
}

/* poster popup */
.partnerList {
  margin-left:20px;
  list-style: square;
  list-style-position: outside;
  line-height:1.4;
}
.partnerList il {
}
#posterDownloadImageLink {
  display: block;
  padding: 0px 18px 0px 35px;
  line-height: 42px;
  font-size: 15px;
  display: block;
  opacity: 0.8;
  margin: 20px 0px 0px 0px;
  text-decoration: none;
  border: 1px solid #ccc;
  width: 140px;
  background-color: #fff;
  border-radius: 4px;
  color:#fff;
  background: #48A629;
  background: -moz-linear-gradient(
    top,
    #48A629 0%,
    #07bd0d);
  background: -webkit-gradient(
    linear, left top, left bottom,
    from(#48A629),
    to(#07bd0d));
  border: 1px solid #48A629;
  text-shadow:
    0px -1px 0px rgba(015,106,016,1),
    0px 1px 0px rgba(255,255,255,0.2);
  text-align: center;
  opacity:0.8;
}
#posterDownloadImageLink:hover {
  opacity:1;
  color:#fff;
}

/* GALLERY VIEW */

body.welcome,
body.gallery,
body.blog,
body.content {
  background:#fff;
  background-image:url('/img/square_bg.png');
  background-repeat:repeat;
}
body.gallery #wrapper {
  width:100%;
  padding: 0px 0px 0px 0px;
}
body.gallery .contentWrapper {
  width:auto;
  padding: 0px;
  margin: 0px 0px;
  background:transparent;
}

.brick {
  float:left;
  width: 300px;
  min-width: 300px;
  min-height: 80px;
  margin:10px;
  display:block;
  text-decoration: none!important;
}

.brick_ad {
  max-height: 650px;
  text-align: center;
  background:#444;
  background-image: url('/img/footer_lodyas.png');
}

.brick_ad span {
  display: block;
  background: #48A629;
  color: #fff;
  line-height: 20px;
  font-size: 12px;
}
.info {
  padding: 15px;
  color: #888;
  background:#fff;
  text-decoration: none;
}
.brick img {
  margin: 0px;
  padding: 0px;
  display: block;
}
.upvote {
  display:none;
  border-radius: 4px;
  position:absolute;
  right:20px;
  top:20px;
  height:48px;
  width:48px;
  background: #FFFFFF;
  opacity: 0.9;
  background-image:url('/img/heart-empty_1.png');
  background-position: center center;
  background-repeat: no-repeat;
}
.upvote:hover {
  opacity: 1;
}

.upvoted {
  opacity: 1;
  background-image:url('/img/heart-full_1.png');
}
.brick:hover .upvote {
  display:block;
}


/* MOBILE DEVICES */

/* iPads */
@media screen and (max-width : 1024px) {
  body.edit #footer.sticky {
    background-color:rgba(70, 70, 70, 0.6);
  }
  body.edit #footer.sticky {
    display:none;
  }
  .elementHover .close-button, html.touch .close-button {
    top:-5px;
    width:40px;
    height:40px;
    border-radius:1px;
    border:1px solid #48A629;
    background-size:80%;
  }
  .elementHover .variation-button, html.touch .variation-button  {
    bottom:96px;
    width:40px;
    height:40px;
    border-radius:1px;
    border:1px solid #48A629;
    background-size:80%;
  }
  .elementHover .typo-button, html.touch .typo-button {
    bottom:48px;
    width:40px;
    height:40px;
    border-radius:1px;
    border:1px solid #48A629;
    background-size:80%;
  }
  .elementHover .ui-resizable-handle, html.touch .ui-resizable-handle {
    bottom:0px;
    width:40px;
    height:40px;
    border-radius:1px;
    border:1px solid #48A629;
    background-size:80%;
  }
}

/* ipad portrait */
@media screen and (max-width : 1023px) {

  .ads_content_right,
  .ads_welcome_left,
  .ads_welcome_right {
    width: 200px;
  }

  #toolbarTopSave, #toolbarTopClose, .toolbarCollapse, #toolbarLogo a {
    height:40px;
    line-height:40px;
    font-size:15px;
  }
  #toolbarChangeOrientation {
    width:40px;
    display:none;
  }
  #toolbarChangeOrientation a.toolbarCollapse {
    width:39px;
    height:40px;
    background-image:url('../img/icon_rotate.png');
  }

  #toolbarTopSave {
    width:180px;
  }
  #toolbarTopClose {
    width:100px;
    right:180px;
  }
  .toolbarMenu {
    width:120px;
  }

  #toolbarLogo a {
    background-size:60%;
    background-position:9px 10px;
  }

  #framesPreview img {
    width:118px;
  }
  #framesPreview a {
    margin-left:88px;
  }
  #elementsWrapper .element {
    width:118px;
    height:60px;
  }
  .dropwdownLink {
    line-height:30px;
    font-size:12px;
  }
  .toolbarCollapse {
    background-position:100px center;
  }

}

@media only screen and (max-width : 870px) {

  .ads_content_right,
  .ads_welcome_left,
  .ads_welcome_right {
    display: none;
  }

  body.welcome #logoWrapper .logo_link {
    display: block;
  }

  .welcomeLogoCenter {
    display: none;
  }

  #imageContainerWrapper {
    padding:194px 0px 0px 0px;
  }

  body.show #footer.sticky,
  #footer.sticky {
    position: relative;
    width:100%;
    border:0px;
    margin:0px;
    padding:0px;
  }
  body.show #footer #footerInner,
  #footer.sticky #footerInner {
    padding: 20px;
    margin:0px;
    font-size: 14px;
  }
  #sidebarImages {
    display: none;
  }
  #sidebar {
    top:206px;
    display:none;
  }
  #logoWrapper .logo_link {
    margin: 0px auto;
    padding:0px;
    float:none;
    display:block;
    width: 250px;
  }
  #logoWrapper .logo_link img {
    height:70px;
    margin:40px auto;
  }

  #logoWrapper .navigationTopRight {
    float:none;
    border-top: 1px solid #888;
    background:#F5F5F5;
  }

  #logoWrapper {
    border-bottom: 1px solid #ccc;
  }

  #logoWrapper .navigationTopRight a {
    line-height: 42px;
    font-size: 14px;
    padding:0px 25px;
    border:0px;
    float:left;
    border-right: 1px solid #888;
  }


  body.content #contentWrapper {
    padding:240px 0px 80px 0px;
  }
  body.blog #blogWrapper {
    padding:240px 0px 80px 0px;
  }

  body.welcome #wrapperWelcome {
    padding-top: 130px;
    padding-bottom: 100px;
    position: relative;
    display: block;
    align-items: center;
    justify-content: center;

  }

  body.gallery #wrapper {
    padding-top: 220px;
  }

  #previewImage {
    width:300px!important;
    height:auto!important;
    overflow:hidden!important;
    border:0px;
    margin:0px auto 20px auto!important;
    float:none;
  }
  #previewText {
    float:none;
    margin:0px auto!important;
    width:300px!important;
  }
  .ui-dialog .ui-dialog-buttonset .ui-button {
    font-size:12px!important;
    padding:5px 10px!important;
  }
  .ui-button-text-only .ui-button-text {
    padding:5px 5px!important;
  }
  #toolbarTopClose {
    display:none;
  }
}

@media only screen and (max-width : 768px) {

  .navigationTopLeft {
    display:none;
  }

  #logoWrapper .navigationTopRight a {
    line-height: 42px;
    font-size: 12px;
    padding:0px 15px;
    border:0px;
    float:left;
    border-right: 1px solid #ccc;
  }

  #messageText, #messageImageText {
    font-size:16px;
  }
  .contentWrapper {
    width:auto;
    border-radius: 0px;
    border:0px;
  }
  .blogWrapper {
    width:auto;
    border-radius: 0px;
    border:0px;
  }

  .contentHeaderWrapper {
    border:0px;
    width:auto;
    margin:0px;
  }
  #footer #footerInner {
    font-size:12px;
  }

  #post_reply_link {
    font-size:22px;
  }
}

@media only screen and (max-width : 600px) {
  #content.welcomeWrapper {
    padding-bottom: 80px;
  }

  #toolbarTopSave, #toolbarTopClose, .toolbarCollapse, #toolbarLogo a {
    height:30px;
    line-height:30px;
    font-size:12px;
  }
  #toolbarChangeOrientation {
    width:30px;
    display:none;
  }
  #toolbarChangeOrientation a.toolbarCollapse {
    width:29px;
    height:30px;
    background-image:url('../img/icon_rotate.png');
  }

  #toolbarTopSave {
    width:150px;
  }
  #toolbarTopClose {
    display:none;
  }
  .toolbarMenu {
    width:90px;
  }
  #filterWrapper {
    width:88px;
  }
  .toolbarCollapse {
    padding:0px 5px;
  }
  #toolbarLogo {
    width:30px;
  }
  #toolbarLogo a {
    background-position:7px 6px;
    background-size:70%;
    width:29px;
  }
  #framesPreview img {
    width:88px;
  }
  #framesPreview a {
    margin-left:60px;
  }
  #elementsWrapper .element {
    width:88px;
    height:45px;
    margin:0px;
  }
  .dropwdownLink {
    line-height:30px;
    font-size:11px;
  }
  .toolbarCollapse {
    background-position:75px center;
  }
  .elementHover .close-button, html.touch .close-button {
    top:-5px;
    width:25px;
    height:25px;
    background-size:90%;
  }
  .elementHover .variation-button, html.touch .variation-button  {
    bottom:60px;
    width:25px;
    height:25px;
    background-size:90%;
  }
  .elementHover .typo-button, html.touch .typo-button {
    bottom:30px;
    width:25px;
    height:25px;
    background-size:90%;
  }
  .elementHover .ui-resizable-handle, html.touch .ui-resizable-handle {
    bottom:0px;
    width:25px;
    height:25px;
    background-size:90%;
  }
  #toolbarWrapper {
    padding-right:150px;
  }
  #imageContainerWrapper h1 {
    padding:50px 20px;
  }
  #imageContainerWrapper .image_text {
    padding:60px 20px 50px 20px;
  }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 550px) {

  #footer #footerInner {
    font-size:12px;
  }
  #contentGetStarted {
    font-size:12px;
    width:260px;
  }

}

@media only screen and (max-width : 500px) {
  .hideMobile {
    display:none!important;
  }

  .welcomeImageButton {
    border-radius: 0px;
    border-left: 0px!important;
    border-right: 0px!important;
  }


  .welcomeLogoWrapper {
    padding:70px 10px 70px 10px!important;
    text-align: center;
  }
  .content .contentWrapper {
    margin-top:50px;
  }
  .content .blogWrapper {
    margin-top:50px;
  }
  .welcomeLogoWrapper img {
    width:80%;
  }

  body.content .navigationTop {
    background:#eee;
  }

  #content.welcomeWrapper {
    width:100%;
    padding: 0px 0px 0px 0px;
    margin:0px 0px 0px 0px!important;
  }

  #welcomeTextWrapper {
    padding:0px 10px 20px 10px;
  }

  #welcomeChooseImageWrapper {
    width:auto;
    border-radius:0px;
    padding:0px;
    padding:0px 0px 30px 0px!important;
  }
  #welcomeChooseImageWrapper a {
    border-radius: 0px!important;
  }

  #footer #footerInner {
    font-size:12px;
  }

  #shareContainer {
    display:none!important;
  }
  #optionsRight #emailRight {
    display:none!important;
  }
  #optionsRight #posterRight {
    display:none!important;
  }
  #optionsRight #buttonAlert {
    display:none!important;
  }

  #linkPoster {
    display:none!important;
  }
  #linkEmail {
    display:none!important;
  }
  .welcomeLogoIcon {
    margin-left:0px;
  }
}

@media only screen and (max-width : 460px) {

  .logoTypo {
    font-size:50px;
    padding:0px;
  }
  .welcomeWrapper {
    padding:10px;
  }
  .contentWrapper {
    padding:20px 10px;
  }
  .blogWrapper {
    padding:20px 10px;
  }
  .contentHeaderWrapper {
    padding:20px 10px;
  }
  .logoTagline {
    padding-left:0px!important;
    padding-bottom:0px!important;
    margin-bottom:10px;
  }
  .welcomeLogoIcon {
    display:none;
  }
  #welcomeChooseImageWrapper a, #welcomeChooseImageWrapper .qq-upload-button {
    font-size:14px;
  }
  #contentFacebookButton {
    font-size:16px;
    width:260px;
  }
}

@media only screen and (max-width : 341px) {
  .navigationTopLeft {
    display:none;
  }
  .navigationTop {
    padding:20px 10px;
  }
  #footer {
    padding:10px;
  }
  .ui-dialog  {
    border-radius:0px!important;
  }
  .ui-dialog  {
    border:0px!important;
    border-radius:0px!important;
    padding:10px!important;
  }
  .ui-dialog .ui-dialog-titlebar {
    font-size:12px!important;
    margin:0px 0px 10px 0px!important;
    padding-left:0px!important;
  }
  .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    margin:0px!important;
    padding-left:0px!important;
  }
  .ui-dialog .ui-dialog-content {
    padding:0px!important;
  }
  .ui-dialog .ui-dialog-buttonpane {
    padding:10px 0px 0px 0px!important;
    margin:0px;
  }
  p.logoTagline {
    font-size:11px!important;
  }
  #shareShowPage td {
    display:none;
  }

}