/* General Site Layout Styles */

#page {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  background-color: #ffffee;
}

#header {
  display: block;
  height: 140px;
  border-right: 2px solid #A0A099;  
  border-left: 2px solid #A0A099;
}
#header-mobile {
	display: none;
}

#header h1 {
  font-size: 20px;
  text-align: right;
  padding-top: 12px;
}
#header h1 a:link, #header h1 a:visited {
	color: #555; 
}
#header h1 a:hover {
	text-decoration: none;
}

#wrapper {
	border-left: 2px solid #A0A099; 
	border-right: 2px solid #A0A099; 
	border-bottom: 2px solid #A0A099;
	/* formerly #FD861D; */
}

div.navbar {
	background: #F6F6F6;
	padding: 4px 0 5px;
  border-top: 2px solid #A0A099;
  border-bottom: 1px dotted #FD861D;
  border-right: 2px solid #A0A099;
  border-left: 2px solid #A0A099;
}


#mainblock {
  padding: 10px;
}

#breadcrumb {
	text-align: right;
	min-height: 14px; 
}


#footer {
	margin: 20px auto;
	width: 80%;
	text-align: center;
	border-top: 1px solid #a0a099;
	padding-bottom: 10px; 
}

#footer li {
	display: inline;
}

#footer li {
	margin: 0 3px 0 0;
	padding: 0 5px 0 0;
	border-right: 1px solid #333;
}

#footer p {
	font-size: 11px;
}

.clear {
  margin: 0;
  padding: 0;
  clear: both;
}

#left_block_wide {
	float: left;
	width: 660px;
}

#right_block_narrow {
	float: right;
	width: 300px;
	border-left: 1px dotted #A0A099;
	padding-left: 10px;
}

div.orange_rim_block {
  border: 1px solid #FD861D;
  background-color: #f6f6f6;
  padding: 10px;
  margin-bottom: 15px;
}


#twitter_div ul {
  margin: 0;
  padding: 0;
  list-style: circle;
  list-style-position:inside;
  font-style: italic;
}
#twitter_div li {
  padding-bottom: 10px;
}


/* STORE PAGE */
div.store_bookblock {	
	border-bottom: 1px dotted gray;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
div.store_cover {
	float: left;
	width: 190px;
	padding: 10px;
}
div.store_desc {
	float:right;
	width: 750px;
}


/* directives below not currently in use */



#novel-list {
  /* border: 1px #ee0000 solid; */
}
#novel-list .nl-content {
  width: 500px;
  float: right;
  margin-bottom: 50px;
}

#novel-list img {
  float:left;
}

#novel-list h3 {
  font-style: italic;
}


/* paragraphs with spacing between them */
#text-p p, .spacing {
  margin-bottom: 12px;
}

/* BLOG SAMPLES */
#blog_sple {
  border: 1px solid #FD861D;
  background-color: #f6f6f6;
  padding: 10px;
  margin-left: 15px;
}

/* bibliography list */
#biblio {
  margin: 10px 0 0 10px;
  padding-top: 15px;
  border-top: 1px solid #a0a099;
}
#biblio p {
  margin-bottom: 12px;
}

#LGM_lead-mobile {
		display: none;	
	}

@media screen and (max-width: 600px) {
/* applies only if the screen is narrower than 600px */
	#page {
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  text-align: left;
	}
	#header-mobile {
		display: block;
		margin:0 auto;
		text-align: center;
	}
	#footer {
		margin: 10px auto;
		width: 96%;
	}
	#left_block_wide {
		float: none;
		width: 96%;
	}
	
	#right_block_narrow {
		float: none;
		width: 96%;
		border-left: none;
		padding-left: 0;
	}
	#twitter-feed, #LGM_lead, #header {
		display: none;
	}
	#LGM_lead-mobile {
		display: block;	
	}
}