/*
THEME NAME: Typograph
THEME URI: http://blog.pinkandyellow.com/free-wordpress-themes/typograph/
DESCRIPTION: Standards compliant theme with threaded comments, a MooTools powered tabbed sidebar box and an ad under the first post on the index page. This theme has no images and is purely based on CSS elements and typography. Ideal for future customization. Typograph was styled "from the ground up" on a highly customized version of the <a href="http://wordpress.org/extend/themes/sandbox#post-35">Sandbox theme</a>.  
VERSION: 0.8.6
AUTHOR: Morten Rand-Hendriksen of <a href="http://www.pinkandyellow.com">Pink &amp; Yellow Media</a>
AUTHOR URI: http://www.pinkandyellow.com
TAGS: black, white, light, three-columns, fixed-width, theme-options, right-sidebar, threaded-comments
*/

/* *************** CSS SET ****************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: #fff;
        color: #444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
        font-size: 1em;
}
#primary code, pre {
        font-family:consolas,'deja vu sans mono','lucida sans typewriter',monaco,monospace;
}
pre, code {
        font-family:consolas,'deja vu sans mono','lucida sans typewriter',monaco,monospace;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* *************** LAYOUT ELEMENTS *************** */
#outerWrap {
}
#wrapper {
	width: 1035px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
#container {
	float: left;
	width: 100%;
}
#content {
	width: 608px;
	float: left;
	position: relative;
	padding-right: 15px;
}
.sidebar {
	float: left;
	overflow: hidden;
	width: 180px;
}
#footer {
	clear: left;
	width: 100%
}

/* *************** GLOBAL ELEMENTS *************** */
.clear {
	clear:both;
}
.alignleft {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.aligncenter {
	margin-left:auto;
	margin-right:auto;
}
.alignright {
	float: right;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
}
img.alignleft {
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}
img.aligncenter {
	margin: 5px auto 5px auto;
	display: block;
	padding: 5px;
}
img.alignright {
	padding: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
}
.wp-caption {
	text-align: center;
	background-color: #fff;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
.wp-caption img {
       margin: 0;
       padding: 0;
       border: 0 none;
}
#content p.wp-caption-text {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	color: #444;
}
a {
	color: #444;
	text-decoration: none;
	font-weight: bold;
}
a:link {
	color: #444;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
strong {
	font-weight:bold;
}
em {
	font-style: italic;
}
legend {
	font-style: italic;
}
form {
	font-style: italic;
}

/* **************** HEADER ***************** */
h1,h2,h3,h4,h5,h6 {
        font-family:'gill sans','gill sans mt','gill sans mt pro','century gothic',corbel,sans-serif;

}
#content #header {
	margin-bottom: 10px;
}

#content #header h1 {
	margin-left: 17px;
	padding-top: 25px;
        line-height:1;
}
#content #header h1 a {
	font-size: 2.2em;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #dddddd;
}
#content #header h1 a:hover {
	text-decoration: none;
	color: #dddddd;
}
#content #header h2 {
	border-style: none;
	margin-left: 70px;
	margin-top: -10px;
	font-size: 1.4em;
	color: #444;
	font-weight: lighter;
	text-transform: lowercase;
	font-style: italic;
	margin-bottom: 20px;
}

#content #header h3 {
	border-style: none;
	margin-left: 70px;
	margin-top: -10px;
	font-size: 1.2em;
	color: #444;
	font-weight: lighter;
	text-transform: lowercase;
	font-style: italic;
	margin-bottom: 20px;
}

#content #header h5 {
        font-size:10px;
        margin-left: 17px;
}

/* **************** MAIN CONTENT ***************** */
#content h2 {
	font-size: 2em;
	text-transform: uppercase;
	color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: -2px;
	padding-left: 2px;
	margin-bottom: 10px;
        letter-spacing:.06em;
        line-height: 1.4em;
}
#content h3 {
	font-size: 1.5em;
	text-transform: uppercase;
	color: #666666;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
        letter-spacing:.06em;
        line-height: 1.4em;
}
#content h4 {
	font-size: 1.3em;
	text-transform: uppercase;
	color: #666666;
	margin-bottom: 5px;
	padding-top: 5px;
        letter-spacing:.06em;
        line-height: 1.4em;
}
#content h5 {
	font-size: 1.2em;
	text-transform: uppercase;
	color: #666666;
	margin-bottom: 2px;
	padding-top: 5px;
        letter-spacing:.06em;
        line-height: 1.4em;
}
#content h6 {
	font-size: 1em;
	text-transform: uppercase;
	color: #666666;
	margin-bottom: 5px;
	padding-top: 5px;
        letter-spacing:.06em;
        line-height: 1.4em;
}
#content p {
	font-size: 1em;
	color: #444;
	margin-bottom: 10px;
	text-align: justify;
	line-height: 1.4em;
}
#content blockquote p {
	font-style: italic;
}

/* *************** POST BODY LIST ITEMS - affects only actual post lists *************** */
.entry-content h1 {
        font-weight:normal;
	font-size: 2em;
	text-transform: uppercase;
	color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: -2px;
	padding-left: 2px;
	margin-bottom: 10px;

}

.entry-content h2 {
        font-weight:normal;
	font-size: 2em;
	text-transform: uppercase;
	color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: -2px;
	padding-left: 2px;
	margin-bottom: 10px;
}

.entry-content h3 {
        font-weight:normal;
	font-size: 2em;
	text-transform: uppercase;
	color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: -2px;
	padding-left: 2px;
	margin-bottom: 10px;

}
.entry-content {
        font-size: 70%;
	color: #444;
	margin-bottom: 10px;
	text-align: justify;
	line-height: 1.4em;
}
.singlepost .entry-content ul, .post .entry-content ul {
	padding-left: 20px;
	margin-bottom: 15px;
}
.singlepost .entry-content ul li, .post .entry-content ul li {
	font-size: 0.8em;
	color: #444;
	padding-bottom: 5px;
	list-style-type: square;
}
.singlepost .entry-content ul ul, .post .entry-content ul ul {
	margin-top: 10px;
	margin-bottom: 0px;
}
.singlepost .entry-content ul ul li, .post .entry-content ul ul li {
	color: #444;
	padding-bottom: 5px;
	list-style-type: square;
}
.entry-content ol {
	margin-bottom: 15px;
	list-style-type: decimal;
	margin-left: 30px;
}
.entry-content ol li {
	font-size: 0.8em;
	color: #444;
	padding-bottom: 5px;
}

/* ****************POST**************** */
.post {
	margin-left: 22px;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
.singlepost {
	margin-left: 22px;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
.post-date {
	display: inline;
	position: absolute;
	left: 0px;
	width: 63px;
	padding-top: 5px;
	padding-left: 8px;
}
.post-month {
	font-size: 1em;
	text-transform: uppercase;
	color: #444;
	text-align: center;
	display: block;
	line-height: 11px;
}
.post-day {
	font-size: 2em;
	text-transform: uppercase;
	color: #444;
	text-align: center;
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
}
.post-year {
	font-size: 0.8em;
	text-transform: uppercase;
	color: #444;
	text-align: center;
	display: block;
	line-height: 11px;
	font-weight: normal;
}
.cat-links {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #444;
	padding-left: 2px;
	background-color: #fff;
	width: 100%;
	margin-left: -2px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 8px;
}
.cat-links a {
	text-decoration: none;
	color: #444;
        font-weight: bold;
}
.cat-links a:hover {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
.author {
	margin-top: -8px;
	margin-bottom: 10px;
	font-style: italic;
	font-size: 0.8em;
	color: #4444;
	padding-top: 2px;
	padding-bottom: 5px;
}
.post h2 a {
	color: #666666;
	text-decoration: none;
        font-weight:normal;
}
.post h2 a:hover {
	color: #000;
	text-decoration: underline;
        font-weight:normal;
	
}
.post h3 a {
	color: #666666;
	text-decoration: none;
        font-weight:normal;
}
.post h3 a:hover {
	color: #000;
	text-decoration: underline;
font-weight:normal;
	
}
.tagbox {
	border-bottom: 10px;
	padding-bottom: 10px;
}
.tag-links {
}

.indexAd {
	margin-top: 10px;
}

/* **************** POST INFO **************** */
.postInfo {
	font-size: 0.7em;
	margin-top: 20px;
	margin-bottom: 15px;
	color: #4444;
}
.postInfo a {
	color: #444;
	text-decoration: none;
	font-weight: bold;
}
.postInfo a:hover {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
.postInfo ul {
	margin: 8px auto 8px 10px;
	padding: 0px;
}
.postInfo ul li {
	list-style-type: none;
	margin-bottom: 2px;
}
.trackback {
	background: 0
        50%;
}
.feed {
	background: 0
        50%;
}

/* **************** Tags below the link of the comments feed ******************* */
.tags {
	background: 0
        50%;
}

.navigation {
	clear: both;
	padding: 10px 0px;
}

.navigation a, .navigation a:visited {
	color: #444;
	font-size: 0.9em;
	text-transform: uppercase;
}

.previous-entries a {

}

.next-entries a {

}

/*-----------------------------------------------------------------------------------------------
  Navigation
-----------------------------------------------------------------------------------------------*/
#navigation {
        font-size:0.8em;
	background:#fff;
	display:block;
	height:25px;
	overflow:hidden;
        border-bottom:1px solid #ccc;
}
#navigation ul {
        font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;	
	list-style:none;
	font-weight:normal;
        font-variant:small-caps;
        letter-spacing:1px;
        text-transform:lowercase;
	margin:0;	
	padding-left:0px;
}
#navigation ul li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;  
	white-space:nowrap;	
	font-weight:bold;
}	
#navigation ul li a {
	display:block;
	padding:5px 10px 5px;
	letter-spacing:1px;
	border:0;  
	text-decoration:none; 
	color:gray; 
}	
#navigation ul li a:hover {
	background-color:#999;
	color:#fff;
	text-decoration:none;
	
}

/* **************** SIDEBAR **************** */
#sidebar {
	float: right;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #dddddd;
}
#sidebar h1 {
	display: block;
	text-align: left;
	text-transform: uppercase;
	font-size: 2.8em;
	font-weight: normal;
	color: #666666;
	padding-bottom: 10px;
        padding-top: 5px;
	letter-spacing: -3px;
        margin-left: 15px;
        margin-right: 20px;
        border-bottom-style: solid;
	border-bottom-width: 1px;
        border-bottom-color: #dddddd;
}

/* **************** MOOTOOLS TABBED BOX **************** */
.tabbed_box {
	width: 380px;
	margin-right: 15px;
	margin-left: 15px;
}
#tabMenu {
	display: block;
	height: 30px;
}
#tabMenu ul {
	margin: 0px;
	padding: 0px;
	height: 30px;
}
#tabMenu ul li {
	margin: 0px;
	display: inline;
	float: left;
	list-style-type: none;
	height: 30px;
}
#tabMenu ul li a {
	color: #444;
	display: block;
	text-decoration: none;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1em;
	font-weight: normal;
	height: 30px;
	margin-right: 2px;
	margin-top: 2px;
	background-color: #fff;
	border-right-color: #dddddd;
}
#tabMenu ul li a.active {
	color: #444;
        font-weight: normal;
}
#tabMenu ul li a.active:hover {
        color: #000;
        font-weight: normal;
}
#tabMenu ul li a:hover {
	height: 30px;
	color: #000;
        text-decoration: underline;
        font-weight: normal;
}
#tabContent {
	margin: 0px;
	padding: 10px;
	position: relative;
	float: left;
	width: 350px;
        font-size: 1.0em;
	line-height: 1.4em;

}
#tabContent .content {
	display:none;
}
#tabContent .active {
	display:block; 
} 
#content_2, #content_3, #content_4, #content_5, #content_6, #content_7, #content_8 {
	display: none;
}
#sidebar #tabContent h1 {
	font-size: 2.5em;
	color: #666666;
}
#sidebar #tabContent h1 a {
	color: #666666;
        font-weight: normal;
        text-decoration: none;
}
#sidebar #tabContent h1 a:hover {
	color: #000;
	text-decoration: underline;
        font-weight: normal;
}
#tabContent h4 {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: normal;
	color: #444;
}
#tabContent a {
	color: #444;
        font-weight: bold;
}
#tabContent a:hover {
	text-decoration: underline;
        color: #000;
        font-weight: bold;
}
#tabContent ul {
	margin: 0px;
	padding: 10px 5px 0px 5px;
}
#tabContent ul li {
	list-style: none;
	padding-bottom: 8px;
        line-height: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 8px;
}
#tabContent ul li a {
	text-decoration: none;
	color: #444;
	font-weight: normal;
}
#tabContent ul li a:hover {
	text-decoration: underline;
	color: #000;
        font-weight: normal;
}
#tabContent ul li a small {  
	color:#444;   
	position:relative;  
	left:4px;  
	top:0px;  
}  
#tabContent ul li:last-child {
	border-bottom:none;
	padding-bottom: 0px;

}
#searchBox input#s {
	width: 290px;
	height: 25px;
	color: #444;
	font-size: 1.2em;
	vertical-align: middle;
}

/* **************** MOOTOOLS TABBED BOX **************** */
/* **************** Two Column Sidebar **************** */

#barLeft {
	width: 180px;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
        padding-right: 15px;
}
#barRight {
	width: 180px;
	float: right;
	margin-right: 15px;
	margin-top: 10px;
}
#sidebar {
	margin-bottom: 15px;
        font-size: 70%;
        line-height: 1.4em;
        
}
#sidebar h3 {
	font-size: 1.2em;
	font-weight: normal;
	color: #dddddd;
        border-bottom-style: solid;
	border-bottom-width: 1px;
        border-bottom-color: #dddddd;
	width: 100%;
	padding: 0px 0px 2px 0px;
	margin-bottom: 8px;
	padding-top: 8px;
        text-transform:lowercase;
}
.sidebar input#s {
	width:7em;
}
#sidebar li {
	list-style: none;
	margin: 0 0 10px 0;
}
#sidebar li form {
	margin:0.2em 0 0;
	padding:0;
}
#sidebar ul ul {
	margin-right: 0;
	margin-bottom: 10;
	list-style-type: none;
        line-height: 1;
}
#sidebar ul ul li {
	padding: 4px 4px 4px 4px;
	list-style: none;
	margin-bottom: 0px;
	width: 175px;
        line-height: 1;
}
#sidebar ul ul li:hover {
	color: #000;
	
}
#sidebar ul ul li p {
	color: #666666;
	padding-top: 5px;
}
#sidebar ul ul li a {
	color: #444;
	text-decoration: none;
	font-weight: normal;
}
#sidebar ul ul li a:hover {
	color: #000;
	text-decoration: underline;
	font-weight: normal;
}
#sidebar ul ul li:last-child {
	border-style: none;
}
#sidebar ul ul ul {
	margin:0 0 0 0.5em;
}
#sidebar ul ul ul li {
	font-size: 1em;
}
#searchform input#s {
	border: 1px solid #dddddd;
	width: 183px;
	height: 25px;
	color: #444;
        font-size: 1em;
	vertical-align: middle;
}

/* **************** FOOTER **************** */
#footer {
        font-size: 60%;
	text-align: right;
	padding-top: 5px;
	color: #444;
	margin-right: 40px;
	padding-bottom: 15px;
	margin-top: 20px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #dddddd;
}
#footer p {
	margin-right: 20px;
}

/* **************** EXTRA CSS **************** */
img {
        border: none;
}
img.frame {
	border: none;
}
.wp-caption-text {color: #999999; margin-top: -.1em; padding: 4px; font-size: 10px;}
p.gray {color: #666; line-height:1.4em; font-size: 9px;}
.gray {color: #666; line-height:1.4em; font-size: 9px;}
p.small {line-height:1.4em; font-size: 9px;}
.small {line-height:1.4em; font-size: 9px;}
p.credit {line-height:1.4em; padding-bottom:6px; padding-top:6px; font-size: 10px;}
.credit {line-height:1.4em; padding-bottom:6px; padding-top:6px; font-size: 10px;}
p.pro {font-family:'gill sans','gill sans mt','gill sans mt pro','century gothic',corbel,sans-serif; font-weight:normal; text-transform:uppercase; letter-spacing:.1em; line-height: 1.4em; font-size: 10px;}
hr {color: #dddddd;}

/* headers for different doctypes */  
.doc h2 { padding-left:75px; background:url(images/bg_document.png) no-repeat; }
.gloss h2 { padding-left:75px; background:url(images/bg_glossary.png) no-repeat; }
.download h2 { padding-left:75px; background:url(images/bg_downloads.png) no-repeat; }
.howto h2 { padding-left:75px; background:url(images/bg_howto.png) no-repeat; }
.specs h2 { padding-left:75px; background:url(images/bg_specs.png) no-repeat; }
.news h2 { padding-left:75px; background:url(images/bg_bulletnews.png) no-repeat; }

a.pdf { white-space: nowrap; padding-left: 20px; background: url(images/pdf12x12.gif) center left no-repeat; }
a.html { white-space: nowrap; padding-left: 20px; background: url(images/html12x12.gif) center left no-repeat; }
a.qt { white-space: nowrap; padding-left: 20px; background: url(images/qt12x12.gif) center left no-repeat; }
a.ical { white-space: nowrap; padding-left: 20px; background: url(images/ical12x12.gif) center left no-repeat; }
a.dl { white-space: nowrap; padding-left: 20px; background: url(images/dl11x10.gif) center left no-repeat; }
a.dmg { white-space: nowrap; padding-left: 20px; background: url(images/dmg12x12.gif) center left no-repeat; }
a.zip { white-space: nowrap; padding-left: 20px; background: url(images/zip12x12.gif) center left no-repeat;}
a.audio { white-space: nowrap; text-transform: uppercase; letter-spacing: .1em; padding-left: 20px; background: url(images/audio.gif) center left no-repeat; }
a.video { white-space: nowrap; text-transform: uppercase; letter-spacing: .1em; padding-left: 20px; background: url(images/icon_video_sm.gif) center left no-repeat; }
a.mail { white-space: nowrap; padding-left: 25px; background: url(images/icon_send.gif) center left no-repeat; }
a.keynote { white-space: nowrap; padding-left: 20px; background: url(images/keynote.jpg) center left no-repeat; }
a.read-on { white-space: nowrap; padding-left: 20px; background: url(images/readon_black.gif) center left no-repeat; }

a.external { white-space: nowrap; padding-right: 15px; background: url(images/external10x10.gif) no-repeat 100% 50%; zoom: 1; }

.link-image {color: #ffffff; border: none; text-decoration: none;}
.link-image a:link {color: #ffffff; border: none; text-decoration: none;}
.link-image a:visited {color: #ffffff; border: none; text-decoration: none;}
.link-image a:active {color: #ffffff; border: none; text-decoration: none;}
.link-image a:hover {color: #ffffff; border: none; text-decoration: none;}


#wp125adwrap_1c {width:100%;}
#wp125adwrap_1c .wp125ad {margin-bottom:10px; color: #ffffff; border: none; text-decoration: none;}
#wp125adwrap_1c a:link {color: #ffffff; border: none; text-decoration: none;}
#wp125adwrap_1c a:visited {color: #ffffff; border: none; text-decoration: none;}
#wp125adwrap_1c a:active {color: #ffffff; border: none; text-decoration: none;}
#wp125adwrap_1c a:hover {color: #ffffff; border: none; text-decoration: none;}


li#better-tag-cloud { text-align: justify;}

/* ------------------------------------------------------------------------- *
 * Hackadelic Sliding Notes
 * ------------------------------------------------------------------------- */
.hackadelic-sliderPanel {
	border: none;
    line-height: 1.0em;
}
a.hackadelic-sliderButton {
    text-transform: uppercase;
    border: none;
    margin-bottom: .2em;
    margin-top: 2em;
    padding-left:20px;
    letter-spacing: .1em;
    background:url(/images/play-icon.gif)
    3px center no-repeat;
}
a.hackadelic-sliderButton:hover {
    text-transform: uppercase;
    border: none;
    color: #000;
}
a.hackadelic-sliderButton.left-image {
    padding-left:20px;
    background:url(/images/play-icon.gif)
    3px center no-repeat;
}
.entry .hackadelic-sliderPanel {
	background-color: #fff;
}
.textwidget .hackadelic-sliderButton {
	display: block;
	text-align: center;
	margin: .5em;
}
.textwidget .hackadelic-sliderPanel {
	background-color: #fff;
}

.entrybody .hackadelic-sliderPanel pre {
	border: 0 none;
}
.entrybody .hackadelic-sliderPanel div.dp-highlighter {
	max-width: 578px;
}
/* ------------------------------------------------------------------------- *
 * Hackadelic TOC Boxes
 * ------------------------------------------------------------------------- */
div.toc {
	border: 1px solid #ccc;
	font-size: .75em;
}
div.toc.toc-left {
	max-width: 22em;
	float: left;
	margin: 10px 10px 10px 0;
}
div.toc.toc-right {
	max-width: 22em;
	float: right;
	margin: 10px 0 10px 10px;
}

div.toc a.toc-header {
	display: block;
	background-color: #f8f8ec;
	border-top: 1px solid #fcfcfc;
	border-left: 1px solid #fcfcfc;
	border-bottom: 1px solid #f0f0e0;
	border-right: 1px solid #f0f0e0;
	color: #777;
/** Styling regarding TOC title: **/
	padding: 1px 2px;
	text-align: left;
	font-size: 1.25em;
	font-weight: bold;
}

div.toc a.toc-header:hover {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #fcfcfc;
	border-right: 1px solid #fcfcfc;
        color: 000
        font-weight: bold;
}
div.toc ul {
	list-style: none;
	
	margin: 0;
	padding: 5px;
	background-color: #fcfcfc;
	overflow: hidden;
	white-space: nowrap;
}
div.toc.auto-collapse ul {
	display: none;
}
div.toc li a {
	text-decoration: none;
	border: 0 none;
	color: #777;
}
div.toc li.toc-level-1 {
	font-weight: bold;
}
div.toc li.toc-level-2 {
	font-weight: bold;
	padding-left: .25em;
}
div.toc li.toc-level-3 {
	padding-left: .5em;
}
div.toc li.toc-level-4 {
	padding-left: .75em;
}