/*
Theme Name: caregraforg
Theme URI: http://www.caregraf.org
Description: .org simple theme for blog and papers
Version: H
*/

/* body {
    font-size:100%;
    line-height:1.125em; 16×1.125=18    
} Play with ems later. Remove px. Default size is usually 16px. */

/* Links and Colors */
a, a:visited, a:active {
	color: rgb(153, 0, 0);
	text-decoration: none;
}

a:hover {
	color: grey;
	text-decoration: none;
}

/* Container. Fix size, side colors */

#container {
	margin: 0px auto;
	position: relative;
	width: 960px;
	background-color: white;
}

/* Header */

#header * {
	margin:0;
	padding:0;
}

#header {
	margin-top: 40px;
}

#header #logo {
	float: left;
        /* No xx-large for IE so fixing size */
	font-size: xx-large !important;
        font-weight: bold;
	letter-spacing: 2.5px;
	line-height: 1em;
	font-family: Georgia, serif;
}

#header #logo72 {
}

#header #blurb {
	display: none;
}

#header #navigation {
	float: right;
}

#header #searchbox {
	/* clear: left;
	float: right; */
	display: none;
}

#header #navigation ol {
	list-style-type: none;
}

#header #navigation li {
	margin-left: 5px;
	display: inline;	
	font-size: large;
}

#footer * {
	margin:0;
	padding:0;
}

/* For a clearing DIV. I had to add this for IE */
.clear {
        clear: both;
}

#footer {
	clear: both;
	float: right;
	margin-top: 35px;
	padding-bottom: 30px;
	font-size: small;
}

/* Front Page Content */

/* Only key pieces have browser default sizings reset. Will do for all later */
#fpcontent * {
	margin: 0;
	padding: 0;
}

#fpcontent {
	clear: both;
	float: left;
	margin-top: 30px;
	margin-bottom: 20px;
}

#fpcontent #toprow {
	padding-top: 20px;
}

#fpcontent #toprow #leftcolumn {
	float:left;
	width:55%;
	padding-left: 30px;
}

#fpcontent #toprow #rightcolumn {
	float:right;
	padding-left:5%;
	padding-right:5%;
	width:30%;
}

#fpcontent #mission {
	font-size: xx-large;
}

/* #fpcontent #mission:after {
	content: '\201d';
}

#fpcontent #mission:before {
	content: '\201c';
} */

#fpcontent #introslides {
}

#fpcontent #introslides #slidestag {
	margin-top: 20px;
}

#fpcontent #bottomrow {
	clear: both;
	float: left;
	margin-top: 40px;
}

#fpcontent #bottomrow #leftcolumn {
	float:left;
	width:45%;
	padding-left: 30px;
}

#fpcontent #bottomrow #rightcolumn {
	float:right;
	padding-left: 30px;
	width:45%;
}

#fpcontent #bottomrow h2 {
	font-size: x-large;
	margin-bottom: 5px;
}

#fpcontent #bottomrow #demoTitle, #bottomrowTitle {
	text-align: center;
	font-size: large;
	border-bottom:1px solid Maroon !important;
	padding-bottom:2px;	
	margin-right: 30%;
	margin-left: 30%;
	margin-bottom: 30px;
}

#fpcontent #bottomrow .demo {
	float: left;
	width: 32%;
}

#fpcontent .demo + .demo, .initiative + .initiative {
	margin-left: 2%;
}

/* Content */

/* **** Contents **** */

/* Not until work out DT/DL etc ideals. */
/* #content * {
	margin:0;
	padding:0;
} */

#content {
	clear: both;
	float: left;
	margin-top: 30px;
}

#demo .meta .metatitle {
	font-weight: bold;
}

#content ul
{
  padding-left: 0;
  margin: 1em 0 1em 3em;
}

#content code, samp {
        white-space: pre;
}

#content pre, p, code, samp {
	margin: 1em 0px;
}

#content pre, code, samp {
	overflow-x: auto;
	border: dotted black 1px; 
	padding: 1ex;
	font-family:monospace; 
	text-align:left;
}

#content p { text-align:justify; line-height:140%; }
/* h1,h2,h3,h4,h5,h6 { text-align:center; } */
#content h1 { font-size:2em; font-weight:bold; }
#content h2 { font-size:1.6em; font-weight:bold; }
#content h3 { font-size:1.2em; font-weight:bold; }
#content h4 { font-size:1em; font-weight:bold; }
#content h5 { font-size:1em; font-weight:bold; }
#content h6 { font-size:1em; font-weight:normal; }
#content h6 { font-style:italic; }

#content div.quote p,
p.quote,
blockquote {
        margin-left:1em; margin-right:1em;
        font-style:normal;
}

#content blockquote {
	margin: 15px 10px 0 10px;
	padding: 5px 20px 5px 20px;
	background-color: rgb(245, 245, 241);
}

#content blockquote.bqnotitle:after {
	display: none !important;
}

#content blockquote[title]:after {
	content: "\2014  " attr(title);
	display: block;
	padding-bottom: 15px;
	}

/* Hacky - merge with other content stuff */
#content .paperlevel2 {
        margin-top: 40px;
}

/* **** Contents: Post **** */

.post {
	margin-bottom: 0px; /* Element below adds space */
	padding: 20px;
	padding-top: 10px;
}

.post + .post {
	margin-top: 0px;
}

.post h2 {
        font-size: 2em !important;
        margin-bottom: 0;
}

.post-meta {
	font-size: 1em !important;
        margin-top: 0.3em;
	/* margin-top: -1.2em; */
}

.post .comments, .post .cites {
	padding-top: 10px;
}

.post .comments {
	padding-bottom: 10px;
}

.post .more a {
	font-size: 1em;
}

.post .post-meta {
	color: #777; /* Light Grey: color four */
}

.layout-h1 {
	border-bottom:1px solid Maroon !important;
	font-size:1em;
	margin-right:30%;
	padding-bottom:2px;	
}

.navigation {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 50px;
}

.comments ol {
	list-style-type: none;
    margin: 1em 0 1em 0;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* Paper */

#paper {
	color:#000; 
	background-color:#fff;
	font-family:Georgia, serif;
	width:50em;
	max-width:50em;
	margin:1em auto;
	padding:3em 3em 1em 3em;
}

#paper .section {border-bottom: solid black 1px;}

#paper * {
	
}

.titlepage {
	margin-top:1em;
	margin-bottom:1em;
	text-align:center;
	font-weight:bold;
}
.titlepage p {
	text-align:center; line-height:140%;
}
.titlepage h1 { margin-top:2em; margin-bottom:0em; }
.titlepage .date { margin: 0; font-size:1em; }

.section dt {
        margin: 1em 0px;
}

#paper h1 {
	margin: 0.67em 0px 0.67em 0px;
}

#paper h2 {
	margin: 0.83em 0px 0.83em 0px;
}

#paper h3 {
	margin: 0.83em 0px 0.83em 0px;
}

.sparql {
	border: dotted black 1px;
        padding-left: 20px;
        padding-right: 20px;
}

.sparql pre {
       display: none;
}

.sparql table {
	width: 100%;
        text-align: center;
        border: none !important;
	padding: 10px;
        padding-top: 0px;
	font-family:monospace; 
}

.sparql table thead th {
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
	border-bottom: solid black 1px;
}

.sparql table td + td {
	border-left: solid black 1px;
}

.sparql table td {
        padding-left: 5px;
        padding-right: 5px;
	padding-top: 10px;
}

.sparql table tfoot th {
	padding-top: 20px;
}


.sparql pre {
 border: none !important;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* **** For HL7: SVG etc *** */
.packagesvg {
	max-width: 100%;
}

.sparqlSection {
	margin-top: 20px;
}

/* **** Contact form **** */
#wpcf {
       margin-bottom: 40px;
}

.contactform {
	margin-top: 10px;
}

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 175px;
	margin-top: 10px;
}
#wpcf input {
	float: left;
	width: 300px;
	padding: 1px;
	margin: 2px 5px 2px 0;
	margin-top: 10px;
}
#wpcf textarea {
	float: left;
	width: 475px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
	margin: 2px 5px 2px 0;
}
#wpcf #contactsubmit {
	/* margin-left: 550px;
	width: 100px; */
}

/* **** Print **** */

@media print {
	#header { display:none; }
}