/*
Theme Name: Tronche de vin
Theme URI: http://www.tronchedevin.fr
Description: http://www.tronchedevin.fr
Version: 1.0
Author: Laurent MARTIN
Author URI: http://www.tronchedevin.fr
Tags: tronc, vin
License: GPL
License URI: http://www.gnu.org/licenses/gpl.html
*/

/* reset */

html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, th, var, h1, h2, h3 {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:justify;}
q:before, q:after {content:'';}
a img {border: none;}

/* basic elements */

body {
background: url(images/bkg.jpg);
color: #444;
font-family: 'mate';
font-size: 0.8em;
line-height: 22px;
text-align: justify;
}

a:link, a:visited {color: #000000; text-decoration: none;}
a:hover {color: #444; text-decoration: none;}

h1, h2, h3, h4 {font-family: 'mate'; font-weight: bold;}
h1 {font-size: 3.2em; line-height: 50px;}
h1 a:hover, h2 a:hover {color: #444; text-decoration: none;}
h2 {
font-size: 2.3em;
letter-spacing: -1px;
line-height: 50px;
}
h3 {font-size: 2.3em; line-height: 40px;}
h4 {
font-size: 1.9em;
line-height: 40px;
}

#main-content ul , #main-content ol {margin: 10px 0 10px 15px;}
#main-content ul li {list-style-type: none;}
#main-content ol li {list-style-type: decimal;}
#main-content li li {margin-left: 25px;}
#main-content p {margin: 10px 0;}

#sidebar ul, #footer ul {margin-left: 15px;}
#sidebar ul li, #footer ul li {
list-style-type: none;
}

#sidebar ul li a:link, #sidebar ul li a:visited,
#footer ul li a:link, #footer ul li a:visited {color: #000000;}
#sidebar ul li a:hover, #footer ul li a:hover {color: #444; text-decoration: none;}

input, textarea {background: #f5f5f5; border: 1px solid #bbb; color: #999; margin: 10px 0; padding: 7px 10px;}
input#searchsubmit, input#submit {background: #ddd; border: 1px solid #999; color: #555; padding: 6px 10px;}
textarea#comment {width: 95%;}

/* generic classes */

.clear {clear: both;}
.center {text-align: center;}
.hidden {display: none;}
.justify {text-align: justify;}
.post-spt {border-top: 1px dashed #ccc; margin-bottom: 15px;}
.post-meta {}
.post-tag {margin: 10px 0;}
.sticky {background: #f6f6f6; border: 1px solid #ccc; margin: -10px -10px 10px -10px; padding: 0 10px;}
.sticky .post-meta {border: 1px solid #bbb;}
p.page-link span {border: 1px solid #ccc; padding: 3px 8px;}
p.page-link a:hover {text-decoration: none;}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.page .nocomments {display: none;}
.bypostauthor .fn {
font-weight: bold;
}

/* basic layout */

#wrapper {text-align: center;}

#container {
margin: 1px auto;
text-align: left;
width: 991px;
}

#header {
width : 100%;
height: 501px;
background: url(images/header.png);
background-repeat:none;
}

#header-title {
padding: 45px 0 0 40px;
width : 400px;
height: 200px;
text-align: justify;
}

#header-title h1 {
font-size : 3.5em;
letter-spacing:2px}
#head-desc {
margin-top: 5px;
font-size : 1.4em;
letter-spacing:3px}


#head-nav {
width : 100%;
height: 90px;
background: url(images/menu.png);
background-repeat:none;
margin: 0 0 20px 0;
padding: 0 0 0 570px;
}


#content{
width:100%;
display:table;
background: url(images/content.png);
background-repeat: repeat-y;	
}

#main-content {
display:table-cell;
float: left;
margin: 0 0 50px 50px;
width: 550px;
}
#sidebar {
display:table-cell;
float: right;
margin: 0 50px 50px 0;
width: 300px;
}

#footer {
margin : -10px 0 0 0;
background: url(images/footer.png);
background-repeat: no-repeat;
height: 60px;
}

#footer-credit {
padding : 15px 0 0 0;
text-align: center;
line-height: 28px; 
margin: 10px 20px;
color: #FFFFFF;}

#footer-credit a{
color: #FFFFFF;
}

#footer-credit a:visited {
color: #FFFFFF;
font-weight : normal;
text-decoration: none;
}

#footer-credit a:hover {
color: #E2E2E2;
font-weight : normal;
text-decoration: none;
}


/* head nav */

#head-nav ul li {
float: left;
font-size: 20px;
margin: 10px 20px 0 0
}
#head-nav ul li a {
color: #000000;
display: block;
}

#head-nav ul li a:visited {
color: #000000;
display: block;
}

#head-nav ul li a:hover {
color: #444;
text-decoration: none;
}

/* page nav and more link */

.older a:link, .older a:visited {float: left;}
.newer a:link, .newer a:visited {float: right;}
.page-nav {margin-top: 10px;}

a.more-link:link, a.more-link:visited {
float: right;
margin-bottom: 10px;
}

/* miscelaneous */

blockquote {
border-left: 2px solid #ccc;
color: #888;
margin: 15px 0 15px 60px;
padding-left: 10px;
}
dl dt {font-weight: bold; border-bottom: 1px dashed #aaa;}
dl dd {margin-left: 60px;}
code {color: #B03535;}
pre, code {font-size: 1.3em; margin: 15px 0;}
.kunci {color: #aaa;}

/* widget */

.widget {margin-bottom: 15px;}
.widget_author img {border: 1px solid #ccc; float: left; margin-right: 10px; padding: 5px;}
.search-box {border: 1px solid #ccc; padding: 0 10px; text-align: center;}

table#wp-calendar {text-align: center;}
table#wp-calendar caption {font-size: 1.5em; margin-bottom: 10px; text-align: center;}
table#wp-calendar thead tr th {background: #eee; border: 1px solid #ccc; font-weight: bold; padding: 4px 13px;}
table#wp-calendar td {border: 1px solid #ccc; padding: 4px 13px;}
#today {background: #eee;}

/* images and captions */

#main-content img {
height: auto;
max-width: 488px;
}
img.centered {display: block; margin: 10px auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

.wp-caption {border: 1px solid #ccc; padding-top: 4px; text-align: center; margin: 10px;}
.wp-caption img {margin: 0; padding: 0;}
.wp-caption p.wp-caption-text {margin: 0; line-height: 17px;}

/* comment list */

#main-content ol.commentlist {margin-left: 0px;}
#main-content ol.commentlist li {
border: 1px solid #bbb;
list-style: none;
margin: 15px 0;
padding: 10px;
}
li.odd {background: #f8f8f8;}
.commentlist li img.avatar {border: 1px solid #aaa; width: 32px; height: 32px;}
#main-content ul.children li {margin-left: 70px;}
.comment-author {}
.comment-meta {border-bottom: 1px solid #ddd; text-align: right;}
.comment-reply-link, #cancel-comment-reply-link {border: 1px solid #aaa; padding: 3px 10px;}

/* comment form */

.required {color: red;}
#respond input {display: block;}

#sum {
	font-size:16px;
	font-style: italic;
	border-bottom: dashed #E2E2E2 1px;
	text-align: justify;
	margin-bottom: 20px;
}

.thumb {
	padding-top: 20px;
	width: 320px;
	float: left;
	display: table-cell;
}

.summ {
	width: 230px;
	float: left;
	display : table-cell;
}

.follow {
	width: 100%;
	text-align: right;
}


#social {
	width: 100%;
	text-align: center;
}

#social .img {
	padding: 0 20px;
}