/*##### rrmedia_bodytext.css, created by ###Media BodyText, by Robin Richmond*/
/* For admin_editmedia.php & showmedia.php */

/*** Styles for stories stored as Body Text in media records ***/
/* Media item title and description. Limit its width because wide headings can look bad */
.bttitledesc  {margin:auto;
	margin-bottom:1px;
	text-align:center;
	width:600px; max-width:90%;
	padding:1ex 8px;
	padding-bottom:1ex;
	border:2px solid #4E7076;
	border-radius:10px;
	background-color:white;
}
.bttitle {margin-top:0;}
.btdescription {margin-bottom:0;}

/* Wrapper for the bodytext */
.btwrapper { margin:auto;
	width:800px; max-width:95%;
	padding:4px 10px;
	border:2px solid #4E7076;
	border-radius:8px;
	background-color: white;
}
.btheader, .btwrapper header {
	margin:auto; text-align:center;
	width:600px; min-width:80%;max-width:100%;
	margin-bottom:1ex;
	}
.btwrapper header h2,.btheader h2 {margin:0 0 2px 0;}
.btwrapper header h3,.btheader h3 {margin:0 0 2px 0;}
.btwrapper header h4,.btheader h4 {margin:0 0 2px 0;}
.btwrapper header p,.btheader p {margin:0 0 2px 0;}
.btwrapper header *,.btheader * {margin:0;}

/* highligting and bracketing */
.bthilite {color:brown;}
.bthilite2 {background-color:bisque;}
.bthiliteb {color:brown; font-weight:bold;}
.btnote {color:brown;}
.btnote::text-before {content: "[[";}
.btnote::text-after {content: "]]";}
/* A separator the doesn't necessarily go all the ways across the div */
.btline {border-bottom:2px solid #4E7076;}
.btcopyright {font-size: 90%; margin: 0 2em;}
/*** Story body ***/
.btwrapper article {border:1px solid #4E7076; border-radius:6px; padding:5px; margin-bottom:.5em;}
.btwrapper article>*:first-child {margin-top:0;}
.btwrapper article>*:last-child {margin-bottom:0;}
.btwrapper h4{margin-bottom:2px;}
.btwrapper h4+p,h4+ol,h4+ul{margin-top:0;}
.btwrapper h3{font-size:120%;}
.btwrapper blockquote {margin-top:0; margin-bottom:0;}
.btwrapper .partial {width:80%} /* Primarily for <hr>s separating sections*/
.btwrapper .leftline {width:40%; text-align:left;}
/* Undo TNG's <ul> formatting that limits the bullet indentation */
.btwrapper ul {margin-left:2em; padding-left:0}
/* Wrap paragraphs and lists in a div to make the list look like part of the paragraph */
.btwrapper div.p {margin-top:1ex;margin-bottom:1ex;}
.btwrapper div.p>p, btwrapper div.p>ul, btwrapper div.p>ol {margin:0;}
.btwrapper li.p {margin-top:1x; margin-bottom:1x;}
/* Mark links to ancestors, with a symbol to indicate that they open in a new window (tab) */
a.ancestor {color:brown;}
a.ancestor::text-after {content: "&#9742";}
/* Text that is to be toggled and buttons that toggle it */
.bttoggletext {display:none; border:thin dotted grey; padding:3px;}
.bttoggleopen,.bttoggleclose {cursor:pointer; text-decoration:underline;}
/* misc */
.btwrapper footer {margin-top:1ex; border-top:thin solid #4E7076;}
.btlinkbutton {
	cursor:pointer;
	color:black; background-color:#FDFAF2;
	font-weight:bold; text-decoration:none;
	padding:1px 2px;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-radius:5px;
/*	background-color:#e0e0f7; /*same as "databack" background color */
}
/*** End of styles for Body Text stories ***/