/*
Theme Name: Salontonic
Version: 0.1
*/


@import "public/stylesheets/reset.css" screen, print;
@import "public/stylesheets/forms.css" screen, print;

/* Table of Contents 
=======================
	* - Global
	1 - Header
	2 - Structure
	3 - Nav
	4 - Search
	5 - Headings
	6 - Lists
	7 - Forms
	8 - Links
	9 - Misc
=======================
*/

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
*    {margin: 0;padding: 0;}
body {background: url(public/images/bg.jpg) fixed -140px 0;text-align: left;font: 12px/1.3 "Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;}

/* 1- Header
----------------------------------------------- */
div#header img#elle {position: absolute;left: 800px;}

/* 2- Structure
----------------------------------------------- */
div#wrapper {width: 900px;position: absolute;left:95px;text-align: left;}

div#wrapper div#left {float: left;width: 169px;margin: 40px 0px;}
div#wrapper div#left div#subnav{background: url(public/images/nav/sub.nav.png) no-repeat 0 0;width: 179px;height: 219px;position: absolute;top: 370px;left: -20px;}

div#wrapper div#right {float: right;width: 690px;height: auto;padding-left: 10px;}
div#wrapper div#right div.post {float: left;background: url(public/images/box.top.png) no-repeat top left;width: 521px;padding-top: 9px;margin-bottom: 2em;}
div#wrapper div#right div.post div.entry{background-color: #FFFFFF;width: 480px;padding: 20px;}
div#wrapper div#right div.post div.cap{background: url(public/images/box.bottom.png) no-repeat bottom left;width: 521px;padding-bottom: 12px;}
div#wrapper div#right p{margin-bottom: 1em;}


/* 3- Nav
----------------------------------------------- */
ul#nav {list-style-type: none;float: right;margin-right: 10px;}
ul#nav li {list-style-type: none;float: right;}
ul#nav li a{width: 179px;display: block;background-position: 0 0;background-repeat: no-repeat;text-indent: -1000px;}
ul#nav li.page-item-6 a{       background-image: url(public/images/nav.current.png);height: 26px;}
ul#nav li.page-item-6 a:hover, ul#nav li.page-item-6.current_page_item a{ background-position: 0 -26px;}
ul#nav li.page-item-5 a{       background-image: url(public/images/nav/nav.about.on.png);height: 24px;}
ul#nav li.page-item-5 a:hover, ul#nav li.page-item-5.current_page_item a{ background-image: url(public/images/nav/nav.about.png);}
ul#nav li.page-item-7 a{       background-image: url(public/images/nav/nav.menu.on.png);height: 27px;}
ul#nav li.page-item-7 a:hover, ul#nav li.page-item-7.current_page_item a{ background-image: url(public/images/nav/nav.menu.png);}
ul#nav li.page-item-8 a {      background-image: url(public/images/nav/nav.products.on.png);height: 34px;}
ul#nav li.page-item-8 a:hover, ul#nav li.page-item-8.current_page_item a{ background-image: url(public/images/nav/nav.products.png);}
ul#nav li.page-item-9 a{       background-image: url(public/images/nav/nav.space.on.png);height: 25px;}
ul#nav li.page-item-9 a:hover, ul#nav li.page-item-9.current_page_item a{ background-image: url(public/images/nav/nav.space.png);}
ul#nav li.page-item-10 a{       background-image: url(public/images/nav/nav.contact.on.png);height: 25px;}
ul#nav li.page-item-10 a:hover, ul#nav li.page-item-10.current_page_item a{ background-image: url(public/images/nav/nav.contact.png);}

/* 4- Search
----------------------------------------------- */

/* 5- Headings
----------------------------------------------- */

h2{font-size: 2em;	margin-bottom: .5em;}

/* 6- Lists
----------------------------------------------- */

/* 7- Forms
----------------------------------------------- */

/* 8- Links
----------------------------------------------- */
a {color: inherit;outline:none;}
a img {border: none;}
a#mp {position:absolute;width:134px;height:80px;top: 10px;left:45px;}
a#sb {position:absolute;width:134px;height:28px;top:107px;left:45px;}
a#fb {position:absolute;width:24px;height:24px;top:175px;left:93px;}
a#tw {position:absolute;width:24px;height:24px;top:175px;left:132px;}
span.comments a{background-color: #a9bba8;padding: 3px 5px;color: #FFFFFF;text-decoration:none;margin: 0px 5px;}
span.comments a:hover{background-color: #FFFFFF;padding: 3px 5px;color: #a9bba8;text-decoration:none;margin: 0px 5px;}

/* 9- Misc
----------------------------------------------- */
.red {border: 1px solid red;}
.meta{color: #7b7b7b;}