/*   
Theme Name: Teematik
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: 13px;
    	line-height: 19px;
   	
	background: transparent url(http://www.hellahernberg.com/wp-content/uploads/2009/11/home2.jpg) top center;
	
}


input, textarea {
    font-family:Georgia, serif;
}


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

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


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

#header 


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

	
background: url(http://www.hellahernberg.com/wp-content/uploads/2009/11/xeroxlogo-200px.png) no-repeat top left;

	
	font-family:Times new roman, serif;
    	font-weight:normal;
	font-size: 15px;
	letter-spacing: .02em;
	
	width: 560px;
	height: 60px;

	position: relative;
	left:30px;


    	text-indent:-1000px;
	


}




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

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

#blog-description {
   		    	

 font-style:normal;
    padding:0px 0px 0px 0px;
    color: #000; 
    font-size: 11px;

}




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

.skip-link {
    display:none;
}
#access {
	padding-left: 40px;
    	border-bottom:none;
	/*default: border-bottom:1px solid #ccc;  sivun levyinen viiva!*/

    	height:20px;
    	font-size:12px;
	
    	overflow:visible;
    	z-index:100;

	

	
	/*vasemmassa nurkassa:
	left: 720px;
	top: -120px; */

}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}



/*** THEMATIC SKIN ***/
.sf-menu {
    border-right:none;
	float:left;

}
.sf-menu a {
	border-left:none;
	border-top: none;
	border-bottom:1px solid #000;
	padding:3px 5px;
	margin: 6px 6px 6px 6px;
	text-decoration:none;
	
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    	border-bottom-color:#000;
	/* muokattu*/
	background:		none;

}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
	background-color: 	#fff;
}

.sf-menu a:hover {
    color: #FF4B33;
	
}

.sf-menu li {
	background:		none;
	/* muokattu #fff*/
}
.sf-menu li li {
	background:		#fff;

}
.sf-menu li li li {
	background:		#fff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #fff;
	outline:		0;

    border-bottom-color:#000;
}
.sf-menu ul {
    border-right:none;
    border-bottom:none;

}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#fff;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #FF4B33;
	text-decoration: underline;
}




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

#main { 
	width: 930px ;
	padding-top: 15px;
	

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


#container{

	background: #fff;
	width: 600px;  
}

/* body.slug-"sivunnimi" --> näin voi muokata yksittäistä sivua!!! */

body.slug-home #container{
    background: transparent;
}

body.blog #container,
body.single #container,
body.slug-written-on-the-wind #container,  body.slug-sample-sale-2 #container{
    width: 470px;
}


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

body.blog #content,
body.single #content,
body.slug-written-on-the-wind #content,
body.slug-sample-sale-2 #content,  body.slug-notice #content {
    width: 420px;
	margin: 5px 20px 0 25px;
}


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


.page-title {    
}

.entry-title {
    font-size:15px;
            line-height: 25px;
    font-weight:normal;
    font-family: Times New Roman, serif;
	text-decoration:  none;
	letter-spacing: .02em;
     Border-bottom: 1px dotted #000;
	padding: 20px 0 0 0;
}

/* blog entry julkaisutiedot */
.entry-meta  {
    	font-size: 11px;
	padding:  0 0 5px 0;
	
}

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

.entry-meta .author {
	display: none;
}

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

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

/* tiedot postin alaosassa */
.entry-utility,
.entry-utility a {
	display: none;
}

.entry-utility a:active,
.entry-utility a:hover {
    display: none;
}


.page-link {
font-family: Arial, sans serif;
    font-size:11px;
    font-weight:normal;
    line-height:18px;
    margin:0 0 22px 0;
    padding:0 0 0 0;
    word-spacing:0.5em;
}
.page-link a {
    border:none;
    color:#666;
    font-weight:normal;
    padding:0 0 0 0;
    text-decoration:none;
}
.page-link a:active,
.page-link a:hover {
    color: #FF4B33;
	text-decoration:underline;
}

/* =väliotsikot */
.entry-content h1, .entry-content h2 {
    font-family:Times New Roman, serif;

    font-size:20px;
    font-weight:normal;
}

.entry-content h3 {
	font-family:Times New Roman, serif;
    	font-size:11px;
	font-style: normal;
    	font-weight:normal;
	color: #666;
	padding: 0 0 0 0;
}
.entry-content h4 {
}

.entry-content h5 /*sama 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: #666;
}
.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;
	
    	line-height:14px;
	text-align: left;
	
}


.main-aside {
	width: 250px;
}

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

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

/*#FF4B33;*/
}

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


#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;
	border-bottom: dotted 1px #000;

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



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


}
.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;
	
}



/* =Footer
-------------------------------------------------------------- */
#footer {
    padding-top: 30px;
    padding-left: 20px;
    border-top:none;
    margin-top:22px;
}
#siteinfo {
    
    color:#fff;
    font-size:11px;
letter-spacing: .02em;

    line-height:18px;
    
    padding:22px 0 44px 0;
}
#siteinfo a {
    color:#fff;
}
#siteinfo a:active,
#siteinfo a:hover {
    color: #FF4B33;
}