/*   
Theme Name: IT-oikeus subtheme
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Mtakada
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* 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 */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

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


#header{
  background-image:url('./images/top.png');
  background-repeat:repeat-x;
}
#access{
  background-image:url('./images/menu.png');
  background-repeat:repeat-x;
}

#footer{
  background-image:url('./images/footer.png');
  background-repeat:repeat-x;
}
/* reduce top padding */
#branding {
padding: 0px 0px 6px;
}

.main-aside {
   clear:right;
}

.aside {
   margin-bottom: 0px;
}

/* recolor menu */
/* Base */
.sf-menu li {
  background-image:url('./images/menu.png');
  background-repeat:repeat-x;  
}
.sf-menu a, .sf-menu a:visited {
  color: white;
}

.sf-menu li.current_page_item a {
  background-color: #e86821;
}

/* Submenu */
.sf-menu ul a {
  background-color: #f2f2f2;
  color: black;
}
.sf-menu ul a:hover {
  color: white;
}

.sf-menu li li a, .sf-menu li li a:visited {
  color: black;
}
/* hover */
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background-color: #e86821;
  /* fill in the gap   border-bottom: 1px solid #e86821; */

}

/** position logo **/
#logo-image {
  padding-top: 0px;
}

/** headers are blue **/
.entry-title a, h1.entry-title {
  color: #2a83c5;
}

/** menu doesnt need borders **/
.sf-menu {
  border-right: 0px none;
}

.sf-menu a {
  border-bottom: 0px none;
  border-left: 0px none;
  border-top: 0px none;
}

/* remove 1px border between access and random-image */
#access {
  border-bottom: 0px none;
  height: 31px;
}
/** remove gap **/
.sf-menu ul {
  border-bottom: 0px none;
}
/* position the random image element */
#random-image-area {

/*
  clear:both;
  */  
  position:relative;
  background-image:url(./images/img_bg.jpg);
  background-repeat:repeat-x;
}

#random-image {
  margin:0 auto;
  overflow:hidden;
  width:1000px;

}

/** reduce padding of main **/
#main {
   padding: 12px 0px 22px;
}

.entry-content img {
   margin: 0px 0px 0px;
}

/** Sidebar **/

#primary {
  border: 0px none;
  margin-bottom: 0px;
  padding: 0;
}

.widgetcontainer h3 {
  background-color: #efefef;
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-style: normal;
  font-size: 13pt;
  font-family: Arial;
  margin-bottom:16px;
} 

ul.xoxo {
  padding: 0;
}
ul.xoxo li.widgetcontainer {
  border:1px solid #CCCCCC;
  margin-bottom:22px;
  padding:18px 0 0;
  border-top: 5px solid #d6d6d6;
  padding: 0;
  background-color: #fafafa;
}


ul.xoxo ul {
  padding-left: 0px;
  padding-right: 5px;
  /* list-style-type: none; 
    margin-left: 7px;*/ 
  list-style-image: url(./images/it-bullet.png);
  margin-left:28px;
  margin-right: 7px;
}
ul.xoxo ul li {
  padding-top: 4px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #b0b0b0;
}
ul.xoxo ul li a{
  color: #2980c3;
  text-decoration: none;
}
ul.xoxo ul li a:hover {
  text-decoration: underline;
}