/*
Theme Name: DigressIt
Theme URI:http://digressit.org
Description: This is the default theme for DigressIt, a plugin allows readers to comment paragraph by paragraph in the margins of a text.
Version: 2.1
Author:Eddie A. Tejeda
Author URI:http://www.visudo.com

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



 
body {
	font-family: Arial;
	background-color: white;
	margin:0px;
	padding: 0px;
}
  
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}

h3{
	font-size: 12pt;		
}

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

h2{
	padding-bottom: 10px;	
}


h6 a{
	font-size: 10pt !important;		
}

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

blockquote {
	margin:25px 25px;
	padding:0;
}
 
small {
	font-size:0.75em;
}
 
img {
	border:0;
}
 
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;
	text-align: left;
} 
/***** Links *****/
 
a { 
	color: #6666FF;
	text-decoration: none; 
}
a:hover, a:visited:hover { 
	color: #dd0000;
	text-decoration: underline; 
}
a:visited { 
	color: #883388; 
}
a, a:visited {
text-decoration:none;
}
a img {
	border: 0px;
} 


 
/***** Forms *****/
 
form {
	margin:0;
	padding:0;
	display:inline;
}
 
input, select, textarea {
	font-family: Arial;
}
 
textarea {
	line-height:1.25;
}
 
label {
	cursor:pointer;
}
 
/***** Tables *****/
 
table {
	border:0;
	margin:0 0 0px 0px;
	padding:0;
}
 
table tr td {
	padding: 0px;
}
 


#page {
	width:100%;
	height: 100%;
	min-height: 600px;
}
#header {

	margin:0px 0px 20px 0px;
}

.frontpage{
	min-height: 500px;
}

#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 p{
	padding-left: 20px;
}

.commentbrowser .reply{
	display: none;
}

#content {
	padding:0 0 50px 10px;
	min-height: 435px;
}

.pagetitle{
	margin-left: 20px;
}
.post {
	padding:0 30px 0 0;
	text-align: justify;
}

.entry{
	margin-left: 10px;
}

.post .entry p{
	margin-left: 10px;
	padding-bottom: 0px;
}
.post p {
	margin:14px 0 14px 0;
}
.post em{
	font-style:italic;
}
.post h2 {
	font-family:Arial;
	font-size:24px;
	margin:25px 0 10px 10px;
	font-weight:normal;
}
.post h1, .post h1 a{
	font-family:Arial;
	font-size:28px;
	margin:30px 0 10px 0;
	font-weight:normal;
	line-height:32px;
}
.post h3, .post h4 {
	font-family:Arial;
	font-size:20px;
	margin:15px 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;
}



.alignright {
float:right;
text-align: right;
width: 50%;

}
.alignleft {
float:left;
text-align:left;
width: 50%;
}

.aligncenter {
margin:0 auto;
display:block;
}
.post abbr {
font-weight:normal;
}
.post ul{
list-style:circle;
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;
	margin-top: 5px;
}
.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;
}

.comment{
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border: 1px solid #ddd;
	padding-left: 10px;
	margin-bottom: 5px;
}

.depth-1 {
}

.depth-2 {

}

.depth-3 {
}

.depth-4 {
}

.even, .alt {

/*	border: 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 {

	border-top:1px dotted #cccccc;
	text-align:left;
	clear: both;
}

/* COLUMNS */
.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 400px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}
.comment_meta{
	margin-top: 0px;
	padding-left: 15px;
}
.archive > #page > #content{

	width: 35%;
}	

#leftcolumn {
	float:left;
	width: 25%;
	padding-right: 5px;
}

#leftcolumn h2, #leftcolumn h3{
	padding-left: 15px;
	padding-bottom: 5px;
}

#leftcolumn ol{
	margin-top: 0px;
	padding-top: 0px;
}

.frontpage{
	margin-top: 20px;
}

#middlecolumn{ 
	width:50%;
	float: left;
	
}

#rightcolumn{ 
	float: right;

}

#middlecolumn .comment{
	list-style: none;
} 

#sidebar{
	max-width: 170px;
	padding-right: 22px;
}
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
	
#selected_block{

}


.subcommentlist h3{
	padding-top: 1em;
	padding-bottom: 0em;
	clear: both;
}

.clear{
	clear: both;
}
.subcommentlist {

}

.subcommentlist li{
	list-style: none;
}

#togglerbutton { 
	position: absolute; 
	padding: 5px; 
	left: -36px; 
	top: 50px; 
	vertical-align: middle; 
	text-decoration: none; 
	cursor: pointer;
}



a.download-button {
	font-size:13px;
	line-height:1.4em;
}

.download-button {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:12px;
	background:#21759B url(../images/button-grad.png) repeat-x scroll left top;
	border-color:#298CBA !important;
	color:#FFFFFF !important;
	font-size:14px;
	font-weight:bold;
	padding:4px 8px !important;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);
}


.submit input, .button, .button-primary, .button-secondary, input[type="button"], input[type="submit"] {
	border:1px solid #BBBBBB;
	color:#464646;
	cursor:pointer;
	font-family: Arial;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:16px;
	padding:2px 8px !important;
	text-decoration:none;
}

.ui-accordion .ui-accordion-header a {
	padding:0.3em 0.3em 0.3em 2.2em;
}

.ui-resizable-handle { position: absolute; display: block; font-size: 0.1px; }

.ui-resizable-e { cursor: e-resize; width: 10px; right: -10px; top: 0; height: 100%;  }
.ui-resizable-w { cursor: w-resize; width: 30px; left: 0; top: 0; height: 100%;  }
.ui-resizable-s { cursor: s-resize; height: 10px; width: 100%; bottom: 0; left: 0}
.ui-resizable-se { cursor: se-resize; width: 10px; height: 30px; right:0; bottom: 0; background:transparent url(images/commentbox/resizable-se.png) no-repeat right bottom} /*resizable-se.png*/

.proxy{border:1px dotted gray;background: url(images/commentbox/proxy.png)}

.container {width:100%;}
.container .containerTable{border:0; width:100%}
.container .containerTable .c{height:100%; .height:auto;}
.container {font-family:Arial; font-size:13px}
.container .n a{ font-size:18px;text-decoration:none; color:black; position:relative;}
.container .n a:hover{ text-decoration:underline; }
.container .containerBody{overflow:auto; position:relative; margin-right:-7px; padding-right:15px}
.container .icon{position:absolute;margin-top:-25px; margin-left:-4px;}
.container .spacer{padding-top:10px;}
.container .restoreContainer{width:32px}
.container .buttonBar{right:10px;top:5px}
.container .buttonBar img{padding:5px}

/*default interface for containers */
.container.default .n{ background:url(images/commentbox/skindef/n.png) repeat-x top; padding-left:22px; padding-bottom:0px; font-size:18px; vertical-align:middle; height:36px;.height:32px; -moz-user-select: none; -khtml-user-select: none}
.container.default .ne{ background:url(images/commentbox/skindef/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.container.default .no{ background:url(images/commentbox/skindef/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.container.default .o{ background: url(images/commentbox/skindef/o.png) repeat-y top right; height:25px;width:24px}
.container.default .e{ background: url(images/commentbox/skindef/e.png) repeat-y top right; height:25px;width:22px}
.container.default .s{ background: url(images/commentbox/skindef/s.png) repeat-x bottom; height:22px}
.container.default .se{ background: url(images/commentbox/skindef/se.png) no-repeat bottom right; height:22px;width:22px}
.container.default .so{ background: url(images/commentbox/skindef/so.png) no-repeat bottom right; height:22px;width:24px}
.container.default .c{ background: url(images/commentbox/skindef/c.png); padding-top:0px;}

/* skins */
.container.skin1 .n{background:url(images/commentbox/skin1/n.png) repeat-x top; padding-left:22px; padding-bottom:0px; font-size:18px; vertical-align:middle; height:36px;.height:32px; -moz-user-select: none; -khtml-user-select: none}
.container.skin1 .ne{background:url(images/commentbox/skin1/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.container.skin1 .no{background:url(images/commentbox/skin1/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.container.skin1 .o{ background: url(images/commentbox/skin1/o.png) repeat-y top right; height:25px;width:24px}
.container.skin1 .e{background: url(images/commentbox/skin1/e.png) repeat-y top right; height:25px;width:22px}
.container.skin1 .s{background: url(images/commentbox/skin1/s.png) repeat-x bottom; height:22px}
.container.skin1 .se{background: url(images/commentbox/skin1/se.png) no-repeat bottom right; height:22px;width:22px}
.container.skin1 .so{ background: url(images/commentbox/skin1/so.png) no-repeat bottom right; height:22px;width:24px}
.container.skin1 .c{background: url(images/commentbox/skin1/c.png); padding-top:0px;}

.container.skinAlert .n{background:url(images/commentbox/skinAlert/n.png) repeat-x top; padding-left:25px;padding-top:0px;vertical-align:bottom;color: white;}
.container.skinAlert .n a{color:white}
.container.skinAlert .ne{background:url(images/commentbox/skinAlert/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.container.skinAlert .no{background:url(images/commentbox/skinAlert/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.container.skinAlert .o{ background: url(images/commentbox/skinAlert/o.png) repeat-y top right; height:25px;width:24px}
.container.skinAlert .e{background: url(images/commentbox/skinAlert/e.png) repeat-y top right; height:25px;width:22px}
.container.skinAlert .s{background: url(images/commentbox/skinAlert/s.png) repeat-x bottom; height:22px}
.container.skinAlert .se{background: url(images/commentbox/skinAlert/se.png) no-repeat bottom right; height:22px;width:22px}
.container.skinAlert .so{ background: url(images/commentbox/skinAlert/so.png) no-repeat bottom right; height:22px;width:24px}
.container.skinAlert .c{background: url(images/commentbox/skinAlert/c.png); padding-top:0px; color:white;}
.container.skinAlert .buttonBar{right:15px;top:15px}

.container.skin3 .n{background:url(images/commentbox/skin3/n.png) repeat-x top; padding-left:22px; padding-bottom:0px; font-size:18px; vertical-align:middle; height:36px;.height:32px; -moz-user-select: none; -khtml-user-select: none}
.container.skin3 .ne{background:url(images/commentbox/skin3/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.container.skin3 .no{background:url(images/commentbox/skin3/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.container.skin3 .o{ background: url(images/commentbox/skin3/o.png) repeat-y top right; height:25px;width:24px}
.container.skin3 .e{background: url(images/commentbox/skin3/e.png) repeat-y top right; height:25px;width:22px}
.container.skin3 .s{background: url(images/commentbox/skin3/s.png) repeat-x bottom; height:22px}
.container.skin3 .se{background: url(images/commentbox/skin3/se.png) no-repeat bottom right; height:22px;width:22px}
.container.skin3 .so{ background: url(images/commentbox/skin3/so.png) no-repeat bottom right; height:22px;width:24px}
.container.skin3 .c{background: url(images/commentbox/skin3/c.png); padding-top:0px;}

.container.skin4 .n{background:url(images/commentbox/skin4/n.png) repeat-x top; padding-left:22px; padding-bottom:0px; font-size:18px; vertical-align:middle; height:36px;.height:32px; -moz-user-select: none; -khtml-user-select: none}
.container.skin4 .ne{background:url(images/commentbox/skin4/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.container.skin4 .no{background:url(images/commentbox/skin4/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.container.skin4 .o{ background: url(images/commentbox/skin4/o.png) repeat-y top right; height:25px;width:24px}
.container.skin4 .e{background: url(images/commentbox/skin4/e.png) repeat-y top right; height:25px;width:22px}
.container.skin4 .s{background: url(images/commentbox/skin4/s.png) repeat-x bottom; height:22px}
.container.skin4 .se{background: url(images/commentbox/skin4/se.png) no-repeat bottom right; height:22px;width:22px}
.container.skin4 .so{ background: url(images/commentbox/skin4/so.png) no-repeat bottom right; height:22px;width:24px}
.container.skin4 .c{background: url(images/commentbox/skin4/c.png); padding-top:0px;}

.container.skin5 .n{background:url(images/commentbox/skin5/n.png) repeat-x top; padding-left:22px; font-size:18px; vertical-align:middle; height:36px;.height:32px; -moz-user-select: none; -khtml-user-select: none; padding-bottom:7px}
.container.skin5 .ne{background:url(images/commentbox/skin5/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.container.skin5 .no{background:url(images/commentbox/skin5/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.container.skin5 .o{ background: url(images/commentbox/skin5/o.png) repeat-y top right; height:25px;width:24px}
.container.skin5 .e{background: url(images/commentbox/skin5/e.png) repeat-y top right; height:25px;width:22px}
.container.skin5 .s{background: url(images/commentbox/skin5/s.png) repeat-x bottom; height:22px}
.container.skin5 .se{background: url(images/commentbox/skin5/se.png) no-repeat bottom right; height:22px;width:22px}
.container.skin5 .so{ background: url(images/commentbox/skin5/so.png) no-repeat bottom right; height:22px;width:24px}
.container.skin5 .c{background: url(images/commentbox/skin5/c.png); padding-top:0px;}

.container.skin6 .n{background:url(images/commentbox/skin6/n.png) repeat-x top; padding-left:22px; padding-bottom:0px; font-size:18px; vertical-align:middle; height:36px;.height:32px; -moz-user-select: none; -khtml-user-select: none}
.container.skin6 .ne{background:url(images/commentbox/skin6/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.container.skin6 .no{background:url(images/commentbox/skin6/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.container.skin6 .o{ background: url(images/commentbox/skin6/o.png) repeat-y top right; height:25px;width:24px}
.container.skin6 .e{background: url(images/commentbox/skin6/e.png) repeat-y top right; height:25px;width:22px}
.container.skin6 .s{background: url(images/commentbox/skin6/s.png) repeat-x bottom; height:22px}
.container.skin6 .se{background: url(images/commentbox/skin6/se.png) no-repeat bottom right; height:22px;width:22px}
.container.skin6 .so{ background: url(images/commentbox/skin6/so.png) no-repeat bottom right; height:22px;width:24px}
.container.skin6 .c{background: url(images/commentbox/skin6/c.png); padding-top:0px;}

.container.skin7 .n{background:url(images/commentbox/skin7/n.png) repeat-x top; padding-left:22px; padding-bottom:0px; font-size:18px; vertical-align:middle; height:36px;.height:32px; -moz-user-select: none; -khtml-user-select: none}
.container.skin7 .n a{color:white}
.container.skin7 .ne{background:url(images/commentbox/skin7/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.container.skin7 .no{background:url(images/commentbox/skin7/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.container.skin7 .o{ background: url(images/commentbox/skin7/o.png) repeat-y top right; height:25px;width:24px}
.container.skin7 .e{background: url(images/commentbox/skin7/e.png) repeat-y top right; height:25px;width:22px}
.container.skin7 .s{background: url(images/commentbox/skin7/s.png) repeat-x bottom; height:22px}
.container.skin7 .se{background: url(images/commentbox/skin7/se.png) no-repeat bottom right; height:22px;width:22px}
.container.skin7 .so{ background: url(images/commentbox/skin7/so.png) no-repeat bottom right; height:22px;width:24px}
.container.skin7 .c{background: url(images/commentbox/skin7/c.png); padding-top:0px;}

.container.stiky .n{background:url(images/commentbox/stiky/n.png) repeat-x top; padding-left:22px; padding-bottom:0px; font-size:18px; vertical-align:middle; height:36px;.height:32px; -moz-user-select: none; -khtml-user-select: none}
.container.stiky .ne{background:url(images/commentbox/stiky/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.container.stiky .no{background:url(images/commentbox/stiky/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.container.stiky .o{ background: url(images/commentbox/stiky/o.png) repeat-y top right; height:25px;width:24px}
.container.stiky .e{background: url(images/commentbox/stiky/e.png) repeat-y top right; height:25px;width:22px}
.container.stiky .s{background: url(images/commentbox/stiky/s.png) repeat-x bottom; height:22px}
.container.stiky .se{background: url(images/commentbox/stiky/se.png) no-repeat bottom right; height:22px;width:22px}
.container.stiky .so{ background: url(images/commentbox/stiky/so.png) no-repeat bottom right; height:22px;width:24px}
.container.stiky .c{background: url(images/commentbox/stiky/c.png); padding-top:0px;}


.container.stikynote {background:gainsboro;border:1px solid gray;-webkit-border-radius:10px; -moz-border-radius:10px;border-radius:10px;}/**/
.container.stikynote .n{ }
.container.stikynote .n a{font-size:16px;color:black}
.container.stikynote .ne{height:25px;width:15px; -khtml-user-select: none; }
.container.stikynote .no{height:25px;width:15px; -khtml-user-select: none; }
.container.stikynote .s{ height:10px}
.container.stikynote .c{ }
.container.stikynote .buttonBar{right:5px;top:0px}