/*
Theme Name: LightWord Custom!
Theme URI: http://www.juliendelcourt.fr
Description: LightWord theme by Andrai Luca, customised by <a href="http://www.juliendelcourt.fr">Julien Delcourt</a>.
Author: Julien Delcourt
Author URI: http://www.juliendelcourt.fr
Template: lightword
Version: 1.1
Tags: black, white, light, sticky-post, two-columns, right-sidebar, fixed-width
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/* BASIC */
body{background-color:#FFF;font-family:Helvetica, Arial;font-size:11px;}
#main {margin-left:auto; margin-right:auto; width:1000px;}

/* MYTABLE */
#mytable {border:0;}
#mytable td { padding:10px;}
#mytable td table td { padding:0;}

/* MYCONTENT */
#mycontent {width:700px;}
#mycontent #mytitle {width:670px; color:#333; font-family:Helvetica, Arial;font-size:22px; font-weight:bold; padding:5px; margin:10px; margin-left:auto; margin-right:auto;border-bottom: 1px #ddd solid;}
.mynav { color:#A33; font-family:Helvetica, Arial;font-size:16px; font-weight:bold; padding:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px;}
#mycontent #mytitle a {color:#333; font-weight: normal; text-decoration:none;}
#mycontent #mytitle a:hover {color:#C00;}
#mycontent #mytitle a.back {font-size:12px; color:#111; font-weight: normal;}
#mycontent #mytitle a.back:hover {color:#B00;}
#myarticle {padding:10px; margin-top:40px;}
#myarticle a {color:#A55; text-decoration: none;}
#myarticle a:hover {text-decoration: underline;}

p.related_post_title {color:#333; font-family:Helvetica, Arial;font-size:22px;padding-top:20px;}
ul.related_post {padding-left:100px;}



/* MYSIDEBAR */
#mysidebar {width:300px;}
#mysidebar #mytitle {width:270px; color:#333; font-family:Helvetica, Arial;font-size:16px; font-weight:bold; padding:5px; text-align:center; margin:10px; margin-left:auto; margin-right:auto;}
#mysidebar #mytitle small {color:#999;}

#mysidebar #mytitle ul, #mysidebar #mytitle ul ol { margin:0; padding:0; }
#mysidebar #mytitle ul li { list-style-type:none; list-style-image:none; display:inline; margin-right:5px; }
#mysidebar #mytitle ul li a {color:#cdd6e9; font-style: italic; font-weight: normal;}
#mysidebar #mytitle ul li a:hover {color:#e2e8f5;}
#mysidebar #myad { text-align:center; }

#mysidebar #lecture {color:#333;font-size:10px;}
#mysidebar #lecture a {color:#333; padding-left:40px;}
#mysidebar #lecture ul a {color:#3b5998; padding-left:0;}
#mysidebar #lecture li, #mysidebar #lecture ul, #mysidebar #lecture ol { margin:auto; padding:auto; display:auto; margin-bottom:3px; }
#mysidebar #lecture ul, #mysidebar #lecture ol { margin-bottom:5px; }

#mysidebar #lastfm {color:#333;padding-left:10px;font-size:10px;}
#mysidebar #lastfm a {color:#3b5998;}
#mysidebar #lastfm td {padding:5px;padding-bottom:0;padding-top:0;}

#mysidebar #tag {color:#333;padding-left:10px;font-size:10px;text-align:justify}
#mysidebar #tag a {color:#AAA;text-decoration:none;}
#mysidebar #tag a:hover {color:#333;}

#mysidebar a.fb { background-image: url('http://blog.juliendelcourt.fr/img/bw_fb.png'); display: block; width:56px;}
#mysidebar a.fb:hover { background: url('http://blog.juliendelcourt.fr/img/fb.png') 0 0 }
#mysidebar a.tw { background-image: url('http://blog.juliendelcourt.fr/img/bw_tw.png'); display: block; width: 56px }
#mysidebar a.tw:hover { background: url('http://blog.juliendelcourt.fr/img/tw.png') 0 0 }
#mysidebar a.rss { background-image: url('http://blog.juliendelcourt.fr/img/bw_rss.png'); display: block; width: 56px }
#mysidebar a.rss:hover { background: url('http://blog.juliendelcourt.fr/img/rss.png') 0 0 }
#mysidebar a.gp { background-image: url('http://blog.juliendelcourt.fr/img/bw_gp.png'); display: block; width: 56px }
#mysidebar a.gp:hover { background: url('http://blog.juliendelcourt.fr/img/gp.png') 0 0 }

/* MYFOOT */
#myfoot {width:899px; color:#666; font-family:Helvetica, Arial; font-size:11px; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px;}
#myfoot a {color:#333; font-style: italic; text-decoration:none;}
#myfoot a:hover {text-decoration:underline;}