/*
Theme Name: CommentPress NetworkedBook
Theme URI: https://networkedbook.org
Description: This is the default theme for CommentPress, a plugin allows readers to comment paragraph by paragraph in the margins of a text.
Version: 2.4
Author:	Matthew Belanger after Eddie A. Tejeda
Author URI: http://fatbits.net and http://www.visudo.com

	"CommentPress NetworkedBook" is based on a theme by
	Bryan Helmig of Mid Mo Design: http://midmodesign.com/.
	called 	"Clean Home" 
	
	This version was modified by Matthew Belanger after Eddie A. Tejeda
	for the Wordpress Plugin: CommentPress 2.4
*/

#toolbar {
	display: none;
}

ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: .3em 0 0 1.5em;
	padding: 0;
	list-style-image: url(bullet.gif);
}
ol {
	line-height: 1.5em;
	margin: .3em 0 0 3.2em;
	padding: 0;
	list-style-image: none;
}
li {
	margin-bottom: .1em;
}


#toc,
.toc,
.mw-warning {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 95%;
}
#toc h2,
.toc h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
	text-align: center;
}
#toc ul,
.toc ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
}
#toc ul ul,
.toc ul ul {
	margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
	font-size: 94%;
}


div#accordion{
	padding-top: 20px;

}

hr {
  border: 0;
  width: 80%;
}

.main-column ul, .left-menu ul, #userbar ul, #optionsbar ul, #wrap ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
/***
* BuddyPress
*/

ul#letter-list {

	list-style: none;
	float: left;
	padding-right: 20px;
}


div.action {

	padding-top: 50px;

}

ul.forTab li {
	list-style: none;
}

ul#groups-list li {
	list-style: none;

}

ul#group-admins li {
	list-style: none;

}

li.groups {
	list-style: none;
}

div.content-header {
	padding-bottom: 20px;

}

div.content-header li {
	list-style:none;
	float: left;
	padding-right: 50px;
}

.vcard {
	float: left;
	width: 140px;
	margin: 5px;
	list-style:none;
}



.item-list {
	list-style:none;
	margin: 0;
}

.item-list li {
	float: left;
	width: 140px;
	margin: 0px;
	list-style:none;
}

.item-options {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
}

ul li.friends {
	list-style: none;
	margin: 0;
}

ul li.blogs {
	list-style: none;
	margin: 0;
}

ul li.profile {
	list-style: none;
	margin: 0;
}

/*div#wp-admin-bar img {
	display: none;

}

.main-nav {

	left: 0px;

}*/
/* Translate */

div.half {
	margin-right: 2%;
	width: 46%;
	height: 600px;
	float: left;
}



/* Diff */
table.diff .diff-deletedline {
	background-color: #ffdddd;
	border-width: 1px;
	border-style: solid;
	border-color: #ff9999;
   /* opacity: 0.15; */
	z-index: -500;
	/*filter:alpha(opacity=100); */
	/*-moz-opacity: 0.15;*/
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 2px 2px 2px 2px;
}
table.diff .diff-deletedline del {
	background-color: #ff9999;
	border-width: 1px;
	border-style: solid;
	border-color: #ff9999;
   /* opacity: 0.15; */
	z-index: -500;
	/*filter:alpha(opacity=100); */
	/*-moz-opacity: 0.15;*/
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 2px 2px 2px 2px;
}
table.diff .diff-addedline {
	background-color: #ddffdd;
	border-width: 1px;
	border-style: solid;
	border-color: #99ff99;
   /* opacity: 0.15; */
	/*z-index: -500;*/
	/*filter:alpha(opacity=100);
	-moz-opacity: 0.15; 	 */
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 2px 2px 2px 2px;
}
table.diff .diff-addedline ins {
	background-color: #99ff99;
	border-width: 1px;
	border-style: solid;
	border-color: #99ff99;
   /* opacity: 0.15; */
	/*z-index: -500;*/
	/*filter:alpha(opacity=100);
	-moz-opacity: 0.15; 	 */
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 2px 2px 2px 2px;
}

th {
	display: none;
}

/*table.diff td {
	padding-top: 10px;
}*/

dt {
	padding-top: 10px;

}

div {
	font-size: 10.5pt;

}
/*div.jScrollPaneContainer {
	margin-right: 2%;
	margin-bottom: 2%;
	width: 46%;
	height: 300px;
	float: left;
}*/

/* div.jScrollPaneContainer {

	position: fixed;
	top: 45px;
	left: 900px;
	width: 300px;
	/*height: 100px;*/

}

#commentarea {

	position: absolute;
	top: 45px;
	left: 900px;
	width: 400px;
	height: 40px;
	color: #fff;
} */

#header {
	position: fixed;
	top: 0px;
	width: 846px;
	height: 40px;
	color: #fff;
	background-color: #333;
	padding: 7px 7px 7px 25px;
	z-index: 500;

}

#header h1 {
	font-size: 14pt;
	
}

#table-of-contents{ float: left; margin-right: 0px; text-align: right; width: 250px; 	font-family: Arial, Helvetica, sans-serif;}
#togglerbutton {
	display: none;

}

div#commentbox {
	/*width: 25px;*/
	height: 100%;
	/* overflow: visible; */
	overflow-y: scroll;
	overflow-x: hidden;
}

tr.top {
	/*background-image: url(/logo.gif);*/
	display: none;
}

div.navigation {
	display: none;
}

 
body {
	font-size: 10pt;
	background-color: #E4EAEE;
	/* background-image: url(/bgnew.jpg); */
	background-repeat:no-repeat;

}
  
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
	color: #333;
}

h3{
	font-size: 12pt;		
}

h5{
	font-size: 10pt;
	margin:0;
	padding:0;		
}

h3 {
	/*color: #dd0000;*/
	letter-spacing: .12em;
	/*padding: 1em 0 0 0;*/
	/*text-transform: uppercase;*/
}

h2{
	padding-bottom: 10px;	
}
p {
	margin:0;
	padding:0 0 0px 0;
}
 
ul, ol {
/*	margin: 0 0 0 15px; 
	padding: 0 0 18px 10px;
	*/
}

div.tags {
	width: 900px;
	float: left;
}


div#members-list-options {
	display: none;
}

div#groups-list-options {
	display: none;
}

div.activity {
	/*width: 47%;
	margin-right: 3%;
	margin-bottom: 3%;*/
	width: 100%;
	/*float: left;
	height: 500px;
	overflow: auto;*/
}

div.social {
	width: 100%;
	margin-right: 3%;
	margin-bottom: 1%;
	float: left;
	height: 150px;
	overflow: auto;

}

div.chapters {
	margin-right: 3%;
	margin-bottom: 3%;
	width: 47%;
	height: 125px;
	float: left;
}

blockquote {
	margin:25px 25px;
	padding:0;
}
 
small {
	font-size:0.65em;
}

.readchapter {

	vertical-align: middle;
	padding-bottom: 20px;
}

.smallball {
	padding-right: 10px;
	float: left;

}
 
div#content img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

img {
	border: 1px dotted #666666; 
}

img.icon {
	float: left;
	margin-right: 12px;
	border: 1px dotted #666666; 
}

img.logo {
	border: none;
}

img.commenticon {
	border: none;
}
 
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
 
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
 
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

code {
	font: 1em "Courier New", Courier, mono;
	color: #009900;
} 
/***** Links *****/
 
a { 
	/*color: #0B61E6;*/
/* color: #FF6600; */
 color: #6633cc;
/* color: #037E85; */
	text-decoration: none; 
}
a:hover, a:visited:hover { 
color: #6633cc;
	text-decoration: underline; 
}
a:visited { 
 color: #6633cc;
}
a, a:visited {
text-decoration:none;
}
a img {
	border: 0px;
} 


 
/***** Forms *****/
 
form {
	margin:0;
	padding:0;
	display:inline;
}
 
input, select, textarea {
	/*font-family: helvetica,"trebuchet ms",Tahoma,"FreeSans",sans-serif*/
}
 
textarea {
	line-height:1.25;
}
 
label {
	cursor:pointer;
}
 
/***** Tables *****/
 
table {
	border:0;
	margin:0 0 0px 0px;
	padding:0;
}
 
table tr td {
	padding: 0px;
}
 


#wrapper {
	width:99%;
	margin:10px 0px 0px 20px;
}
/*#header {
	width:90%;
	margin:0px 0px 20px 0px;
}*/
#logo {
	padding:0px 0 10px 0;
}
#logo a {
	color:#ff2b06;
	font-size:14pt;
	font-weight:600;
	text-decoration:none;
	border-bottom:none;
}
#logo h2 {
	font-size : 10pt;
	font-weight : 200;
}

#nav {
	width:auto;
}
#nav ul {
	height:50px;
}
#nav li {
	text-align:left;
	display:inline;
}
#nav li a {
	font-size:20px;
	font-weight:400;
	display:block;
	border-bottom:none;
}

#blurb {
	padding-left: 500px;
}
#compare {
margin-left: 270px;
width:810px;
padding:0 40px 30px 20px;
min-height:420px;
min-width:400px;
max-width:810px;
border-left:1px dotted #666;
border-right:1px dotted #666;

font-family: Georgia, serif;
}

#main {
margin-left: 270px;
width:850px;
padding:0 0px 30px 20px;
min-height:420px;
min-width:400px;
max-width:850px;
border-left:1px dotted #666;
border-right:1px dotted #666;

font-family: Georgia, serif;
}

#page {
margin-left: 270px;
width:850px;
padding:0 0px 30px 20px;
min-height:420px;
min-width:400px;
max-width:850px;
border-left:1px dotted #666;
border-right:1px dotted #666;

font-family: Georgia, serif;
}

#content {
margin-left: 270px;
width:580px;
padding:0 0 30px 20px;
min-height:420px;
min-width:400px;
max-width:600px;
border-left:1px dotted #666;
border-right:1px dotted #666;

font-family: Georgia, serif;
}

.post {
padding: 0 30px 0 0;
/*text-align: justify;*/
}
.post p {
margin:14px 0 14px 0;
}
.post em{
font-style:italic;
}
.post h2 {
font-size:24px;
margin:25px 0 10px 0;
font-weight:normal;
}
.post h1, .post h1 a{
font-size:28px;
/*margin:30px 0 10px 0;*/
font-weight:normal;
/*line-height:32px;*/
}
.post h3, .post h4 {
font-size:20px;
margin:0 0 10px 0;
font-weight:normal;
}
.post h4 {
font-size:18px;
}
/*.post h1:hover, .post h2:hover, .post h3:hover, .post h4:hover {
color:#e12000;
}*/
.post .indent {
padding-left:10px;
}
.post .indent p {
padding-left:10px;
}
.post small {
font-size:11px;
}
.post small a {
font-weight:normal;
}
.post .alignright {
float:right;
margin-left:10px;
}
.post .alignleft {
float:left;
margin-right:10px;
}
.post .aligncenter {
margin:0 auto;
display:block;
}
.post abbr {
font-weight:normal;
}
.post ul{
list-style:disc;
margin:0 0 0 25px;
}
.post ol{
list-style:decimal;
margin:0 0 0 30px;
}
.post .wp-caption {
background:#f7f7f7;
border:1px solid #ccc;
margin:10px;
text-align:center;
padding:5px 0 0;
}
.post .wp-caption-text {
margin:0;
}
.post .wp-caption a, .post .wp-caption a:hover {
border-bottom:0;
}
.post blockquote {
color:#777;
border-left:5px solid #ccc;
margin:15px 30px 0 10px;
padding-left:20px;
}
.post pre {
font-family:courier;
font-size:12px;
letter-spacing:-1px;
margin:14px 0 14px 0;
}
.post .message ul {
margin:12px 0 0;
}
.post .message {
display:none;
background:#0F67A1;
margin-top:10px;
padding:20px;
/*color:#fff;*/
}

/* #comments {
	width: 350px;
	padding: 50px 0 0 0;
} */

.comment{
	padding: 10px;
}
.commentlist li, #commentform input, #commentform textarea {

}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	/*background: #fff;*/
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
/*	font-size: 1.1em; */
	}


#commentform p {

}

.commentmetadata {
	font-weight: normal;
	}

.thread-alt {
	/*background-color: #f8f8f8;*/
}
.thread-even {
	/*background-color: white;*/
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

/* Begin Comments*/
.alt {
	margin: 0;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
	font-weight: normal;
	text-transform: none;
}


.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

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

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

#footer {
	display: none;
	width:90%;
	border-top:1px dotted #cccccc;
	text-align:left;
	padding:10px 0px 0px 20px;
}

/* COLUMNS */
#narrowcolumn{
	float: left;
	padding: 24px 0 0 0;
	width: 350px;	
}
#widecolumn{
	margin-left: 350px;
	width: 410px;
	padding: 24px 0 0 0;
}
#extrawidecolumn{
	margin-left: 370px;
	padding: 24px 0 0 0;
	width: 600px;
}

.leftcolumn {
	/* float:left;
	height:100%;
	max-width:300px;
	min-height:400px;
	min-width:200px;
	padding-right:10px; */
}

.rightcolumn{ 
	/*margin-left:20%; 
	width:50%;*/
	
}

h2.widgettitle {
	font-size: 10pt;
	font-weight: 600;
	color: #0033ff;
}

#table-of-contents ul, #table-of-contents ul ol {
	margin: 0;
	padding: 0;
	}

#table-of-contents ul li {
	font-size: 10pt;
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#table-of-contents ul p, #table-of-contents ul select {
	margin: 5px 0 8px;
	}

#table-of-contents ul ul, #table-of-contents ul ol {
	margin: 5px 0 0 10px;
	}

#table-of-contents ul ul ul, #table-of-contents ul ol {
	margin: 0 0 0 10px;
	}

ol li, #table-of-contents ul ol li {
	list-style: decimal outside;
	}

#table-of-contents ul ul li, #table-of-contents ul ol li {
	margin: 3px 0 0;
	padding: 0;
}
	
#selected_block{
	margin-top: 10px;
	margin-left: 10px;
}
.subcommentlist {
	padding-left: 20px;
}

.says {
	display: none;
}
/* New */
#sidebar {
	width: 300px;
	height: 100%;
	overflow: scroll;
	position: fixed;
	top: 10px !important;
	left: 920px;
}
#sidebar_tabs {
	display: none !important;
}
#toc_sidebar {
	display: none;
}
.sidebar_header {
	display: none;
}
#sidebar ol {
	line-height: 1.5em;
	margin: 0 !important;
	padding: 0;
	list-style-image: none;
}
.para_marker {
	float: right;
	padding-left: 20px;
	margin-right: -20px;
}
.commenticonbox {
	display: none;
}
#respond {
	display: block !important;
	position: absolute;
	top: 0;
}
#comments {
	position: absolute;
	top: 310px;
	width: 280px;
}
.commentlist {
	position: absolute;
	top: 390px;
	width: 280px;
	text-align: left !important;
	line-height: normal !important;
}
.comments_container {
	display: none;
}
.comment-body p {
	clear: both;
}
.comment-author {
	word-wrap: break-word;
}