/* Copyright (C) Z-NetWORKS, Z-NetWORKS Proprietary Use License */

/*
 * Custom Style Sheet - Use this file to style your content
 */

#headerbar .module {
max-width: 640px!important;

}

#system .item > .links a {
/*float:right;*/
}

 
#system .item > .edit {
/*float:left;*/
	display: inline-block;
	padding: 2px 5px 3px 5px;
	/*margin-top: -10px;*/
	border: 1px solid #CF7E4C;
	border-radius: 4px;
	background: #ef9c58;
	background: -o-linear-gradient(top, #F0A958 0%, #EF9258 100%);
	background: -webkit-linear-gradient(top, #F0A958 0%, #EF9258 100%);
	background: -moz-linear-gradient(top, #F0A958 0%, #EF9258 100%);
	background: linear-gradient(to bottom, #F0A958 0%, #EF9258 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),
				0 4px 3px -3px rgba(20,20,25,0.2);
	color: #fdefdf;
	text-shadow: 0 1px 1px rgba(20,20,25,0.5);
	background-clip: padding-box;
	
}


#system .item > .edit:hover {
	background: #ec9056;
	background: -o-linear-gradient(top, #EF9258 0%, #F0A958 100%);
	background: -webkit-linear-gradient(top, #EF9258 0%, #F0A958 100%);
	background: -moz-linear-gradient(top, #EF9258 0%, #F0A958 100%);
	background: linear-gradient(to bottom, #EF9258 0%, #F0A958 100%);
	color: #b66a39; 
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}
 
a#logo {
    	padding: 4px;
	border: 1px solid rgba(20,20,25,0.2);
	border-radius: 5px;
	background: #d1d2d6;
	background: rgba(90,90,100,0.15);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),
				0 1px 3px rgba(20,20,25,0.2),
				inset 0 -1px 0 rgba(255,255,255,0.2);
}

.multithumb {
   /*float:left;*/
   margin: 0 15px 0 0;
   /*
   -moz-border-radius: 0 0 120px 0 / 0 0 6px 0;
   border-radius: 0 0 120px 0 / 0 0 6px 0;
    -webkit-box-shadow: 2px 10px 10px #aaa;
    -moz-box-shadow: 2px 10px 10px #aaa;
    box-shadow: 2px 10px 10px #aaa;
    opacity: 0.9;
    border: 2px solid #eee;*/
    
    	padding: 4px;
	border: 1px solid rgba(20,20,25,0.2);
	border-radius: 5px;
	background: #d1d2d6;
	background: rgba(90,90,100,0.15);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),
				0 1px 3px rgba(20,20,25,0.2),
				inset 0 -1px 0 rgba(255,255,255,0.2);
    
    
}

.multithumb_blog {
   /* border-right: 1px solid #aaa;
   border-bottom: 1px solid #aaa;*/
   float:left;
   margin: -5px 15px 5px -5px;
   -moz-border-radius: 0 0 120px 120px / 0 0 6px 6px;
   border-radius: 0 0 120px 120px / 0 0 6px 6px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    transform: rotate(3deg);
    -webkit-box-shadow: 2px 10px 10px #aaa;
    -moz-box-shadow: 2px 10px 10px #aaa;
    box-shadow: 2px 10px 10px #aaa;
    /*filter:alpha(opacity=90);*/
   /*-moz-opacity:0.9;*/
   /*-khtml-opacity: 0.9;*/
   /*opacity: 0.9;*/
    border: 1px solid #fefefe;

    /*cursor: url(glass.cur);*/
}
.multithumb_blog:hover {

-webkit-box-shadow: -3px -2px 10px #aaa;
-moz-box-shadow: -3px -2px 10px #aaa;
box-shadow: -3px -2px 10px #aaa;
-webkit-transform: skew(-1deg) rotate(0deg);
-moz-transform: skew(-1deg) rotate(0deg);
-ms-transform: skew(-1deg) rotate(0deg);
-o-transform: skew(-1deg) rotate(0deg);
transform: skew(-1deg) rotate(0deg);
/*opacity: 1.0;*/
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #bbb;
border-bottom: 1px solid #aaa;
}

/*     
    .multithumb_blog:before,
    .multithumb_blog:after {
       content:"";
       position:absolute;
       z-index:-1;
       bottom:15px;
       left:10px;
       width:50%;
       height:20%;
       max-width:300px;
       -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
       box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
       -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
       -o-transform:rotate(-3deg);
       transform:rotate(-3deg);
    }
     
    .multithumb_blog:after{
       right:10px;
       left:auto;
       -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
       -o-transform:rotate(3deg);
       transform:rotate(3deg);
     }
*/


.custom-logo {
    display: inline-block;
	width: 205px;
	height: 70px;
	background: url(../../../images/yootheme/logo.png) 0 0 no-repeat;
    background-position: 0 50%;
    background-size: contain;
}

/* Frontpage Teaser */
#page .frontpage-teaser-1 { margin-bottom: 15px; }

.frontpage-teaser-1 h1,
.frontpage-teaser-1 p { 
    position: relative;
    margin-top: 10px;
    margin-bottom: 0;
}

.frontpage-teaser-1 p { margin-top: 10px; }
.frontpage-teaser-1 img { margin-top: -70px; }

.frontpage-teaser-2 h1 { margin: 20px 0 0 0; }
.frontpage-teaser-2 p { margin-top: 10px; }

.frontpage-teaser-2 .width33 div { margin-top: 40px; }
.frontpage-teaser-2 .width33 div + div { margin-top: 90px; }

/* Frontpage Sidebar */
 ul.frontpage-icons li h3 {
 	margin-top: 15px;
 	padding: 5px 5px 5px 35px;
 	background-size: 35px 35px;
 	background-position: 0 50%;
 	background-repeat: no-repeat;
 }

 .available-icon { margin-right: 10px; }

 /* Bottom A
  ----------------------------------------------------------------------------------------------------*/


 /* Frontpage Font
 ----------------------------------------------------------------------------------------------------*/

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

}

.journal-font { 
	font-family: "JournalRegular"; 
	font-size: 35px;
}


 /* Frontpage Responsive
 ----------------------------------------------------------------------------------------------------*/

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

    .frontpage-teaser-2 .width66,
    .frontpage-teaser-2 .width33 { width: 50% }

}

/* Only Phones */
@media (max-width: 767px) {

    #innerbottom-b .frontpage-features,
    #innerbottom-a .frontpage-features { margin-top: 0; }
    #innerbottom-b .frontpage-features > h2,
    #innerbottom-a .frontpage-features > h2 { margin-top: 20px; }

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

    .frontpage-teaser-2 .width33 div { margin-top: 20px; }
    .frontpage-teaser-2 .width33 div + div { margin-top: 50px; }

}

 /* Only Phones (Portrait) */
@media (max-width: 479px) {

    .frontpage-teaser-1 { margin: 0px auto; }
    .frontpage-center { text-align: center; }
    .frontpage-teaser-2 .width33 div, 
    .frontpage-teaser-2 .width33 div + div { margin-top: 0; }
    .frontpage-teaser-1 img { margin-top: -40px; }

}