/* -----------------------------------------------------------------------

 Battlestar (version 2.0)

   * auteur : David YIM
     url de support : http://davidyim.fr/
     e-mail de support : contact@davidyim.fr

   * Creative Commons : Paternité-Partage des Conditions Initiales à l'Identique 2.0 France
     http://creativecommons.org/licenses/by-sa/2.0/fr/

----------------------------------------------------------------------- */


a, a:link, a:visited {
color : #333;
text-decoration : none;
font-weight : bold;
}
a:hover {
color : #888;
text-decoration : underline;
}
h1, h2, h3, h4, h5 {
font-weight : bold;
font-family : "Chaparral Pro", "Myriad Pro", Helvetica, Sans-Serif;
color : #333;
}
ul {
margin-left : 0;
list-style : none;
}
body {
color : #333;
font-size : 75%;
line-height : 1.6;
font-family : Georgia, Serif;
background : #111;
border-top : 5px solid #090909;
}
#page {
width : 100%;
float : left;
clear : both;
background : url('img/background.png') repeat left top;
}
#top {
width : 100%;
height : 200px;
float : left;
background : url('img/background.png') repeat left top;
border-top : 1px dotted #383838;
}
#top-inner {
width : 640px;
height : 200px;
margin : 0 auto;
position : relative;
}
#top h1 {
padding : 70px 0 0 0;
font-size : 2em;
float : left;
}
#top h1 a {
color : #fff;
font-weight : normal;
outline : none;
}
#top h1 a:hover {
text-decoration : none;
}
#blogdescription {
padding : 70px 0 0 10px;
float : left;
color : #888;
font-style : italic;
font-family : "Chaparral Pro", "Myriad Pro", Helvetica, Sans-Serif;
font-size : 1.25em;
}
#nav {
width : 648px;
position : absolute;
bottom : 0;
left : -14px;
height : 41px;
background : url('img/nav-bg.png') no-repeat left top;
}
#nav ul {
width : 640px;
height : 40px;
margin : 1px 0 0 4px;
background : url('img/top-shadow.png') repeat-x left bottom;
}
#nav ul li {
display : block;
float : left;
height : 40px;
line-height : 40px;
padding : 0;
border-right : 1px solid #000;
}
#nav ul li a {
display : block;
float : left;
height : 40px;
line-height : 40px;
padding : 0 20px;
color : #fff;
display : block;
float : left;
outline : none;
font-family : "Chaparral Pro", "Myriad Pro", Helvetica, Sans-Serif;
font-weight : normal;
font-size : 1.25em;
}
#nav ul li a {
text-decoration : none;
}
#nav ul li a:active, #nav ul li a:focus {
background : #090909;
}
#search-button {
margin : 0;
padding : 0;
}
#search-toggle {
position : absolute;
bottom : 0;
right : 10px;
display : block;
height : 40px;
width : 50px;
margin : 0;
padding : 0;
background : transparent url('img/icon-search.png') no-repeat center center;
border-left : 1px solid #000;
text-indent : -9999px;
cursor : pointer;
}
#search {
display : block;
height : 27px;
padding : 6px 0 6px 321px;
position : absolute;
bottom : 0px;
top : 160px;
display : none;
background : url('img/search-bg.png') repeat-x left top;
border-top : 1px solid #444;
}
#search fieldset {
float : left;
margin : 0;
padding : 0;
border : none;
border-bottom : 1px solid #222;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
border-left : 1px solid #000;
border-right : 1px solid #000;
border-top : 1px solid #000;
background : #090909;
}
#search #q {
border : none;
background : none;
width : 229px;
height : 15px;
padding : 5px 10px;
font-size : 1em;
font-family : inherit;
float : left;
color : #555;
font-style : italic;
}
#search #q:focus {
color : #fff;
font-style : normal;
}
#search .submit {
display : none;
}
#search .submit:hover {
color : #fff;
}
#prelude {
position : absolute;
top : 0;
left : 0;
visibility : hidden;
}
#wrapper {
width : 100%;
float : left;
clear : both;
border-top : 5px solid #eee;
margin : 1px 0 0 0;
padding : 0;
background : #fff;
}
#main {
width : 640px;
margin : 0 auto;
}
#content {
width : 100%;
float : left;
clear : both;
padding : 40px 0 80px 0; 
}
.dc-home #content {
padding-top : 70px;
}
#content-info {
margin : 0 20px 40px 0;
}
#content-info h2 {
font-size : 3em;
margin : 0;
}
#content-info p {
font-style : italic;
}
.content-inner .tags {
width : 640px;
}
.content-inner .tags li a {
display : block;
width : 150px;
margin : 0 10px 0 0;
float : left;
border-bottom : 1px dotted #ccc;
font-weight : normal;
font-style : italic;
padding : 5px 0;
}
#subcategories h3 {
font-style : italic;
font-weight : normal;
margin : 0 0 5px 0;
}
#subcategories ul li {
width : 620px;
display : block;
border-bottom : 1px dotted #ccc;
}
#subcategories ul li a {
font-weight : normal;
font-style : italic;
}
#navlinks a {
font-style : italic;
border-bottom : 1px dotted #ccc;
font-weight : normal;
}
.post {
width : 620px;
margin : 0 20px 40px 0;
padding : 0;
float : left;
clear : both;
position : relative;
}
.post img {
padding : 3px;
border : 1px solid #ccc;
max-width : 100%;
}
.post-date {
position : absolute;
top : 0;
right : 0;
color : #ccc;
font-size : 1.5em;
font-family : "Chaparral Pro", "Myriad Pro", Helvetica, Sans-Serif;
font-style : italic;
line-height : 1.1;
}
.post-date span.post-date-year {
font-size : 0.7em;
}
.post-title {
font-size : 2em;
line-height : 1.2;
margin : 0;
font-weight : bold;
}
.dc-post .post-title {
font-size : 3em;
}
.post-info {
padding : 0 0 20px 0;
border-bottom : 1px dotted #ccc;
font-style : italic;
}
.post-tags {
width : 620px;
float : left;
margin : 0 0 20px 0;
padding : 15px 0 7px 0;
border-top : 1px solid #ddd;
}
.post-tags h3 {
margin : 0 10px 0 0;
float : left;
font-size : 1em;
text-transform : uppercase;
}
.post-tags ul li {
display : block;
float : left;
margin : 0 10px 0 0;
line-height : 1;
font-size : 0.95em;
}
.post-tags ul li a {
font-weight : normal;
font-style : italic;
border-bottom : 1px dotted #ccc;
}
.post-excerpt,
.post-content {

}
.post pre {
overflow : auto;
background : #efefef;
padding : 20px;
}
.post blockquote {
margin-left : -35px;
padding-left : 35px;
background : url('img/blockquote.png') no-repeat left top;
font-size : 1.1em;
color : #888;
}
.read-it a {
background : url('img/read-it.png') no-repeat left top;
display : block;
float : left;
width : 20px;
height : 20px;
text-indent : -9999px;
opacity : 0.25;
outline : none;
}
.read-it a:hover {
opacity : 1.0;
}
.list {
width : 300px;
height : 165px;
margin : 0 20px 20px 0;
padding : 0 0 20px 0;
border-bottom : 1px solid #ccc;
float : left;
clear : none;
}
.list .post-info {
border : none;
margin : 0 0 10px 0;
padding : 0;
}
.list .post-title {
font-size : 1.5em;
}
.list img {
float : left;
margin : 12px 10px 0 0;
padding : 2px;
border : 1px solid #ddd;
}
.page-info {
font-style : italic;
}
#attachments {
width : 640px;
margin : 0 0 80px -20px;
padding : 20px 20px 10px 20px;
background : #efefef;
float : left;
border-top : 1px solid #ddd;
}
#attachments a {
font-weight : normal;
font-style : italic;
border-bottom : 1px dotted #bbb;
}
.pagination {
width : 100%;
float : left;
clear : both;
}
#comments, #comment-form, #pings, #pr {
width : 100%;
margin : 0;
float : left;
clear : both;
}
#comments {
margin-top : 80px;
}
#pr {
padding : 40px 0;
}
#pr dd {
margin : 0;
padding : 0;
}
#comments h3, #comment-form h3, #pings h3, #pr h3 {
font-size : 2em;
}
#comments dt, #pings dt {
margin : 0 20px 10px 0;
padding : 0 0 10px 0;
border-bottom : 1px dotted #ccc;
}
#comments dd, #pings dd {
margin : 0 20px 40px 0;
}
#comments pre {
overflow : auto;
background : #efefef;
padding : 20px;
}
#comment-form {
margin : 80px 0;
}
.dc-contactme #comment-form {
margin-top : 0;
}
#comment-form fieldset {
margin : 0 200px 0 -20px;
padding : 15px 0 0 20px;
border : none;
}
#comment-form fieldset .field label {
display : block;
font-weight : normal;
text-transform : uppercase;
font-size : 0.85em;
}
#comment-form fieldset .field input, #comment-form fieldset .field textarea {
width : 300px;
border : 1px solid #bbb;
border-right : 1px solid #ddd;
border-bottom : 1px solid #ddd;
background : #f5f5f5;
padding : 5px 10px;
font-family : inherit;
font-size : 1em;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
}
.buttons input {
border : none;
background : #333;
font-size : 0.85em;
text-transform : uppercase;
font-family : inherit;
color : #fff;
padding : 5px 10px;
cursor : pointer;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
}
.error, .message {
font-size : 1.25em;
}
#sidebar-nav {
width : 640px;
height : 0;
margin : 0 auto;
clear : both;
position : relative;
}
#sidebar-toggle {
margin : -30px 0 0 -20px;
padding : 0 20px;
height : 30px;
line-height : 30px;
float : left;
font-style : italic;
display : block;
background : #888;
cursor : pointer;
color : #fff;
opacity : 0.5;
}
#sidebar-toggle:hover {
opacity : 1;
}
#sidebar {
width : 100%;
float : left;
clear : both;
padding : 0;
background : url('img/background.png') repeat left top;
color : #888;
font-size : 0.95em;
}
#sidebar #blognav, #sidebar #blogextra {
width : 640px;
margin : 0 auto;
clear : both;
}
#sidebar #blognav div, #sidebar #blogextra div {
width : 150px;
float : left;
margin : 40px 10px 40px 0;
}
#sidebar h2 {
margin : 0 0 15px 0;
padding : 0 0 15px 0;
color : #888;
font-weight : normal;
font-size : 1em;
text-transform : uppercase;
background : url('img/line.png') repeat-x left bottom;
}
#sidebar h3 {
font-weight : normal;
margin : 0;
color : #fff;
}
#sidebar a {
color : #fff;
font-weight : normal;
font-style : italic;
border-bottom : 1px dotted #444;
}
#sidebar #search {
display : none;
}
#footer {
width : 100%;
float : left;
clear : both;
padding : 40px 0;
background : #111;
border-top : 1px dotted #222;
}
#footer p {
margin : 0 auto;
width : 640px;
color : #555;
font-size : 0.95em;
}
#footer p a {
color : #888;
font-weight : normal;
border-bottom : 1px dotted #383838;
font-style : italic;
}