/*   
Theme Name: Teema
Description: A Child Theme of Thematic
Template: thematic
*/
@import url(../thematic/style.css);

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors --> täältä tulee myös perustekstiasetukset---- */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');





/* Global Elements (perustekstiasetukset) 
----------------------------------------------------------------*/
body {
    	font-family:Times New Roman, serif;
    	font-size: 14px;
    	line-height: 21px;
	background:	transparent url(http://www.hellahernberg.com/udm/wp-content/uploads/2009/09/TAUSTA090916B.jpg) repeat top center;
	/*muista muuttaa kuvan osoite*/
	
}

input, textarea {
    font-family:Times New Roman, serif;
}


blockquote {
    color:#000;
    font-style:italic;
}

a:active,
a:hover {
	color: #FF4B33;
}


/* =Header = eli sivun yläosa 
-------------------------------------------------------------- */

#header 
#branding { padding: 30px 0 0 0;  }
#blog-title {

    	background: url(http://www.hellahernberg.com/udm/wp-content/uploads/2009/09/logovalk.png) no-repeat top left;
	/*muista muuttaa kuvan osoite*/

	position:relative;
	left: 40px;
		
	text-indent:-9000px;

	font-family: Times New Roman, serif;
    	font-size: 30px;
 	font-weight:normal;
    	letter-spacing: .04em;
    	font-style: normal;
	Text-decoration: underline;
	
	width: 860px;
	height:230px;
}


#blog-title a {
    color: #000;
    text-decoration:none;
}

#blog-title a:hover{
color: #FF4B33;
}

#blog-description {
   		    	

 font-style:italic;
    padding:0px 0px 0px 0px;
    color: #666; 
    font-size: 11px;

}




/* =Menu
-------------------------------------------------------------- */

.skip-link {
    display:none;
}
#access {
    	border-bottom:none;
	/*default: border-bottom:1px solid #ccc;  */

    	height:32px;
    	font-size:13px;
    	overflow:visible;
    	z-index:100;
}


/*** THEMATIC SKIN ***/
.sf-menu {

        display: none;
}


/* =Content
-------------------------------------------------------------- */

#main { 

	padding-top: 0;

	width: 860px 
	

/* koko sivun leveys, default:960px,	 */ 
	
}


#container{

	background: #FFF;
	width: 600px; 

}



#content {   
	width: 560px; 
	margin: 20px 20px 20px 20px;
}



/*.p1 is the first post on any page—even if there is only 1 post. .hentry is any post */


.page-title {    
}

.single .hentry {
    
}

.entry-title {
    font-size:23px;
            line-height: 18px;
    font-weight:normal;
    font-family: Times New Roman, serif;
	text-decoration:  none;
     
}

/* blog entry julkaisutiedot */
.entry-meta  {
    	font-size: 11px;
    
	/* padding:  0 0 5px 0; */
	Border-bottom: 1px solid #000;
}

.entry-meta a:active,
.entry-meta a:hover {
    	text-decoration: underline;
}

.entry-meta .author {
	
}

.entry-meta .meta-sep /* =väliviivat */ {
	font-size: 11px;
}

.entry-meta abbr {
	font-size: 11px;
}

/* tiedot postin alaosassa */
.entry-utility,
.entry-utility a {
	font-size: 11px;
        margin-top: 10px;
}

.entry-utility a:active,
.entry-utility a:hover {
    text-decoration: underline;
}

.entry-content {
    padding:22px 0 10px 0;
   
}

/* =väliotsikot */
.entry-content h1/*sama kuin blogin otsikko*/{
font-size:23px;
            line-height: 18px;
    font-weight:normal;
    font-family: Times New Roman, serif;
	text-decoration:  none;
}

.entry-content h2 {
    font-family:Times New Roman, serif;

    font-size:20px;
    line-hight: 15 px;
    font-weight:normal;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}

.entry-content h3 /* pieni harmaa teksti */{
	font-family:Times New Roman, serif;
    	font-size:11px;
	font-style: normal;
    	font-weight:normal;
	color: #505050;
	padding: 0 0 0 0;
}

.entry-content h4 /*harmaa teksti kursiivilla: sarjojen kuvaus */{
    font-size:14px;
    line-height: 21px;
    font-family:Times New Roman,serif;
    font-weight:normal;
    text-transform:none;
    font-style: italic;
    letter-spacing:0em;
    color: #505050;

}

.entry-content h5 /*hsama kuin kuvateksti*/{
color:#000;
	font-family: Arial, sans serif;
    	font-size:11px;
	letter-spacing: .02em;
    	line-height:16px;
	text-align: left;
}
/* a= linkit */

.entry-content a {
	font-size: ;
	text-decoration: none;
	color: #000;
       Border-bottom: 1px solid #000;
}
.entry-content a:hover{
	Color: #FF4B33;
        Border-bottom: 1px solid #FF4B33;
}


/* kuvatekstit */
.wp-caption-text,
.gallery-caption {
	color:#000;
	font-family: Arial, sans serif;
    	font-size:11px;
	letter-spacing: .02em;
    	line-height:16px;
	text-align: left;
	
}


.main-aside {
	width: 200px;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
    color:#666;
    font-size:11px;
    line-height:18px;
    margin:0px 0 22px 0;
    overflow:hidden;
}
.navigation a {
    color:#fff;
    font-style:normal;
    text-decoration:none;
	background-color: #666;
padding: 2px 2px 2px 2px;
}
.navigation a:active,
.navigation a:hover {
    
	color: #000;
        background-color: #FFFF00;
}


/* =Comments
-------------------------------------------------------------- */



#comments {
    padding:0 0 0 0;
}
#comments,
#comments input,
#comments textarea {
    font-size:13px;
    line-height:16px;
	color: #666;
}
#comments code {
    font-size:11px;
    line-height:16px;
	color: #666;
}
#comments h3 {
    font-family:Times new roman, serif;
    font-size:13px;
    font-weight:normal;

    line-height:18px;
	text-decoration: none;
    padding:0 0 0 0;
}

#comments-list {
    padding:0 0 0 0;
}

#comments-list ol {
    	border:1px solid #000;
    	border-left:none;
	border-right: none;
    	margin:0 0 0 0;
	
}

#comments-list li {
    	background:#fff;
    	border-bottom:1px solid #000;
	

}

#comments-list li.bypostauthor {
    background:#F8F8F8 ;
}


/* vanha
-------------------------------------------------------------- 


#comments {
    padding:0 0 0 0;
}
#comments,
#comments input,
#comments textarea {
    font-size:13px;
    line-height:18px;
}
#comments code {
    font-size:12px;
    line-height:18px;
}
#comments h3 {
    font-family:Times new roman, serif;
    font-size:15px;
    font-weight:bold;
    line-height:18px;
	text-decoration: none;
    padding:0 0 0 0;
}
#comments-list {
    padding:0 0 0 0;
}

#comments-list ol {
    	border:1px solid #000;
    	border-left:none;
	border-right: none;
    	margin:0 0 0 0;
	
}

#comments-list li {
    	background:#fff;
    	border-bottom:1px solid #000;
	

}

#comments-list li.bypostauthor {
    background:#F8F8F8 ;
}
*/

/* =Asides (widgetized areas)
-------------------------------------------------------------- */




.aside ul { /*ensimmäinen sivuwidget*/
   	
    	font-size: 13px;
	line-height: 18px;
    	color: #000;
	border: none;


}

.aside {
    color:#000;
}
.aside a {
    color:#000;
	background-color: #fff;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;

}
.aside a:active,
.aside a:hover {
    color: #FF4B33;
    text-decoration: none;
    border-bottom: solid 1px #FF4B33;
}



.aside h3 {
    font-size:14px;
    line-height: 21px;
    font-family: Times new roman, serif;
    font-weight:normal;
    letter-spacing: .02em;
    font-style: normal;
	text-decoration:underline;
    margin-bottom: 5px;
   margin-top:10px;
	border-bottom: none;


}
.aside ul ul {
    	list-style:none;
 	margin:0 0 22px 0;
	font-style: italic;	
	
}

/*
    Main Asides
-----------------*/
.main-aside ul {
    padding:0 20px;
}
.main-aside h3 {
}
.main-aside ul ul {
    padding:0;
}

#primary {
	
	border: none;
    	/*border:1px solid #ccc; */
    	padding:18px 0 0 0;
    	margin-bottom:22px;
	background-color: #fff;
}



/* =Footer
-------------------------------------------------------------- */

#footer {
    }
#siteinfo {
  }
#siteinfo a {
  
}
#siteinfo a:active,
#siteinfo a:hover {
   }