/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */
body {
  margin: 0;
  padding: 0;
}

#page-wrapper {
}

#page {
}

#rotoearth {
    margin-top: 10px;
    margin-left: 10px;
    float: left;
}

#page-extend-image {
    position: absolute;
    top: 525px;
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Header
 */
#header {
}

#header .section {
}

#logo /* Wrapping link for logo */ {
  float: left; /* LTR */
    margin: 20px 0 0 30px;
  padding: 0;
}

#logo img {
  vertical-align: bottom;
}

#name-and-slogan /* Wrapper for website name and slogan */ {
  float: left;
}

h1#site-name,
div#site-name /* The name of the website */ {
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}

#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan /* The slogan (or tagline) of a website */ {
}

.region-header /* Wrapper for any blocks placed in the header region */ {
  clear: both; /* Clear the logo */
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
}

#main {
}

/*
 * Content
 */
#content {
}

#content .section {
}

.region-highlighted {
}

.breadcrumb /* The path to the current page in the form of a list of links */ {
  padding-bottom: 0; /* Undo system.css */
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title /* Comment title */ {
  margin: 0;
}

tr.even /* Some tables have rows marked even or odd. */ {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status /* Normal priority messages */ {
}

div.warning,
tr.warning /* Medium priority messages */ {
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error /* High priority messages. See also the .error declaration below. */ {
}

.error /* Errors that are separate from div.messages status messages. */ {
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning /* Warnings that are separate from div.messages status messages. */ {
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

div.tabs /* See also the tabs.css file. */ {
}

.region-help /* Help text on a page */ {
}

.more-help-link /* Link to more help */ {
}

.region-content /* Wrapper for the actual page content */ {
}

ul.links /* List of links */ {
}

ul.links.inline {
  display: block; /* Let the links be inline, but the container be a block. */
}

ul.links li {
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager /* A list of page numbers when more than 1 page of content is available */ {
  padding: 0;
}

.item-list .pager li /* Each page number in the pager list */ {
  padding: 0 0.5em;
}

.feed-icon /* The link to the RSS or Atom feed for the current list of content */ {
}

.more-link /* Aggregator, blog, and forum more link */ {
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */
.region-sidebar-first {
}

.region-sidebar-first .section {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */
.region-sidebar-second {
}

.region-sidebar-second .section {
}

/*
 * Footer
 */
.region-footer {
}

/*
 * Page bottom
 */
.region-bottom /* Wrapper for any blocks placed in the page bottom region */ {
}

.region-content-top /* Wrapper for any blocks placed in the "content top" region */ {
}

/* Front page welcome block */
/* Welcome to Fascinating Earth */
#block-block-1 {
	background-color: #E5E4D7;
	-webkit-border-top-left-radius: 20px;
	-khtml-border-radius-topleft: 20px;	
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;

	-webkit-border-top-right-radius: 20px;
	-khtml-border-radius-topright: 20px;	
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;	

	-webkit-border-bottom-right-radius: 20px;
	-khtml-border-radius-bottomright: 20px;	
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;	

	-webkit-border-bottom-left-radius: 20px;
	-khtml-border-radius-bottomleft: 20px;	
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;	
	
	width: 600px;
	padding: 10px 20px 10px 20px;
	margin-left: 20px;

	border: 4px solid #5B0A0D; 
}

#block-block-1 p {
	
}
#block-block-1 #fpwelcome {
	text-align: center;
}
#block-block-1 #fpwelcome-ttl {
	font-size: 22px;
	font-weight:bold;
	text-align:center;	
}


/* front page book images */
#block-block-2 {
	color: #fff;
	margin-top: 70px;
	margin-left: 50px;
	width: 200px;	
}
#block-block-2 #fp-ofebook {
	position: absolute;
}
#block-block-2 #fp-plbook {
	position: absolute;
	margin-left: 250px;
	margin-top: 60px;
}
#block-block-2 p {
	position: absolute;
	margin-left: 500px;
	font-size: 22px;
	font-weight:bold;
	width: 400px;
	line-height: 1.3em;
}
#block-block-2 #ofebook {
}

#block-block-2 #plbook {
}






#block-block-5 {
	background-color: #E5E4D7;
	-webkit-border-top-left-radius: 20px;
	-khtml-border-radius-topleft: 20px;	
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;

	-webkit-border-top-right-radius: 20px;
	-khtml-border-radius-topright: 20px;	
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;	

	-webkit-border-bottom-right-radius: 20px;
	-khtml-border-radius-bottomright: 20px;	
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;	

	-webkit-border-bottom-left-radius: 20px;
	-khtml-border-radius-bottomleft: 20px;	
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;	
	
	padding: 8px 20px 8px 10px;
	margin-right: 15px;
	border: 4px solid #5B0A0D; 
	margin-left: -100px;
    margin-top: 30px;
}

#block-block-5 #fp-illustration-link img {

}

#block-block-5 #fp-illustration-text {
	margin-left: 110px;	
	width: 120px;
	position: absolute;
	margin-top: -140px;
	font-size: 12px;
	font-weight: bold;
	padding-right: 10px;
	text-align:right;
}


#block-block-3 {

	position: absolute;
	top: 660px;
	left: 280px;
	border: 4px solid #5B0A0D; 
	background-color: #E5E4D7;
	-webkit-border-top-left-radius: 20px;
	-khtml-border-radius-topleft: 20px;	
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;

	-webkit-border-top-right-radius: 20px;
	-khtml-border-radius-topright: 20px;	
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;	

	-webkit-border-bottom-right-radius: 20px;
	-khtml-border-radius-bottomright: 20px;	
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;	

	-webkit-border-bottom-left-radius: 20px;
	-khtml-border-radius-bottomleft: 20px;	
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;	
	
	padding: 5px 20px 5px 10px;
	width: 400px;
	text-align:center;

}


#block-block-4 {
    position: absolute;
    margin-top: 430px;
    text-align: center;
    color: #ccc;
    margin-left:240px;
}

#block-block-4 a {
    color: #ccc;
}







#block-views-petrifiedlightning-view-block-1,
#block-views-ofe-view-block-1 {
	margin-left: 80px;
		
}

#block-views-petrifiedlightning-view-block-1 .views-field-title .col-last,
#block-views-ofe-view-block-1 .views-field-title .col-last {

}

#block-views-petrifiedlightning-view-block-1 .views-field-title a,
#block-views-ofe-view-block-1 .views-field-title a {
	color: #000;
	text-decoration:none;
	font-size: 14px;
	font-weight:bold;
	line-height: 1.5em;	
}

#block-views-petrifiedlightning-view-block-1 .views-field-title a:hover,
#block-views-ofe-view-block-1 .views-field-title a:hover {
	background-color: #ccc;
}


#block-views-petrifiedlightning-view-block-1 .col-2 ,
#block-views-ofe-view-block-1 .col-2  {
	padding-left: 40px;
}

/* story font size */
#whole-story #story-title {	display:none;}
#whole-story p:first-letter {
	font-size: 24px;
	margin-left: 1em;
}

.node-type-ofe-story #main-wrapper #main.clearfix #content .section #content-area div.content #whole-story p {
	font-size: 18px;	
	font-weight: normal;
	line-height: 1.2em;
}

.field-field-book {
	display:none;	
}

.title-from-book {
	font-size: .7em;
}

.node-type-ofe-story #main-wrapper #main #content .section h1.title {
	line-height: 1.1em;
}

.backtoidx_btn_top,
.backtoidx_btn_bottom {
	float:right;
	margin-right: 0px;
	padding-left: 20px;
}

.backtoidx_btn_bottom {
	padding-bottom: 20px;	
}
.backtoidx_btn_top input,
.backtoidx_btn_bottom input {
	background: url(../images/backarrow.png) top left no-repeat;
	width: 104px;
	height: 46px;
	border: none;
}

.backtoidx_btn_top input:hover,
.backtoidx_btn_bottom input:hover {
	background: url(../images/backarrow-hover.png) top left no-repeat;

}

.backtoidx_btn_top input:active,
.backtoidx_btn_bottom input:active {
	background: url(../images/backarrow-pressed.png) top left no-repeat;

}



/* illustrations */
.page-illustrations #block-views-illustration_view-block_1 .view-content .views-field-body div.field-content {
	width: 370px;
	height: 509px;
	margin: 20px auto;
	border: 4px solid white;
	padding-bottom: 5px;
	margin-bottom: 20px;		
}

.page-illustrations .pager-current {
	vertical-align:top;
	padding-top: 10px;
}

.page-illustrations #illustration-title { position: absolute; left: 20px; margin-top: -145px}

.illustration {
	margin: 0 auto;	
	text-align:center;
}
.illustration img {
	width: 360px;
	height: 504px;
	margin: auto;
	border: 4px solid #000;	
}

.page-illustrations #page-wrapper #page #main-wrapper #main .section {
	padding-bottom: 40px;
}

#top-pager {
	padding:0;
	margin-left: -30px;
	margin-top: 70px;
}

/* Social buttons */
#stumble-button {
	margin-top: -5px;

}
#social-buttons {
	float:right;
	margin-right: 40px;
	margin-top: 2px;
	text-align:center;
}


#proj-wonderful {
	position:absolute;
	top: 835px;
	left: 130px;	
}

#topadbox {background-color: #222;}

.front .region-footer { position: absolute; margin-top: 550px; text-align:center;}
#footer, #footer a { color: #fff; text-decoration:none; }
#footer a:hover {text-decoration:underline;}

.not-front .region-footer { background-color: #444; height: 2em; }
.not-front .region-footer { position: relative; text-align: center; }
.not-front #footer p { padding-top: 4px; }
.not-front #footer, #footer a { color: #fff; text-decoration:none; }
.not-front #footer a:hover {text-decoration:underline;}

.not-front.section-aboutofe #page, .not-front.page-contact #page { min-height: 500px; }


.not-front #main-wrapper #main.clearfix .section .region-content-top,
.not-front #main-wrapper #main.clearfix .section #page-title,
#whole-story {
    padding: 0 40px 0 40px;
}

.backtoidx_btn_top,
.backtoidx_btn_bottom {
	float:right;
	margin-right: 0px;
	padding-left: 20px;
}

.backtoidx_btn_bottom {
	padding-bottom: 20px;	
}
.backtoidx_btn_top input,
.backtoidx_btn_bottom input {
	background: url(../images/backarrow.png) top left no-repeat;
	width: 104px;
	height: 46px;
	border: none;
}

.backtoidx_btn_top input:hover,
.backtoidx_btn_bottom input:hover {
	background: url(../images/backarrow-hover.png) top left no-repeat;

}

.backtoidx_btn_top input:active,
.backtoidx_btn_bottom input:active {
	background: url(../images/backarrow-pressed.png) top left no-repeat;

}

.node-ofe-story .field-name-field-book {
    position: absolute;
    top: 50px;
    right: 40px;
    font-weight: bold;
}


/* illustrations */
.page-illustrations #block-views-illustration_view-block_1 .view-content .views-field-body div.field-content {
	width: 370px;
	height: 509px;
	margin: 20px auto;
	border: 4px solid white;
	padding-bottom: 5px;
	margin-bottom: 20px;		
}

.page-illustrations .pager-current {
	vertical-align:top;
	padding-top: 10px;
}

.page-illustrations #illustration-title { position: absolute; left: 20px; margin-top: -145px}

.illustration {
	margin: 0 auto;	
	text-align:center;
}
.illustration img {
	width: 360px;
	height: 504px;
	margin: auto;
	border: 4px solid #000;	
}

.page-illustrations #page-wrapper #page #main-wrapper #main .section {
	padding-bottom: 40px;
}

#top-pager {
	padding:0;
	margin-left: -30px;
	margin-top: 0;
}

/* Social buttons */
#stumble-button {
	margin-top: -5px;

}
#social-buttons {
	float:right;
	margin-right: 40px;
	margin-top: 2px;
	text-align:center;
}

#social-buttons .block-title {
    display:none;
}


#proj-wonderful {
	position:absolute;
	top: 835px;
	left: 130px;	
}

#topadbox {background-color: #222; text-align:center;}

.front .region-footer { position: absolute; margin-top: 550px; text-align:center;}
#footer, #footer a { color: #fff; text-decoration:none; }
#footer a:hover {text-decoration:underline;}

.not-front .region-footer { background-color: #444; height: 2em; }
.not-front .region-footer { position: relative; text-align: center; }
.not-front #footer p { padding-top: 4px; }
.not-front #footer, #footer a { color: #fff; text-decoration:none; }
.not-front #footer a:hover {text-decoration:underline;}

.not-front.section-aboutofe #page, .not-front.page-contact #page { min-height: 500px; }