/* 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: transparent;
	margin-top: 0px;
	border: 0px solid #ccc;
}

.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
}

blockquote {
	color: #444;
}

.footer {
	text-align: center;
	font-family: "Helvetica Neue", "Helvetica", "Arial";
	font-size: 0.8em;
	color: #333;
	color: white;
}	

/*******************************/
/* special decorations in menu */
/*******************************/
.subcategory {
	font-size: 0.85em;
	line-height: 1.2em;
	font-weight: bold;
	padding: 3px 3px 3px 10px;
}
.description {
	font-size: 0.80em;
	line-height: 1.1em;
	height: auto;
	color: #333;
	display: block;
	font-style: italic;
	font-weight: normal;
	background-color: transparent;
	margin-top: 0px;
	margin-bottom: 4px;
	padding: 0 0 5px 10px;
}

.divider {
	font-size: 1px;
	line-height: 3px;
	display: block;
}

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

#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;	
}
*/
#configurator2 {
	padding: 0;
	background-color: #fff;
	/*height: 0;*/
	overflow: hidden;
	/*display: none; */
}

.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;
}

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: #3A61A1;
	font-weight: bold;
	padding: 0.4em 0;
	margin: 0;
}
.filter a {
	color: #3A61A1;
	text-decoration: none;
}
.filter ul {
	font-family: "Helvetica Neue", "Helvetica", "Arial";
	list-style: none;
	text-decoration: none;
	color: #3A61A1;
	font-size: 1.0em;
}

.filterlist dl { 
    z-index: -100;
    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: 0.9em;
	padding-bottom: 2px;
	color: #3A61A1;
    position: relative; 
    background-color: #B4C9ED;
    height: 1.0em; 
    width: 75%; 
    text-align:left;
}

/***************************************
****************************************
 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;
	height: 20px;
	padding: 0;
	text-decoration: none;
}

/* ELSEWHERE */
.elsewhere-title {
	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 {
	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: "Helvetica Neue",Tahoma,Helvetica,Arial,sans-serif;
	color: #999;
	margin: 0;
	padding: 0;
}
.comment-label-error {
	color: #d00;
}
.comment-value-error {
    border: 1px solid #d00;
}
textarea {
	width: 550px;
	height: 100px;
}

pre code {
    font-family: "Courier New", Courier;
    font-size: 0.9em;
}

/***************************************
****************************************
 CODE HIGHLIGHTING  -- PYGMENTS
****************************************
****************************************/
.highlight .c { color: #008800; font-style: italic } /* Comment */
.highlight .err { border: 1px solid #FF0000 } /* Error */
.highlight .k { color: #AA22FF; font-weight: bold } /* Keyword */
.highlight .o { color: #666666 } /* Operator */
.highlight .cm { color: #008800; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #008800 } /* Comment.Preproc */
.highlight .c1 { color: #008800; font-style: italic } /* Comment.Single */
.highlight .cs { color: #008800; font-weight: bold } /* Comment.Special */
.highlight .gd { color: #A00000 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #FF0000 } /* Generic.Error */
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #00A000 } /* Generic.Inserted */
.highlight .go { color: #808080 } /* Generic.Output */
.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlight .gt { color: #0040D0 } /* Generic.Traceback */
.highlight .kc { color: #AA22FF; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #AA22FF; font-weight: bold } /* Keyword.Declaration */
.highlight .kp { color: #AA22FF } /* Keyword.Pseudo */
.highlight .kr { color: #AA22FF; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #AA22FF; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #666666 } /* Literal.Number */
.highlight .s { color: #BB4444 } /* Literal.String */
.highlight .na { color: #BB4444 } /* Name.Attribute */
.highlight .nb { color: #AA22FF } /* Name.Builtin */
.highlight .nc { color: #0000FF } /* Name.Class */
.highlight .no { color: #880000 } /* Name.Constant */
.highlight .nd { color: #AA22FF } /* Name.Decorator */
.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
.highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #00A000 } /* Name.Function */
.highlight .nl { color: #A0A000 } /* Name.Label */
.highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #B8860B } /* Name.Variable */
.highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.highlight .mf { color: #666666 } /* Literal.Number.Float */
.highlight .mh { color: #666666 } /* Literal.Number.Hex */
.highlight .mi { color: #666666 } /* Literal.Number.Integer */
.highlight .mo { color: #666666 } /* Literal.Number.Oct */
.highlight .sb { color: #BB4444 } /* Literal.String.Backtick */
.highlight .sc { color: #BB4444 } /* Literal.String.Char */
.highlight .sd { color: #BB4444; font-style: italic } /* Literal.String.Doc */
.highlight .s2 { color: #BB4444 } /* Literal.String.Double */
.highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.highlight .sh { color: #BB4444 } /* Literal.String.Heredoc */
.highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.highlight .sx { color: #008000 } /* Literal.String.Other */
.highlight .sr { color: #BB6688 } /* Literal.String.Regex */
.highlight .s1 { color: #BB4444 } /* Literal.String.Single */
.highlight .ss { color: #B8860B } /* Literal.String.Symbol */
.highlight .bp { color: #AA22FF } /* Name.Builtin.Pseudo */
.highlight .vc { color: #B8860B } /* Name.Variable.Class */
.highlight .vg { color: #B8860B } /* Name.Variable.Global */
.highlight .vi { color: #B8860B } /* Name.Variable.Instance */
.highlight .il { color: #666666 } /* Literal.Number.Integer.Long */



/*************************
 BUTTON STYLES
**************************/
a.button, a.buttonDis, input.btn {
    display: block;
    background-color: transparent;
    background-image: url(buttonBackground.gif);
    background-repeat: no-repeat;
    width: 132px;
    height: 28px;
    margin: 5px auto;
    padding: 5px 0 0 0;
    text-align: center;
    font-family: "Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: normal;
    text-decoration: none;
}
a.button:link, a.button:visited {
    color: #002577;
}
a.button:hover, a.button:active, input.btn:hover, input.btn:active {
    background-position: 0 -36px;
    color: #FF7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
    background-position: 0 -72px;
    color: #5F5F5F;
    cursor: default;
}
.icon {
    display: inline-block;
    background-repeat: no-repeat;
    padding: 0 0 5px 18px;
}
a.button:hover .icon, a.button:active .icon {
    background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
    background-position: 0 -56px;
}
/* list of button icons */
#buttonOK .icon {
    background-image: url(ok.gif);
}
#buttonCancel .icon {
    background-image: url(cancel.gif);
}
#buttonImport .icon {
    background-image: url(import.gif);
}

.highlight {
    background-color: #ff4;
}