/*
Theme Name: Simplest
Description: Just about the simplest possible theme for WordPress: 83 lines of PHP and 75 lines of CSS in 4 files.
Author: Trevor Turk
Author URI: http://trevorturk.com/
Theme URI: http://trevorturk.com/2010/09/20/new-wordpress-theme-simplest/
Version: 1.3
Tags: light, white, one-column
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* http://meyerweb.com/eric/tools/css/reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,p,pre,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	clear: none;
	list-style:none;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-family: "Arial", sans-serif;
	color: #000;
}

body {
	width: 100%;
	height: 100%;
	line-height:1;
	background-color: #fff;
}

h1 {
	color: #000;
	background-color: none;
	font-size: 1em;
	width: auto;
	border-left: 1px solid #777777;
	padding: 4px 7px 4px 6px;
	font-style: none;
	font-weight: bold;
	display: inline-block;
	clear: right;
	margin-bottom: 13px;
}

h2 {
	width: auto;
	color: #474747;
	background-color: none;
	border-left: 5px solid #cccccc;
	font-size: 1em;
	font-weight: bold;
	display: inline;
	float: left;
	padding: 0px 4px 0px 4px;
	margin-right: 8px;
}

.event_location {
	font-style: italic;
	color: #696969;
	font-size: 0.9em;
}

a:link	{ 
	color: #b31207; 
	text-decoration: none;
}
a:visited { 
	color: #b31207; 
	text-decoration: none;
}
a:active,
a:hover { 
	text-decoration: underline;
}

input.gray {
	border: 1px solid #a6a6a6;
	border-radius: 3px;
	width: 58px;
	height: 22px;
	display: inline;
	float: left;
	padding: 0px;
	margin: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #e0e0e0;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#c2c2c2), to(#e0e0e0));
	background-image: -moz-linear-gradient(90deg, #c2c2c2, #e0e0e0);
	text-shadow: 0px 1px #fff;
}

input.gray:hover {
	cursor: pointer;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#cfcfcf), to(#e0e0e0));
	background-image: -moz-linear-gradient(90deg, #cfcfcf, #e0e0e0);
}

.button_black a:link,
.button_black a:visited {
	width: auto;
	height: auto;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	text-shadow: 0px -1px #000;
	padding: 10px 15px 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(31,31,31,0.8)), to(rgba(102,102,102,0.8)));
	background-image: -moz-linear-gradient(90deg, rgba(31,31,31,0.8), rgba(102,102,102,0.9));
}

.button_black a:hover {
	text-decoration: none;
	cursor: pointer;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#282828), to(#696969));
	background-image: -moz-linear-gradient(90deg, #282828, #696969);
}

/* overall page setup */

#container {
	width:100%; 
	min-width: 950px;
	height:100%; 
	margin:auto;
}

#sidebar {
	width: 250px;
	min-height: 500px;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #fff;
	overflow: visible;
	background-image: url('http://jamesgurney.com/site/wp-content/uploads/SidebarBackground.gif');
	background-repeat: repeat-y;
	z-index: 100;
}

#content {
	width: 670px;
	height: auto;
	position: relative;
	padding: 39px 0px 50px 30px;
	float: left;
	margin-left: 250px;
	background-color: none; 
	font-size: 0.9em;
	color: #1c1c1c;
	line-height: 1.2em;
}


.hentry, .meta, #respond {
	margin-bottom:0px;
}

/* sidebar divs
__________________________________*/

#logo {
	width: auto;
	height: 110px;
	position: absolute;
	top: 30px;
	right: 41px;
	overflow: hidden;
}

ul.nav_sections {
	width: auto;
	height: auto;
	margin-top: 140px;
	margin-right: 58px;
	font-size: 1.2em;
	clear: both;
	text-align: right;
	background-color: none;
}

ul.nav_sections li a:link,
ul.nav_sections li a:visited {
	width: 195px;
	padding: 3px 5px 3px 0px;
	margin-bottom: 8px;
	color: #f5f5f5;
	float: left;
	clear: both;
	text-decoration: none;
	text-shadow: 0px 1px #000;
}

ul.nav_sections li a:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.2);
}

ul.nav_sections li a.selected {
	color: #fff;
	background: rgba(255, 255, 255, 0.2);
}

#facebook_icon {
	width: 35px;
	height: 35px;
	position: absolute;
	top: 432px;
	right: 54px;
}

#youtube_icon {
	width: 35px;
	height: 35px;
	position: absolute;
	top: 431px;
	right: 100px;
}

#blogger_icon {
	width: 35px;
	height: 35px;
	position: absolute;
	top: 402px;
	right: 54px;
}

#dinotopia_icon {
	width: auto;
	height: auto;
	position: absolute;
	right: 43px;
	top: 495px;
}

/* footer divs
__________________________________*/

#footer {
	width: 100%;
	height: 30px;
	clear: both;
	color: #737373;
	border-top: 1px solid #ccc;
	margin-top: 30px;
	padding-top: 15px;
	text-align: right;
	font-size: 0.9em;
}


/* universal page divs 
__________________________________*/

#content img {
	-webkit-box-shadow: 5px 5px 12px 0px #cdcdcd;
	-moz-box-shadow: 5px 5px 12px 0px #cdcdcd;
	box-shadow: 5px 5px 12px 0px #cdcdcd;
}

#content img.left {
	margin: 0px 30px 20px 0px;
	float: left;
	display: inline;
}

#content img.right {
	margin: 0px 0px 20px 20px;
	float: right;
	display: inline;
}

#content img.shop {
	margin: 0px 30px 20px 0px;
	float: left;
	display: inline;
	width: 150px;
}


/* home page divs
__________________________________*/

#dinosaur_parade {
	width: 670px;
	height: auto;
	position: relative;
}

#dinosaur_parade .btn {
	position: absolute;
	top: 330px;
	right: 20px;
	display: block;
}

#featured_book {
	width: 220px;
	height: auto;
	position: relative;
	overflow: visible;
	float: left;
	display: inline;
	margin: 10px 60px 30px 0px;
}

#featured_book .btn {
	position: absolute;
	top: 251px;
	right: 20px;
}

#upcoming_events {
	width: 385px;
	height: auto;
	float: left;
	display: inline;
	margin: 10px 0px 30px 0px;
}

ul.events {
	width: auto;
	height: auto;
	padding-bottom: 20px;
}

ul.events li {
	width: 385px;
	height: auto;
	float: left;
	clear: both;
	margin-bottom: 8px;
}

ul.events h2 {
	padding-top: 0px;
	padding-bottom: 0px;
}

#featured_video {
	width: 670px;
	height: auto;
	clear: both;
	margin-top: 20px;
}

/* Images page divs
__________________________________*/

ul.image_galleries {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin-bottom: 50px;
}

ul.image_galleries li {
	width: 150px;
	height: 150px;
	position: relative;
	float: left;
	display: inline-block;
	padding: 0px 0px;
	margin-bottom: 50px;
	margin-right: 70px;
}

ul.image_galleries li img {
	display: block;
	clear: both;
	margin: 30px 0px 0px 0px;
	width: 150px;
}

ul.image_galleries li h2 {
	height: 30px;
	margin-bottom: 15px;
}

ul.image_galleries li .btn {
	position: absolute;
	left: 10px;
	top: 121px;
}

/* Books page divs
__________________________________*/

ul.books {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin: 15px 0px 70px 0px;
}

ul.books li {
	width: 300px;
	height: auto;
	position: relative;
	float: left;
	display: inline;
	padding: 0px 0px;
	margin-bottom: 10px;
}

ul.books li img {
	display: block;
	clear: both;
	margin: 30px 0px 30px 0px;
	height: 180px;
}

ul.books li h2 {
	margin-bottom: 15px;
}

ul.books li .btn {
	position: absolute;
	bottom: 50px;
	left: 10px;
}

/* Events page divs
__________________________________*/

ul.events_page {
	width: 670px;
	height: auto;
	position: relative;
	float: right;
	display: inline;
	margin: 20px 0px 30px 0px;
}

ul.events_page li {
	width: 670px;
	height: auto;
	float: left;
	clear: both;
	margin-bottom: 8px;
}

ul.events_page h2 {
	padding-top: 0px;
	padding-bottom: 0px;
}

/* Shop page divs
__________________________________*/

.shop_products_container {
	width: 100%;
	height: 1500px;
}


/* Admin page divs
__________________________________*/

.admin_container {
	width: 100%;
	height: auto;
}

.admin_container img {
	border: 1px solid #7a7a7a;
	display: block;
	clear: both;
	margin-top: 15px;
}

ul.admin_events {
	width: 380px;
	height: auto;
	position: relative;
	float: right;
	display: inline;
}

ul.admin_events li {
	width: 380px;
	height: auto;
	float: left;
	clear: both;
	margin-bottom: 8px;
}

ul.admin_events h2 {
	padding-top: 0px;
	padding-bottom: 0px;
}