/*

	Theme Name: CPL Aromas
	Theme URI: http://www.cplaromas.com/
	Description: Custom theme for CPL Aromas
	Version: 1.0
	Author: Adrenaline Creative
	Author URI: http://www.adrenalinecreative.co.uk/
	Tags: two column, header, dropdown menu, purple

*/

/* http://meyerweb.com/eric/tools/css/reset/ compressed */ body{margin:0;padding:0;border:0;outline:0;vertical-align:baseline}html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}

/* arabic specific styles */

body.ar #right-column { padding: 25px 0 0 0 !important; }

body.ar #right-column p { font-size: 30px !important; line-height: 22px; font-family: "Arabic Transparent" !important; }

body.ar #right-column h1 { font-size: 19px !important; }

body.ar #right-column h2 { font-size: 17px !important; }

body.ar #right-column, body.ar .full { direction: rtl !important; }

#menu-holder ul.ar li a { direction: rtl !important; }

#menu-holder ul.ar li a { font-size: 16px !important; }



/* - layout - */

body { background: url(images/global/background-body.jpg) no-repeat center top fixed; }

img { vertical-align: bottom; }


#no-js-warning { width: 100%; height: 30px; padding: 0; margin: 0 0 10px 0; text-align: center; overflow: hidden; background: #eee6ba; border-bottom: solid 1px #ccbf68; }

#no-js-warning p { padding: 7px 0 0 0; margin: 0; }

#wrapper { width: 820px; margin: 0 auto 0 auto; }


/* header */

#header { width: 820px; height: 90px; /* -20px height: 110px; */ }

#flags { width: 820px; height: 10px; text-align: right; padding: 5px 0 0 0; margin: 0; }

#menu-holder { width: 820px; height: 30px; padding: 45px 0 0 0; /* -20px padding: 65px 0 0 0; */ }


/* window */

#window { width: 820px; height: 200px; overflow: hidden; position: relative; }

img#logo { top: 0px; left: 0px; position: absolute; z-index: 90; }

#header-quote { width: 400px; height: 185px; padding: 10px 15px 0 0; text-align: right; top: 0px; right: 0px; position: absolute; z-index: 50; overflow: hidden; }

#header-quote p { padding: 0; margin: 0; }

p.quote { font-family: 'JournalRegular'; font-size: 28px; padding: 0 0 5px 0 !important; }

p.job-title { line-height: 18px; font-weight: bold; }

p.loader { color: #fff; visibility: hidden; }

.white { color: #FFF; text-shadow: 2px 2px 2px #000; }

.black { color: #000; }


.full { width: 790px; padding: 15px; overflow: hidden; }

.full p { line-height: 16px; }

.full ul, #right-column ul { padding: 10px 0 10px 20px; margin: 0; list-style: disc; }

.full ul li, #right-column ul li { padding: 5px 0 5px 0; }

.full ul li ul, #right-column ul li ul { padding: 0 0 0 20px; margin: 0; list-style: circle; }

.full ul li ul li, #right-column ul li ul li { padding: 5px 0 0 0; }

ul#sitemap li { padding: 10px 0 10px 0; }


/* left column */ 

.null p { padding: 0; margin: 0; }

#left-column { width: 175px; padding: 5px 0 0 20px; float: left; overflow: hidden; }

.news-panel { padding: 5px 15px 0 5px !important; }

.article-excerpt { width: 135px; padding: 10px 20px 10px 20px; margin: 5px 0 0 0; background: #e5e5e5; overflow: hidden; }

.article-excerpt p { padding: 0; margin: 0; }

.article-excerpt a { font-weight: bold; height: 13px; display: block; background: url(images/global/arrow-more.gif) no-repeat 35px 3px; }

img#rss-icon { margin: 5px 0 0 0; }


#right-column { width: 575px; padding: 25px 0 10px 50px; float: left; overflow: hidden; }

#right-column p { width: 490px; display: block; line-height: 16px; }

.clear { clear: both; overflow: hidden; height: 0; }

img.right, img.alignright { float: right; padding: 0 0 10px 10px;  }

#lcf-logo { padding-top: 20px; }

.fancybox { width: 175px; height: 80px; position: relative; overflow: hidden; }

.fancybox p { padding: 0; margin: 0; }

.fancy-arrow { position: absolute; bottom: 0; right: 0; }


/* footer */

#footer { width: 820px; margin: 20px 0 20px 0; border-top: solid 1px #ccc; overflow: hidden; }

#footer .small-column p { padding: 7px 10px 0 0; margin: 0; font-size: 10px; color: #a9a9a9; text-align: right; }

.small-column { width: 120px; float: right; }

/* unviersal breadcrumb menu */

ul.breadcrumb { margin: 5px 0 0 5px; padding: 0; }

ul.breadcrumb li { border-right: solid 1px #a5a5a5; float: left; list-style: none; }

ul.breadcrumb li.last { border-right: none; } /* the last list item must have this class to remove the right border */

ul.breadcrumb li a { height: 13px; padding: 2px 0 0 0; font-size: 10px; color: #a9a9a9; text-align: center; text-decoration: none; display: block; white-space: nowrap; }

ul.breadcrumb li a:hover { text-decoration: underline; }

/* breadcrumb sizes */

#breadcrumb-holder { width: 700px; float: left; }

/* en */

#breadcrumb-holder ul.en li.menu-1 a { width: 55px; }

#breadcrumb-holder ul.en li.menu-2 a { width: 40px; }

#breadcrumb-holder ul.en li.menu-3 a { width: 60px; }

#breadcrumb-holder ul.en li.menu-4 a { width: 75px; }

#breadcrumb-holder ul.en li.menu-5 a { width: 90px; }

/* fr */

#breadcrumb-holder ul.fr li.menu-1 a { width: 65px; }

#breadcrumb-holder ul.fr li.menu-2 a { width: 90px; }

#breadcrumb-holder ul.fr li.menu-3 a { width: 55px; }

#breadcrumb-holder ul.fr li.menu-4 a { width: 55px; }

#breadcrumb-holder ul.fr li.menu-5 a { width: 90px; }

/* de */

#breadcrumb-holder ul.de li.menu-1 a { width: 50px; }

#breadcrumb-holder ul.de li.menu-2 a { width: 40px; }

#breadcrumb-holder ul.de li.menu-3 a { width: 55px; }

#breadcrumb-holder ul.de li.menu-4 a { width: 35px; }

#breadcrumb-holder ul.de li.menu-5 a { width: 90px; }

/* zh-hans */

#breadcrumb-holder ul.zh-hans li.menu-1 a { width: 55px; }

#breadcrumb-holder ul.zh-hans li.menu-2 a { width: 35px; }

#breadcrumb-holder ul.zh-hans li.menu-3 a { width: 55px; }

#breadcrumb-holder ul.zh-hans li.menu-4 a { width: 90px; }

#breadcrumb-holder ul.zh-hans li.menu-5 a { width: 55px; }

/* es */

#breadcrumb-holder ul.es li.menu-1 a { width: 85px; }

#breadcrumb-holder ul.es li.menu-2 a { width: 50px; }

#breadcrumb-holder ul.es li.menu-3 a { width: 55px; }

#breadcrumb-holder ul.es li.menu-4 a { width: 200px; }

#breadcrumb-holder ul.es li.menu-5 a { width: 100px; }

/* ar */

#breadcrumb-holder ul.ar li.menu-1 a { width: 56px; }

#breadcrumb-holder ul.ar li.menu-2 a { width: 90px; }

#breadcrumb-holder ul.ar li.menu-3 a { width: 100px; }

#breadcrumb-holder ul.ar li.menu-4 a { width: 120px; }

#breadcrumb-holder ul.ar li.menu-5 a { width: 54px; }



/* world lists */

#world-map { width: 550px; height: 300px; margin: 0 0 0 20px; overflow: hidden; background: url(images/maps/all.jpg) no-repeat top left; float: left; }

#email-contacts { width: 180px; float: left; overflow: hidden; } 

#address { width: 610px; float: left; overflow: hidden; }

#address h2 { padding: 5px; margin: 0; clear: both; color: #fff; background: #824fac; display: block; }

ul.region { padding: 5px 0 10px 0; margin: 0; overflow: hidden; list-style: none !important; }

ul.region li {  width: 188px; height: 200px; padding: 5px; float: left; margin: 0 5px 5px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

ul.region li.diff { border: solid 1px #b2b2b2; background: #fff !important; }

ul.region li p { padding: 0; margin: 0; line-height: 16px; }

ul.region li h4 { padding: 0 0 10px 0; margin: 0; font-size: 12px; }


ul#menu-region { padding: 0; margin: 0 0 10px 0; overflow: hidden; }

ul#menu-region li { padding: 0; margin: 0; float: left; list-style: none; }

ul#menu-region li a { color: #824fac; font-weight: bold; font-size: 14px; width: auto; padding: 3px 10px 0 10px; margin: 0 10px 0 0; height: 17px; display: inline-block; }

ul#menu-region li a.selected { background: #ccc; text-decoration: none; }




/* - menus - */

/* universal menu */

ul#menu { margin: 0; padding: 0; overflow: hidden; }

ul#menu li { padding: 0; margin: 0 1px 0 0; float: left; list-style: none; }

ul#menu li.last { margin: 0; } /* the last list item must have this class to remove the right margin */

ul#menu li a { height: 22px; padding: 8px 0 0 0; color: #555; font-size: 12px; text-align: center; background: url(images/global/background-menu.jpg) repeat-x 0 0; text-decoration: none; display: block; white-space: nowrap; }

ul#menu li a:hover,
ul#menu li#current-page span.m-heading a,
ul#menu li#current-page a.m-heading,
li.current_page_item a,
li.current_page_parent a { color: #FFF !important; background-position: 0 -30px !important; } 

a.m-heading, a.m-heading:hover { cursor: default !important; }


/* universal drop down menu */

ul#menu li ul.dropdown-menu { margin: 0; padding: 0; position: absolute; z-index: 99; display: none; }

ul#menu li ul.dropdown-menu li { padding: 0; margin: 0; float: none; display: inline; overflow: hidden; }

ul#menu li ul.dropdown-menu li a { border-bottom: solid 1px #a7a7a7; overflow: hidden; padding-left: 5px; padding-right: 5px; text-align: left; background-image: url(images/global/background-menu-dropdown.jpg) !important; }


/* menu sizes */

/* en */

#menu-holder ul.en li.menu-1 a { width: 55px; }


#menu-holder ul.en li.menu-2 a { width: 70px; }

#menu-holder ul.en li.menu-2 ul li a { width: 60px; }


#menu-holder ul.en li.menu-3 a { width: 80px; }

#menu-holder ul.en li.menu-3 ul li a { width: 115px; }


#menu-holder ul.en li.menu-4 a { width: 80px; }

#menu-holder ul.en li.menu-4 ul li a { width: 120px; }


#menu-holder ul.en li.menu-5 a { width: 75px; }

#menu-holder ul.en li.menu-5 ul li a { width: 105px; }


#menu-holder ul.en li.menu-6 a { width: 90px; }

#menu-holder ul.en li.menu-6 ul li a { width: 140px; }



#menu-holder ul.en li.menu-7 a { width: 50px; }

#menu-holder ul.en li.menu-7 ul li a { width: 75px; }


#menu-holder ul.en li.menu-8 a { width: 75px; }

#menu-holder ul.en li.menu-8 ul li a { width: 110px; }

/* fr */

#menu-holder ul.fr li.menu-1 a { width: 60px; }


#menu-holder ul.fr li.menu-2 a { width: 80px; }

#menu-holder ul.fr li.menu-2 ul li a { width: 70px; }


#menu-holder ul.fr li.menu-3 a { width: 90px; }

#menu-holder ul.fr li.menu-3 ul li a { width: 120px; }


#menu-holder ul.fr li.menu-4 a { width: 90px; }

#menu-holder ul.fr li.menu-4 ul li a { width: 250px; }


#menu-holder ul.fr li.menu-5 a { width: 75px; }

#menu-holder ul.fr li.menu-5 ul li a { width: 120px; }


#menu-holder ul.fr li.menu-6 a { width: 90px; }

#menu-holder ul.fr li.menu-6 ul li a { width: 170px; }



#menu-holder ul.fr li.menu-7 a { width: 80px; }

#menu-holder ul.fr li.menu-7 ul li a { width: 110px; }


#menu-holder ul.fr li.menu-8 a { width: 90px; }

#menu-holder ul.fr li.menu-8 ul li a { width: 105px; }

/* de */

#menu-holder ul.de li.menu-1 a { width: 70px; }


#menu-holder ul.de li.menu-2 a { width: 70px; }

#menu-holder ul.de li.menu-2 ul li a { width: 70px; }


#menu-holder ul.de li.menu-3 a { width: 90px; }

#menu-holder ul.de li.menu-3 ul li a { width: 140px; }


#menu-holder ul.de li.menu-4 a { width: 110px; }

#menu-holder ul.de li.menu-4 ul li a { width: 160px; }


#menu-holder ul.de li.menu-5 a { width: 90px; }

#menu-holder ul.de li.menu-5 ul li a { width: 175px; }


#menu-holder ul.de li.menu-6 a { width: 105px; }

#menu-holder ul.de li.menu-6 ul li a { width: 135px; }


#menu-holder ul.de li.menu-7 a { width: 85px; }

#menu-holder ul.de li.menu-7 ul li a { width: 115px; }


#menu-holder ul.de li.menu-8 a { width: 60px; }

#menu-holder ul.de li.menu-8 ul li a { width: 100px; }

/* zh-hans */

#menu-holder ul.zh-hans li.menu-1 a { width: 45px; }


#menu-holder ul.zh-hans li.menu-2 a { width: 70px; }

#menu-holder ul.zh-hans li.menu-2 ul li a { width: 60px; }


#menu-holder ul.zh-hans li.menu-3 a { width: 90px; }

#menu-holder ul.zh-hans li.menu-3 ul li a { width: 80px; }


#menu-holder ul.zh-hans li.menu-4 a { width: 80px; }

#menu-holder ul.zh-hans li.menu-4 ul li a { width: 85px; }


#menu-holder ul.zh-hans li.menu-5 a { width: 45px; }

#menu-holder ul.zh-hans li.menu-5 ul li a { width: 85px; }


#menu-holder ul.zh-hans li.menu-6 a { width: 70px; }

#menu-holder ul.zh-hans li.menu-6 ul li a { width: 60px; }


#menu-holder ul.zh-hans li.menu-7 a { width: 55px; }

#menu-holder ul.zh-hans li.menu-7 ul li a { width: 65px; }


#menu-holder ul.zh-hans li.menu-8 a { width: 70px; }

#menu-holder ul.zh-hans li.menu-8 ul li a { width: 60px; }


/* es */

#menu-holder ul.es li.menu-1 a { width: 50px; }


#menu-holder ul.es li.menu-2 a { width: 105px; }

#menu-holder ul.es li.menu-2 ul li a { width: 95px; }


#menu-holder ul.es li.menu-3 a { width: 110px; }

#menu-holder ul.es li.menu-3 ul li a { width: 100px; }


#menu-holder ul.es li.menu-4 a { width: 90px; }

#menu-holder ul.es li.menu-4 ul li a { width: 155px; }


#menu-holder ul.es li.menu-5 a { width: 75px; }

#menu-holder ul.es li.menu-5 ul li a { width: 125px; }


#menu-holder ul.es li.menu-6 a { width: 85px; }

#menu-holder ul.es li.menu-6 ul li a { width: 160px; }


#menu-holder ul.es li.menu-7 a { width: 65px; }

#menu-holder ul.es li.menu-7 ul li a { width: 105px; }


#menu-holder ul.es li.menu-8 a { width: 65px; }

#menu-holder ul.es li.menu-8 ul li a { width: 140px; }


/* ar */

#menu-holder ul.ar li.menu-1 a { width: 93px; }

#menu-holder ul.ar li.menu-1 ul li a { width: 93px; }


#menu-holder ul.ar li.menu-2 a { width: 90px; }

#menu-holder ul.ar li.menu-2 ul li a { width: 80px; }


#menu-holder ul.ar li.menu-3 a { width: 32px; }

#menu-holder ul.ar li.menu-3 ul li a { width: 85px; }


#menu-holder ul.ar li.menu-4 a { width: 50px; }

#menu-holder ul.ar li.menu-4 ul li a { width: 93px; }


#menu-holder ul.ar li.menu-5 a { width: 47px; }

#menu-holder ul.ar li.menu-5 ul li a { width: 140px; }


#menu-holder ul.ar li.menu-6 a { width: 57px; }

#menu-holder ul.ar li.menu-6 ul li a { width: 160px; }


#menu-holder ul.ar li.menu-7 a { width: 47px; }

#menu-holder ul.ar li.menu-7 ul li a { width: 80px; }


#menu-holder ul.ar li.menu-8 a { width: 55px; }

#menu-holder ul.ar li.menu-8 ul li a { width: 150px; }




/* posts page */

span.date, span.date-span { font-weight: normal; font-style: italic; color: #676767; font-size: 12px; }

span.date-span { width: 150px; display: inline-block; }

.thumbnail { width: 175px; min-height: 145px; float: left; overflow: visible; margin: 0 20px 0 0; }

#full-thumb { width: 175px; min-height: 200px; float: left; overflow: hidden; margin: 0 20px 0 0; }

.post-detail { width: 500px; float: left; }

ul#post-list { padding: 0; margin: 0; list-style: none !important; }

ul#post-list li { padding: 10px 0 10px; margin: 0; clear: both; overflow: hidden; }

.remove-p { padding: 20px 0 0 0; }

.remove-p p { padding: 0; margin: 0; } 

.remove-p img { margin: 5px 0 5px 0; }




/* - typography - */

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #676767; }

a { color: #676767; }

h1 { padding: 0; margin: 0; font-size: 18px; }

h2 { padding: 10px 0 0 0; margin: 0; font-size: 14px; line-height: 16px; color: #824fac; }


.title { height: 22px; font-size: 14px; padding: 8px 0 0 8px; margin: 0 0 5px 0; color: #fff; background: url(images/global/background-purple-title.jpg) repeat-x; display: block; }

.closed { font-size: 12px; margin: 10px 0 0 0; height: 20px; padding: 6px 0 0 6px; }


/* font face */

/* font for the quote */

p.journal { font-family: 'JournalRegular'; font-size: 28px; color: #000; font-weight: bold; }

@font-face {
	font-family: 'JournalRegular';
	src: url('fonts/journal.eot');
	src: local('Journal Regular'), local('Journal'), url('fonts/journal.woff') format('woff'), url('fonts/journal.ttf') format('truetype'), url('fonts/journal.svg#Journal') format('svg');
}