/*
Theme Name:Blackotine
Theme URI:
Description:Blackotine theme
Version:1.0
Author:Blackotine
Author URI:
*/

@import url(reset.css);

html, body, form, fieldset, p, li, input, textarea, button, select {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:14px;
color:#1C1C1C;
}

html {
background:url(images/html.jpg) 63px 8px;
}
body {
background:url(images/bg.jpg) repeat-x;
min-height:580px;
}
a:link {
color:#1C1C1C;
}
a:visited {
color:#4A4A4A;
}
a:hover {
color:#4A4A4A;
}
a:active {
text-decoration:underline;
color:#4A4A4A;
}
#wrapper {
background:url(images/wrapper.png) repeat-y;
margin:0 auto;
padding:0 20px 0;
width:933px;
}
#smoke  {
background:url(images/smoke.jpg) no-repeat left bottom;
overflow:hidden;
padding:0 18px 20px;
}
#rightcolumn {
width:397px;
float:right;
}
#logo {
background-repeat:no-repeat;
height:50px;
width:540px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
}
#logo span {
position:relative;
left:0px;
top:60px;
color:#FFFFFF;
}
#logo a:hover {
text-decoration:none;
}

#searchform {
position:absolute;
right:10px;
top:22px;
}
.search {
background-color:#1e1e1e;
background-repeat:no-repeat;
color:#fff;
height:14px;
border:none;
overflow:hidden;
padding-left:5px;
width:150px;
}
.submit {
background-image:url(images/button.png);
background-repeat:no-repeat;
vertical-align:top;
height:16px;
width:16px;
border:none;
}
#rss {
height:45px;
width:42px;
float:left;
clear:both;
}
#rss a {
background:url(images/rss.png) no-repeat;
display:block;
height:45px;
}
#rss a:hover {
background-position:left bottom;
}	

#rss a span {
display:none;
}	
#navigation {
position:relative;
}
#nav {
background-image:url(images/nav.png);
background-repeat:no-repeat;
height:45px;
width:855px;
float:right;
list-style:none;
}
#nav li {
float:left;
}
#nav li a {
display:block;
background-image:url(images/rollover.png);
background-repeat:no-repeat;
width:93px;
height:45px;
line-height:45px;
text-align:center;
text-decoration:none;
color:#1e1e1e;
}
#nav li a:hover {
background:url(images/rollover.png) no-repeat 0 -45px;
color:#BC0000;
text-decoration:none;
}
#subnav {
background-image:url(images/subnav.gif);
background-repeat:no-repeat;
height:37px;
width:987px;
list-style:none;
clear:both;
}
#subnav li {	
float:left;
margin-top:10px;
color:#FFF;
height:17px;
width:80px;
text-align:center;
display:block;
}
#subnav li a {
color:#fff;
text-decoration:none;
}
#subnav li a:hover {
text-decoration:underline;
}
#left {
width:648px;
float:left;
overflow:hidden;
}
.info {
background:#fff url(images/cbg.gif) no-repeat left bottom;
clear:both;
overflow:hidden;
padding:10px;
width:621px;
}
.cpost ul.info {
margin:0;
}
.info li {
display:block;
float:left;
width:260px;
}
.info li.comms {
text-align:right;
}
.cpost {
background:#fff url(images/cpost.gif) no-repeat;
color:#1C1C1C;
min-height:255px;
max-height:none;
overflow:hidden;
margin-top:10px;
width:641px;
clear:both;
}
.cpost p, .cpost ul li {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
padding:10px;
}
.cpost ul {
margin-bottom:10px;
}
.cpost ul li {
background:url(images/puce.gif) no-repeat 0 .2em;
margin:0 10px 2px;
padding:0 0 0 13px;
}
.cpost ul.info li {
background:none;
margin:0;
padding:0;
}
.pagepost {
float:right;
width:548px;
margin-top:10px;
}
.ppost {
background-image:url(images/cbg2.png);
min-height:255px;
max-height:none;
width:548px;
clear:both;
}
.ppost p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#FFF;
padding-top:19px;
padding-left:14px;
padding-right:14px;
}
#wrapper h2 {
font-size:18px;
color:#1C1C1C;
line-height:19px;
padding-left:10px;
padding-top:11px;
}
#wrapper h3 {
color:#BC0000;
font-size:16px;
padding-left:10px;
padding-top:19px;
}

.button {
background-image:url(images/button2.png);
background-repeat:no-repeat;
height:28px;
width:78px;
border:none;
text-align:center;
color:#fb4e00;
margin-left:14px;
margin-top:60px;
}
.submitcomment {
background-image:url(images/button2.png);
background-repeat:no-repeat;
height:28px;
width:78px;
border:none;
text-align:center;
color:#fb4e00;
}
#righta {
width:237px;
float:right;
overflow:hidden;
}		

#atop {
background-image:url(images/header.gif);
background-repeat:no-repeat;
height:52px;
width:237px;
line-height:48px;
padding-left:12px;
margin-top:8px;
color:#FFF;
font-weight:bold;
overflow:hidden;
}
.color {
color:#D70000;
}	

#acontent {
background-image:url(images/bg2.gif);
background-repeat:repeat-y;
width:237px;
text-align:center;
padding:2px 0 20px 0;
}
#leftc {
float:left;
width:100px;
margin-left:37px;
padding-top:20px;
}
#rightc {
float:right;
padding-right:22px;
padding-top:20px;
}		

.btop {
background-image:url(images/header.gif);
background-repeat:no-repeat;
height:52px;
width:237px;
line-height:48px;
padding-left:12px;
margin-top:8px;
color:#FFF;
font-weight:bold;
}
.bcontent {
background-image:url(images/bg2.gif);
background-repeat:repeat-y;
width:214px;
font-size:11px;
text-align:left;
line-height:23px;
padding:4px 15px 4px 12px;
}
.bcontent ul li {
background:url(images/puce.gif) no-repeat 0 .2em;
margin-bottom:5px;
padding-left:13px;
}
.btop a {
color:#FFF;
text-decoration:none;
}
.bcontent a {
color:#000000;
text-decoration:none;
}
.bcontent a:hover {
text-decoration:underline;
}
.bfoot {
background-image:url(images/footer2.gif);
background-repeat:no-repeat;
height:9px;
width:237px;
}
.float-left  {
float:left;
padding-right:5px;
}
.float-right {
float:right;
padding-left:5px;
}
.comments h3 {
color:#000;
}
#commentform {
padding:4px;
}
.commentlist {
padding:0;
text-align:justify;
}
.commentlist li {
margin:15px 0 3px;
padding:5px 10px 3px;
list-style:none;
}
.commentlist p {
margin:0 5px 10px 0;
}
.commentmetadata {
margin:8px 8px 2px;
}
#commentform textarea,#commentform input {
padding:2px;
width:65%;
}
#commentform input.submitcomment {
background-image:url(images/button2.png);
background-repeat:no-repeat;
cursor:pointer;
height:28px;
width:78px;
border:none;
text-align:center;
color:#BC0000;
margin-left:8px;
margin-top:10px;
margin-bottom:10px;
padding-bottom:3px;
}
.alt {
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
img {
border:0px;
}
blockquote {
margin:15px;
padding:0 0 0 20px;
background-color:#FAFAFA;
background-position:8px 10px;
border-left:5px solid #666666;
font:bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif;
color:#000000;	
font-style:italic;
margin-right:5px;
}
code {
margin:5px 10px;
padding:10px;
text-align:left;
overflow:auto;
font:500 1em/1.5em 'Lucida Console', 'courier new', monospace;
/* white-space:pre;
*/
background:#FAFAFA;
border-left:5px solid #666666;
margin-right:5px;
color:#000000;	
}
table {
border-collapse:collapse;
margin:10px 15px;	
}
th {
background-image:url(images/chrome.png);
background-repeat:repeat-x;
height:20px;
padding-left:11px;
padding-right:11px;
color:#000;
text-align:left;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
}
tr {
height:30px;
border-right:1px solid #FFFFFF;
background-color:#000000;
}
td {
padding-left:11px;
padding-right:11px;
/* border-left:1px solid #FFE1C3;
*/
border-left:1px solid #FFF;
border-bottom:solid 1px #ffffff;
border-right:1px solid #FFFFFF;
background-color:#FAFAFA;
}
td.first,th.first {
border-left:0px;
background-color:#e4fffb;
}
tr.row-a {
background:#F8F8F8;
background-color:#e4fffb;
}
tr.row-b {
background:#EFEFEF;
background-color:#e4fffb;
}
#footer span {
font-size:16px;
color:#666666;
}
.alignleft, .alignright {
margin:10px;
}
.post-date {
height:50px;
width:45px;
background:url(images/calendar.gif) no-repeat;
font:normal 22px Arial, Helvetica, sans-serif;
color:#666666;
text-align:center;
margin:5px 10px 0 10px;
padding:0px 2px 0 0;
line-height:100%;
float:left;
}
.post-date span {
height:16px;
display:block;
font:normal 8px Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:center;
padding-top:5px;
}
#footer {
background:url(images/footer.png) no-repeat;
height:27px;
margin:0 auto;
width:970px;
}
.comments-link {
background:url(images/bulle.gif) no-repeat;
padding-left:15px;
}
#top {
background:url(images/top.jpg) no-repeat;
height:104px;
left:-18px;
position:relative;
text-indent:-5000px;
top:0;
width:931px;
}
.more-link {
display:block;
margin-top:8px;
}
.navigation {
margin-top:10px;
}
.navigation a {
color:#eee;
}
acronym {
border-bottom:1px dotted #1C1C1C;
cursor:pointer;
}
#lastfm li {
clear:both;
overflow:hidden;
}
#lastfm li p {
float:left;
width:155px;
}
#lastfm li img {
float:right;
height:40px;
margin-left:5px;
width:40px;
}
.twitter-share-button {margin:0 10px;}