/*  
Theme Name: Ze End 1.0
Theme URI: http://www.shyzer.com/
Description: Shyzer.com's 5th and final layout. It's simply a modified version of Simplicity.
Version: 1.0
Author: Ryan Goob
Author URI: http://www.shyzer.com/
*/

* {padding: 0; margin: 0;}

/*-----------------------------------HEADER--------------------------------------*/
#header {
	overflow: hidden;
	position: relative;}
	
.logo {
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 0;
	padding-top: 1px;
	padding-bottom: 30px;
	margin-bottom: 0;
	background-color: white;
	color: #c51b01;}
	
.logo h1 {
	font-variant: small-caps;
	line-height: 50%;
	color: #c51b01;
	font-size: 250%;
	letter-spacing: 5pt;
	word-spacing: 5pt;
	margin-bottom: 0;
	margin-top: 10px;
	padding-bottom: 0;
	margin-left: 105px;
	font-family: "Trebuchet MS", "arial", sans-serif;
	background-color: white;}

.logo h2 { 
	font-size: 80%;
	line-height: 150%;
	color: #555555;
	letter-spacing: 3pt;
	word-spacing: 7pt;
/*-------------------
 The settings for random quotes

  letter-spacing: 2pt;
  word-spacing: 2pt;
----------------------*/
  margin-bottom: 0;
  margin-top: 10px;
  padding-bottom: 0;
  text-indent: 10px;
  margin-left: 100px;
  font-family: "arial", sans-serif;
  text-transform: uppercase;
  background-color: white;
}

.logo a:link {color: #c51b01; text-decoration:none;}
.logo a:visited {color: #c51b01; text-decoration:none;}
.logo a:hover {color: #c51b01; text-decoration:none;}
.logo a:active {color: #c51b01; text-decoration:none;}

.rssicon {
	position: absolute;
	top: 10px; 
	right: 80px;
	background: #ffffff;}

/*----------------------------------CONTENT--------------------------------------*/

#wrapper {
  width: 700px;
  margin: 0 auto;
  text-align: justify;}

div>#wrapper {
  margin: 0 auto;
  min-width: 400px;
  width: 95%;}

#content {
  width: 77%;
  float: right;}

.post {
  margin-bottom: 2.2em;
  padding-left: 15px;
  padding-right: 15px;}

.post p {
	margin: 20px 7px 10px 15px;
	line-height: 1.4em;
	font-family: "Times New Roman", Times, serif;}
 
.entry a:link {color: #C51B01; text-decoration: none; border-bottom:1px dotted #000000;}
.entry a:visited {color: #C51B01; text-decoration: none; border-bottom:1px dotted #000000;}
.entry a:hover {color: #000000; text-decoration: none; border-bottom: 1px solid #C51B01;}
.entry a:active {color: #C51B01; text-decoration: none; border-bottom:1px dotted #000000;}

.postmetadata a:link {color: #C51B01; text-decoration: none;}
.postmetadata a:visited {color: #C51B01; text-decoration: none;}
.postmetadata a:hover {color: #000000; text-decoration: none; border-bottom: 1px solid #C51B01;}
.postmetadata a:active {color: #C51B01;text-decoration: none;}

.post h2  {
  font-size: 1.6em;
  border-bottom: 1px solid #e8c38b;}

.post h2 a:hover, h2 a:visited, h2 a, .title {
	color: #C51B01;
	text-decoration: none;}

.post h3 {font-size: 1.2em;}


h3, h3 a:hover, h3 a:visited, h3 a {color: #C51B01; text-decoration: none; font-weight: bold;}

h4 {
	font-size: 1.1em;
	color: #B22222;
	line-height: normal;
	background:url(images/h2_border.png) no-repeat bottom left;}

.post ul li {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 30px;
  font-family: "Times New Roman", Times, serif;
  font-size: 100%;}

.post ol li {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 30px;
  font-family: "Times New Roman", Times, serif;
  font-size: 100%;}

blockquote {
	margin: 5px 0 10px 30px;
	padding: 0 0 0 22px;
	font-size: 95%;
	color:#000;
	line-height: 1.5em;
	background: url(/images/quote-open.gif) no-repeat left top;}

.related {padding-left: 10px; border: 2px dotted #0080C0;}
.related li {padding-left: 10px; line-height: 0.3em;}
.related h3 {font-size: 1.1em;}

.related a:link {color: #C51B01; text-decoration: none; border-bottom: none;}
.related a:visited {color: #C51B01; text-decoration: none; border-bottom: none;}
.related a:hover {color: #000000; text-decoration: none; border-bottom: none;}
.related a:active {color: #C51B01; text-decoration: none; border-bottom: none;}

/*-------------------------------SIDEBAR-----------------------------------------*/

#sidebar {
  width: 20%;
  margin-right: 77%;}

.sidebarcontent {
  float: left;
  line-height: 200%; 
  margin-top: 0;
  margin-left: 1%;
  padding-left: 0%;
  font-size: 85%;
  margin-right: auto;
  width: 100%;
  font-family: "Arial", "Tahoma", "Verdana", "Trebuchet MS", sans-serif;}

.sidebarcontent a:link {color:#5F9300; font-weight:bold; text-decoration:none; background:white;}
.sidebarcontent a:visited {color:#5F9300; font-weight:bold; text-decoration:none; background:white;}
.sidebarcontent a:hover {color:white; font-weight:bold; text-decoration:none; background:#0080C0;}
.sidebarcontent a:active {color:#5F9300; font-weight:bold; text-decoration:none; background: white;}

.sidebarcontent ul {
	list-style-type: none;
	padding: 10px;
	margin: 0 0 0 0;}	

.sidebarcontent li {
	border-bottom: dotted #D3D3D3 1px; 
	list-style-type: none;}
	
.obama {
	text-align: center;
	padding: 0 10px 10px 10px;}

.sidebarnav {
  border-style: solid;
  border-color: #0080C0;
  border-width: 1px;
  padding-bottom: 5px;
  /*border-top: 0px;*/}

.sidebarlinks {
  border-style: solid;
  border-color: #0080C0;
  border-width: 1px;
  margin-top: 30px;}

.sidebarlinks li {list-style-type: none;}

#lresources {
  border-style: solid;
  border-color: #0080C0;
  border-width: 1px;
  margin-top: 40px;}

.sidebartitle, .resources {
  background-color: #0080C0;
  color: white;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-indent: 10px;
  letter-spacing: 1px;
  border-right: none;
  border-left: none;
  border-top: solid #0080C0 1px;
  border-bottom: solid #0080C0 1px;
  font-size: 100%;
}

.search {width: 100%;}

#searchform {
	background: url(images/search.png) 5px center no-repeat;
	padding: 5px 10px 5px 25px;
	border: 2px solid #95AABC;
	font-weight: 700;
	margin-top: 10px;
	color: #666;}

#searchformtext {
	border:0 none; 
	width: 100%;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 13px;
	color:#105687;}

#green_font {color:#5F9300; font-weight:bold;}

/*----------------------------------------------------------------------------
   WIDGETS - My attempt to make the default WP widgets look halfway decent with this theme... 
------------------------------------------------------------------------------*/


.widget {
	margin-top: 30px;
	border-style: solid;
	border-color: #0080C0;
	border-width: 1px;
	list-style-type: none;
	border-bottom: 5px solid #ff4c42;}

.widgettitle{
	background-color: #0080C0;
	color: white;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-indent: 10px;
	letter-spacing: 1px;
	border-right: none;
	border-left: none;
	border-top: solid #0080C0 1px;
	border-bottom: solid #0080C0 1px;
	font-size: 100%;}

.textwidget {margin: 10px;}

.amzshcs-item{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;}
	
/* Each widget you use needs to be listed below. Usually this is the div id that encompasses the content of the widget.*/
	
#recent-comments, #amzshcs-1 {border-bottom: 1px solid #0080C0;}

/*---------------------------------ARCHIVES---------------------------------------*/

#archives {
	margin-top: 20px;
	margin-bottom: 20px;}

#archives a {
	padding: 0 0 2px 0;
	border-bottom: 0;}

#archives a:hover {border-bottom: none;}

#archives h2 a {color: #000;}

.month_subject {padding-top: 10px;}

#archives ul {
	list-style-type: disc;}

#archives li {
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
	font-weight: normal;
	text-align: left;
	font: 11px Verdana, sans-serif; 
	line-height: 17px; }

.emptymonth {color: #d9d9d9;}

/*---------------------------------IMAGES----------------------------------------*/

img {border: none;}

.imgborder {
	display:  block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #a9a9a9;
	padding: 6px;}

.imgborder:hover{background-color: #ccd;}

/* The next two aren't blocked, which means they aren't auto centered, which means I can use them for images that I don't lightbox or link to, like the baseball playoff threads */

.imgborder-noblock {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #a9a9a9;
	padding: 6px;}

.imgborder-noblock:hover{background-color: #ccd;}

/* The following tends to look better with photos that have all white borders. */

.blockimg {
  border: 4px solid #d8d8d8;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;}

/*--------------------------------------------------------------------------------------
The following block of crap is used for the flash images on the second Objective Christian Science Fair post. I need to include this with any future theme I use, but can delete it if I ever release Simplicity for others to use.
----------------------------------------------------------------------------------------*/


.kidbox {margin:40px 0px; padding:0px; border:solid 2px black; border-top:0px}
.kidbox, .kidbox td, .kidbox div {font-family:"comic sans ms",Chalkboard,comic; font-size:16px}
.kidbox p {padding:0px 6px; margin:8px 0px}
.kidbox h3 {background:black; color:white; text-align:left; padding:4px}
.kidsection {padding:0px 0px 20px 0px; text-align:center}
.kidquote {color:#66bb77; font-weight:bold; font-size:18px}
.med {font-size:12px}

/*------------------------------COMMENTS-----------------------------------------*/
	
.comment_head {
	margin-bottom:15px;
	font-family:"Trebuchet MS", sans-serif;}
	
.commentlist {
	margin-left:12px;
	list-style:none;
	border-top: 1px solid #bbb;}

	.commentlist li {
		padding: 10px 0 10px 0;
		border-bottom:1px solid #BBBBBB;}
	
	.commentlist li.alt {background-color:#F5F5F5;}
	
.authcomment {background-color: #EAF8FF;}
	
.gravatar {
	float:left;
	clear: left; 
	padding:2px;
	margin:0 0 0.5em 0.5em;
	background:none;
	border:#ccc 1px solid;}	

.comment_author a{
	color: #444;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	border-width: 0;
	padding-left: 14px;}

	.comment_author a:hover{
		color: #0066CC;
		background-color: transparent;}
		
	.comment_author em {
		font-size: 1.0em;
		visibility: hidden;
		font-style: normal;
		font-weight: normal;
		margin-left: 15px;}

	.comment_author a:hover em {visibility:visible;}

.moderation {font-style: italic;}

.comment_number {
	float: right;
	padding: 0 20px 0 0;
	color: gray;
	font: italic 1.8em Georgia,"Times New Roman",Times,serif;}


.comment_metadata {
	margin: 5px 0 0 15px;
	float: left;
	font-size: 0.7em;
	word-spacing: 0.2em;}
	
	.comment_metadata a{
		text-decoration:none;
		color:#333;}
	
	.comment_metadata a:hover{color:#0066CC;}

.comment_text {
	font-size:12px;
	line-height:1.4em;}

.comment_text p {
	margin-top: -10px; 
	margin-left: 75px;
	padding-right: 15px;
	padding-bottom: 15px; 
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
}
	
.respond_head {
	margin-top: 15px;
	margin-bottom:15px;
	font-family:"Trebuchet MS", sans-serif;}

#commentform {
	float: left;
	padding-left: 10px;
	font-family: "Trebuchet MS", Arial, Verdana;}
	
	#commentform p {
		padding-top: 5px;}

	#commentform label {
		padding-left: 5px; 
		font-size: .7em;
		font-style: italic;}
	
	#commentform .text_input {
		width: 200px;
		border-top: 2px solid #999; 
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		border-left: 2px solid #999;
		padding: 3px 3px 3px 30px;
		color: #0C3E69;
		font-size: 0.8em;}

	#commentform textarea {
		background: url(images/com_com.gif) no-repeat 50% 50%;
		border-top: 2px solid #999; 
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		border-left: 2px solid #999;
		font-size: 1.0em;
		color: #0C3E69;
		width: 450px;
		height: 180px;
		padding: 4px;}

	#commentform .text_input:focus, #commentform .form_textarea:focus {
		border-top: 2px solid #444; 
		border-left: 2px solid #444;} 

#form_author {background: url(images/comment_name.png) 5px center no-repeat;}
#form_email {background: url(images/comment_email.png) 5px center no-repeat;}
#form_url {background: url(images/comment_url.png) 5px center no-repeat;}

#submit {
	background: #666;
	border: 2px solid #999;
	margin-top: 5px;
	padding: 4px 10px;
	color: #efefef;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;}

#submit:hover	{
	background: #333;
	border: 2px solid #000;
	margin-top: 5px;
	padding: 4px 10px;
	color: #fff;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;}

/*--------------------------------FOOTER------------------------------------------*/

#footer {
  clear: both;
  line-height: 1.4em;
  margin-bottom: 1em;
  margin-top: 20px;
  font-family: Georgia, "Times New Roman", Times, serif;}

.foot {text-align: center; font-size: small;}

.copyright a:link, .logged_in a:link {color: #C51B01; text-decoration: none;}
.copyright a:visited, .logged_in a:visited {color: #C51B01; text-decoration: none;}
.copyright a:hover, .logged_in a:hover {color: #000000; text-decoration: none; border-bottom: 1px solid #C51B01;}
.copyright a:active, .logged_in a:active {color: #C51B01;text-decoration: none;}

.hide {
	display: none;
	visibility: hidden;}