/*
Theme Name: lecaniveau
Theme URI: http://blog.raphaelbastide.com
Version: 5.4
Author: Raphael Bastide
Author URI: http://www.raphaelbastide.com
*/

*{
margin:0;
padding:0;
font-size:30px;
}

/*.......................SUM......*/

body{
letter-spacing:1px;
font-family:TerminalGrotesqueRegular, verdana;
overflow-x:hidden;
}

#page{
width:500px;
margin:0px auto;
padding:0 10px;
}

/*.......................HEADER......*/

#header{
text-align:center;
width:500px;
margin:20px auto 70px auto;
letter-spacing:4px;
}

#header h1 a{
text-transform:uppercase;
font-weight:normal;
color:red;
}

#header h2{
font-weight:normal;
display:block;
}
#header h2 a:hover{
color:black;
text-transform:uppercase;
}

.R{
position:absolute;
top:0;
margin:75px 0 0 0px;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
}
.B{
top:0;
position:absolute;
margin:75px 0 0 390px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}

#page h2{
text-align:center;
text-transform:uppercase;
font-weight:normal;
}

/*.......................SINGLE......*/

.post{
margin:50px auto 160px auto;
}

.post h2{
display:block;
width:500px;
text-align:center;
text-transform:uppercase;
color:black;
letter-spacing:0.02em;
border-bottom:2px solid black;
}

.post h2 a{
text-decoration:none;
}

.post p{
margin:10px auto;
line-height:28px;
}

.post img{
margin:10px 0;
padding:10px 0;
}
.meta{
text-transform:uppercase;
text-align:center;
margin:5px auto 15px auto;
padding:2px 0;
}

.meta:hover{
}

.meta a{
margin:2px;
}

#sidebar li{
list-style-type:none;
display:inline;
}
#sidebar h2{
text-align:center;
margin:40px 0;
}


/*.......................NAV......*/
#nav{
text-align:center;
}

#prev_link{
top:5px;
left:10%;
position:fixed;
width:300px;
}
#next_link{
top:5px;
right:10%;
position:fixed;
width:300px;
}

#nav a{
text-decoration:none;
}


/*.......................COMMENTS......*/

#comments{
border:1px solid lightgray;
padding:2px;
background:#F3F3F3;
}

#comments h3{
font-weight:normal;
text-transform:uppercase;
border:none;
margin:5px 0 20px 0;
padding:2px;
}

#comments textarea{
width:480px;
}

.comment{
background:#E7E7E7;
margin:0 2px 20px 2px;
padding:0 0 5px 0;
}
.comment p:first-line{
padding:15px;
}

.avatar{
vertical-align:middle;
-moz-transform: rotate(90deg);;
}

.says{display:none;}
.vcard{
}

.commentmetadata a{
color:lightgrey;
}
.commentmetadata{
  -webkit-box-shadow: 1px 1px 1px #FFF;
  text-shadow: 1px 1px 0px #FFF;
text-align:right;
margin:-30px 2px 30px 0;
}

#comments #submit{
display:block;
margin:30px auto;
}
/*.......................FOOTER......*/

#footer{
margin:60px 0;
text-align:center;
}

a{
color:black;
}

a img{
border:none;}

a:active{
outline: none;
background:#E3E3E3;
}

:-moz-any-link:focus {
outline: none;
color:grey;
}

::selection {
color:white;
background: #0000;
}

::-moz-selection {
color:white;
background: #000000;
}

@font-face {
    font-family: 'TerminalGrotesqueRegular';
    src: url('font/terminal_grotesque-webfont.eot');
    src: url('font/terminal_grotesque-webfont.eot?iefix') format('eot'),
         url('font/terminal_grotesque-webfont.woff') format('woff'),
         url('font/terminal_grotesque-webfont.ttf') format('truetype'),
         url('font/terminal_grotesque-webfont.svg#webfont1ykKSZvL') format('svg');
    font-weight: normal;
    font-style: normal;

}