/*

Color Theme
#D22B2B + #CCCCCC

Logo Font
Arial Bold 30px #D22B2B

*/

/*/ RESET STYLES /*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;}
img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul,ol {margin-top: 10px;margin-left: 30px;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}
h1,h2,h3,h4,h5,h6{font-size:100%;margin:0;padding:0;}

/*/ STICKY FOOTER

The #container-page element of this page has a min-height of 100%. 
That way, if the content requires more height than the viewport provides,
the height of #contents forces #container-page to become longer as well. 
Possible columns in #centered-container can then be visualised with a background image 
on #container-page; divs are not table cells, and you don't need (or want) the 
physical elements to create such a visual effect.

Because #container-page has a relative position, #footer will always remain
at its bottom; since the min-height mentioned above does not prevent #container-page
from scaling, this will work even if (or rather especially when) #centered-container forces
#container-page to become longer.

Since it is no longer in the normal flow, padding-bottom of #centered-container
now provides the space for the absolute #footer. This padding is included in the
scrolled height by default, so that the footer will never overlap the above content.
*/

/*/ LAYOUT /*/

#top-containers {
	clear: both;
	margin-top: 0;
	height: 70px;
}

#slogan-container {
	font-size: 20px;
	line-height: 26px;
	font-family: Helvetica;
	color: #999;
	text-align:center;
	vertical-align: middle;
}

#search-container {
	
}

#search-container label {
	display: none;
}
#search-container input[type=text] {
	width: 100%;
	height: 24px;
	font-size: 16px;
	line-height: 20px;
	padding: 4px 5px 0 5px;
	margin-right: 10px;
	vertical-align: top;
	color: #666;
	border: 1px solid #ccc;
	background-position: 310px 0;
	background-image: url(../img/search-sprite.png);
}
#search-container input[type=text]:focus,
#search-container input[type=text]:hover {
	border-color: #aaa;
	background-position: 310px 28px;
}
#search-container .form-item {
	margin: 0; /* Override system.css */
}

#contents, .sidebar {
	padding-bottom: 50px; /* Bottom padding for footer */
}
#content {
	clear: both;
}

#contents-container {
	padding-top: 18px;
	clear: both;
}

#footer-items  li{
	list-style-type: none;
	padding-left: 5px;
	display: inline;
}

/*/ SIDE NAV /*/

.sidebar h6,
.sidebar h2 {
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 6px 5px 0 8px;
	background-image: url(../img/box-header.png);
	background-repeat: no-repeat;
	color: #FFF;
}

.sidenav-links {
	margin-left: 0;
}

.sidenav-links li {
	list-style-type: none;
	border: 1px solid #BBB;
	border-top: none;
	color: #666;
}

.sidenav-links li a {
	display: block;
	text-decoration: none;
	background: #F0F0F0 url(../img/nav_bg_off.gif) repeat-x top left;
	line-height: 130%; /* Prevent IE from adding extra whitespace above block */
	height: 14px;
	color: #666;
	padding: 6px;
}
.sidenav-links li a:hover, .sidenav-links li .selected {
	color: #D22B2B;
	background-color: #FFF;
	background-image: none;
}

.sidenav-links li img {
	position: relative;
	top: 3px;
	margin-right: 5px;
}

.sidenav-links li .lang {
	padding-bottom: 5px;
}

/*/ TABLES /*/

table {
	margin-bottom: 18px;
}

th, td {
    padding: 4px;
	margin: 0;
}

th {
    background-color: #A0A0A0;
    color: white;
    text-align: left;
}

tr.odd {
    background: #FFF;
}

tr.even {
    background: #EEE;
}

.alternate tr:hover,
.alternate tr.even:hover {
    background: #FFFFCC;
}

/*/ FORMS /*/
input.blur {
	color: #999;
}

/* CONTENT */

#content .left, span.inline-left { 
	float: left; 
	margin: 0 18px 0 0; 
}
#content .right, span.inline-right { 
	float: right; 
	margin: 0 0 0 18px; 
}

blockquote {
	margin-left: 30px;
	margin-bottom: 18px;
	padding-left: 15px;
	text-indent: 10px;
	background: url(/lib/img/quote-open.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
}
blockquote :last-child {
	display: inline;
	margin: 0;
	padding-right: 24px;
	background: url(/lib/img/quote-close.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
blockquote cite.source {
	margin-top: -18px;
	display: block;
	text-align: right;
	background: transparent;
}
cite.source a {
	color: #999;
}

pre, code {
    font-size: 1.2em;
    font-family: 'Courier New', monospace;
}  
  
pre {
    background-color:#fafcfc; 
	border:1px solid #acb4bb;
	padding: 5px;
}

fieldset {
	margin: 10px 0 10px 0;
	padding: 5px;
	border: 1px solid #ccc;
	clear: both;
}

.fieldset-outer {
    background:#f0f0e6;
    border:1px solid #BBBBBB;
    overflow:visible;
    margin-bottom:10px;
    margin-top:10px;
    clear:both;
}

body {
	font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 18px;
}

h1, h2, h1 a, h2 a {
letter-spacing:-1px;
font-weight:400;
color: #444;
text-decoration: none;
border-bottom:0px solid #ccc;
}

#content .callout {
	display: inline;
	background-color: #eee;
	border: 1px solid #ddd;
	width: 200px;
	padding: 8px 10px;
	margin-bottom: 18px; 
}
#content .callout :last-child { 
	margin-bottom: 0; 
}
#content .callout strong {
	display: block;
}
#content .callout ul {
	margin: 5px 0 0 5px;
}

#content p {
	margin-bottom: 18px;
	text-align: justify;
}
#contents h1 { 
	font-size: 24px; 
	line-height: 18px; 
	margin-bottom: 18px;
}

#content h2 { 
	font-size: 18px; 
	line-height: 18px; 
	margin-bottom: 18px;
}
#content h3 { 
	font-size: 14px; 
	line-height: 18px; 
}
#content ol,ul {
	margin: 0 0 18px 30px;
	list-style-position: inside;
}
#content ul {
	list-style-type: disc;
}
#content ol {
	list-style-type: decimal;
}
strong {
	font-weight: bold;
}

q {font-style: italic;}
q:before,q:after {content:'"';}

dt {
	font-weight: bold;
}
dd {
	margin-left: 30px;
}

a {
	color:#105CC5;
}

/*/ BUTTONS /*/

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/*/ DRUPAL /*/

body.front h1 {
	display: none;
}

.sidebar .block .content {
	background: #F0F0F0 url(../img/gradient-200-right.png) repeat-y top left;
	padding: 6px 4px 6px 8px;
	border: 1px solid #BBB;
	border-top: none;
	margin-bottom: 15px;
}

#content .form-submit {
	margin-top: 18px;
	margin-bottom: 18px;
}

.block ul,
.block li {
	list-style-position: outside;
}

div.admin .left,
div.admin .right {
	width: 45%;
}

.breadcrumb {
	margin-bottom: 14px;
	padding: 0;
}
#content p.submitted {
	color: #999;
	margin-top: -14px;
	margin-bottom: 10px;
}

/* Override system.css */

.block .content ul {
	padding: 0; margin: 0;
}
.block .content ul.menu {
	margin-left: 5px;
}

.node div.links {
	margin-bottom: 36px;
	margin-left: 10px;
}
.links {text-align:right;}

.links a {
	text-decoration: none; /* Icons are sometimes linked too, doesn't look good when underlined */
	padding: 5px; margin-top:10px;
	border: 1px solid #ccc; 
	background-color: #F8F8F8; text-align:right;
}
.links a:hover {background:#ddd;}

.links li {
	padding:0px;
}
.links a:hover {
	background-color: #fff;
}

/*/ DRUPAL MODULES /*/

span.geshifilter {
	padding: 0 0 0 18px;
	text-align: left;
	display: block;
}

.block-taxonomy_quick_find  .item-list {
	margin-top: 10px;
}
.block-taxonomy_quick_find h3 {
	display: none;
}

/* Digg This */

.diggthis_button {
	display: inline;
	float: left;
	padding-right: 18px;
}
.block-diggthis h2 {
	display: none;
}

/* Image Assist */

#img_assist_upload .collapsed {
	display: none;
}
.img_assist {
	background-image: none;
}
.img_assist-button {
	margin-bottom: 18px;
}

.caption {
	font-style:italic;
	font-size: 11px;
	text-align: left;
	color: #888;
}

/* Language icons */

.block-locale li {
	list-style-type: none;
}

li a.language-link {
	color: #666;
	text-decoration: none;
}
li a.language-link:hover {
	color: #D22B2B;
}
li a.language-link.active {
	
}
img.language-icon {
	position: relative;
	top: 3px;
	padding-right: 4px;
}

/*/ System /*/

.block-user ul li {
	list-style-type: none;
	margin: 0;
}

.clear-float {
	float:left;
	clear:both;
}
div.messages {
	margin-bottom: 16px;
	clear: both; 
}

ul.tabs {
	margin-bottom: 18px;
}

.terms ul {
	display: inline;
	clear: none;
}
.terms ul li {
	padding: 3px;
}

div.box {
	margin-bottom: 18px;
}
img.print-icon-margin {
	margin:0px;
	padding-right:4px; 
/*	position:relative;
	top:3px;*/
}


.red{display:block}
.red *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#b20000}
.red1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #dd9191;
  border-right:1px solid #dd9191;
  background:#c53f3f}
.red2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f7e5e5;
  border-right:1px solid #f7e5e5;
  background:#c03030}
.red3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c03030;
  border-right:1px solid #c03030;}
.red4{
  border-left:1px solid #dd9191;
  border-right:1px solid #dd9191}
.red5{
  border-left:1px solid #c53f3f;
  border-right:1px solid #c53f3f}
.redfg{min-height:120px;
  background:#b20000; color:white; font-size:12px; padding:10px;}
.redfg h2 {
  background:#b20000; color:white; font-size:25px; border-bottom:1px solid #fff;}
.redfg a {color:#ccc;}

.teknik{display:block}
.teknik *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#F3F3F3}
.teknik1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f9f9f9;
  border-right:1px solid #f9f9f9;
  background:#f6f6f6}
.teknik2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f5f5f5}
.teknik3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;}
.teknik4{
  border-left:1px solid #f9f9f9;
  border-right:1px solid #f9f9f9}
.teknik5{
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6}
.teknikfg{
  background:#F3F3F3;padding:10px; color:#666; font-size:10px;}
.teknikfg strong {font-size:11px; font-weight:900; border-bottom:1px solid #ddd;}
.teknikfg h2 {
 color:#b20000; font-size:25px; border-bottom:1px solid #fff;}

.more{display:block;}
.more *{ 
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#5FCDE9}
.more1{ 
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #bae9f5;
  border-right:1px solid #bae9f5;
  background:#87d9ee}
.more2{ 
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #effafc;
  border-right:1px solid #effafc;
  background:#7dd6ed}
.more3{ 
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #7dd6ed;
  border-right:1px solid #7dd6ed;}
.more4{ 
  border-left:1px solid #bae9f5;
  border-right:1px solid #bae9f5}
.more5{ 
  border-left:1px solid #87d9ee;
  border-right:1px solid #87d9ee}

.morefg{
  background:#5FCDE9; padding:5px; font-size:15px; color:white; padding:10px;}

.morefg a {font-size:17px; color:white; padding:5px; margin:10px; font-weight:900; text-align:center; display:block; text-decoration:none;}
.morefg a:hover {text-decoration:underline;}

.date-display-single {border-left:0px solid #ccc; font-family:georgia, sans-serif; padding:0px 10px 10px 0px; color:#ccc; display:block;}