/*================================
=============== Header
==================================*/

.header .logo { 
   float: left;
}

/* ---------------------------------
----------------- Mobile
--------------------------------- */

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

   .header .logo { 
      float: none;
   }
   
}

/*================================
=============== Menu
==================================*/

.website-menu {
   float: right;
}

/*------ Dropdown Menu (Second Level) -------- */

.website-menu ul li ul {
   top: 35px;
   right: -60px;
   min-width: 160px;
}

.website-menu ul li ul li a.menu-has-children {
   background-image: url(../../images/menu-left-arrow.png);
   background-position: 90% 50%;
   padding-right: 27px;
   padding-left: 10px;
}

/*------ Right Menu (Third Level) -------- */

.website-menu ul li ul li ul {
   left: 129px;
   min-width: 160px;
}

.website-menu ul li ul li ul.opposite-side {
   left: -189px;
   right: auto;
}

/* ---------------------------------
----------------- Mobile
--------------------------------- */

@media only screen and (max-width: 960px) {
   
   .website-menu {
      float: none;
      position:relative;
   }

   .website-menu ul {
      text-align: left;
   }
   
   .website-menu ul li ul {
      top: 0px;
      right: 0px;
      min-width: auto;
   }
   
   .website-menu ul li ul li ul,
   .website-menu ul li ul li ul.opposite-side {
      left: 0px;
      right: 0px;
      min-width: auto;
   }
   
   .website-menu ul li a.menu-has-children,
   .website-menu ul li ul li a.menu-has-children,
   .website-menu ul li ul li ul li a.menu-has-children {
      background-image: url(../../images/menu-bottom-arrow.png);
      background-position: 97% 50%;
      background-repeat: no-repeat;
   }

   .website-menu ul li a,
   .website-menu ul li:hover > a,
   .website-menu ul li ul li a,
   .website-menu ul li ul li ul li a {
      padding: 15px 25px 15px 25px !important;;
   }
}

/*================================
=============== Blog Page
==================================*/

/*------ Column Blog Page -------- */

.blog-page .blog-posts h2 a {
   padding: 0px 2px 0px 2px;
}

.blog-page .blog-posts p.date {
   padding: 0px 2px 0px 0px;
}

.blog-page .blog-post-info span.video-label {
   padding: 2px 6px 3px 5px;
   margin: 2px 4px 0px 0px;
}

.blog-page .blog-post-info span.video-label span {
   background: url(../../images/formats/video-icon.png) no-repeat;
   background-position: -18px 0px;
   margin: 0px 3px -2px 0px;
}

/*------ Line Blog Page -------- */

.blog-post-content-thumbnail .thumbnail-image,
.main-content-warp .blog-post-content-thumbnail .thumbnail-image {
   float: left;
   margin: 5px 10px 5px 0px;
}

/*================================
=============== Comments
==================================*/

h3.comments-amount-title {
   margin: 25px 0px 0px 15px;
}

h3.comments-amount-title span.comment-icon {
   margin: 0px 4px 0px 0px;
}

.comments-area .comment-left-side {
   float: left; 
   margin: 10px 0px 0px 10px;
}

.comments-area .comment-main-content-warp {
   float: left; 
   margin: 0px 0px 0px 5px;
}

.comments-area a.comment-reply-link {
   padding: 4px 10px 2px 10px;
}

.comments-area #submit {
   padding: 4px 20px 5px 20px;
}

/*================================
=============== Edit Button
==================================*/

a.yy-edit-button {
   left: auto;
   right: 0px;
}

/*================================
=============== Page Data Info
==================================*/

p.post-data-line .posted-by img {
   margin: 0px 5px -3px 5px;
}

p.post-data-line .posted-on {
   padding: 0px 8px 0px 0px;
}

p.post-data-line span.posts-single-comments-title {
   margin: 0px 6px -5px 10px;
}