/*
Theme Name: Haikalan puutarha
Author: aino
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");

body {
background-color: #81ac48; /* Old browsers */
background: -moz-linear-gradient(-45deg, #c9de96 0%, #81ac48 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#c9de96), color-stop(50%,#81ac48)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #c9de96 0%,#81ac48 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #c9de96 0%,#81ac48 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #c9de96 0%,#81ac48 50%); /* IE10+ */
background: linear-gradient(135deg, #c9de96 0%,#81ac48 50%); /* W3C */

}

/*FOR HEADER*/

div#logo a img {
float:right;
height:50px;
width:auto;
margin-top:15px;
padding-right:2.3em;
display:inline;

}

#site-title{
padding:2.65625em 0 0;
padding-bottom:1.656em;

display:inline-block;
}
#site-description{
margin-bottom:0.625em;
}

.page-title{

font-size:1.5rem;
padding:0em;
}

h3.page-title {
margin-bottom: 0.5em;
margin-top: 1em;
text-align:left;
}


h1, h2, h3, h5, h6{
font-family: "Adobe Garamond Pro",Garamond,Palatino,"Palatino Linotype",Times,"Times New Roman",Georgia,serif;
font-style:italic;
}

p{
    font-family: "Adobe Garamond Pro",Garamond,Palatino,"Palatino Linotype",Times,"Times New Roman",Georgia,serif;
    line-height: 180%;
    font-size:1rem;
}




#access {
	
  text-transform:uppercase;
}
#access a{

padding: 0px 2.2125em;
}


#right,#left{
border-style:none;
border-width:medium;
color:#81ac48;
}


#newPosts_dyn{
position:absolute;
top:0px;
}


div.threecolumn {
  width:250px;
  display:inline-block;
  vertical-align:top;
  margin-left:15px;
  margin-right:15px;
  text-align:left;
}

div.columncontainer{
font-size:0px;
clear:both;
text-align:center;
}


div#primary {
 padding-bottom: 3.625em;
}

.threecolumn h3 {
font-size:1.25rem;
font-weight:bold;
text-decoration:none;
color:rgb(55, 55, 55);
padding-top:1.65rem;
padding-bottom:0.5rem;
text-align:left;
}

.threecolumn h2 {
font-size:1.5rem;
font-weight:bold;
text-decoration:none;
color:rgb(55, 55, 55);
padding-top:1.65rem;
padding-bottom:0.5rem;
}

.threecolumn p {
font-size:0.85rem;
padding-right:0.85rem;
}

.threecolumn .entry-content {

padding-top:1em;
margin-left: 0;
padding-left:0.5em;

}

.sticky{
margin-bottom:1.3em;
}

.sticky img {
display:inline-block;
  vertical-align:top;
  width:49%;
  min-width:300px;
}
.stickytext{
max-width: 414px;
padding-left:10px;
display:inline-block;
vertical-align:top;
}

.sticky h2.entry-title {
font-size:2em;
}

/*etusivun iso kuva*/
#isokuva img{
 float:left;
 width:50%;
 height:auto;
 margin-top:10%;

}


#isokuvacont{
margin-bottom:3.5em;
}

#isokuva, #isokuvatext{

  padding-left:1em;
  padding-right:1em;
}



#isokuvatext{
   float:left;
   width:35%;
   max-width:350px;
   margin-right:10%;
   font-size:1rem;
 
}

#overlaytext .entry-title {
 color:rgb(102, 102, 102);
}


.post-thumbnail img{
width:100%;
}

.catmenu {
    width:100%;
    padding: 15px 0 20px;
    list-style:none;

}
.catmenu li a {
    font-size:1.25em;
     display: block;
		padding: 8px 15px;
		text-decoration: none;
		font-weight: bold;
		color: #069;
		border-bottom: 1px solid #ccc; }

    .catmenu a:hover {
            color: #c00;
		background-color: #fff;
        }

 footer {
 background-color:rgb(204, 204, 204);
 font-size:0.75rem;
 margin-top:1.25rem;
 }
 
 footer p{
  font-size:0.75rem;
  padding-top:1.2rem;
 }
 #footerimg{
 float:left;
 display:inline;
 margin-right:1rem;}
 
/*kommenttiboksi*/
#respond {
width:90%;
}
.omawidget li{
list-style:none;
} 

.omawidget h4 {
font-weight:bold;
padding-bottom:1em;
}

.omawidget .commentexcerpt{
font-style:italic;
line-height:100%;
}

.omawidget .commentheader {
font-weight:bold;
}

.entry-meta {
background-color:#f9f9f9;
}

div.omawidget h4{
font-size:0.75rem;
}

.alawidget{
width:28%;
display:inline-block;
vertical-align:top;
margin-left:1%;
margin-right:2%;
}

@media (max-width: 950px) {		

#isokuvacont {
  display:none;
}
}
@media (max-width: 430px){

h3.page-title{
letter-spacing:0em;
	line-height:1em;
	font-size:1em;
}

div.threecolumn {
width:100%;

}
div.threecolumn img{
width:100%;
}

.omawidget {
  display:none;
}
 }

/*#isokuva img{
 float:none;
 width:50%;
 min-width:90px;
 height:auto;

}

#isokuvatext{
   float:left;
   width:50%;
   max-width:350px;
   margin-right:10%;
   font-size:1rem;
 
}*/