+/* master.css for CommentPress, a WordPress theme  */

/* 	There are other style sheets: 
		reset.css : resets all browser defaults (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)
		master.css : global formatting and layout of the container divs and major block elements (w/ margin/padding/width defaults)
		style.css: typography, and colors, and more
		style_ie.css: issues that come up during bug testing that require overriding styles for IE
		
*/

/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
font-family: Palatino, Georgia, Times, serif;
}
 
/***** Common Formatting for tags *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
/* font-weight:normal; */
}
  
p, ul, ol {
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.85em;
}
 
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;
} 
/***** 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:1em arial, helvetica, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 18px 0;
padding:0;
}
 
  table tr td {
  padding:2px;
  }
 

/***** Global Classes *****/
 
.clear { clear:both; }
 
.floatLeft{ float:left; }
.floatRight   { float:right; }
 
.alignLeft { text-align:left; }
.alignRight{ text-align:right; }
.alignCenter   { text-align:center; }
.alignJustify  { text-align:justify; }
 
b, strong, .bold  { font-weight:bold; }
i, em, .italic{ font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }
 
.imgLeft  { float:left;margin:4px 10px 4px 0; }
.imgRight { float:right;margin:4px 0 4px 10px; }
 
.nopadding { padding:0; }
.noindent  { margin-left:0;padding-left:0; }
.nobullet  { list-style:none; list-style-image:none; margin-left: 0px;}


/***** CONTAINER CLASSES *****/
/* 	
	this container sets the page's 
	background color
	width + left padding = 1000px
*/
#container{
	background-color: #ffffff; 
	padding: 5px 0 0 25px;
	position: absolute;
	min-height: 550px;	
	width: 970px;
}

/* 	
	this container holds the post content (and breadcrumbs, and post navigation [next/prev] if any). 
	no left padding here, that's handled by the container_all div in this layout 
	width
	top padding
*/

#header {
	/* width: 800px; */
	/* width: 100%; */
}


/* 	
	search container
	absolutely positioned
	width + left padding = 200px
*/

#search {
	position: absolute;
	top: 0;
	left: 821px;
	width: 164px;
	height: 25px;
	padding: 10px 3px 10px 10px;
	background-color: #808088;
	white-space: nowrap;
}
#search #searchbox {
	font-size: .7em;
	width: 124px;
}
#search #searchbutton {
	font-size: .7em;
	padding: 0px;
}

#page {
	background-color: #ffffff;
	float: left;
	/* width: 770px; */
	width: 80%;
}


/* 	
	this container holds the post content (and breadcrumbs, and post navigation [next/prev] if any). 
	no left padding here, that's handled by the container_all div in this layout 
*/


#content-regular {
	width: 100%;
	padding: 25px 0 0 20px;
	line-height: 1.2em;
	/*border: 1px solid #eeeeee;  for testing*/
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 8px;
padding-right: 260px;
padding-bottom: 15px;
padding-left: 15px;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #aa5500;

}

#content {
	/* width: 425px; */
	width: 80%;
	/* padding: 25px 0 0 0; */
	line-height: 1.2em;
	/*border: 1px solid #eeeeee;  for testing*/
}

#comments {
	position: fixed;
	top: 200px;
	right: 250px;
	width: 320px;
	padding: 50px 0 0 0;
	/*border: 1px solid #eeeeee;  for testing*/
}

/* sidebar class is in style.css */

#footer {
	background-color: #eee;
	padding: 0 0 25px 25px;
	margin: 25px 0 0 -25px;
	font-size: .8em;
	line-height: 1.5em;
}

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


/* TO HELP WITH FRIVOLOUS */
#comment_read, #comment_index, #comment_help {
	display: none;
}


/*********************************************** */


/* COMMENTS */

/*
        this container holds the comment area
        it is position: fixed
        width + left padding = 350px;
*/
.activity_box {
        padding-top: 24px;
}

#cp_commentsTotal {
        position: absolute;
        padding-top: 6px;
        font-size: .75em;
}
#cp_showAll {
        float: right;
        margin-top: 0px;
}
#newcomment{
        border: 1px solid #ff0000;
        display: hidden;
        height: 20px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 200px;

}
#cp_helpIcon {
        content: "?";
        float: right;
        margin-top: 4px;
}
.cp_commentBody {
        position: relative;
        margin-left: 0px;
}
#comments h3 {
        padding-left: 15px;
}


/*      container for comments  */
#cp_comments {
        background-color: #ffffff;
        border: 1px solid #d5dfe5;
        font-size: .9em;
        height: 365px;
        line-height: 1.35em;
        margin: 0px;
        margin-top: 3px;
        overflow: scroll;
        overflow-y:scroll;
        overflow-x: hidden;
        padding: 10px;
        position: relative;
        width: 330px;
}
#cp_comments h4 {
        font-size: 1em;
}
/* STYLES FOR COMMENT TEXT */
.comment,.commentReference, .commentAuthor {
        border-top: 1px solid #d5dfe5;
        margin: 5px 0 0 0;
        padding: 5px 0 ;
}
.comment .title, .comment .title cite, .commentReference, .commentAuthor {
        font-weight: bold;
        font-size: .8em;
        letter-spacing: .1em;
        text-transform: uppercase;
}
.comment .title cite {
        font-size: 1em;
}
#cp_comments p, #cp_indexList p {
        margin: 0;
/*      text-indent: 1.75em; */
}
.cp_commentMeta {
        display: block;
        margin: -1em 0 1em 0;
        font: 11px Arial, Helvetica, sans-serif;
        color: #707077;
}

.cp_replyLink, .cp_goToText, .cp_goToText_noaction {
        display: block;
        float: right;
        padding-right: 10px;
        text-align: right;
        width: 55%;
}
.cp_datePosted {
        text-align: left;
}
.author_on_paragraph {
        font-size: 1.2em;
        font-weight: normal;
        text-transform: none;
}

/* STYLES FOR THREADED COMMENT */
.comment .cp_commentBody .comment{
        padding-left: 20px;
}

/*#cp_write_comment {
        width: 325px;
        height: 365px;
        border: 1px solid #cfcfcc;
        overflow: scroll;
        overflow-y:scroll;
        overflow-x: hidden;
        padding-left: 15px;
        font-size: .8em;
        margin-top: 3px;
        line-height: 1.35em;
}       */




/* COMMENT AREA: COMMENT OVERVIEW LIST */
#comment_index #cp_comments .commentlist ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
}
#comment_index #cp_comments .commentlist ul li {
        line-height: 1.5em;
        border-top: 1px solid #d5dfe5;
        padding: 0 0 1em 5px;
}
#comment_index #cp_comments .commentlist ul li a {
        font-size: .8em;
        text-transform: uppercase;
        letter-spacing: .1em;
}
#comment{
        max-width: 400px;
        width: 90%;
}


/***** LEXIA *****/
.lexia {
        margin: 0 10px 0 0;
}
.lexia p {
        font-size: .9em;
        width: 95%;
        padding: 5px 2px 5px 2px;               /* padding and margin to allow for highlighting and border */
        margin: 10px 0px 10px -2px;
        border: 1px solid #ffffff; 
        line-height: 1.4em;
}
.lexia blockquote {
        margin-left: 1.5em;
}
.lexia blockquote p{
        font-size: .8em;
        width: 340px;
}
.lexia img {
        max-width: 365px;               /* automatically resizes images */
}
.lexia .selected {
        /* highlighting is controlled in ./javascript/frivolous.js */
}

.lexiaNumber {
        color: #a0a0aa;
        float: left;
        font-size: .75em;
	margin-left: -13px;
        padding: 0 3px 0 3px;
        text-align: right;
}

.icons {
        width: 42px;
        padding: 0;
        margin: 0;
        float: right;
        white-space: nowrap;
        text-align: center;
        font-size: .8em;
}
.icons a {
        text-decoration: none;
}

#content h3 {
        margin-bottom: .5em;
}
#content ol, #content ul {
        margin-left: 20px;
        padding-left: 10px;
        font-size: .9em;
        width: 330px;
}
ul.bulletList li {
        list-style-type: disc;
}
ol li, ol.numberedList li {
        list-style-type:decimal;
        margin-left: 20px;
        padding-left: 0px;
}