/*
	Name: 
	Date:
	Description: Global Style Sheet
	Version: 1.0
	Author: Front End Development
	Author URI: http://www.frontenddevelopment.com
	Coder: Enrique Ramirez
	Coder URI: http://enrique-ramirez.com
*/

/* Imports */
@import "css/reset.css";
@import "css/global-forms.css";
/***** Global *****/
/* Body */
body {
background:#EE3624 none repeat scroll 0 0;
color:#FEFEFE;
font-family:Courier New,'Courier',monospace,serif;
font-size:100%;
margin:0;
padding:0;
text-align:left;
}
h2 {
font-size:1.5em;
}
h3 {
font-size:1.375em;
}
h4 {
font-size:1.25em;
}
h5 {
font-size:1.125em;
}
h6 {
font-size:1em;
}
h2, h3, h4, h5, h6 {
line-height:1.1;
margin-bottom:0.8em;
}
a {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
a img {
border:0 none;
text-decoration:none;
}
a:link, a:visited {
color:#FEFEFE;
}
a:hover, a:active {
color:#090909;
}
p {
line-height:1.4;
margin-bottom:1.5em;
}
strong, b {
font-weight:bold;
font-size: 1em;
}
em, i {
font-style:italic;
}
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin:1em 0 1.5em 1.5em;
}
ol {
list-style-image:none;
list-style-position:outside;
list-style-type:decimal;
margin:1em 0 1.5em 1.5em;
}
li {margin: 0 0 1em 0}
dl {
margin:0 0 1.5em;
}
dt {
font-weight:bold;
}
dd {
margin-left:1.5em;
}
blockquote {
font-style:italic;
}
cite {
}
q {
}
table {
margin:0.5em auto 1.5em;
width:98%;
}
thead th {
padding:0.5em 0.4em;
text-align:left;
}
thead td {
}
tbody td {
padding:0.5em 0.4em;
}
tbody th {
}
tbody .alt td {
}
tbody .alt th {
}
tfoot th {
}
tfoot td {
}
#header .contents, #body .contents, #footer .contents {
margin:0 auto;
overflow:hidden;
width:980px;
}
#header .box .contents, #body .box .contents, #footer .box .contents {
margin:0;
overflow:auto;
width:auto;
}

/* Boxes */
.max {background:#EE3624; color: #580e5e; padding: 5px; margin-bottom: 10px; border: #ececec 1px solid}
.max table {border: 0; margin: 0 0 1.5em 0;}
.max table thead th {background: none;}
.max table tbody td {padding: 0 5px;}
/* body */

#body {
background:transparent none repeat scroll 0 0;
}
#body .contents {
background:transparent none repeat scroll 0 0;
}
#body .box .contents {
background:transparent none repeat scroll 0 0;
}
#sidebar {
background:#EE3624 none repeat scroll 0 0;
float:left;
font-size:0.916em;
padding:15px 0;
width:250px;
}
#sidebar h2 {
margin-left:0.4em;
}


#sidebar ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-top: 100px;
margin-right: 0;
margin-left: 1em;
}
#sidebar ul li {
margin-bottom:0.4em;
padding:0 25px;
margin-top: 25px;
}
#sidebar ul li.current {
background:transparent none repeat scroll 0 0;
}
#sidebar ul li h3 {
text-decoration:underline;
}
#sidebar ul ul {
margin-left:0.8em;
}
#sidebar ul ul li {
margin-bottom:0;
padding:0;
}
#sidebar a:link, #sidebar a:visited {
color:#FEFEFE;
font-weight:bold;
text-decoration:none;
}
#sidebar a:hover, #sidebar a:active {
color:#090909;
text-decoration:underline;
}
#sidebar ul li ul a:link, #sidebar ul li ul a:visited {
color:#FEFEFE;
font-weight:bold;
}
#sidebar ul li ul a:hover, #sidebar ul li ul a:active {
color:#090909;
}
#content {
float:left;
font-size:0.916em;
font-weight: bold;
margin:45px 15px;
width:300px;
}
#content h1 {
font-size:49px;
font-weight:bold;
margin-bottom:15px;
}

#content.full {
float:left;
margin-right:0;
width:550px;
}
#content .right {
float:right;
margin-top:10px;
width:310px;
}
#body #content .box {
background:transparent none repeat scroll 0 0;
margin:0 0 0.5em;
width:500px;
}
#body #content .box .contents {
overflow:hidden;
padding:15px 17px 8px 13px;
width:500px;
}
#body #content.full .box {
margin:0 0 0.5em;
width:550px;
}
#body #content.full .box .contents {
overflow:hidden;
padding:15px 20px 8px 16px;
width:645px;
}

.entry-title{
font-size:1.8em;
}
.entry-title h2 {text-decoration:underline;}

/*  content */
.hentry {
margin:10px 0 4.2em 0;
}
.hentry ul {list-style: none; margin: 0;}

.commandments{
width:415px;
padding:24px 15px 10px 15px;
background-color:white;
clear:left;
}

.commandments p{
color:black;
font-size:1.2em;
font-weight:bold;
}

.commandments p span{
color:#fd3433;
font-size:1.3em;
font-weight:bold;
}

.commandments p span.small{
color:#000000;
font-size:0.8em;
font-weight:bold;
}

.commandments p span.firstword {
color:#fd3433;
font-size:1.8em;
font-weight:bold;
}

/* maps */
#sub-title  {
font-size:2em;
}

#small-title{
font-size:1.15em;
margin-top:-23px;
}

#image-post{
float:right;
margin-right:111px;
margin-top:-50px;
}

.main{
width:500px;
margin-top:49px;
}

#image-map{
margin-top:5px;

}


#map_canvas {
     border: 1px solid #dadada ;
     margin-top:5px;
     float: left;
     clear: left;
     }

/*photo*/
.output{
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
width:635px;
}

.output li {
float:left;
margin:0 0px 26px 0;
}

.output li.break {
clear:left;
}

.sightings img{
margin: 0 7px;	
}

.photos {
margin-top:15px;
}

.title{
float:left;
}


/* Footer */
	
/***** Sections *****/
/* Comments */
#comments-list {list-style: none; margin: 0 0 3em 0; padding: 0;}
.comment {
	margin: 0 0 .5em 0;
	padding: 1.5em 10px 1.5em 80px;
}
.comment.alt {background: #EE3624;}

.comment cite {
	display: block;
	font-style: normal;
	margin-bottom: 1.2em;
	position: relative;
}

.comment cite img {
	border: 1px solid #EE3624;
	height: 70px;
	left: -90px;
	position: absolute;
	top: 0;
	width: 70px;
}
.comment.alt cite img {border: 1px solid #ddd;}

.comment blockquote p {margin-bottom: .5em;}

	/* Add Comment Form */
	#add-comment {padding: 2em;}
	
	#add-comment label {width: 120px; text-align: left;}
	#add-comment .text {width: 250px;}
	#add-comment .button {
		background: #9a9696;
		border: 0;
		color: #fff;
		float: right;
		padding: .5em 1.5em;
	}
/* Pagination */
	#pagination {
		height: 1%;
		overflow: hidden;
		padding: .1em 0 1em 0;
	}
	
	#pagination.bottom-left {
		border-bottom: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		margin-bottom: 1.4em;
		padding: 1em 10px;
		float: left;
	}
	#pagination.bottom-right {
		border-bottom: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		margin-bottom: 1.4em;
		padding: 1em 10px;
		float:right;
	}

.big-break {margin-bottom: 86px}
.home-img {display: inline}