/* fonts and sizing */
h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;
	letter-spacing:-0.03em;
	font-weight: normal;
	line-height: 1.0;
}	
h1,h2,h4 {
	font-weight: bold;
}

/* a little grey note that is embedded in a header */
.header-note {
	font-family: Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;
	font-weight: normal; 
	text-decoration: none;
	color: #999; 
	font-size: 0.75em;
}

body {
	font-family: Georgia, Times New Roman;
	font-size: 85%;
}

/* colors and backgrounds */
body {
	border-top: 4px solid #DF6701;
	background-image: url("http://media.juiceanalytics.com/media/images/background.jpg");
	background-repeat: repeat-x;
	background-color: #E4E8F0;
	color: #333;
	line-height: 1.3;
}

em {
    background-color: transparent;
}


p img {
	float: none;
	display: block;
}

.leftbody {
	background:transparent url("http://media.juiceanalytics.com/media/images/bg_body_shadow.png") no-repeat scroll 0pt 120px;
	margin:0pt auto 20px;
	width:985px;
}		
.contentsbody {
	background:transparent url("http://media.juiceanalytics.com/media/images/bg_body_shadow.png") no-repeat scroll 100% 120px;
	margin:0;
	padding:0;
	width:985px;
}		

/* layout */
.container {
	background-color: #fff;
	margin-top: 70px;
	border: 1px solid #ccc;
}


h1,h2,h3,h4,h5,h6 {
	color: #333;
}

.noa, a.noa {
	/* make a link look like a normal header */
	color: #333;
	text-decoration: none;
}

a {
	color: ;
}

a:hover {
	color: #01B9DF;
	text-decoration: underline;
}

#content {
	background-color: #ddd; 
	border-top: 5px solid #ddd; 
	border-bottom: 1px solid #ccc;
}

blockquote {
	color: #444;
}

.entries {
	padding: 30px 20px 0px 20px;
	border-right: 1px solid #ddd;
	background-color: white;
}
.sidebar {
	padding: 37px 10px 0 10px;
	margin: 0;
	background-color: #ddf
}


/* FOOTER */
.footer {
	text-align: center;
	font-family: "Helvetica Neue", "Helvetica", "Arial";
	font-size: 0.8em;
	color: #333;
	background-color: #B8CEF3;
	background-color: #01B9DF;
	background-color: #DF6701;
	color: white;
}	

/****************************************
****************************************
 MENU 
****************************************
****************************************/
/* position of top navigation container */
#topnav {
	list-style: none;
	font-family: Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;
	margin: -70px 0 0 0;
	height: 70px;
	z-index: 50;
}

/* titles of top level top items */
#topnav a.dropmenu-title  {
	text-decoration: none;
	display: block;
	padding: 3px 15px 3px 15px;
	margin-top: 40px;
	height: 24px;
	font-size: 1.05em;
	color: #333;
	/*	necessary to prevent the jiggling in the square block
	hover effect */
}
#topnav a.dropmenu-title:hover  {
	border-left: 0px solid #DF6701;
	margin-left: 0px;
}

#topnav a.current {
	/*
	background-color: #666;
	margin-left: -30px;
	color: white;
	color: #DF6701; */
	background-color: ;
}
/* hovering over clickable menu items */
#topnav a:hover {
	color: #ffffff;
	background-color: #666;
	/*	This adds a square block on the right side */
	border-left: 1.5em solid #DF6701;
	margin-left: -1.5em;
}

/* top navigation items */
#topnav li {
	float: right;
	position: relative;
	text-align: left;
	list-style-type: none;
}
#topnav li a  {
	text-decoration: none;
	display: block;
	padding: 0 0 0 16px;
	color: #333;
	/*	necessary to prevent the jiggling in the square block
	hover effect */
	border-left: 1.3em solid transparent;
	margin-left: -1.3em;
}

#topnav li ul li {
	height: 1.5em;
	font-size: 1.0em;
	padding: 0.1em 0;
	margin: 0;
	list-style-type: none;
}

#topnav li.current {
	background-color: white;
	background-image: url('http://media.juiceanalytics.com/media/images/topnav_current_background.png');
}

.dropmenu {
	z-index: 101;
	margin-left: 6px;
	background-color:  #DF6701;
	background-color: transparent;
}

#topnav li li {
	line-height: 1.0em;
	width: auto;
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}
#topnav li li a {
	font-weight: normal;
	font-size: 1.1em;
}
#topnav li li a:hover {
	border-left: 1.3em solid #DF6701;
	margin-left: -1.3em;

}

#topnav li ul {
	display: none;
	position: absolute;
	left: 0;
	margin-left: 0.0em;
	background-color: #ccc;
	opacity: .90;
	-moz-opacity: .90;
	cursor: pointer;
	width: 233px;
}
/* Hides from IE-mac \*/
* html #topnav li ul {
	filter: alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
/* End hide from IE-mac */
html>body #topnav li ul {
	top: 100%;
}
#topnav li>ul {
	top: auto;
	left: auto;
}
#topnav li:hover ul, #topnav li.over ul {
	z-index: 0;
	display: block;
}


/*******************************/
/* special decorations in menu */
/*******************************/
.subcategory {
	font-size: 0.85em;
	line-height: 1.2em;
	color: #01B9DF;
	font-weight: bold;
	padding: 3px 3px 3px 16px;
}
.description {
	font-size: 0.80em;
	line-height: 1.0em;
	height: auto;
	color: #444;
	display: block;
	font-style: italic;
	font-weight: normal;
	background-color: transparent;
	margin-top: -3px;
	margin-bottom: 4px;
	padding: 0 0 10px 20px;
}
/* internal links to content */
.linkitem {
	display: block;
	padding: 3px 3px 2px 16px;
	padding: 3px 3px 3px 0px;
}

.divider {
	font-size: 1px;
	line-height: 3px;
	display: block;
	border-bottom: 1px #333 dotted;
}

html>body .divider {
	margin-bottom: 10px;
}

.blankline {
	font-size: 1px;
	height: 2px;
}


#searchform {
	border: 0px; 
	font-size: 1.0em; 
	margin-left: 20px; 
	width: 200px; 
	margin-top: 42px;	
}

/****************************************
****************************************
 CONFIGURATOR 
****************************************
****************************************/
/*
#configuratorlink {
	position: relative;
	margin-left: 779px;
	top: -80px;
	z-index: 80;	
	height: 1px;
}
#configuratorlink img {
	padding: 0;
	margin: 0;	
}
*/
#configurator {
	position: relative;
	padding: 0;
	background-color: #B8CEF3;
	height: 0;
	overflow: hidden;
}

.subscribe-column, .filter-column {
	padding-top: 1.0em;
}

.configurator-title {
	color: #DF6701;
	font-size: 1.6em;
	padding: 0;
	margin: 0 0 0.5em 0;
	font-weight: bold;
}
#configurator .subscribe p, ul {
	font-size: 1.0em;
}

#configurator .colborder {
	border-right-color: #ccc;
}

ul.filter-list li {
	margin-left: 40px;
}
ul.feed-list img {
	margin: 0;
	padding: 0;
}
ul.feed-list {
	list-style-type: none;
	margin: .5em;
	margin-bottom: 1.0em;
}
ul.feed-list li {
	list-style-type: none;
	margin-bottom: 0.25em;
}

/* FILTER in configurator */
.filter {
	color: #999;
}
.filter h5 {
	color: #666;
	font-weight: bold;
	padding: 0.4em 0;
	margin: 0;
}
.filter a {
	color: #666;
	text-decoration: none;
}
.filter ul {
	font-family: "Helvetica Neue", "Helvetica", "Arial";
	list-style: none;
	text-decoration: none;
	color: #666;
	font-size: 1.0em;
}



.filterlist dl { 
    margin: 0; 
    padding: 0;     
}
.filterlist dt { 
	font-family: "Helvetica Neue", Arial, Tahoma, sans-serif;
	font-size: 0.8em;
    position: relative; /* IE is dumb */
    clear: both;
    display: block; 
    float: right; 
	background-color: transparent;
    width: 20%%; 
    height: 15px; 
	color: #999;
    line-height: 1.0em;
    margin-right: 0px;              
    text-align: left; 
	font-weight: normal;		
}
.filterlist dd { 
    position: relative; /* IE is dumb */
    display: block;                 
    float: left;     
    width: 70%; 
    height: 15px; 
    margin: 0px 0; 
    background-color: transparent;
}
 * html dd { float: none; } 
/* IE is dumb; Quick IE hack, apply favorite filter methods for 
wider browser compatibility */

.filterlist dd div { 
	font-family: "Helvetica Neue", Arial, Tahoma, sans-serif;
	font-size: 1.0em;
	padding-bottom: 2px;
	color: #3A61A1;
    position: relative; 
    background-color: #B4C9ED;
    height: 1.0em; 
    width: 75%; 
    text-align:left;
}


/* CONFIGURATOR AT THE BOTTOM colors
.chartlist .index {
	background-color: #eee;
}
#configurator {
	background-color: #B8CEF3;
}	
*/
/* CONFIGURATOR AT THE TOP colors */
.chartlist .index {
	background-color: #ccc;
}
#configurator {
	background-color: #fff;
}	
/**/


/****************************************
****************************************
 BLOG ENTRY 
****************************************
****************************************/
.entry-title {
	margin: 0;
}
.entry-info, .permalink a {
	margin: 0;
	padding: 0.5em 0 2.0em;
	color: #777;
	font-size: 12px;
	line-height: 1.1;
	text-decoration: none;
	font-weight: normal;
}

/* TAGS */
.tags {
	padding: 0;
	margin: 0;
	padding-bottom: 1.0em;
	padding-top: 0.2em;
	font-size: 1.1em;
}
.tag a {
	font-size: 0.9em;
	margin-right: .01em;
	background: #ffffff;
	color: #4F9987;
	border-bottom: dotted 1px #4F9987;
	height: 20px;
	padding: 0;
	text-decoration: none;
}

/* ELSEWHERE */
.elsewhere-title {
	color: #666;
	letter-spacing:0.15em;
	font-size: 0.8em;		
	margin: 0;
	padding: 0;
	padding-left: 1px;
	font-family: Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;
	margin-top: -10px;		
}

.license {
	font-family:  Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;
	margin: -1.5em 50% 2.0em 0;
	color: #999;
	line-height: 1.1;
	font-size: 0.75em;
}
.license a {
	color: #999;
}


/****************************************
****************************************
 HEADER 
****************************************
****************************************/
#branding {
	padding: 10px;
}
.header {
	/*background-image: url("/media/images/header_logo_3.png");
	background-position: left;*/
	height: 128px;
	z-index: -1;
}
.header img {
	z-index: 0;
}
.header h1 {
	color: black;		
	background-image: none;
}
.header-link {
	padding-top: 12px;
	color: #999;
}

/****************************************
****************************************
 SIDEBAR 
****************************************
****************************************/
#sidebar {
	padding: 15px 10px;
}

#sidebar .sidebar-header {
	font-weight: bold;
	text-transform: uppercase;
	margin: 1.5em 0 0 0;
}

#sidebar ul.post-list {
	font-size: 1.0em;
	margin: 0; padding: 0;
}
#sidebar ul.post-list li {
	list-style: none;
	padding-top: 0.25em;
	margin: 0;
	padding-left: 0;
}
#sidebar #sidebar-comments {
	font-size: 0.9em;
}


/* COMMENTS */	
.entry-comments {
	font-size: 0.9em;
	margin: 0;
}
.comment {
	color: #666;
}
.comment-juice {
	color: #333;
	background-color: #CCFBE1;
	margin: 0 -5px;
	padding: 2px 5px;
}	
.comment-label {
	font-size: 0.9em;
	font-family: {{ headlinefont }};
	color: #999;
	margin: 0;
	padding: 0;
}
textarea {
	width: 550px;
	height: 100px;
}


/****************************
PYGMENTS
*****************************/

div.codehilite
{
  border: 1px solid #bbb;
  font-family: "Bitstream Vera Sans Mono"; Consolas; Monaco; Courier New;
  font-size: 0.9em;
  padding: .5em;
  margin: 2.0em;
  border: 1px solid #cccccc;
  overflow: auto;
  color: #3c3c3c;
  background: #EFEFFB;
}

.codehilite .c { color: #60a0b0; font-style: italic } /* Comment */
.codehilite .err { border: 1px solid #FF0000 } /* Error */
.codehilite .k { color: #007020; font-weight: bold } /* Keyword */
.codehilite .o { color: #666666 } /* Operator */
.codehilite .cm { color: #60a0b0; font-style: italic } /* Comment.Multiline */
.codehilite .cp { color: #007020 } /* Comment.Preproc */
.codehilite .c1 { color: #60a0b0; font-style: italic } /* Comment.Single */
.codehilite .cs { color: #60a0b0; background-color: #fff0f0 } /* Comment.Special */
.codehilite .gd { color: #A00000 } /* Generic.Deleted */
.codehilite .ge { font-style: italic } /* Generic.Emph */
.codehilite .gr { color: #FF0000 } /* Generic.Error */
.codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.codehilite .gi { color: #00A000 } /* Generic.Inserted */
.codehilite .go { color: #808080 } /* Generic.Output */
.codehilite .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
.codehilite .gs { font-weight: bold } /* Generic.Strong */
.codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.codehilite .gt { color: #0040D0 } /* Generic.Traceback */
.codehilite .kc { color: #007020; font-weight: bold } /* Keyword.Constant */
.codehilite .kd { color: #007020; font-weight: bold } /* Keyword.Declaration */
.codehilite .kp { color: #007020 } /* Keyword.Pseudo */
.codehilite .kr { color: #007020; font-weight: bold } /* Keyword.Reserved */
.codehilite .kt { color: #007020; font-weight: bold } /* Keyword.Type */
.codehilite .m { color: #40a070 } /* Literal.Number */
.codehilite .s { color: #4070a0 } /* Literal.String */
.codehilite .na { color: #4070a0 } /* Name.Attribute */
.codehilite .nb { color: #007020 } /* Name.Builtin */
.codehilite .nc { color: #0e84b5; font-weight: bold } /* Name.Class */
.codehilite .no { color: #60add5 } /* Name.Constant */
.codehilite .nd { color: #555555; font-weight: bold } /* Name.Decorator */
.codehilite .ni { color: #d55537; font-weight: bold } /* Name.Entity */
.codehilite .ne { color: #007020 } /* Name.Exception */
.codehilite .nf { color: #06287e } /* Name.Function */
.codehilite .nl { color: #002070; font-weight: bold } /* Name.Label */
.codehilite .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
.codehilite .nt { color: #062873; font-weight: bold } /* Name.Tag */
.codehilite .nv { color: #bb60d5 } /* Name.Variable */
.codehilite .ow { color: #007020; font-weight: bold } /* Operator.Word */
.codehilite .mf { color: #40a070 } /* Literal.Number.Float */
.codehilite .mh { color: #40a070 } /* Literal.Number.Hex */
.codehilite .mi { color: #40a070 } /* Literal.Number.Integer */
.codehilite .mo { color: #40a070 } /* Literal.Number.Oct */
.codehilite .sb { color: #4070a0 } /* Literal.String.Backtick */
.codehilite .sc { color: #4070a0 } /* Literal.String.Char */
.codehilite .sd { color: #4070a0; font-style: italic } /* Literal.String.Doc */
.codehilite .s2 { color: #4070a0 } /* Literal.String.Double */
.codehilite .se { color: #4070a0; font-weight: bold } /* Literal.String.Escape */
.codehilite .sh { color: #4070a0 } /* Literal.String.Heredoc */
.codehilite .si { color: #70a0d0; font-style: italic } /* Literal.String.Interpol */
.codehilite .sx { color: #c65d09 } /* Literal.String.Other */
.codehilite .sr { color: #235388 } /* Literal.String.Regex */
.codehilite .s1 { color: #4070a0 } /* Literal.String.Single */
.codehilite .ss { color: #517918 } /* Literal.String.Symbol */
.codehilite .bp { color: #007020 } /* Name.Builtin.Pseudo */
.codehilite .vc { color: #bb60d5 } /* Name.Variable.Class */
.codehilite .vg { color: #bb60d5 } /* Name.Variable.Global */
.codehilite .vi { color: #bb60d5 } /* Name.Variable.Instance */
.codehilite .il { color: #40a070 } /* Literal.Number.Integer.Long */