/* Fluid styles */
@media (min-width: 1024px) 
{

   .wrapper {
      width:960px;
      margin:0 auto;
      padding-top:20px;
   }

}

@media(max-width: 1023px)
{
   .wrapper {
      width:90%;
      margin:0 auto;
      padding-top:20px;
      min-width:350px;
   }
   .footer p {
      color:#63594B;
      font-size:13px;
      text-align:center;
   }
   .footer .span6,
   .footer .custom {
      clear: both;
      float: none;
      margin: 20px 0;
      text-align: center;
      width: 100% !important;
   }
   .custom.fr a {
     margin-left: 20px;
   }

}

@media(max-width:767px)
{


   /* Logo */

   .logo {
      text-align:center;
   }


   /* Flag Menu */

   .flags ul {
      display:block;
      list-style:none;
      text-align:right;
      font-size:12px;
      margin:4px auto;
      float:right;
   }

      .flags li {
         display:block;
         float:left;
         padding:0 10px;
         margin:5px 0;
         border-left:thin solid #63594b;
         text-align:center;
         line-height:13px;
      }
      
      .flags li:first-child {
         border:none;
      }   
      
      .flags .mod-languages a {
         display:block;
         color:#63594b;
      }
      
      .flags .mod-languages a:hover,
      .flags .mod-languages li.active {

      }

   /* Searchbar */

   .search {
      position:relative;
      padding-right:15px;
      width:70%;
      margin:25px auto 0;
   }

   .search input.text {
      border:thin solid #d9d0c5;
      position:relative;
      width:95%;
      padding-right:30px;
      font-size:16px;
   }

   .search input.submit {
      position:absolute;
      top:9px;
      right:2%;
   }
      
   /* Main menu */

   .navigation .menu {
      float:right;
      padding-top:10px;
   }

      .navigation .menu li {
         display:block;
         float:left;
         text-transform:uppercase;
         padding:0 15px;
         border-left:thin solid #714c19;
         font-size:13px;
         line-height:13px;
      }
      
      .navigation .menu li:first-child {
         border:none;
      }
      
      .navigation .menu a {
         color:#714c19;
      }
      
      .navigation .menu a:hover,
      .navigation .menu li.active {
         
      }


   /* Content */

   /* Frontpage */

   .blog-featured {
      
   }
   
   .blog-featured .item:first-child {
      border:none;
   }
   
   .blog-featured .item-separator {
      clear:both;
   }
   
   .blog-featured img {
     border: thin solid #9E7B4E;
     margin-right: 30px;
   }
   
   .item-separator {
      margin-bottom:40px;
   }

   .image-holder {
      float:left;
      width:90px;
      height:75px;
      margin:0;
   }
   
   /* Footer */

   .footer {
      margin-top:20px;
   }

   .footer .yr {
      text-align:center;
   }
}

@media(min-width:768px)
{
   /* Logo */

   .logo {
      margin-top: 10px;
      padding-left:15px;
   }


   /* Flag Menu */

   .flags .lang-inline {
      display:block;
      list-style:none;
      text-align:right;
      float:right;
      margin-top:4px;
   }

      .flags .lang-inline li {
         display:block;
         float:left;
         padding:0 10px;
         margin:5px 0;
         border-left:thin solid #63594b;
         text-align:center;
         line-height:13px;
         font-size:10px;
      }
      
      .flags .lang-inline li:first-child {
         border:none;
      }   
      
      .flags .lang-inline a {
         display:block;
         color:#63594b;
      }
      
      .flags .lang-inline a:hover,
      .flags .lang-inline li.active {

      }
      
   /* Flags (REMOVE WHEN DONE) */
   
   .navigation .flags .menu li {
      font-size:10px;
      color:#63594b;
      text-transform:none;
   }
   
   .navigation .flags .menu li a {
      color:#63594b;
   }

   /* Searchbar */

   .search {
      position:relative;
      padding-right:15px;
      text-align:right;
      float:right;
   }

   .search input.text {
      border:thin solid #d9d0c5;
      position:relative;
      width:100px;
      padding-right:30px;
      font-size:13px;
   }

   .search input.submit {
      position:absolute;
      top:9px;
      right:25px;
   }
      
   /* Main menu */

   .navigation .menu {
      float:right;
      padding:40px 0 10px;

   }

      .navigation .menu li {
         display:block;
         float:left;
         text-transform:uppercase;
         padding:0 15px;
         border-left:thin solid #714C19;
         font-size:13px;
         line-height:13px;
      }
      
      .navigation .menu li:first-child {
         border:none;
      }
      
      .navigation .menu a {
         color:#714c19;
      }
      
      .navigation .menu a:hover,
      .navigation .menu li.active {
         
      }

      
   /* Side menu */
   
   .left .menu {
   
   }
   
   .left .menu > li {
      text-transform: uppercase;
      padding:3px 0;
	  font-size:11px;
   }
   
   .left .menu > li:first-child {
      border:none;
   }
   
   .left .menu > li > ul {
      display:none;
   }
   
   .left .menu > li.active > ul {
      display:block;
      margin:5px 15px;
   }
   
   .left .menu > li > ul > li {
      text-transform:none;
   }

   /* Content */

   .blog-featured {
      
   }
   
   .blog-featured .item {
      width:32%;
      float:left;
   }
   
   .blog-featured .column-2 {
      border-left:thin solid #714C19;
      border-right:thin solid #714C19;
   }
   
   .blog-featured img {
     border: thin solid #9E7B4E;
     margin-right: 30px;
   }
   
   .image-holder {
      float:left;
      width:90px;
      height:75px;
      margin:0;
   }
   
   /* Footer */

   .footer {
      margin-top:60px;
   }

   .footer p {
      color:#63594B;
      font-size:10px;
   }

   .footer .yr {
      text-align:right;
   }
   
   .footer .yr img {
      height:8px;
   }
}


/* Common */

body {
   font-family:'Open Sans', sans-serif;
   font-weight:300;
}  

.header {
   padding-bottom:5px;
   border-bottom:thin solid #9e7b4e;
}

.content {
   padding-top:20px;
}

/* Typography */

h1, h2, h3, h4 {
   font-weight:300;
   color:#714C19;
   margin:0 0 10px;
}

p, li, table {
   font-size:13px;
   color:#714c19;
}

a {
   color:#714c19;
}

a:hover {
   color:#714c19;
}

ul {
   list-style:disc inside url(../img/list-item.png);
   margin:0 0 10px 10px;
}

h2 {
   font-size:18px;
   color:#714c19;
   line-height:20px;
}

h3 {
   font-size:16px;
   color:#714c19;
   line-height:20px;
}

/*misc */

.clear {
   clear:both;
}

.spacer {
   padding:0 15px;
}

/* Showcase */

.showcase {
   border-bottom:thin solid #9e7b4e;
}

.showcase p {
   margin:0;
}

.showcase-container {
   position:relative;
   overflow:hidden;
}  

.showcase-glass {
   position:relative;
   z-index:20;
}

.showcase-glass img {
   width:100%;
}

.showcase-slide {
   width:100%;
   position:absolute;
   top:0;
   left:0;
}

.showcase-slide img {
   width:120%;
}

/* Inner */

.content-inner {
   margin-top:20px;
}

   .content-inner .left {

   }
   
/* Breadcrumbs */

.breadcrumbs {
   font-size:10px;
   color:#999999;
   margin-left:7px;
}

/* Content */

   .blog-featured img {
      margin-right:30px;
      border:thin solid #9E7B4E !important;
   }

.footer .custom.fr {
   float: right;
}

   .custom.fr a {
     margin-left: 20px;
   }