/*
Theme Name: Happy Obituary
Version: 1.1
Author: Brian Sahagun
Author URI: http://briansahagun.com/
Tags: yellow, orange, black, gray, white
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* global.css */
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
a:hover {text-decoration:none;}
hr {margin:0 0 1.45em;clear:both;float:none;width:100%;height:.1em;border:none;}
.left {float:left;}
.right {float:right;}

/* ----- Custom ----- */
body {
	margin:20px 0;
	background:#2f2c2b url(images/bg.png) left top;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ccc;
}

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

a:hover {
	color:#b86930;
}

.container {
	margin:0 auto;
	width:960px;
	font:.9em Verdana, Tahoma, Arial;
	color:#b3b3b3;
	background:#211f1e url(images/div-bg.png) 300px repeat-y;
}

/* ----- Left Column ----- */
.col-1 {
	float:left;
	width:300px;
	background:url(images/corner-top.png) left top no-repeat;
}

.col-1 h1 {
	margin-bottom:0;
}

.col-1 h1 a {
	display:block;
	margin:30px 0 0 50px;
	width:200px;
	height:35px;
	background:url(images/hod-logo.png) no-repeat;
	text-indent:-9999px;
	outline:none;
}

ul.main-nav {
	margin:12px 0 15px;
	padding:0;
	list-style:none;
}

.main-nav li {
	margin-bottom:5px;
	font-weight:bold;
	text-align:center;
}

.main-nav li a, .main-nav li a:visited {
	color:#b3b3b3;
}

.main-nav li a:hover {
	color:#ccc;
}

.main-nav li.cross {
	background:url(images/cross.png) center top no-repeat;
	padding-top:15px;
}

.col-1 .content {
	padding:20px;
}

.col-1 .divider {
	background-image:url(images/nav-div.png);
	background-repeat:no-repeat;
	width:100%;
	height:15px;
}

.col-1 div.top {
	background-position:0 0;
}

.col-1 div.bottom {
	background-position:0 -15px;
}

/* ----- Forms ----- */
fieldset {
	padding:20px 0 0;
	border:none;
	vertical-align:middle;
}

legend {
	display:none;
}

form input.text {
	margin:0;
}

form p {
	margin-bottom:1em;
}

form p:last-child {
	margin-bottom:0;
}

label {
	display:inline-block;
	margin-right:10px;
	width:40px;
	font-weight:normal;
	text-align:right;
}

form input.text, form input.submit, form textarea {
	border:1px solid #333;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#b3b3b3;
	background:#2f2c2b;
}

form input.text:focus, form textarea:focus {
	border-color:#4d4d4d;
	background:#211f1e;
}

form input.text {
	padding:3px 5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

form input.submit {
	padding:3px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight:bold;
	cursor:pointer;
}

form textarea {
	padding:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:250px;
	height:100px;
}

/* ----- Search ----- */
form.search fieldset {
	text-align:center;
}

form.search input.text {
	width:130px;
	color:#808080;
}

form.search input.text:focus {
	color:#bfbfbf;
}

form input.search-icon {
	margin-left:3px;
	border:none;
	width:16px;
	height:16px;
	background:url(images/search-icon.png) center top no-repeat;
	cursor:pointer;
}

ul.popular {
	margin:0;
	padding:0;
}

.popular li {
	list-style:none;
	margin-bottom:2em;
}
/* ----- End Search ----- */

/* ----- Comments ----- */
.comment-area {
	margin-top:40px;
}

.comment-area h3.header {
	margin-bottom:1em;
	font:1.85em Arial, Helvetica, sans-serif;
	color:#333;
	text-transform:uppercase;
}

.comment-area h3.casual {
	font:1.85em Arial, Helvetica, sans-serif, Verdana;
}

.comment-form {
	margin:30px 0;
	padding:15px;
	background:#242220;
}

form.comment fieldset {
	margin-bottom:0;
	padding:0;
}

form.comment input.text {
	width:250px;
}

form.comment textarea, form.comment input.submit {
	margin-left:55px;
}

span.grey {
	color:#808080;
}

ol.comment-list, ul.children {
	margin:0;
	padding:0;
}

ol.comment-list {
	margin-left:20px;
}

ul.children li {
	list-style:none;
}

.comment-list li ul.children {
	padding-left:20px;
	border-left:1px solid #333;
}
/* ----- End Comments ----- */
/* ----- End Forms ----- */
/* ----- End Left Column ----- */

/* ----- Right Column ----- */
.col-2 {
	float:left;
	width:660px;
}

.col-2 .content {
	padding:30px 30px 0;
}

/* ----- Main Content ----- */
/* ----- Images ----- */
/* ----- Image Position ----- */
img.left, p img.left {
	float:left;
	margin:3px 15px 5px 0;
	padding:0;
}

img.right, p img.right {
	float:right;
	margin:3px 0 5px 15px;
}
/* ----- End Image Position ----- */

/* ----- Grave Marker and Cover Images ----- */
.grave-marker {
	position:relative;
	padding-bottom:30px;
}

.grave-marker img, img.cover {
	background:#242220;
	overflow:hidden;
}

.grave-marker img {
	float:left;
	padding:0;
	width:600px;
	height:200px;
}

img.cover {
	margin-top:5px;
	background:transparent;
}

.grave-marker a {
	float:left;
	outline:none;
}

.grave-marker a:last-child, .grave-marker a.last {
	margin-right:0;
}

.grave-marker .tri {
	width:190px;
	height:200px;
}

.grave-marker .marking {
	clear:both;
	padding:10px 0 25px;
	background:url(images/feature-div.png) center bottom no-repeat;
	text-align:center;
}

.grave-marker .marking h2 {
	margin-bottom:.25em;
	font-size:2.5em;
	color:#b3b3b3;
}

.grave-marker .marking h2 a, .grave-marker .marking h2 a:visited {
	float:none;
	margin:0;
	color:#b3b3b3;
}

.grave-marker .marking h2 a:hover {
	color:#ccc;
}

.grave-marker .marking p {
	margin-bottom:0;
}
/* ----- End Grave Marker and Cover Images ----- */
/* ----- End Images ----- */

/* ----- Entries ----- */
.main, .comment-area {
	line-height:1.60;
}

.main .entry, .comment-area .entry, .comment-area .children .entry:last-child {
	margin-bottom:2em;
}

.main .entry p:last-child, .comment-area .entry p:last-child {
	margin-bottom:0;
}

.main h2.header {
	margin-bottom:1em;
	font:2.0em Arial, Helvetica, sans-serif;
	color:#333;
	text-align:right;
	text-transform:uppercase;
}

.main span.untitle {
	text-transform:none;
}

.main h3, .comment-area h3 {
	margin-bottom:5px;
	font-size:1.85em;
	color:#e7bb44;
}

.comment-area h3 {
	color:#ccc;
}

.main h3 a, .main h3 a:visited {
	color:#e7bb44;
	text-decoration:none;
}

.main h3 a:hover {
	color:#ffcb3d;
}

.main .comment-area h4 {
	margin-bottom:5px;
	font-size:1.65em;
	font-weight:normal;
	color:#ccc;
}

.comment-area h4 a, .comment-area h4 a:visited {
	text-decoration:none;
}

.main h4 {
	margin-bottom:1em;
	font-size:1.5em;
	font-weight:bold;
	color:#b86930;
}

.de-margin {
	margin-bottom:0;
}

.hilite {
	color:#404040;;
}

/*
p.meta {
	padding-bottom:5px;
	border-bottom:1px dashed #333;
}
*/

.meta a, .meta a:visited, p.more a, p.more a:visited {
	color:#e5e5e5;
}

.meta a:hover, p.more a:hover {
	color:#ccc;
}

span.bar {
	margin:0 5px;
	color:#666;
	font-weight:bold;
}

span.bar-sm {
	margin:0;
}

span.space {
	padding-right:70px;
}

/* ----- Interviews ----- */
.main p.cover {
	margin-bottom:2em;
}

.main blockquote {
	margin-left:10px;
	margin-bottom:1.5em;
	padding-left:15px;
	border-left:2px solid #333;
	color:#b3b3b3;
	font-style:normal;
}
/* ----- End Interviews ----- */

/* ----- Gallery ----- */
.gallery p img {
	margin-top:.5em;
}

.main .gallery .caption {
	display:block;
}

.main .gallery .caption strong {
	color:#b86930;
}

.main .gallery .meta {
	display:block;
	margin-top:.5em;
	color:#808080;
	text-align:right;
}
/* ----- End Gallery ----- */

/* ----- More Link ----- */
p.more {
	clear:both;
	font-weight:bold;
	text-align:right;
	background:url(images/cross-triple.png) center no-repeat;
}
/* ----- End More Link ----- */

/* ----- Pagination ----- */
.pagination {
	margin-bottom:0;
	padding:25px 10px 0;
	background:url(images/page-div.png) center top no-repeat;
}

.pagination a, .pagination a:visited, .pagination-single a, .pagination-single a:visited {
	margin:0 2px;
	padding:4px 7px;
	border:1px solid #333;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.pagination a:hover, .pagination-single a:hover {
	color:#fff;
	background:#333;
}

.pagination span.pages {
	margin-right:10px;
}

.pagination span.current {
	margin:0 2px;
	padding:3px 7px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#404040;
}

.in-page {
	margin-bottom:0;
	padding:20px 0 0;
	background:none;
}

.in-page .page-label {
	margin-right:5px;
}
/* ----- End Pagination ----- */
/* ----- End Entries ----- */
/* ----- End Main Content ----- */
/* ----- End Right Column ----- */

/* ----- Footer ----- */
.footer {
	clear:both;
	height:50px;
	background:url(images/corner-bottom.png) right bottom no-repeat;
}

.copyright {
	margin:100px 0 0;
	color:#666;
	text-align:center;
}

.copyright a, .copyright a:visited {
	color:#b3b3b3;
}

.copyright a:hover {
	color:#ccc;
}
/* ----- End Footer ----- */

/* ----- WordPress ----- */
.main h3 a.post-edit-link, .comment-area h4 a.comment-edit-link {
	margin-left:5px;
	padding:2px 5px;
	font:11px Verdana, Tahoma, Arial;
	color:#b3b3b3;
	background:#404040;
	vertical-align:middle;
	text-transform:uppercase;
	text-decoration:none;
}

.main h3 a.post-edit-link:hover, .comment-area h4 a.comment-edit-link:hover {
	background-color:#333;
}