/*
Theme Name: PierreC.
Theme URI: http://pierrecimburek.com/blog/
Version: 1.0
Description: Soft and dark two-column theme supporting widgets. Based on the website PierreC. Also available as Joomla template.
Author: Pierre CIMBUREK
Author URI: http://www.pierrecimburek.com/
Last updated: 2009-01-01
*/
/* default elements */
* {margin: 0; padding: 0;}
body {
background: #000000;
color: #565656;
font: normal 62.5% sans-serif;
padding: 2% 0;
}
a {color: #b5b5b5;text-decoration: none;}
a:hover {color: #565656;text-decoration: none;}
big {font-size: 1.1em;}
h1,h2,h3 {color: #b5b5b5; padding: 8px 0 2px;}
h1 {font: normal 1.6em "Trebuchet MS",sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: none;}
h2 {font: normal 1.4em "Trebuchet MS",sans-serif;}
h3 {font: normal 1.2em "Trebuchet MS",sans-serif;}
blockquote {
background: url('img/quote.gif') no-repeat;
display: block;
font: normal 1.1em serif;
padding-left: 26px
}
form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em sans-serif;}
ul,ol {padding: 0 2em 1.2em;}
/* structure */
#wrapper {
background: #000000 url(img/wrapper.jpg) no-repeat left bottom;
margin: 0 auto;
width: 902px;
}
#container {
border: 0px solid #1a1a1a;
font-size: 1.3em;
line-height: 1.3em;
margin: 0 auto; background: #1a1a1a;
width: 900px;
}
/* header */
.title {
background: #000000 url(img/logo_pierrec.jpg) no-repeat center;
height: 70px;
}
.title h1 {
font: normal 2.2em "Trebuchet MS",sans-serif;
padding: 10px 0 10px 0px;
}
.header {
border-top: 1px solid #1a1a1a;
background: #000000 no-repeat center;
height: 524px;
}
/* navigation */
.navigation {
background: #000000 url(img/nav.jpg) repeat-x; height: 41px;
border-top: 1px solid #1a1a1a;
border-right: 1px solid #1a1a1a;
border-left: 1px solid #1a1a1a;
}
.navigation ul {padding: 0; margin: 0;}
.navigation li {float: left; list-style: none;}
.navigation li a {
background: #000000 url(img/nav.jpg) repeat-x;
border-right: 1px solid #1a1a1a;
color: #565656;
display: block;
font: 8pt "Trebuchet MS",sans-serif;
line-height: 41px;
padding: 0 14px;
text-align: center;
text-decoration: none;
}
.navigation a:hover {
background-position: left bottom;
color: #cccccc;
}
.navigation .current_page_item a {color: #434444;}
/* main */
.main {background: #000000; border: 1px solid #1a1a1a;}
/* posts */
.post .descr {
color: #262626;
font-size: 0.9em;
margin: 2px 0 4px;
}
.post .info{
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
color: #262626;
text-align: center;
font-size: 0.9em;
margin: 4px 0 4px;
padding: 4px 0;
}
/* bottom */
.bottom {
background: #0a0a0a url(img/bottom.jpg) no-repeat left bottom;
border-top: 1px solid #1a1a1a;
color: #565656;
padding: 14px 20px;
}
.bottom .left,.bottom .right {width: 49%;}
/* footer */
.footer {
background: #1a1a1a;
color: #565656;
padding: 10px;
}
.footer .left {width: 66%;}
.footer .right {
width: 33%;
text-align: right;
}
.footer a {
color: #b5b5b5;
text-decoration: none;
}
.footer a:hover, .footer .right a:hover {
color: #565656;
text-decoration: none;
}
/* misc */
.content {padding: 18px 20px;}
.right .content {padding: 42px 10px;}
.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;}
.clearer {font-size: 0;}
.col2 .left {width: 69%;}
.col2 .right {width: 30%;}
/* block list */
ul.block, .block ul {
border-top: 1px solid #1a1a1a;
margin: 4px 0;
padding: 0;
width: 90%;
}
.block li {
border-bottom: 1px solid #1a1a1a;
list-style: none;
}
.block li a,.block li em {
color: #565656;
display: block;
}
.block li em {
font-size: 0.9em;
font-style: normal;
}
.block li a {
padding: 4px 3%;
text-decoration: none;
width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
color: #b5b5b5;
background: #262626;
}
.right .block,.right .block li {border-color: #1a1a1a;}
.right .block li a:hover {background: #000000;}
/* comments */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #1a1a1a;
}
#commentform {
margin: 1em 0;
width: 280px;
}
textarea.styled {width: 280px;}
.styled {
font-size: 1.1em;
color: #565656;
background: #1a1a1a;
border: 1px solid #1a1a1a;
padding: 2px;
}
.styled:hover {
background: #1a1a1a;
border: 1px solid #1a1a1a;
}
.styled:focus {
background: #1a1a1a;
border: 1px solid #1a1a1a;
}
#commentform input {margin-bottom: 3px;}
.commentmetadata a {font-size: 1em; color: #b5b5b5;}
/* calendar */
#wp-calendar {color: #b5b5b5;}
.col2 .right table caption {border-bottom-color:#0a0a0a;}
.col2 .right table thead tr {
border-bottom-color: #0a0a0a;
color: #b5b5b5;
}
.col2 .right table th {border-bottom-color:#0a0a0a;}
.col2 .right table td#today {
border-color: #0a0a0a;
color: #b5b5b5;
}
.col2 .right table td a {
border-bottom-color: #0a0a0a;
background-color: #0a0a0a;
}
.col2 .right table tfoot {border-top-color: #0a0a0a;}
.col2 .right table tfoot a {background: none;}
/* calendar
--------------------------------------------------*/
#wp-calendar {
display: inline-table;
border-collapse: collapse;
width: 185px;
margin: 0px 10px 0 10px;
text-align: center;
}
.col2 .right table caption {
margin: -5px 10px 0 10px;
padding-bottom: 5px;
border-bottom: none;
letter-spacing: 0.1em;
}
.col2 .right table thead tr {border-bottom:none;}
.col2 .right table th {border-bottom:none;}
.col2 .right table td {
width: 225px; /* maximaize width; honestly, I don't know much about tables... */
padding: 1px;
font-size: 1em;
font-weight: bold;
}
.col2 .right table td#today {
padding: 0;
border: none;
font-size: 1em;
font-weight: bold;
}
.col2 .right table td a {
display: block;
border-bottom: none;
font-weight: bold;
font-size: 1.15em;
}
.col2 .right table tfoot {border-top:none;}
.col2 .right table tfoot a {
border: none;
font-weight: bold;
}
.col2 .right table tfoot #prev a {text-align:left;}
.col2 .right table tfoot #next a {text-align:center;}
#search
{
float: right;
color:#aaa;
}
#search input.text
{
margin-right: 0.0em;
vertical-align: middle;
border: solid 1px #565656;
color: #cccccc;
padding: 0.0em;
width: 13.0em;
background:#0a0a0a ;
}
#search input.submit
{
background: #ab0a0a;
border: solid 1px #565656;
font-weight: bold;
padding: 0.25em;
font-size: 0.7em;
color: #cccccc;
vertical-align: middle;
}
#searchform {padding:10px;}