/* $Id: local_sample.css,v 1.2.2.2 2009/12/22 06:47:47 jwolf Exp $ */

/* Local CSS
-------------------------------------------------------------- */

/**
 * Put your custom css and css overrides in this file and
 * rename it local.css. By restricting your css changes 
 * to local.css, your changes will not be overwritten when
 * upgrading to a new version of this theme.
 *
 *  Steps to activate local.css:
 *  1. Add your custom css to this file.
 *  2. Rename this file to local.css  
 */
 
html {
  background: #f3ecec;                               /* background & font color */
  color: #666;
  min-width: 975px;
}



#main-wrapper {
  background: #f3ecec url('images/content-gradient.png') repeat-x 0 1px;
}



/**
 * HOW TO ADD ICONS TO BLOCKS
 *
 * Below is an example of adding an icon to a custom block.
 * To add an icon to your custom block follow these steps:
 * 1. Place your 48x48 icon into the icons folder that came with the theme
 * 2. Copy & paste the example below into the theme's local.css file
 * 3. Find your block's id & delta (e.g., block-block-1) - use Firebug!
 * 4. Replace the block id & delta with the id & delta of the custom block you want to add an icon to
 * 5. Add the name of your icon file to the block's background url (e.g., url('icons/name-of-icon.png'))
 * 
 * NOTE: When upgrading to a newer version of this theme, changes made to this file will be overwritten.
 * You should put your custom block & icon styles in local.css (see: the local_sample.css file for more details).

#block-block-1 div.block-icon {
  background: transparent url('icons/name-of-icon.png') no-repeat left center;
}

*/


#block-views-medieval_2009-block_1 div.block-icon {
  background: transparent url('icons/tnt_icon_05.png') no-repeat left center;
}

#block-cumulus-0 div.block-icon {
  background: transparent url('icons/tnt_icon_03.png') no-repeat left center;
}

 #preface-wrapper h2.block-title {
background-color:transparent;
color:#996633;
font-size:1em;
padding:0;
	}

#header #search-box {
  background-color: #E1E1E1;
  border: 1px solid #CCCCCC;
  float: right;    /* LTR */
  padding: 8px;
  position: relative;
  top: 0;
  width: 20em;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px; 
}

#header #search-box input.form-text {
  height: 14px;
  padding: 4px 2px;
  width: 166px;
}


/* theming for header search box */
#header #search-box input.form-submit {
  background: #EFEBE7;
  border: 1px solid #ccc;
  color: #194765;
  cursor: pointer; 
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  outline: none;
  padding: 3px 3px 2px;
  text-transform: none;
  -moz-border-radius: 0;
  -moz-outline-radius: 0;
  -webkit-border-radius: 0;
}

#header #search-box label,
#header #search-box a.advanced-search-link {
  display: none;
}

#preface-wrapper h2.block-title {
  background-color: transparent;
  color: #cc9966;
  font-size: 1em;
  padding: 0;
}

body.layout-first-main-last #content-wrapper #sidebar-last {
  background-color: #f3ecec;
  margin: 0;
  padding: 0 0 0 20px;    /* LTR */
  width: 280px;
}

/* rounded blocks styles -= layout-first-main-last & layout-first-main blocks */
#sidebar-first h2.block-title,
#sidebar-last h2.block-title,
#postscript-wrapper h2.block-title {
  background-color: #cc9966;
  color: #fff;
  padding: 8px 8px 6px 46px;
  text-align: right;
  text-shadow: #545454 1px 1px; 
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

#primary-menu ul.menu li ul li {
  background: #cc9966;
  border-bottom: 1px solid #83A638;
  float: left;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.916em;
  height: auto;
  margin: 0;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  border-bottom: 4px solid #cc9966;
  color: #27638C;
  padding-bottom: 2px;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  border-bottom: 4px solid #cc9966;
  color: #27638C;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.secondary li a:hover {
  border-bottom: 4px solid #cc9966;
  color: #4A95C8;
  padding-bottom: 2px;
}

#legal-notice {
  display: none;
}

#comments .odd {
  background-color: #f3ecec;
  border: 1px solid #ddd;
}

#postscript-wrapper.postscripts-3 div.column {
  float: left;    /* LTR */
  padding: 0 8px;
  width: 32%;
} 

div.views-field-title {
  font-size: 1.2em;
  font-weight: 600;  /* 500=normal */
}