@charset "utf-8";
/* 
Theme name: Shout it Out!
Theme URI: http://hansonph.net
Description: So Everybody can Hear.
Version: 1.0
Author: Laarni Tadeo / Joanna Rojas / Geomar de Pedro
Author URL: http://www.hansonph.net
Tags: Grungy, Paper, Yellow
Base CSS Reset Framework by: Eric Meyer
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, 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 {
	background: transparent;
	behavior: url("wp-content/themes/minolah theme/iepngfix.htc");
	border: 0;
	color: #000;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: none;
	}
	
ol, ul, li {
	list-style: none;
	}
	
blockquote, q {
	quotes: none;
	}
	
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}
	
del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
	
.clearfix:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	}
	
.clearfix { 
	min-height: 0; 
	height: 1%; 
	}
	
	
#sidebar h3, h2.widgettitle {
	height: 40px;
	background:url(images/bar_top.gif) no-repeat left bottom !important;
	font:  bold 14px Georgia, Times New Roman, sans-serif; color: #9c2b03;
	}
	
.screen-reader-text {
	font-size: 0;
	}
	
li.recentcomments, .widget_recent_entries ul li, li.cat-item   {
	list-style-type: square;
	}
	
li.recentcomments a {
	color:#9c2b03;
	}
	

.more-link {
	text-decoration: underline;
	}

body {
	background-image: url(images/HANSONPH-BACKGROUND2.jpg);
	font: 12px  Verdana, Sans-Serif;
	color: #000000;
	line-height: 1.5em;
	}
	
#container {
	background-image:url(images/hanson-tiledbg.jpg);
	height: auto;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 1000px;
	}

#maincontainer {
	padding: 0 20px 20px;
	}

#header {
	padding: 0 20px 40px 0;
	position:relative;
	}
	
#content {
	width: 700px;
	position: relative;
	background: url(images/dotted-border2.gif) repeat-y right;
	padding-right: 20px;
	}
	
.content_items{
	margin: 0 0 1.5em 0;
	}
	
#content h2, #content h2 a {
	margin-bottom: 10px;
	font:  24px Georgia, Times New Roman, sans-serif; color: #000;
	}

.post_snippet h2 {
	background: url(images/title-border.gif) repeat-x bottom;
	font: 14px Georgia, Times New Roman, sans-serif; color: #000;
	}
	
ul#navigation {
	padding-left: 18px;
	float: left;
	position: absolute;
	z-index: 10;
	top: 110px;
	}

ul#navigation li{
	padding-top: 15px;
	list-style:none;
	margin: 0 2em 0 0;
	}
	
.post_snippet {
	margin-bottom: 4em;
	}
	
.content_items p {
	margin: 25px 0;
	}

.post_snippet span, .post_snippet span a {
	font: 11px verdana, Helvetica, sans-serif; color:#9c2b03;
	}
	
#sidebar {
	float: right;
	width: 220px;
	margin-bottom: 50px;
	}

#sidebar .widget {
	padding-bottom: 25px;
	}
	
.post_title {
	list-style-type: square;	}

#sidebar ul {
	padding-bottom: 30px;
	}

#sidebar ul li {
	line-height: 1.5em;
	}

div.comments {
	/** background-image:url(images/tiled-bg2.png); */
	padding: 10px;
	}

#comments_section li {
	margin:10px 0px;
	padding:10px;
	border:1px dotted #666;
}

#comments_section .fn{
	font: 18px Arial, Helvetica, sans-serif normal;
	text-decoration:underline;
	}
	
.comment-body p {
	padding-top: 10px;
	}

.cmd-avatar, .avatar {
	float:right;
	}

.comment-reply-link img {
	padding-top: 10px;
	}

ul.children{
	padding-left: 25px;
	}

#footer {
	/** padding: 10px; */
	text-align: center;
	height: auto;
	/** background-image:url(images/tiled-bg.png); */
	}
	
#footer .rarama {
	position: relative;
	width: 800px;

	}
	
#footer p {
	width: 1000px;
	margin: 1px auto;
	padding-top: 1px;
	background: url(images/title-border.gif) repeat-x top;
	}



