/*FONT FAMILY===========================================================================================*/

body, td, th {
  color:  #333333;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: normal;
}

/*-------uncomment and ustomize if you want to use different fonts for different page elements
h2 { font-family: Times }
h3 { font-family: Courier }
h4 { font-family: Trebuchet }
p { font-family: Helvetica }
---------*/
 


/*FONT SIZE=============================================================================================*/

h1 {
  font-size:  14px;
  font-weight: bold; color: #896F2B
}
h2 {
  font-size:  14px;
  font-weight: bold;
  color: #896F2B;
} /* content headings */
h3 { font-size: 130%; font-weight:lighter } /* content sub-headings */
h4 { font-size: 100%; } /* list headings, same size as (p) */
h5 { font-size: 100%; } /* list headings 2, same size as (p) */

p, ul, ol, td { font-size: 100%; }

ul ul { font-size: 100%; } /*- actually only necessary if the ul size is not 100%  */
td p { font-size: 100%; }

/*WIDGETBOX=============================================================================================*/

#widgetbox {margin-left:20px; margin-right:10px; width:200px; padding:0px}
#widgetbox p {margin: 0px 0px 0px 0px;}
#widgetbox ul {list-style: none; margin: 0 ;padding: 0 ;}
#widgetbox ul li {padding: 5px ; border: solid #0066cc 0px; margin-top:0px; background-color: #f7f7ff}
#widgetbox ul li ul li {padding-left: 0px ; border:none; padding:0px; margin:0px}

#widgetbox li {margin-bottom:20px}
#widgetbox h2 {background: #eeeeff; margin: 0 0 20px 0px; padding-top: 5px; border-bottom: 1px solid #cccccc;}



/*FONT COLORS=============================================================================================*/
/*--------------------
below is the color scheme used - it's for info only, if you want to change you need to change below (after the body tag)
lead  color:    #0066cc   blue    h1, h2, h3
second color:   #88bb22   green   seperaton lines, some links
highlight 1:    #9966cc   purple    not used but matching color - if you want to highlight something
highlight 2:    #990000   red     not used but matching color - if you want to highlight something

background 1:   #eeeeff   light     lead elements
background 2:   #f7f7ff   light     lightest bg
box underline:    #cccccc   light grey
---------------------*/



a:active {color: red}

h3, h3 a:link, h3 a:visited {color: #0066cc}
h2, h2 a:link, h2 a:visited {color: #896F2B}
ul li a:link, ul li a:visited {color: #0066cc}
p a:link, p a:visited {color: #0066cc}
a:link, a:visited {color: #0066cc}

p.postmetadata a:link, p.postmetadata a:visited {color: #896F2B}

#footer p a:link, #footer p a:visited {color: black}

/*-------uncomment and customize below example if you want to add colors 
h2, h2 a:link, h2 a:visited { #990000 }
h3, h3 a:link, h3 a:visited { #9966cc }
---------*/

/*LINK STYLE other than color=============================================================================*/

a:link, a:visited {text-decoration:none }
p a:link, p a:visited {text-decoration:underline } /* orphan text remains undecorated */

a:hover {text-decoration:underline }

#footer p a:link, #footer p a:visited {text-decoration: none}
#footer p a:hover {text-decoration: underline}

/*MARGINS, BORDERS AND PADDING for elements (not for containers)===========================================*/

body {margin:0px; padding: 0px;}
ul, ol {list-style: outside}
#sidebar ul, #sidebar ol {margin-left: 0; padding-left: 0; list-style-type: none; padding-right:7px;  }

h1, h1 a:link, h1 a:visited, h1 a:hover {margin-top:0}
h2, h2 a:link, h2 a:visited, h2 a:hover {margin-top:0}
h3, h3 a:link, h3 a:visited, h3 a:hover {margin-top:0}
h4, h4 a:link, h4 a:visited, h4 a:hover {margin-top:0}

a img {border: 1px solid #0066cc}

/*MULTI-USE TAGS==========================================================================================*/

.center {text-align: center;}
.alignleft {text-align: left;}
.alignright {text-align: right;}

.left {float:left;}

.bg1 {background: #DEDBDB}
.bg2 {background: #f7f7ff}

.border1 {border: solid 1px #0066cc;}


/*IMAGE TAGS==========================================================================================*/


/*the below will make images float left if they have no other tags (like 'right')*/
img {float: left; margin:0px 5px 0px 0px}
/*the below will make images float right but you have to add 'class="right" inside the image tag)*/
img.right {float: right; margin: 0px 0px 0px 5px}

#header img {border: none}


/*=========================================================================================
===========================================================================================
===========================================================================================
*/




/* DIV FRAMING =============================================================
un-comment the next few lines and you will see colored borders around the main elements on your site - this helps you to identify which DIV you need to change if you want to change the layount (e.g. make the page or the sidebar wider)==========================================================================*/

/*
#page {border: 3px solid green;}
#header {border: 3px solid red;}
#content {border: 3px solid brown;}
#sidebar{border: 3px solid aqua;}
.post {border: 3px solid #0066cc;}
#comments {border: 3px solid black;}
.commentlist {border: 3px solid yellow;}
*/


/* change the color or the width of the line below the header and left of the sidebar*/
#header {border-bottom: 0px solid #DEDBDB;}
#sidebar {border-left: 1px solid #DEDBDB;}



/* not much in the boddy tag================================================
==========================================================================*/

/*body {
  text-align:center;
  }
*/

/* BEGIN DIVS and other layout stuff========================================
this is the tricky bit - here you change your layout - make sure you back-up before changing ==========================================================================*/

#page {margin:auto; margin-top:20px; width: 700px; text-align:left;}
.table_header {
  background-image: url(images/fade5.gif);
  background-repeat: no-repeat;
  background-position: center;
}

#header {position:relative; width: 700px; margin-top:10px; margin:auto;}

/* menu bar in header section*/
#nav{
  position:relative;
  height:24px;
  font-size:11px;
  font-weight:bold;
  background-color: transparent;
  background-image: url(images/bgOFF.gif);
  background-repeat: repeat-x;
  background-position: center top;
}
    #nav ul{margin:0; padding:0; list-style-type:none; width:auto;}
    #nav ul li{display:block; float:left;}
    #nav ul li a{display:block; float:left;color:#000; text-decoration:none; padding:6px 20px 0 20px;height:24px;}
    #nav ul li a:hover,#nav ul li a.current{color:#fff; background:transparent url(images/bgON.gif) repeat-x top left;}

#content {padding-left: 10px; padding-right: 0px; margin-top: 10px;}

.narrowcolumn {
  float:left; /* added tr, 21-July-2010 */
  width: 500px;
  background-attachment: scroll;
  background-color: #FFFFFF;
  background-image: url(images/cat_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 20px;
  padding-left: 45px;
}
    .narrowcolumn .postmetadata {text-align: right;}

.widecolumn {float: left; padding: 0 0 20px 45px; margin: 0px 0 0; width: 700px;}



/* navigation here refers to the link to the next on previous post (not needed if you do pages only)*/
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 10px;}

/* sidebar refers to the main element on the right hand side of the page which contains all navigation links*/
#sidebar{
  position:relative; 
  float:right; 
  padding: 0px 0 0px 0;  
  /*width: 200px; */
  margin-top: 10px; 
  margin-left: 0px;
}
    #sidebar form {margin: 0;}
    #sidebar #searchform #s {width: 108px; padding: 5px;}
    #sidebar #searchsubmit {padding: 0px;}

/* style of the headers within the sidebar*/
    .sb_header {background: #eeeeff; margin: 0 0 20px 20px; padding-top: 5px; border-top: 1px solid #cccccc;  border-bottom: 1px solid #cccccc;}
        .sb_header h2 {margin: 0 0 2px 0px; }

.post {
  margin: 0 0 40px 0; 
  padding: 40px 0 0 40px;
  text-align: left; 
  display:block; 
  clear:both;}

.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}

.blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
    .blockquote cite {margin: 5px 0 0; display: block;}

#footer {
  border-top: 1px solid #cccccc; 
  padding: 0; 
  margin: 10px 40px; 
  clear:both; 
  width: 700px;
}
#footer p {margin: 0; padding: 5px 10px; text-align: center;}

#comments { clear:left;}

.commentlist {padding: 0; text-align: left; margin-left: 0;}
  .commentlist li {margin: 15px 0 5px; padding: 5px 10px 5px; list-style: none;}
  .commentlist p {margin: 10px 5px 10px 0;}
  .commentlist p {text-transform: none;}

#commentform p {margin: 5px 0;}
#commentform input {width: 170px; padding: 5px; margin: 5px 5px 0px 0;}
#commentform textarea {width: 400px;  padding: 0px;}
#commentform #submit {margin: 30px; float: left;}

.commentmetadata {margin: 0; display: block;}

.nocomments {text-align: center; margin: 0; padding: 0;}

#searchform {margin: 10px auto; padding: 5px 3px; text-align: center;}

.entry form { text-align:center;}

select {width: 130px;}

.alt {background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; padding: 10px;}



/*  
Theme Name: Drikatruu Jelly
Theme URI: http://www.drikatruu.com/
Description: Widget ready, customizable CMS theme with commented template files for easy customization.
Version: 1.1w
Author: Thomas Natter
Author URI: http://www.drikatruu.com/
*/
.menu a{
  color:  #FFFFFF; 
  font-family: Geneva, Verdana, Arial, sans-serif;
  font-size: 12px; font-weight: normal
}
.footer_text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.table_logo {
  background-image: url(http://updates.saengerconsulting.com/wp-content/themes/cms/images/saenger_logo_new.gif);
  background-repeat: no-repeat;
  background-position: left;
  height:120px;
}
.body_bg {
  background-color: #FFFFFF;
  background-image: url(http://updates.saengerconsulting.com/wp-content/themes/cms/images/bg_fade.jpg);
  background-repeat: repeat-x;
  background-position: top;
}
.table_border {
  background-color: #fff;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #000000;
  border-right-color: #000000;
  border-bottom-color: #000000;
  border-left-color: #000000;
  margin: auto;
  width:768px;
}
.table_border img {float:right;}
/* Colored bar in the header is a styled horizontal rule */
.table_border hr {
  height:0;
  width:100%;
  border-top-width:3px;
  border-color:#896F2B;
  margin-bottom:2px;
}
.table_border h1 {padding-top:1em;text-align:center;}
#end-post-graphic {float:none;}