/**** Base styles ****/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  overflow-y: scroll;
}

body { 
  font: 13px 'Helvetica Neue', Arial, sans-serif;
  background: #D8D5D2;
  color: #222;
  line-height: 1.6em;
}

a {
  color: #A2C;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #D26;
}

a:active {
  background: hsla( 0, 100%, 100%, 0.5 );
}

h1, h2 {
  font-weight: 100;
  line-height: 1.2em;
  margin-bottom: 0.6em;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 17px;
  font-weight: bold;
}

h3, p, ul, ol, pre, dl {
  margin-bottom: 1.0em;
}

strong { font-weight: bold; }


.pict_details {
	background-color:#f3f3f3;
	line-height: 18px;
    overflow: hidden;
    padding: 14px;
    position: relative;

}

.ombrethumb {
	height:7px;
	display:block;
	border:none;
}

#post_content{
	float:left;
	display:block;
 	width: 220px;
	padding-left:20px;
	margin-bottom: 20px;
	padding:  0 10px;	
}

.post_title {
	display:block;
	margin-top:50px;
	margin-bottom: 25px; 
	padding: 0px 20px;
	width:auto;
	min-height: 60px;
	font-size: 20px;
	text-align: right;
	border-right: 1px solid;
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	opacity:0.8;
	font-style: italic;
}


.post_description{
	padding-right:10px;
	font-size:12px;
	text-align:justify;
}

#plate{
	margin-top:50px;
	azimuth:center;
	text-align:center;
}

#container {
  padding: 5px;
  margin-bottom: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.centered { margin: 0 auto; }

.box {
  margin: 5px;
  font-size: 11px;
  float: left;
}

.box h2 {
  font-size: 14px;
  font-weight: 200;
}

.box img,
#tumblelog img {
  display: block;
  width: 100%;
}

.rtl .box {
  float: right;
  text-align: right; 
  direction: rtl;
}

.col1 { width: 180px; }
.col2 { width: 280px; }
.col3 { width: 380px; }
.col4 { width: 480px; }


.col1 img { max-width: 180px; }
.col2 img { max-width: 280px; }
.col3 img { max-width: 380px; }
.col4 img { max-width: 480px; }