/*
Theme Name: Die Rhônebarken
Theme URI: http://giotas.eu/
Description: Theme based on Van Gogh's painting
Version: 1.0
Author: Dimitris Giotas
Author URI: http://giotas.eu/

	Die Rhônebarken v1.0
	http://giotas.eu

	This theme was designed and built by Dimitris Giotas,
	whose blog you will find at http://giotas.eu/

*/
/* RESET CSS */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* Begin Typography & Colors */
/*body	{font-size:75%; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; background:#fff; color:#312d24; text-align:center;}*/
body	{font-size:75%; font-family:Helvetica, Arial, sans-serif; background:#efefef; color:#666; text-align:center;}
a	{color:#000;}
a:hover	{text-decoration:none;}
a:visited	{text-decoration:underline; color:#333;}
hr	{display:none;}
input,
select,
textarea {font-size: 100%; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; padding:1px; border: 1px solid #666; background-color:#efefef; color:#666}
acronym, abbr	{border-bottom:1px dotted #666;}

#Container	{width:100%; display:block; text-align: left; margin: 0 auto; border-top:10px solid #666}

#HeaderWrapper	{display: block; width: 100%; margin:0; height:100px; padding:15px 0 0;}
#Header	{display: block; width: 960px; margin:0 auto;}

p#breadcrumbs {display: block; width: 730px; margin:0 auto; padding:10px 10px 10px 220px;}

#Logo	{display: block; float:left; width:220px; height:88px;}
#Logo h1,
#Logo h1 a	{display:block; float: left; width:220px; height: 88px; text-decoration: none;}
#Logo h1	{background:transparent url(images/dgiotas.png) no-repeat 65% bottom;}
#Logo h1 a	{text-indent:-50000px;}
#Logo .Description {display: none;}

#Menu	{display: block; float: left; font-size: 1em; margin-top:50px;}
#Menu ul	{display: block; float: left; margin:0;}
#Menu ul li	{display: block; float: left; margin:0; border-right: 1px solid #6c7f80}
#Menu ul li.First	{border-left: 1px solid #6c7f80}
#Menu ul li a {display: block; float: left; padding:9px 10px; color:#666; text-decoration: none; text-transform: uppercase; font-weight:bold; letter-spacing:0.1em;}
#Menu ul li a:hover,
#Menu ul li a.Selected {color:#000; text-decoration:underline;}

#Search {display: block; float: right; height:20px; text-align: right; padding:5px 0 0; margin-top:50px;}
#Search label {display: none;}
#Search button,
#PageSearch button	{background-color:#666; text-align:center; width:18px; height:18px; padding:0; border:0px; vertical-align:middle;}
#Search input,
#PageSearch input	{vertical-align:middle; border-color:#666; background-color:#efefef; padding:1px}
#PageSearch	{margin-left:210px; margin-bottom:15px;}

#Content {display: block; clear: both; width:960px; margin:20px auto 0;}
#Container .Homepage {margin-top:0;}

.post,
.Post	{display: block; width:98%; padding:0 1%; clear:both;}
.List .post,
.List .Post	{margin-bottom:1em; padding-top:1em; border-top:1px dotted #666;}

span.amp {font-family:Plantin,"Plantin std","Plantin","Baskerville","Goudy Old Style","Palatino","Book Antiqua",serif !important; font-size:110% !important; font-style:italic !important;}

.PostMeta	{display:block; font-family: Georgia, Times, Serif; float:left; width:190px; padding:5px 0; margin:0; background-color:transparent; color:#666; text-align: left}
.PostMeta dt	{margin:0 0 5px; font-weight:bold; display:block; width:180px; font-style: italic;}
.PostMeta dd	{margin:0 0 15px; padding:0; display:block; width:180px; font-style:italic; line-height:1.4em;}
.PostMeta a	{text-decoration: underline; color:#000;}
.PostMeta a:hover {text-decoration:none; color:#222;}

.PostMeta .Date	{font-style: italic; font-size: 1.6em; margin:0 0 15px; }
.PostMeta .Comments	{background: transparent url(images/bg_comment.png) no-repeat 0 0; padding:0 0 0 18px; margin:0 0 15px; font-size:1.4em; font-style:italic;}
.PostMeta .Comments a	{text-decoration:none; font-weight: bold;}

.PostTitle	{margin-left:210px; display: block; background-color: transparent;}
.PostTitle h2,
.PostTitle h3	{font-size:2.5em; padding:0 0 5px; margin: 0 0 15px; color:#000;}
.Homepage .Post:first-child .PostTitle h2	{font-size:3.5em;}
.PostTitle h3	{font-size:2.3em}
.PostTitle a,
.PostTitle a:visited	{color:#222; text-decoration: none; font-weight: bold; text-decoration: none;}

.PageTitle	{display: block; background-color: transparent;font-size:2.5em; padding:0 0 5px; margin:0 0 15px 220px; color:#000; font-family:Georgia, Times, Serif; letter-spacing:-2px; font-weight:normal;}

.Entry	{margin-left:210px; display:block; line-height: 1.8em;}
.Entry h3,
.Entry h4,
.Entry h5,
.Entry h6	{font-size:1.8em; margin:1.1em 0 0.5em;}
.Entry h4	{font-size:1.6em;}
.Entry h5	{font-size:1.4em;}
.Entry h6	{font-size:1.2em;}
.Entry p	{margin-bottom:1.5em;}
.Entry em	{font-family: Georgia, Times, Serif;}
.Entry code	{display:block; margin:1.2em 0; padding:0.6em; font-family: Courier; background-color:#efefef;}
.Entry blockquote	{display:block; margin:1.2em 0; padding:0.2em 0 0.2em 1.2em; border-left:2px dotted #666; color:#666; font-size:1.4em;}
.Entry blockquote p {margin-bottom:0.2em;}
.Entry div.Image	{position:relative; left:-30px; max-width:780px; margin-bottom:1.5em;}
.Entry ul, .Entry ol	{margin:.2em 0 .2em 1.5em}
.Entry ul	{list-style:disc;}
.Entry ol	{list-style:decimal;}
.Entry a {color:#03414c;}
.Entry a:hover {color:#03414c; text-decoration:none;}
.Entry a:visited {color:#444;}

.Navigation	{display:block; padding:0;}
.Navigation .Previous	{float:left; display:block; width:50%;}
.Navigation .Next	{margin-left:51%; display:block; text-align:right;}
.Navigation a	{text-decoration:underline; padding:15px 0; display:block;}
.Navigation a:hover	{text-decoration:none;}

.CommentsWrapper	{display:block; background-color:#efefef; padding:5px 0; clear:both; border-top:15px solid #efefef;}
.CommentsWrapper h3	{margin:10px 0 15px; margin-left:210px; font-size:1.8em; padding:0 0 5px;}
.Comments	{display:block; line-height:1.8em}
.Comments li	{display:block; padding:10px 0; border-bottom: 1px dotted #666}
.Comments li .Avatar	{display:block; width:190px; float:left; text-align:right;}
.Comments li .Avatar img	{max-width:190px;}
.Comments li .CITE	{font-size:1.3em; display:block; line-height:1.5em}
.Comments li .commentmetadata	{font-style:italic; font-size:0.9em; margin-bottom:5px; display:block;}
.Comments li .CommentContent	{margin-left:210px; display:block;}
.Comments li.alt	{}

.CommentsWrapper form	{display:block; margin-left:210px; background-color:#efefef;}
label 	{display:block; float:left; padding:2px}
form p	{clear:left; padding:2px;}
.w30	{width:30%}
form button	{background-color: #3a6a73; padding:2px; border: 0px solid #fff; color:#fff; font-weight:bold;}

#CommentsForm {display:block; padding:10px 0 15px; background-color:#efefef; border-top:10px solid #efefef;}
#CommentsForm textarea {width:100%;}

#FooterWrapper	{border-top:10px solid #efefef; background-color:#cdcdcd; line-height:1.8em; clear:both; padding-top:15px;}
#Footer	{display:block; width:960px; margin:0 auto; padding:5px 0 15px;}
#Footer a	{}
#Footer a:visited	{text-decoration:none;}
#Footer a:hover	{text-decoration:none;}

#Footer .Column	{display:block; width:23%; padding:0 0.9%;}
#Footer .Left,
#Footer .Middle	{float:left;}
#Footer .Right	{margin-left:75%;}

#Footer h3	{font-size:1.2em; margin:0 0 0.4em; padding:0 0 0.2em; color:#666; font-family:Georgia, Times, Serif; letter-spacing:-1px; font-weight:normal;}
#Footer .Box	{margin-bottom:0.8em;}

.Clear	{display:block; width:100%; height:1px; font-size:1px; clear:both; line-height:1px; visibility:hidden;}