/*
Theme Name: 	Naret
Theme URI: 		http://viewportindustries.com/products/starkers
Description: 	The totally nude Wordpress theme for Naret
Version: 		4.0
Author: 		Elliot Jay Stocks & Keir Whitaker
Author URI: 	http://viewportindustries.com
Tags: 			starkers, naked, clean, basic
*/


/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/


/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";
div,
article,
section,
header,
footer,
nav,
li {
    position: relative;
    /* For absolutely positioning elements within containers (add more to the list if need be) */
}

.group:after {
    display: block;
    height: 0;
    clear: both;
    content: ".";
    visibility: hidden;
    /* For clearing */
}

::-moz-selection {
    background: #171717;
    color: #fff;
}

::selection {
    background: #171717;
    color: #fff;
}

area {
    position: relative;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: url(images/dark_wall.png);
}

a {
    text-decoration: none;
}

.title {
    border-bottom: solid 1px #e9e9e9;
    font-weight: bold;
    font-size: 15px;
    color: #393939;
    margin: 0 0 20px 0;
    line-height: 1.5em;
}

.title span {
    display: inline-block;
    padding: 0 0 10px 0;
    border-bottom: solid 1px #e2001a;
}

header {
    height: 170px;
}

header h1 {
    position: absolute;
    top: -62px;
    left: 50px;
    z-index: 50;
}

header h1 a {
    width: 204px;
    height: 145px;
    display: block;
    text-indent: -999em;
    background: url(images/naret_logo.png) no-repeat;
}

header #slogan {
    margin: 0 0 0 310px;
    padding: 22px 0 0 0;
    color: #9c9c9c;
    width: 600px;
}

header #slogan .title {
    color: #FFFFFF;
    font-size: 14px;
    border-bottom: none;
    font-weight: normal;
    margin: 0 0 5px 0;
}

header h2 {
    margin: 0 0 0 310px;
    padding: 22px 0 0 0;
    color: #9c9c9c;
}

header nav {
    background: #171717;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
    height: 62px;
}

header nav #menu-menu-principal {
    width: 640px;
    margin: 0 auto;
    padding: 0 0 0 310px;
}

header nav #menu-menu-principal li {
    display: inline-block;
    padding: 13px 0 0 0;
    margin: 0 15px;
    position: relative;
}

header nav #menu-menu-principal li a {
    color: #FFFFFF;
    display: block;
    padding: 12px;
}

header nav #menu-menu-principal li.current-menu-item,
header nav #menu-menu-principal li.current-post-ancestor,
header nav #menu-menu-principal li.current-category-ancestor,
header nav #menu-menu-principal li.current-menu-ancestor,
header nav #menu-menu-principal li:hover {
    background: url(images/hovermenu.png) top center no-repeat;
}

header nav #menu-menu-principal li.current-menu-item>a,
header nav #menu-menu-principal li.current-post-item>a,
header nav #menu-menu-principal li.current-post-ancestor>a,
header nav #menu-menu-principal li.current-category-ancestor>a,
header nav #menu-menu-principal li.current-menu-ancestor>a,
header nav #menu-menu-principal li a:hover {
    background: #d7031e!important;
}

header nav #menu-menu-principal li:hover ul {
    display: block;
}

header nav #menu-menu-principal ul {
    display: none;
    position: absolute;
    bottom: 0;
    top: 52px;
    z-index: 100;
    width: 250px;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
}

header nav #menu-menu-principal ul li {
    margin: 0 0;
    background: none!important;
    padding: 0 0 0 0;
    display: block;
}

header nav #menu-menu-principal ul li a {
    color: #FFFFFF;
    display: block;
    padding: 8px 12px;
    background: #171717!important;
}

header nav #menu-menu-principal ul li a:hover {
    background: #d7031e!important;
}

div#content {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
}

div.inner {
    width: 950px;
    margin: 0 auto;
}

div#content div.inner {
    width: 890px;
    padding: 0 30px 30px 30px
}

p#breadcrumbs {
    margin: 0 -30px 30px -30px;
    padding: 20px 30px;
    border-bottom: solid 1px #e9e9e9;
    font-size: 11px;
    color: #9c9c9c
}

p#breadcrumbs a {
    color: #3b3b3b;
}

#sidebar {
    float: left;
    width: 250px;
}

#sidebar aside {
    margin: 0 0 20px 0;
}

#menu-produits {}

#menu-produits li {
    margin: 10px 0;
}

#menu-produits li a {
    color: #777;
}

#menu-produits li a:hover,
#menu-produits li.current-menu-item>a,
#menu-produits .current-menu-parent>a,
#menu-produits .current-menu-ancestor>a,
#menu-produits .current-post-ancestor>a {
    color: #ed1d24;
    display: block;
}

#menu-produits ul {
    display: none;
    margin: 0 0 0 15px;
}

#menu-produits .current-menu-item>ul,
#menu-produits .current-menu-parent>ul,
#menu-produits .current-menu-ancestor>ul,
#menu-produits .current-post-ancestor>ul {
    display: block;
}

#menu-produits>li {
    margin: 2px 0;
}

#menu-produits>li>a {
    display: block;
    margin: 0;
    padding: 10px;
    font-weight: bold;
    color: #53555B;
    text-decoration: none;
    background: #EAE9E9;
    border-bottom: 1px solid white;
    color: #777;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#menu-produits>li.current-menu-item>a,
#menu-produits>li.current-menu-ancestor>a,
#menu-produits>li.current-post-ancestor>a {
    background: #ED1D24;
    color: #FFF;
}

#menu-produits>li>a:hover {
    background: #ED1D24;
    color: #FFF;
}

#menu-produits li li.current-menu-item>a,
#menu-produits li li.current-menu-ancestor>a,
#menu-produits li li.current-post-ancestor>a {
    font-weight: bold;
}

#menu-produits li li li.current-menu-item>a,
#menu-produits li li li.current-menu-ancestor>a,
#menu-produits li li li.current-post-ancestor>a {
    font-weight: normal;
}

#menu-produits li li li a {
    color: #9C9C9C;
}

#container {
    margin: 0 0 0 280px;
    line-height: 1.8em;
    color: #53555B;
}

#container p {
    margin: 10px 0;
}

.meta_infos {
    float: right;
    margin: 0 0 20px 20px;
}

a.call_pdf,
a.contact {
    display: block;
    margin: 10px 0;
    padding: 5px 10px;
    font-weight: normal;
    color: #53555B;
    text-decoration: none;
    background: #EAE9E9;
    color: #777;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 11px;
    text-align: center;
}

a.call_pdf:hover,
a.contact {
    background: #ED1D24 !important;
    color: #FFF !important;
}

a.contact {
    display: block;
    width: 110px;
    margin: 20px auto 0 auto!important;
    padding: 10px 10px;
}

#searchform {
    float: right;
    margin: 12px 0 0 0;
    position: relative;
    z-index: 100;
}

#searchform label {
    display: none;
}

#searchform input[type=text],
#searchform input[type=submit] {
    padding: 7px;
    font-size: 11px;
    outline: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #d1d1d1;
}

#searchform input[type=text] {
    width: 180px;
}

#searchform input[type=submit] {
    border: solid 1px #bd0926;
    background: #ed1d24;
    color: #FFFFFF;
}

.wpcf7 {
    width: 300px;
}

.wpcf7 input[type=text],
.wpcf7 textarea,
.wpcf7 input[type=submit] {
    font-family: Arial, Helvetica, sans-serif;
    padding: 7px;
    font-size: 12px;
    outline: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #d1d1d1;
    width: 100%;
}

.wpcf7 input[type=submit] {
    border: solid 1px #BD0926;
    background: #ED1D24;
    color: white;
    width: inherit;
    padding: 7px 15px;
}

.ajax-loader {
    float: left;
}

ul.catlist {}

ul.catlist li,
ol.artlist li {
    display: inline-block;
    width: 126px;
    vertical-align: top;
    margin: 11px;
}

ul.catlist a,
ol.artlist a {
    display: block;
    color: #ed1d24;
}

ul.catlist a.title,
ol.artlist h3 {
    margin: 10px 0 0 0;
    text-align: center;
    font-size: inherit;
    border-bottom: inherit;
    font-weight: normal;
}

ul.catlist img {
    width: 126px;
}

ol.artlist a.call_pdf {
    display: inline-block;
    margin: 0 0;
    padding: 0 10px!important;
    font-weight: normal;
    color: #53555B;
    text-decoration: none;
    background: #EAE9E9;
    color: #777;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 11px;
    position: absolute;
    right: 5px;
    top: 100px;
}

footer {
    padding: 20px;
    text-align: center;
    color: #959595;
}


/* Homepage */

.home div#content {
    background: #171717;
}

.home header nav #menu-menu-principal {
    width: 440px;
    margin: 0 auto;
    padding: 0 0 0 0;
}

.home .homepage {
    padding: 20px 0 0 0;
    color: #53555B;
}

.home .title {
    border-bottom: solid 1px #393939;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    margin: 0 0 20px 0;
    line-height: 1.5em;
}

.home .title span {
    display: inline-block;
    padding: 0 0 10px 0;
    border-bottom: solid 1px #e2001a;
}

.home header {
    height: 62px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}


/* Hide from IE Mac \*/

.clearfix {
    display: block;
}


/* End hide from IE Mac */

.call_pdf {
    position: relative;
    z-index: 100;
}


/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea {
    /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    /* This helps to identify headings at the initial build stage, but you should write something more precise later on */
}


/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


/* 400 and up */

@media screen and (min-width:400px) {
    {
        /* Place your styles here for all widths greater than 400px */
    }
}


/* Retina Display */

@media screen and (-webkit-min-device-pixel-ratio:2) {
    {
        /* Place your styles here for all 'Retina' screens */
    }
}