/*   
Theme Name: jmb-theme
Theme URI: http://www.jmbroekman.com
Description: jmb news page theme
Author: Jessyca M Broekman
Author URI: http://www.jmbroekman.com
Version: 1
*/

@media screen {

* { margin: 0; padding: 0; }
body { 
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	background-color: rgb( 227, 232, 219);/*original bckground color: rgb(220, 222, 215);*/
	color: #444;
	font-size: 1em;
        line-height:105%;
	}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */


#bkg {
	width:1007px;
	margin:20px auto 0;
	background-image: url(images/shadow-bkg2.png); 
	background-repeat:no-repeat;
}

#page-wrap {
	width: 940px;
	background-color: #FFF; /* body color  rgb(227, 232, 219);*/
	margin: 0 auto;
	text-align: left;
	padding: 20px; 
	border-top:1px dashed #B7B4CE;
	}

#header {
	background-image: url(images/header-bkg.png);
	background-repeat:no-repeat;
	margin-top:-5px;
	height:114px;
	width:941px;
        position:relative;
}
	

h1, h2, h3 { 
	margin: 0 0 10px 0;
	font-weight: bold;
	}
h1 {
	padding-top: 85px;
	font-size:100%;
	color: #6D659A;
	padding-left:5px;
	margin-bottom:8px;
	}
h1 a { color: #918BB3; }
h2 { 
      font-size:120%;
      color:#818aa3; 
      font-weight:bold; 
      text-align:right; 
      padding-top:0; 
      margin:25px 0 5px; 
      width:340px; 
      font-variant:small-caps;
}
h3 { }

p { margin: 0 0 10px 0; }
a { text-decoration:none;
    color: #918BB3; }
a:hover { color: rgb(101, 109, 154); } 

.left {
    float:left;
    margin: 2px 24px 24px 0px;
    width: 340px;
    text-align:right;
}

.right {
    margin-left: 365px;
}

.entry .right p {
    margin-right:10px;
    width:380px;
}

.entry .center p {
   width:700px;
   margin-top:12px;
   margin-left: 24px;
}

.entry .center p.last {margin-bottom:36px; }

.entry .center h4 {
   margin:12px 0 -4px 24px;
   padding:0;
}

blockquote {margin-left:15px; font-style:italic; color:#656D9A; }
blockquote p { }

ul, ol { margin: 0 0 10px 0; font-size:75%; list-style:none; }



/* header navigation styles */

#homelink {
	background-color:transparent;
	height:80px;
	left:0;
	position:absolute;
	top:0;
	width:715px;
}

.sitenav {
	border-bottom:1px dashed #918BB3;
	display:block;
	float:right;
	margin-top:-30px;
	padding:0 0 0 5px;
	position:relative;
	margin-right:35px;
        font-size:83%;
	}
	
.sitenav li, .sitemap li {
	color:#6D659A;
	display:inline;
	list-style:none;
	margin-right:15px;
}

li.last {
	margin-right:5px;
}

ul.sitemap {
	float:left;
	padding-left:15px;
        font-size:100%;
	
}
.sitemap li {
	text-align:left;
	line-height:100%;
	margin-right: 8px;
}

.sitenav li a, .sitemap li a {color: rgb(145, 139, 179); font-weight:500;}

.sitenav li a, .sitemap li a {
	text-decoration:none;
}

.sitenav li a:hover, .sitemap li a:hover { color: rgb(109, 101, 154); font-weight:600;}
/*end header nav styles */


/*post styles */

.post {overflow:auto; }


.entry {
 /*   overflow:auto; */
    width: 760px;
    margin-left:12px;
}

.entry a {}
.entry a:hover { }


.entry img{ border:none;  margin:10px; }
.entry img a { text-decoration:none; border:none;}
	
h2 a, .entry p a {text-decoration:none; color: #818aa3; }


.entry p a {color:#53210B ; padding:2px;} /*original color:#626449*/
.entry p {
	font-size:78%;
	margin-right:35px;
	margin-top:24px; /*to accomodate the space from h4 */
	width:724px;
        margin-bottom:-8px; /*to move the paragraphs closer together*/
}

h2 a:hover, .entry p a:hover {color:#6D659A;}
.entry p a:hover {background-color:#d6dba0; border-bottom:thin dashed #626449;}

h4 { color:#465262; padding:28px 0 0; margin-bottom:-16px; font-size: 85%;}
.right h4 { padding-top: 16px; }


.post ul {
	float:right;
	font-size:70%;
	list-style-image:none;
	list-style-type:none;
	margin-right:-12px;
	margin-top:0;
	width:298px;
}
.post ul li {
	line-height:1.4em; padding-top:5px; margin-left:-45px;
}
.post ul li ul {
		font-size:100%;
		margin-top:-2px;
		margin-bottom:7px;
	}
.post ul li ul li {
		margin-left:-25px;
		line-height:1em;
	}

pre { }
code, tt { }

#meta, .meta {
    font-size:65%;
    color: #666666;
    text-align:right;
    width: 340px;
    line-height:105%
} /*this was .meta */

.postmetadata {
   font-size:65%;
   margin-bottom:35px;
   margin-left:36px;
   margin-top:-24px;
   width: 340px;
   color:#666666;
   clear: both; /* to close up the floats */

}

p.singletag {
  font-size:70%;
  margin-bottom:24px;
  margin-left:36px;
  margin-top:-24px;
  clear: both; /* to close up the floats */
  }

#breadcrumbs {font-size: 75%; margin-left:8px;}
#breadcrumbs strong {color:#6d659a; font-weight:400; }

/*sidebar*/
#sidebar {
	background-color:#d3dbc6;
	border-bottom:1px dashed #918BB3;
	border-top:1px dashed #918BB3;
	margin-left:800px;
	padding:4px 0 0;
	position:absolute;
	top:170px;
	width:200px;
}
#sidebar h2 {
   color:#51577b;
   font-size:80%;
   margin: 18px 10px 0;
   padding-left:10px;
   text-align:left;
   margin-top:18px;
   width:172px;
}

#sidebar p {
   margin:4px 10px 24px 24px;
   border-bottom:1px dashed #918BB3;
   font-size: 80%;
   font-variant:small-caps;
}

#sidebar p a {
	display:block;
        padding: 4px;
}
#sidebar ul {
	margin-top:4px;
	margin-bottom:24px;
        margin-right:10px;
	padding-left:24px;
        list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
        font-size: 75%;

}
li.pagenav {list-style:none; }

#sidebar ul li {
	padding: 0;
	border-bottom:1px dashed #918BB3;
	margin-bottom:0;
}
#sidebar ul li a {
	display:block;
	margin-top:0;
	padding:4px;
	text-decoration:none;
/*color: rgb(145, 139, 179); this is the light purple */
/* 75% of the home page webdesign color:  rgb(163, 168, 106) */
}


#sidebar ul li a:hover, #sidebar p a:hover {
        color: rgb(101, 109, 154); 
	background-color:#CCC;
}

.widget_tag_cloud a { padding-left: 24px; margin-bottom: 27px; }
#sidebar { }
/*navigation on individual post pages for next and previous entry/post */
.nextprev {
   font-size:75%;
   height:1.5em;
   margin:10px 36px 24px;
   width:720px;
   clear:both;}
.nextprev .prev { float: left;}
.nextprev .next { float: right;}

/*navigation on main page for next and previous groups of posts */
   .navigation { width: 760px; }
   .next-posts { font-size:75%; }
   .prev-posts {  font-size:75%; text-align:right;}

#searchform { padding:10px; }
	#s { margin-bottom: 10px;}
	#searchsubmt { }


#respond h2 { text-align:left; }
#respond { width:724px; margin-left:36px; }
#respond p {font-size:85%; ;}
.post-edit-link {font-size:75%; margin-left:36px; }

h2#comments {text-align:left; margin-left:36px;}	

ol.commentlist { list-style: none;
   width: 640px; margin:0 10px 10px 36px; color: #666666; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { 
color:#666666;
font-size:80%;
margin:5px;
}
input[type=text] { margin:5px;}
textarea { 
    margin:5px 0 12px 5px;
}
a[rel]="tag" {font-size:70%; margin-left:24px; }

/*universal footer declarations */
div#footer {
	clear: both;
	margin: 0 auto;
	padding: 15px 0; 
	text-align: right;
	border-top: 1px dashed rgb(183, 180, 206);
	width:980px;
	font-size:65%;
	
}

#footer p, #footer ul {
	line-height:100%;
	padding-right:25px;
	margin:0;
	color:#918BB3;
}

#shortpage { height:auto; }

#content-side-404 {
float:right;
position:relative;
right:50px;
top:-5px;
width:320px;
}

#content-side-404 p{ width:320px; line-height:1.6em;}

} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */