/*
 * Project:   Japa
 * Date:      2010/05/03
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #f5f5f5; font-size: 62.5%; }

/* * html body { behavior: url("styles/csshover.htc"); } */

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #555; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1.5; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #bebd00; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { }
 #top { background: #000 url(../images/top-bg-a.jpg) 50% 0 repeat-x; line-height: 1.25; }
  #top div.inner { position: relative; overflow: hidden; width: 950px; height: 170px; padding: 0; }
   #logo { position: absolute; left: 0; top: 30px; }
    #logo a { }
   #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
    #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
   #nav { position: absolute; right: 0; top: 50px; list-style: none; margin: 0; padding: 0; }
    #nav li { display: inline; position: relative; float: left; margin: 0 0 0 30px; padding: 0 0 30px; color: #eee; font-size: 2.4em; text-transform: uppercase; }
     #nav li a { color: #eee; text-decoration: none; }
     #nav li a:hover,
     #nav li a:focus,
     #nav li a:active,
     #nav li.active a,
     #nav li.current_page_item a,
     #nav li.current_page_ancestor a { color: #fff; text-decoration: none; }
     #nav li em { position: absolute; left: -10001px; top: -10001px; }
     #nav li ul { display: none; position: absolute; left: 50%; top: 59px; width: 340px; margin: 0 0 0 -170px; padding: 20px 0 0; background: url(../images/nav-sub-bg-a.gif) 50% 0 no-repeat; text-align: center; }
     #nav li.active ul,
     #nav li.current_page_item ul,
     #nav li.current_page_ancestor ul { display: block; }
      #nav li ul li { display: -moz-inline-stack; display: inline-block; float: none; margin: 0 0 0 5px; padding: 0 0 0 12px; background: url(../images/nav-sub-sep-a.gif) 0 50% no-repeat; font-size: 0.66em; }
      html* #nav li ul li { display: inline; zoom: 1; }
      #nav li ul li.first { margin-left: 0; padding-left: 0; background: none; }
      #nav li ul li:first-child { margin-left: 0; padding-left: 0; background: none; }
       #nav li ul li a { color: #fff; }
       #nav li ul li a:hover,
       #nav li ul li a:focus,
       #nav li ul li a:active,
       #nav li ul li a.active,
       #nav li ul li.current_page_item a { color: #bcb30a; }
 #header { background: #000; color: #fff; }
  #header h1 { color: #fff; font-size: 4em; }
  #header p { margin-top: -10px; }
  #header div.inner { padding-top: 10px; padding-bottom: 30px; }
   #header div.home div.header { width: 110px; padding-top: 10px; padding-left: 40px; }
    #header div.header h3 { color: #9c9900; line-height: 25px; }
     #header div.header h3 a { color: #9c9900 !important; text-decoration: none !important; }
     #header div.header h3 small { display: block; margin: -3px 0 0; font-size: 0.79em; }
   #header div.savoirfaire h3 { margin: -10px 0 15px -2px; color: #bcb30a; font-size: 2.8em; }
   #header div.savoirfaire p { font-size: 1.4em; }
  #header div.header p.more { margin-top: 20px; font-size: 1.1em; }
   #header div.header a { color: #fff; }
   #header div.header a:hover,
   #header div.header a:focus,
   #header div.header a:active { color: #bebd00; text-decoration: none; }
 #content { }
 #footer { padding-top: 25px; padding-bottom: 10px; }
  #footer ul { list-style: none; margin: 0 0 15px; padding: 0; text-align: center; }
   #footer ul li { display: inline; padding: 0 8px 0 13px; background: url(../images/footer-sep-a.gif) 0 50% no-repeat; color: #999; }
   #footer ul li.first { padding-left: 10px; background: none; }
   #footer ul li:first-child { padding-left: 10px; background: none; }
    #footer ul li a { color: #999 !important; }
    #footer ul li.current-menu-item a { color: #333 !important; }
  
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { margin-bottom: 12px; color: #222; line-height: 1.2; text-transform: uppercase; }
h1 { font-size: 3.2em; }
h2 { font-size: 2.8em; }
h3 { font-size: 2.2em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.0em; }

/* content */

div.content-a { border-bottom: 3px solid #f1efef; }
div.content-b { border-bottom: 3px solid #f1efef; background: #fff; }

div.inner { position: relative; overflow: hidden; width: 710px; margin: 0 auto; padding: 35px 0 20px 240px; }
 div.inner div.header { float: left; width: 150px; margin: 0 0 0 -240px; text-align: right; }
 * html div.inner div.header { position: absolute; left: 0; margin: 0; }
  div.inner div.header h2,
  div.inner div.header h3 { font-size: 2.8em; line-height: 25px; }

/* columns */

div.triple-a { overflow: hidden; width: 735px; margin: 0 0 0 -25px; }
 div.triple-a div.column { display: inline; float: left; width: 220px; margin: 0 0 0 25px; padding: 0 0 10px; }

/* wordpress content */

div.pages-a { }
 div.pages-a h2 { float: left; width: 150px; margin: 0 0 10px -240px; font-size: 2.8em; line-height: 25px; text-align: right; }
 div.pages-a div.header h2 { float: none; width: auto; margin: 0 0 10px; }
 div.pages-a blockquote { min-height: 65px; margin: 0 0 25px; padding: 0 0 0 100px; background: url(../images/quotie-a.png) no-repeat; }
  div.pages-a blockquote p { margin: 0 0 7px; font-size: 1.6em; line-height: 1.2; }
 div.pages-a ul { list-style: none; margin: 0 0 15px; padding: 0; }
  div.pages-a ul li { margin: 0 0 3px; padding-left: 15px; background: url('../images/bullet-c.gif') 0 4px no-repeat; }
 div.pages-a table { width: 725px !important; margin: 0 0 5px -25px; }
  div.pages-a table td { padding: 0 0 0 25px; border: none; font-size: 1.2em; vertical-align: top; }
   div.pages-a table td h3 { font-size: 1.83em; }
  div.pages-a table.double td { width: 50%; }
  div.pages-a table.triple td { width: 33.33%; }

/* containers */

div.featured-a { width: 100%; }
 div.featured-a p.image { margin: 0 0 10px !important; }
  div.featured-a p.image img { display: block; }
 div.featured-a h1 { color: #fff; font-size: 2.8em !important; }
  div.featured-a h1 a { color: #fff; text-decoration: none !important; }
 div.featured-a p { font-size: 1.4em; line-height: 1.4; }
  div.featured-a p a { color: #bebd00; text-transform: none; }
  div.featured-a p:first-line a { font-size: 1em; }

div.logo-a { }
 div.logo-a p { color: #999; font-size: 1.1em; text-transform: uppercase; }
 div.logo-a p.image { margin: 0 0 7px; }

div.projects-a { overflow: hidden; width: 735px; margin: 0 0 0 -25px; }
 div.projects-a div.item { display: inline; float: left; width: 220px; margin: 0 0 0 25px; padding: 0 0 10px; }
  div.projects-a div.item p.image { width: 220px; height: 160px; margin: 0 0 7px; }
   div.projects-a div.item p.image img { display: block; margin: 0 auto; }
   div.projects-a div.item p.image a:hover img,
   div.projects-a div.item p.image a:focus img,
   div.projects-a div.item p.image a:active img { opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
  div.projects-a div.item h3 { margin: 0 0 5px; }
   div.projects-a div.item h3 a { color: #222; }
   div.projects-a div.item h3 a:hover,
   div.projects-a div.item h3 a:focus,
   div.projects-a div.item h3 a:active { color: #bebd00; text-decoration: none; }
  div.projects-a div.item p { margin: 0 0 5px; }
  div.projects-a div.item p.more { margin-top: 7px; font-size: 1.1em; }

div.sitemap-a { }
 div.sitemap-a ul { list-style: none; margin: -5px 0 15px; padding: 0; }
  div.sitemap-a ul li { margin: 5px 0 0; }
   div.sitemap-a ul li a { color: #666; }
   div.sitemap-a ul li a:hover,
   div.sitemap-a ul li a:focus,
   div.sitemap-a ul li a:active { color: #000; }
   div.sitemap-a ul li ul { margin: 0; padding: 0 0 0 20px; }

div.tags-a { overflow: hidden; width: 100%; }
 div.tags-a h2 { color: #bcb30a; font-size: 1.8em; }
 div.tags-a ul { float: left; list-style: none; margin: 0 0 10px; padding: 0; }
  div.tags-a ul li { margin: 0 0 5px 30px; padding: 0 0 0 20px; background: url(../images/tags-a-bullet-a.gif) 0 5px no-repeat; color: #fff; font-size: 1.4em; line-height: 1.2em; padding-bottom: 0.3em;  }
  div.tags-a ul.first li { margin-left: 0; }
   div.tags-a ul li a { color: #fff; text-decoration: none; }
   div.tags-a ul li a:hover,
   div.tags-a ul li a:focus,
   div.tags-a ul li a:active,
   div.tags-a ul li a.active { color: #bcb30a; }

/* forms */



/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

/* lists */

ul.a { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.a li { margin: 0 0 5px; padding-left: 15px; background: url(../images/bullet-a.gif) 0 4px no-repeat; }

ul.logos-a { overflow: hidden; width: 721px; list-style: none; margin: 0 0 0 -11px; padding: 0; }
 ul.logos-a li { display: inline; float: left; width: 133px; margin: 0 0 15px 11px; }
  ul.logos-a li img { float: left; }

ul.tags-a { list-style: none; margin: 0 0 10px; padding: 0; }
 ul.tags-a li { margin: 0 0 3px; color: #fff; font-size: 1.1em; text-transform: uppercase; }
  ul.tags-a li a { padding-left: 10px; background: url(../images/bullet-b.gif) 0 5px no-repeat; }

/* paragraphs */

p.crumbs-a { padding-top: 5px; font-weight: bold; }
 p.crumbs-a a { color: #555; text-decoration: underline; }
 p.crumbs-a a:hover,
 p.crumbs-a a:focus,
 p.crumbs-a a:active { color: #bebd00; }

/* links */



/* other  antoine@robertson.pro */


img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

.tags-a ul li { width: 195px;}
 
/* SPECIFIC
------------------------------------------- */