/*
Theme Name: Humorality
Theme URI: http://www.humorality.com
Description: The official theme of Humorality.com
Version: 1.0
Author: Tim Patrick
Author URI: http://www.humorality.com/
*/

/* ---------- Reset some of the basic style settings. */
h1 { font-size: 2.0em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.15em; }
h4 { font-size: 1em; }
h5 { font-size: 0.85em; }
h6 { font-size: 0.65em; }

body, h1, h2, h3, h4, h5, h6, blockquote, pre, p { margin: 0; padding: 0; }

img { border: none; }

body {
	font-family: "Century Gothic", "Avant Garde", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: white;
	color: black;
}
 
/* ---------- Recommended styles for content generated by WordPress. */

.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

#wp-calendar {
	width: 100%;
	font-weight: normal;
}

#wp-calendar caption {
	margin: 10px 0 0 0;
}

#wp-calendar thead th {
	border-bottom: thin solid gray;
}

#wp-calendar a, #wp-calendar a:hover, #wp-calendar a:visited {
	text-decoration: none;
	font-weight: bold;
	border-bottom: thin dotted #ff8040;
	color: black;
}

#today {
	background-color: LightCyan;
	border: 1px dotted black;
}

/* ---------- WRAPPER: Contains all content inside of the body. */

#wrapper {
	margin: auto 15px auto 15px;
	width: 960px;
}

/* ---------- HEADER: Styles impacting the top of the page. */

#header {
	width: 100%;
	height: 200px;
}

#headerimage {
	position: absolute;
	top: 10px;
	left: 20px;
}

#headermenu {
	position: absolute;
	top: 123px;
	*top: 143px; /* Hack for IE6 and IE7 */
	left: 150px;
	font-size: 14pt;
	font-weight: bold;
}

#headermenu li {
	display: inline;
	padding: 15px 10px 2px 10px;
	color: white;
}

#headermenu .selected {
	background-image: url('MenuPointer.jpg');
	background-position: 50% 0;
	background-repeat: no-repeat;
}

#headermenu a {
	text-decoration: none;
	color: white;
}

#searchform {
	/* ----- DIV containing search controls. */
	position: absolute;
	top: 141px;
	left: 750px;
}

#searchbox {
	/* ----- Text field for searches. */
	position: absolute;
	left: 0;
	height: 13px;
	width: 120px;
	padding-bottom: 2px;
	top: 3px;
	font-size: 8pt;
}

#searchbutton {
	font-family: "Century Gothic", "Avant Garde", Arial, Helvetica, sans-serif;
	position: absolute;
	left: 130px;
	*height: 27px; /* Hack for IE6 and IE7 */
	border-style: none;
	background-color: #ff8040;
	color: white;
	font-size: 14pt;
	font-weight: bold;
	cursor: pointer;
}

/* ----- Advertisements contain two images, a small "Advertisement"
 *       notice that is 142px by 8px, and the actual ad graphic,
 *       which is 350px by 100px. Four pixels appear between them.
 */
#advertisement {
	position: absolute;
	top: 15px;
	left: 630px;
	width: 350px;
	height: 112px;
	/* background-color: WhiteSmoke; */
	/* border: thin dashed #ff8040; */
}

#adintro {
	position: relative;
	padding-bottom: 4px;
	left: 208px;
}

/* ---------- MAIN CONTENT: Styles impacting the main text body of the page. */

#maincontent {
	margin-left: 10px;
	margin-right: 375px;
	width: auto;
}

#maincontent h1, #maincontent h2,
#maincontent h1 a, #maincontent h2 a,
#maincontent h1:hover, #maincontent h2:hover {
	color: black !important;
	text-decoration: none !important;
}

#maincontent .post { }

#maincontent .posttitle {
	font-weight: bold;
	color: black;
	margin: 12px 0 0 0;
}

#maincontent .posttitlenosub {
	font-weight: bold;
	border-bottom: thin solid #ff8040;
	color: black;
	margin: 12px 0 6px 0;
	padding-bottom: 3px;
}

#maincontent .posttitle a, #maincontent .posttitlenosub a {
	text-decoration: none;
	border-bottom: none !important;
}

#maincontent .postsubtitle {
	font-weight: normal;
	border-bottom: thin solid #ff8040;
	color: black;
	margin: 0 0 6px 0;
	padding-bottom: 3px;
}

#maincontent .entry {
}

#maincontent .entryinfo {
	color: gray;
}

#maincontent .postingdate {
}

#maincontent .addthis {
	float: right;
}

#maincontent .addthis a, #maincontent .addthis a:hover, #maincontent .addthis a:visited {
	border-bottom: none;
}

#maincontent a, #maincontent a:visited {
	text-decoration: none;
	color: #ff6020;
}

#maincontent a:hover {
	text-decoration: underline;
}

.mainstoryimage, img.size-full {
	float: left;
	padding: 5px 10px 0 0;
}

#maincontent p {
	margin: 8px 0 8px 0;
}

#maincontent li {
	padding: 4px 0;
}

#maincontent blockquote, #maincontent cite, #maincontent q {
	padding-left: 8px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left: 3px solid #ff8040;
	overflow: auto;
}

#maincontent blockquote:first-letter, #maincontent cite:first-letter, #maincontent q:first-letter {
	font-size: 200%;
}

#maincontent pre, #maincontent code, #maincontent samp {
	font-family: "Courier New", Courier, monospace;
	padding-left: 8px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left: 3px solid #ff8040;
	overflow: auto;
}

.onesearchresult {
	padding: 10px 0 10px 0;
	display: inline-block;
}

.onesearchresult img {
	float: left;
	margin-top: 7px;
	padding-bottom: 10px;
}

.onesearchresult p {
	overflow: auto;
	padding-left: 5px;
}

.archivemore {
	position: absolute;
	left: 555px;  /* Wrapper width (960) - wrapper left margin (15) -
		sidebar width (375) - sidebar right margin (15) */
	margin-top: -10px;  /* To reverse paragraph break. */
}

#maincontent img.authorimage {
	float: right;
}

a.storeimage {
	text-decoration: none;
}

img.storeimage {
	margin: 2px 10px 2px 10px;
	padding: 3px 3px 3px 3px;
	background-color: white;
	border: thin dashed #ff8040;
}

#maincontent .bottominfo {
	margin: 15px 0 20px 25px;
	padding: 5px;
	background-color: WhiteSmoke;
	border: thin dashed #ff8040;
}

#maincontent .navigation {
	border-top: thin dashed gray;
	margin: 20px 0 20px;
	padding: 4px 0 20px;
}

p.imagecredits {
	font-style: italic;
}

div.amazonframe {
	float: left;
	margin: 14px 10px 5px 1px;
}

/* ---------- SIDEBAR: Styles impacting the right-edge sidebar. */

#sidebar {
	padding-top: 10px;
	float: right;
	width: 348px;
	margin-right: 0px;
}

#sidebar .feedlink {
	text-align: left;
	padding-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #636158;
	font-size: 150%;
}

#sidebar .feedlink img {
	position: relative;
	top: 10px;
}

.sidepanel {
	border: 1px solid #D8D6D0;
	float: left;
	display: inline;
	margin-bottom: 20px;
	padding: 2px;
	width: 340px;
}

.sidepanel .panelcontent {
	float: left;
	background-color: #ededde;
	border: 1px solid #d8d6d0;
	padding: 10px 12px 20px;
	width: 314px;
}

.panelcontent h3 {
	color: #636158;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0;
}

.panelcontent h4 {
	border-top: 1px solid #D8D6D0;
	color: #ff8040;
	font-size: 1.42em;
	line-height: 1em;
	margin-bottom: 2px;
	padding-top: 10px;
}

.panelcontent h4 a, .panelcontent h4 a:visited {
	color: #ff8040;
	font-size: 1em;
	text-decoration: none;
	margin-bottom: 0;
	padding-top: 0;
}

.panelcontent h4 a:hover {
	color: #ff8040;
	font-size: 1em;
	text-decoration: underline;
	margin-bottom: 0;
	padding-top: 0;
}

.panelcontent p {
	color: #636158;
	margin-bottom: 10px;
}

.panelcontent p a, .panelcontent p a:visited {
	color: #ff8040;
	text-decoration: none;
}

.panelcontent p a:hover {
	color: #ff8040;
	text-decoration: underline;
}

.panelcontent li a, .panelcontent li a:visited {
	color: #636158;
	text-decoration: none;
}

.panelcontent li a:hover {
	color: #636158;
	text-decoration: underline;
}

.recentstoryimage {
	float: left;
	padding: 5px 10px 0 0;
}

/* ---------- FOOTER: Styles impacting the page footer. */

#footer {
	clear: both;
	width: 100%;
	text-align: center;
}

#footer .copyright {
	font-size: 80%;
	color: gray;
}

/* ----- Hide the WordPress Stats smiley face "Angela". */
img#wpstats {
	display: none;
}