/* Copyright (C) 2012 Primer Templates, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/layout.css);


/* Spacing
----------------------------------------------------------------------------------------------------*/

.module{ 
margin: 15px; 
}

#header {
  background: url("../images/header.png") no-repeat scroll 0 0 transparent;
  margin: 0;
  padding: 0;
}

#breadcrumbs{ 
margin: 15px; 
}

#breadcrumbs .breadcrumbs {
  background: url("../images/bread.png") repeat-x scroll center center transparent;
}

#content{ 
margin: 15px; 
}
#footer { 
margin: 15px; 
}

#menu .module { margin: 10px 5px; }

#footer .module {
  font-size: 11px;
  margin: 0;
}

#toolbar {
  background: url("../images/toolbar.png") repeat-x scroll 0 0 #F61243;
  padding: 10px 15px 10px 18px;
}

.float-right {
  color: #FFFFFF;
  float: right;
}

#headerbar {
  background: none repeat scroll 0 0 #F9F9F9;
  margin-bottom: 0;
  padding-bottom: 15px;
}


/* Layout
----------------------------------------------------------------------------------------------------*/

#totop-scroller {
  background: url("../images/to-top.png") no-repeat scroll 50% 50% transparent;
  display: block;
  height: 34px;
  position: absolute;
  right: 10px;
  text-decoration: none;
  top: 10px;
  width: 28px;
  z-index: 1;
}

.wrapper {
  -moz-box-sizing: border-box;
}

#bottom-a {
  background: none repeat scroll 0 0 #F9F9F9;
}

#bottom-a .mod-box{

}

#bottom-a  .module{

}

#bottom-b {
  background: none repeat scroll 0 0 #121212;
  border-bottom: medium none;
  border-top: medium none;
  color: #DBDBDB;
  text-shadow: none;
}

#bottom-b .module .module-title {
  background: url("../images/libots.png") repeat-x scroll left bottom transparent;
  padding-bottom: 6px;
}

#bottom-b h1, #bottom-b h2, #bottom-b h3, #bottom-b h4, #bottom-b h5, #bottom-bh6 {
  color: #CCCCCC !important;
  text-shadow: 1px 1px #000000 !important;
}

#bottom-b a {
  color: #F61243;
}

#bottom-b a:hover{
  color: #FFFFFF;
}

#headerbar .module {
  float: right;
  margin-right: 14px;
  max-width: 300px;
}

#footer {
  background: url("../images/foot.png") repeat-x scroll center top #3B57C7;
  color: #fff;
  margin: 0;
  padding-bottom: 15px;
  padding-top: 5px;
}

#menubar {
  background: #505050;
  background: -moz-linear-gradient(center top , #3750B3, #3750B3) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3750B3), color-stop(100%,#3B57C7));
  background: -o-linear-gradient(top, #3750B3 0%,#3B57C7 100%);
  background: -ms-linear-gradient(top, #3750B3 0%,#3B57C7 100%);
  background: linear-gradient(top, #3750B3 0%,#3B57C7 100%);
  background: -ms-linear-gradient(top, #3750B3 0%, #3B57C7 100%);
  background: -ms-linear-gradient(#3750B3, #3B57C7);/*For IE10*/
  height: 33px;
  margin: 0;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-top: 0;
}

#logo{
  float: left;
} 
#logo > img{
  float: left;
  padding-left: 12px;
}
#menu {
  float: left;
}

#search {
  
  float: right;
  margin-right: 15px;
  margin-top: 12px;
}

#portfolio {
  background-color: #3B57C7;
  background-image: none;
}

#portfolio .mod-box{

}

#portfolio .module {
  margin-bottom: 0;
  margin-top: 0;
  text-shadow: 0 1px 0 #3B57C7;
}

#portfolio h1{
  color: #444444 !important;
  line-height: 24px;
}
 
#portfolio h2{
  color: #444444 !important;
  line-height: 24px;
} 

#portfolio h3{
  color: #444444 !important;
  line-height: 24px;
} 

#portfolio h4{
  color: #444444 !important;
  line-height: 24px;
} 

#portfolio h5{
  color: #444444 !important;
  line-height: 24px;
} 
#portfolio h6 {
  color: #444444 !important;
  line-height: 24px;
}

#portfolio a {
  background: url("../images/link.png") repeat scroll 0 0 #ffffff;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  color: #000000;
  float: right;
  font-size: 20px;
  padding: 10px 20px;
  text-shadow: 0 0px #000000;
  border-top: rgba(255, 255, 255, .3) 1px solid;
}

#slider {
  background: none repeat scroll 0 0 #E6E6E6;
}

#slider .mod-box{

}

#sidebar-a .module {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  padding: 15px;
}

#sidebar-b .module {
  background: none repeat scroll 0 0 #FFFFFF;
  border-color: #D7D8D9;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

#toolbar .float-left .module, #toolbar .float-left > time {
  color: #FFFFFF;
  float: left;
  font-family: 'Dosis',sans-serif;
  margin: 0 15px 0 0;
  text-shadow: none;
}

#innerbottom{

}

#innerbottom .module{
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  padding: 15px;
}

#newsletter {
  background: none repeat scroll 0 0 #F9F9F9;
}

#newsletter .module {
  padding: 3px 0 5px;
}

#newsletter a {
  
}

#sidebar-a {
  background: url("../images/side-a.png") repeat-y scroll left center #FAFAFA;
}

#sidebar-a .module .module-title {
  background: url("../images/bread.png") repeat-x scroll left bottom transparent;
  padding-bottom: 15px;
}

#sidebar-a  .module .module-title span {

}

#tabs {
  background: none repeat scroll 0 0 #F9F9F9;
}

#top-b {
  background: url("../images/tabs.png") repeat-x scroll left bottom #FAFAFA;
}

#seperator {
  background: none repeat scroll 0 0 #3B57C7;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  height: 10px;
  margin-bottom: 20px;
}

#tabsep {
  background: url("../images/tabs.png") repeat-x scroll left top #FAFAFA;
  height: 3px;
}

#tab2 {
  background: url("../images/bread.png") repeat-x scroll left bottom transparent;
  height: 5px;
}

#top-a {
  background: none repeat scroll 0 0 #F9F9F9;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  margin-bottom: 20px;
}

#top-a .module{
  
}

#main{
  background: none repeat scroll 0 0 #F9F9F9;
}

#rounded {
  background: none repeat scroll 0 0 #FAFAFA;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0; 
  -webkit-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  height: 10px;
}

/*extra css3 effects*/

.view-third:hover .mask { 
    opacity:1; 
    transition-delay: 0s;                            
    transform: translate(0px, 0px);
}
.view-third:hover h2 { 
    transform: translateY(0px); 
    transition-delay: 0.5s; 
}
.view-third:hover p { 
    transform: translateX(0px) rotate(0deg);
    transition-delay: 0.4s;
}
.view-third:hover a.info { 
    transform: translateY(0px);
    transition-delay: 0.3s;
}