/* $Id: style.css,v 1.5 2010/04/07 00:20:58 danprobo Exp $ */




/* fonts
--------a------------------------------------------------------ */

@font-face {
	font-family: 'TeXGyrePagellaRegular';
	src: url('font/texgyrepagella-regular-webfont.eot');
	src: local('?'), url('font/texgyrepagella-regular-webfont.woff') format('woff'), url('font/texgyrepagella-regular-webfont.ttf') format('truetype'), url('font/texgyrepagella-regular-webfont.svg#webfontAfRnnQCQ') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: 'TeXGyreHerosRegular';
	src: url('font/texgyreheros-regular-webfont.eot');
	src: local('?'), url('font/texgyreheros-regular-webfont.woff') format('woff'), url('font/texgyreheros-regular-webfont.ttf') format('truetype'), url('font/texgyreheros-regular-webfont.svg#webfonts1QuWEVy') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'TeXGyreHerosBold';
	src: url('font/texgyreheros-bold-webfont.eot');
	src: local('?'), url('font/texgyreheros-bold-webfont.woff') format('woff'), url('font/texgyreheros-bold-webfont.ttf') format('truetype'), url('font/texgyreheros-bold-webfont.svg#webfont9lJYtsYM') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'TeXGyreHerosItalic';
	src: url('font/texgyreheros-italic-webfont.eot');
	src: local('?'), url('font/texgyreheros-italic-webfont.woff') format('woff'), url('font/texgyreheros-italic-webfont.ttf') format('truetype'), url('font/texgyreheros-italic-webfont.svg#webfonthYzg65YD') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* HTML & Body
-------------------------------------------------------------- */

body {
  	font-size: 90%;
  	font-family: Palatino, "Palatino Linotype", "TeXGyrePagellaRegular", Serif;
  	line-height: 1.4em;
  	color: #333;
        background: #334d66 url(images/copyleft.gif) no-repeat;
        margin: 0;
        padding: 0 0 0 100px;
}


/* Text elements
--------a------------------------------------------------------ */

p {font-size: 1em;}

a {
  	text-decoration: none;
        font-weight: bold;
}

a:link, a:visited {
  	color: #664c33;
  	text-decoration: none;
        font-weight: bold;
}

a:active {
  	color: #66334d;
  	text-decoration: none;
        font-weight: bold;
}

a:hover {
  	color: #664c3d;
  	text-decoration: underline;
        font-weight: bold;
}

.site-name a, .site-name a:link, .site-name a:visited, .site-name a:active, .site-name a:hover {

color: #333;
}


/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, .mission {
  font-family: "TeXGyreHerosRegular", helvetica, arial, sans-serif;
  }
  

h1 {
      margin: 0;
  	padding: 0;
	font-size: 1.8em;
        line-height: 1.3em;
}

.site-name {
  width: 560px;
}


h2 {
      margin: 0;
  	padding-top: 20px;
	padding-bottom: 5px;
	font-size: 1.5em;
      line-height: 1.3em;
}

h3 {
      margin: 0;
  	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 1.2em;
}

h4 {
      margin: 0;
  	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 1.1em;
}


img.visual { 

border: 1px solid #999;
}

/* Layout
-------------------------------------------------------------- */

#wrapper {
  	width: 760px;
  	margin: 0 20px 0 90px;
        border-right: 1px solid #333;
        border-top:1px solid #333;
        border-bottom: 1px solid #333;
  	text-align: left;
        padding: 0 20px 0 20px;
        border-left: 2px solid #333;
        background-color: #fff;
}


/* Main area + Sidebar regions
-------------------------------------------------------------- */

#content { 
  	float: left; 
  	width: 500px;
  	padding-bottom: 20px;
  	padding-top: 10px;

}

#content .title {
	border-bottom: 4px double #eee;
  	padding-bottom: 10px;
}

.breadcrumb {
 	padding-left: 10px;
}

#sidebar { 
  	float: left; 
  	width: 200px;
  	padding: 28px 0 20px 40px;
	font-family: "TeXGyreHerosRegular", helvetica, arial, sans-serif;
        font-size: .9em;
}

#sidebar h2 {
  	font-size: 1em;
  	font-weight: normal;
  	text-transform: uppercase;
  font-family: "TeXGyreHerosRegular", helvetica, arial, sans-serif;
  	border-bottom: 1px solid #eee;
}

.node {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}

.node .title a:hover {
	color: #772124;
}

.node .title a {
	color: #333;
}






/* Header + Menu
-------------------------------------------------------------- */

#header {
  	padding: 20px 0 0 0;
}

#menu {
 	padding: 0 0 5px 0;
  	border-bottom: 3px solid #33664d;

}

#nav {
  	font-size: 1.1em;
  	font-family: "TeXGyreHerosRegular", helvetica, arial, sans-serif;
}

#nav ul {
  	padding: 0 0 0 20px;
  	position: relative;
}
#nav ul li {
  	float: left;
  	margin: 0 0 0 15px;
}
#nav li a:link, #nav li a:visited {
  	color: #333;
  	text-decoration: none;
}

#nav li a:hover {
  	color: #772124;
  	text-decoration: none;
  	padding-top: .1em;
  	border-top: 4px solid #772124;
}

#nav li.active-trail a
{
  	color: #772124;
  	text-decoration: none;
  	padding-top: .1em;
  	border-top: 4px solid #772124;

}


/* Misc.
-------------------------------------------------------------- */


#block-node-0 img, .feed-icon {
  	float: left; /* LTR */
  	padding-top: 10px;
}

div.links ul.links a {
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-bottom: 5px;
}


#notice {
	font-size: 0.8em;
	text-align: right;
	
}

#notice a {
	text-decoration: underline;
}


#filter-filter-1 {
	padding-bottom: 20px;
}




/* Lists
-------------------------------------------------------------- */

ul {
margin: 0.5em 0 1em;
padding: 0;
}

ol {
margin: 0.75em 0 1.25em;
padding: 0;
}

ol li, ul li {
margin: 0.4em 0 0.4em .5em; 

}

ul.menu, .item-list ul {
margin: 0.35em 0 0 -0.5em; 
padding: 0;
}

ul.menu ul, .item-list ul ul {
margin-left: 0em; 
}

ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
margin: 0.15em 0 0.15em .5em; 
}

ul li, ul.menu li, .item-list ul li, li.leaf {
padding: 0 0 .2em 1.5em;
list-style-type: none;
list-style-image: none;
background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; 
}

ol li {
padding: 0 0 .3em;
margin-left: 2em; 
}

ul li.expanded {
background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; 
}

ul li.collapsed {
background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em; 
}

ul li.leaf a, ul li.expanded a, ul li.collapsed a {
display: block;
}

ul.inline li {
background: none;
margin: 0;
padding: 0 1em 0 0; 
}

ol.task-list {
margin-left: 0; 
list-style-type: none;
list-style-image: none;
}
ol.task-list li {
padding: 0.5em 1em 0.5em 2em; 
}
ol.task-list li.active {
background: transparent url(images/task-list.png) no-repeat 3px 50%; 
}
ol.task-list li.done {
background: transparent url(../../misc/watchdog-ok.html) no-repeat 0px 50%; 
}
ol.task-list li.active {
margin-right: 1em; /* LTR */
}

fieldset ul.clear-block li {
margin: 0;
padding: 0;
background-image: none;
}

#user-login-form {
text-align: center;
}
#user-login-form ul {
text-align: left; /* LTR */
}

ul.links li, ul.inline li {
background-image: none;
}

.links li {
margin: 0;
padding: 0;

}

.tabs li {
margin: 0;
padding: 0;
background-image: none;
}



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

#footer {
  	color: #666;
  	clear: both;
  	border-top: 1px solid #eee;
  	padding: 5px;	
  	display: block;
  	font-size: 0.86em;
        width: 500px;

}

#footer a {
	text-decoration: underline;
}

#footer h2, #footer h3 {
	padding-top: 0px;
}

#footer .content {
	padding-top: 0px;
}

#footer h2 {
  	font-size: 1em;
  	font-weight: normal;
  	text-transform: uppercase;
  	font-family: "TeXGyreHerosRegular", helvetica, arial, sans-serif;
}

p.figure {
  font-size: .8em;
  font-weight: bold;
}

sup { text-decoration: underline;}

.data td {
font-size: .9em;
}

