html, body, div, span, object, 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, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:top;
z-index:1;
}
html, body {
font-family:'Trebuchet MS',arial,sans-serif;
font-size:12px;
margin:0;
padding:0;
color:#ccc;
background:#000 url('http://julien.cayzac.name/static/background.png') repeat-y;
background-position:center top;
text-align:center;
}
strong, b {
color:#fff; 
font-weight:bolder; 
}
#outer { width:100%; text-align:center; }
#wrapper { background-color:#404040; width:990px; margin:0 auto; padding:0; background:#404040 url(http://2.bp.blogspot.com/_G7LdBvZoWlg/SsXmKM-uc4I/AAAAAAAACfo/fEaci3JgG0g/s800/top-gradient.jpg) repeat-x; background-position:left 74px; }
#main { width:900px; margin:0 auto; padding:0; text-align:justify; padding-top:32px; }
.sepgrad { width:990px; margin:0; padding:0; height:38px; background:#404040 url(http://2.bp.blogspot.com/_G7LdBvZoWlg/SsXmKM-uc4I/AAAAAAAACfo/fEaci3JgG0g/s800/top-gradient.jpg) repeat-x; }
#top { width:100%; height:73px; margin:0; padding:0; background:#404040 url(http://2.bp.blogspot.com/_G7LdBvZoWlg/SsXmjHL2KXI/AAAAAAAACfw/QOAOSLY0G1g/s800/top.png) repeat-x left top; }

#blogTitle, h1, #top ul li a { font-size:27px; font-weight:lighter; font-family:impact,sans-serif; }
#blogTitle { color:#d7ef27; margin:0; padding:0;margin-left:45px; margin-top:14px;float:left; }
#blogTitle a:link, #blogTitle a:visited, #blogTitle a:active, #blogTitle a:hover { font-weight:lighter; text-decoration:none; }
#mailname { display:inline; }
/* navigation menu */
#top ul { list-style:none; margin:0; padding:0; border:0; outline:0; margin-top:14px; margin-right:45px; float:right; }
#top ul li { float:left; padding:0; margin:0; border:0; outline:0; }
#top ul li a:link, #top ul li a:active, #top ul li a:visited { color:#888; padding:0; margin:0; border:0; outline:0; margin-left:0.5em; }
#top ul li a:hover { text-decoration:none; color:#fff;}
#top ul li a:focus { color:#ccc; outline:#d7ef27 solid 1px; }

h1 { color:#d7ef27; }
h2 { font-size:16px; font-weight:bold; font-style:italic; font-family:'Andale Sans','ansbi___',andale,'Trebuchet MS',arial,sans-serif; }
h2 { color:#ccc; }
.centered { margin:0 auto; text-align:center; }
a:link, a:active, a:visited { font-weight:bold; color:#d7ef27; text-decoration:none; }
a:hover { text-decoration:underline; color:#fff; }
a:focus { outline:#d7ef27 solid 1px; }
p { text-align:justify; line-height:1.5em; margin-bottom:1em; font-size:1em; }
.abitbigger { display:inline;font-size:1.2em; }
img.thumb { height:200px; }
img.rss { float:right; margin:0; padding:0; height:36px; opacity:0.5; margin-right:45px; }
.rss:hover { opacity:1.0; cursor:pointer; }
img.icon { opacity:0.75; }
img.icon:hover { opacity:1.0; cursor:pointer; }
.pal { float:left; width:32px; height:32px; font-size:1pt; padding:0; margin:4px;border:1px dotted #666; }
.pal:hover { border:1px solid #fff; }

#post-meta {
color:#888;
}
#post-meta .date { float:left; }
#post-meta .categories { float:right; margin:0 10px 10px 10px; width:320px;}
#post-meta-end { width:1em; height:1em; margin-bottom:1em;}
#topline { position:absolute; top:56px; font-size:12px; width:900px; margin-left:45px; margin-right:45px; text-align:right; }
#topline #mail { float:left; }

#footer-top {
height:274px;
width:900px;
margin:0 auto;
padding:0;
clear:both;
background:url(http://julien.cayzac.name/static/diagrams.jpg) 50% 100% fixed;
}
#footer-top div  {
height:274px;
width:900px;
margin:0 auto;
background:url(http://1.bp.blogspot.com/_G7LdBvZoWlg/SsXhoiUroJI/AAAAAAAACew/804Dg5QSIoo/s1600/bg-footer.png);
}
#footer-bottom {
height:200px;
width:990px;
margin:0 auto;
padding:0;
color:#888;
padding-top:50px;
background:#404040 url(http://julien.cayzac.name/static/i/newfooter.png) repeat-x;
}
#footer-bottom p { clear:both; margin-left:45px; margin-right:45px; margin-bottom:0; margin-top:1em;}
#footer-nav .left { float:left; margin-left:45px; margin-bottom:1em; }
#footer-nav .left:before { content:'\2190  '; }
#footer-nav .right { float: right; margin-right:45px; margin-bottom:1em; }
#footer-nav .right:after { content:'  \2192'; }
.banner {
float:left;
width:642px;
height:162px;
padding:0;
z-index:100;
margin:0;
margin-top:10px;
height:162px;
}

.box250, .box250 > * { width:250px; padding:0; margin:0; background-color:#404040; }
.box250 .top, .box250 .bottom { height:10px; font-size:1px; line-height:1px; }
.box250 .top { background:url(http://julien.cayzac.name/static/i/round-top-250px.png) 0 0 no-repeat; }
.box250 .bottom { background:url(http://julien.cayzac.name/static/i/round-bottom-250px.png) 0 0 no-repeat; }
.box250 .content { background:url(http://julien.cayzac.name/static/i/round-content-250px.png) 0 0 repeat-y; }

div#secondary-column {
float:right;
width:250px; padding:0;
margin-top:10px;
margin-bottom:10px;
margin-left:8px;
text-align:center;
}
div.secondary-wrapper {
width:230px;
padding:0;
margin:0 auto;
text-align:left;
vertical-align:baseline;
}
div.secondary-wrapper h3 {
color:#a9ba2e;
font-size:20px;
text-align:right;
font-family:impact,sans-serif;
clear:both;
padding-bottom:4px;
}
div.secondary-wrapper .tag {
float:left;
margin-right:6px;
}
div.secondary-wrapper .tag:link, div.secondary-wrapper .tag:active, div.secondary-wrapper .tag:visited { color:#ccc; }
div.secondary-wrapper .tag:hover { color:#d7ef27; text-decoration:none;}
div.secondary-wrapper div.section {
clear:both;
}
div.secondary-wrapper .section ul {
list-style:none;
font-size:1.2em;
}
div.secondary-wrapper .section ul li {
text-align:left;
border-bottom:1px dashed #555;
margin-bottom:1em;
}
div.secondary-wrapper .section ul li a:link, div.secondary-wrapper .section ul li a:active, div.secondary-wrapper .section ul li a:visited {  color:#a9ba2e; }
div.secondary-wrapper .section ul li a:hover { color:#d7ef27; text-decoration:none;}
div.secondary-wrapper .section input[type='text'] {width:220px;}

.flash {text-align:center;margin:0;padding:0;}
.flash .object {
margin:0 auto;
padding:0;
}

pre {
margin:0 auto;
margin-bottom:1em;
padding:1em;
font-family:monospace;
text-align:left;
overflow:auto;
overflow-y:hidden;
font-size:0.9em;
background-color:#333;
border:1px solid #484848;
}

:lang(ja), .ja, :lang(ja) *, .ja * { font-family:'MS PGothic',gothic,sans-serif; font-weight:normal; }

th { color: #d7ef27; font-weight:bold; padding:0.5em 1em; border:1px solid #81863b; }
td { border:1px solid #81863b; padding:0.5em 1em; }
table { margin:0 auto; padding:0; border: 1px solid #d7ef27; border-collapse:collapse; }

fieldset#searchboxtop {
width:100%;
text-align:center;
border:0;
margin:1em auto;
padding:0;
vertical-align:middle;
font-size:1.2em;
font-weight:bold;
}
fieldset#searchboxtop label {
display:inline;
padding:4px;
vertical-align:middle;
}

fieldset#searchboxtop input[type='text'] {
width:640px;
}

input[type='text'] {
display:inline;
background-color:#404040;
color:#ccc;
border:1px solid #81863b;
padding:4px;
vertical-align:middle;
}


a.article-link { cursor:pointer; }
a.article-link:link, a.article-link:active, a.article-link:visited {
padding:1em;
display:block;
border-top:1px dotted #555;
border-bottom:1px dotted #555;
}
a.article-link:focus { outline:0;border:1px solid #d7ef27; }
a.article-link > .article-title { float:left; color:#888; font-weight:bold; }
a.article-link > .article-date { float:right; color:#888; font-weight:bold; }
a.article-link > .article-short { display:block;width:100%;clear:both; color:#ccc; }
a.article-link:hover { text-decoration:none; background-color:#606060; }
a.article-link:hover > .article-title, a.article-link:hover > .article-date { color:#d7ef27; }
a.article-link:hover > .article-short { color:#fff; }

a.search-link { cursor:pointer; border:1px solid #404040; }
a.search-link:link, a.search-link:active, a.search-link:visited {
padding:1em;
display:block;
border-top:1px dotted #555;
border-bottom:1px dotted #555;
}
a.search-link:focus { outline:0;border:1px solid #d7ef27; }
a.search-link > .search-title { float:left; color:#888; font-weight:bold; }
a.search-link > .search-url { display:block;width:100%;clear:both; text-align:right; color:#888; font-weight:bold; }
a.search-link > .search-short { display:block;width:100%;clear:both; color:#ccc; }
a.search-link > .search-short > b { font-weight:lighter; color:#d7ef27; }
a.search-link:hover { text-decoration:none; background-color:#606060; border:1px solid #888;}
a.search-link:hover > .search-title, a.search-link:hover > .search-url { color:#d7ef27; }
a.search-link:hover > .search-short { color:#fff; }
a.search-link:hover > .search-short > b { color:#d7ef27; }

div#resultsnext {
text-align:center;
margin:0 auto;
}

div#resultsnext a {
font-size:1.4em;
cursor:pointer;
}

div#resultsnext a:link, div#resultsnext a:active, div#resultsnext a:visited { font-weight:bold; color:#d7ef27; text-decoration:none; }
div#resultsnext a:hover { text-decoration:underline; color:#fff; }
div#resultsnext a:focus { outline:#d7ef27 solid 1px; }

a#searchprev { float:left; }
a#searchnext { float:right; }

#results, #resultshead, #resultsnext {clear:both; }
div#resultsnext { padding-bottom: 50px; }
#resultshead h2 { float:left; }
#resultshead h2 i { color:#d7ef27; }
#searchlabels { display:inline;float:right; color:#d7ef27; font-weight:bold; font-size: 16px; padding:0; margin:0; }
#loading { margin:5em auto; display:block; text-align:center; }


ul.language-choice { list-style:none; text-align:center;margin:0 auto; width:100%;}
ul.language-choice li { list-style:none; display:inline; }
a.flag:hover img {
background:#404040 url(/i/flag-back.png) no-repeat;
}
#navbar { display:none; }
#Blog1 { margin-top:200px; }
.post { margin-bottom:2em; margin-top:1em; padding-bottom:1em; border-bottom:1px dotted #666;}
h1.post-title, h1.post-title > a { font-weight:lighter; }
div#blog-pager > #blog-pager-older-link { font-size:1.2em; float:left; }
div#blog-pager > #blog-pager-older-link:before { content:'\2190  '; }
div#blog-pager > #blog-pager-newer-link { font-size:1.2em; float:right; }
div#blog-pager > #blog-pager-newer-link:after { content:'  \2192'; }
div#blog-pager .home-link { display:none; }

ul.bullet-inside, ul.bullet-inside > li { list-style:disc inside; }
body.resume td.date { white-space:nowrap; }

#sidebar a[href='http://blog.julien.cayzac.name/search/label/Mobile'], #sidebar a[href='http://blog.julien.cayzac.name/search/label/Code'], #sidebar a[href='http://blog.julien.cayzac.name/search/label/Optimisation'], #sidebar a[href='http://blog.julien.cayzac.name/search/label/Wireless'] { font-size:1.6em; }



div.reader-publisher-module ul, div.reader-publisher-module ul li {
list-style:none;
}
div.reader-publisher-module ul {
margin:1.25em;
}
div.reader-publisher-module div.f {
width:100%;
text-align:right;
}

.calendar-events {
list-style:none;
padding-top:1em;
}
.calendar-events li {
list-style:none;
padding:1em;
}
.calendar-events li:hover {
background-color:#555;
}
.calendar-events li span.event-title {
display:block;
font-size:1.2em;
font-weight:bold;
padding-bottom:0.5em;
}
.calendar-events li span.event-date-place {
display:block;
}

div#outer div#wrapper div#main div div div.ybx h3.ybh { display: none; }
div#outer div#wrapper div#main div div div.ybx div.ybr li.ybi { background-color:#404040; font-size:1.2em; }


a.linkedinjmp, a.linkedinjmp img, a.linkedinjmp span, a.resumedl, a.resumedl img, a.resumedl span {
vertical-align:middle;
line-height:64px;
}

a.linkedinjmp {
display:block;
float:left;
padding:0 0 0 1em;
font-size:1.5em;
font-weight:bolder;
text-decoration:none;
margin:auto;
padding:4px;
border:2px solid transparent;
}
a.linkedinjmp:hover {
text-decoration:none;
margin:0;
background-color:#333;
margin:auto;
padding:4px;
border:2px solid #d7ef27;
border-radius:10px;
}
a.linkedinjmp img {
border:0;
width:64px;
height:64px;
}

a.resumedl {
display:block;
float:right;
padding:0 0 0 1em;
font-size:1.5em;
font-weight:bolder;
text-decoration:none;
margin:auto;
padding:4px;
border:2px solid transparent;
}
a.resumedl:hover {
text-decoration:none;
margin:0;
background-color:#333;
margin:auto;
padding:4px;
border:2px solid #d7ef27;
border-radius:10px;
}
a.resumedl img {
border:0;
width:64px;
height:64px;
}