/* 
Theme Name: Hump's Brewing
Version: 1.0
Description: The theme for the <strong>Hump's Brewing</strong> blog
Author: Josh Humphries
*/

/* Section: Body --------- */

body {
	margin: 0;
	padding: 0;
	font-family: "Georgia", "Times New Roman", serif;
	line-height: 1.5em;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: 0.9em;
  	background-color:#ffffff;
 	color:#000000;
}


/* Sub-Section: Body Paragraph and Links --------- */
p {
	margin: 0.5em 0px 0.7em;
	line-height:1.6em;
}
a {
	color: #606060;
	text-decoration: none;	
}
a:hover, a:active {  
	text-decoration: underline;
}
dl dt 
{
	font-weight:bold;
	margin:5px 0;	
}
dl dd 
{
	padding-left:20px;
	display:inline;
}
fieldset 
{
	border:none;
}
img.right 
{
	float:right;
	padding:5px;
}
img.left 
{
	float:left;
	padding:5px;
}

div.post {
/*	padding: 20px;*/
	background-color: #ffffff;
	color: #000000;
	margin-bottom: 20px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #000000;

}

.post-content img {
	margin: 1px;
	padding: 5px;
	border: 1px solid #808080;
}

.post-content p {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	line-height: 1.3em;
}
.post-content table {
	padding: 10px;
	margin:0;
	line-height: 1.3em;
}

.post-content blockquote
{
	margin: 1em;
	padding: 1em;
	border-left: 1px dotted #a0a0a0;
	color:#606060;
}

#rap {
	margin: 0 auto;
	padding:0;		
	width: 722px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
}

html>body #rap { /* be nice to Opera */
	width: 722px;
}


/* Section: Positioning --------- */

#header {
	height: 250px;
	background:url(img/header.jpg) no-repeat right top;
	margin:0 auto;
	padding:0;
	width:100%;
	text-align: right;
	width: 720px;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-top: 1px solid black;
}

h1#header-title
{
	display: none;
	font-size:3.6em;
	margin-right:20px;
	margin-top:100px;
}
#header-desc
{
	display: none;
	text-align: left;
	background-color: #001830;
	padding:0;
	margin:0;
}
#header-desc span
{
	margin-left: 20px;
}

#main {
	float: left;
	width: 530px;
	padding: 0;
	margin-top: 10px;
}

.post h2
{
	margin:0;
	padding:6px;
	padding-left:10px;
	background-color:#D3DBEB;
	color:#001A4D;
}
.post h3
{
	color: #003cc0;
	padding: 3px;
	padding-left:12px;
	margin-bottom:0;
	margin-top:10px;
	background-color: #eaeef8;
}
.sub-pages {
	padding-top: 15px;
}
.sub-pages h3 {
	margin:0;
	padding:0;
	width: 300px;
	border-top: 1px dotted #a0a0a0;
	border-bottom: 1px dotted #a0a0a0;
	background-color: #f6feff;
	color: #003cc0;
	font-size: 90%;
	font-weight: bold;
}
.sub-pages ul {
	list-style: circle;
	margin-top:0;
	margin-bottom:10px;
}

.post a {
	color: #002F8E;
	border-bottom: 1px dashed #002F8E;
}
.post a:hover {
	color: #005EFF;
	text-decoration: none;
	border-bottom: 1px solid #005EFF;
}
h2.post-title a {
	color:#001A4D;
	border-bottom: none;
}
h2.post-title a:hover {
	color:#005EB0;
	border-bottom: none;
}

div.post-header-0 {
	margin:0;
	padding:0;
	padding-left:95px;
	background:url(img/post-title3.jpg) no-repeat left bottom;
	background-color:#D3DBEB;
	color:#001A4D;
}
div.post-header-1 {
	margin:0;
	padding:0;
	padding-left:95px;
	background:url(img/post-title.jpg) no-repeat left bottom;
	background-color:#D3DBEB;
	color:#001A4D;
}
div.post-header-2 {
	margin:0;
	padding:0;
	padding-left:95px;
	background:url(img/post-title2.jpg) no-repeat left bottom;
	background-color:#D3DBEB;
	color:#001A4D;
}
div.post-header h2.post-title {
	padding-right:6px;
	padding-bottom:4px;
	padding-top:9px;
	padding-left: 2px;
}

span.post-date
{
	float: right;
	margin:0;
	font-weight: bold;
	padding-top:0;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
	border: 1px dotted #90a050;
	background-color: #fffff0;
	color:#90a050;
}
.post-content {
	padding-left:16px;
	padding-right:16px;
	padding-top:0;
	padding-bottom:10px;
	border-top: 1px solid #000000;
	margin-bottom: 16px;
}
.other-content {
	padding:10px;
	padding-left:16px;
	padding-right:16px;
	border-top: 1px solid #c0c0c0;
}
.other-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
}

.day-date {
	font-size: 0.9em;
	color: #999;
	padding: 3px 0;
	margin: 0 0 0 75px;			
}
.day-date em 
{
	font-style:normal;
	color:#666;
}
.day-date a 
{
	border-bottom:none;
}
.post-info {
	font-size: 0.84em;
	line-height: 1.4em;
	color : #666;
	padding:8px;
	padding-left:2px;
	border-top: solid 1px #000000;
	margin:0;
}
.post h3#respond {
	margin-top:30px;
}
.post h3#respond {
	margin-top:30px;
}
.post-info ul {
	list-style: none;
	padding:0;
	margin:0;
}


#sidebar {
	float: right;
	width: 190px;
	padding:0;
	margin:0;
	line-height:1.3em;				
}
#sidebar a
{
/*	color: #a8bc6d;*/
	color: #404040;
	text-decoration: none;	
	border:none;
	margin:0;
	padding:0;
}
#sidebar ul
{
	list-style: none;
	margin-top: 0;
	margin-left: 10px;
	margin-right: 0;
	margin-bottom; 0;
	padding:0;
}
#sidebar form, #sidebar form, #sidebar div
{
/*	font-size: 0.9em;*/
	padding:5px;
}
#sidebar form
{
	text-align: center;
}
#sidebar form input
{
	margin-bottom: 3px;
}
#sidebar ul li ul li
{
	margin-left: 8px;
	padding:0;
	padding-left: 16px;
	text-indent: -16px;
	
}
#sidebar a:hover 
{
	border-bottom:1px solid #404040;
}

#sidebar ul img {
	padding:2px;
	border:1px solid #ffffff;
}
#sidebar h2 
{
	font-size:1.16em;
	font-weight:normal;
	background-color: #002F8E;
	background:url(img/menubg.gif) repeat-x left bottom;
	color: #ffffff;
	width: 100%;
	padding:3px;
	text-align: center;
	margin:0;
	margin-top:13px;
}
#sidebar h3
{
	font-size:0.98em;
	font-weight:normal;
	width: 100%;
	margin:0;
	margin-bottom: 3px;
	padding:2px;
	border-bottom: 1px dotted #c08010;
	color: #a07000;
}
div#sidebar-bottom
{
	padding-top: 25px;
}
div#archives-calendar
{
	text-align: center;
}
div#archives-calendar a
{
	border-bottom: 1px dotted #004080;
	color: #004080;
}
div#archives-calendar tbody a
{
	font-weight: bold;
}
div#archives-calendar table caption
{
	color: #000000;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: 5px;
}
div#archives-calendar table
{
	border-spacing: 0;
	text-align: center;
	border-top: 1px solid #b0b0b0;
}
div#archives-calendar table th
{
	color: #004080;
}
div#archives-calendar table tbody td
{
	border: 1px solid #b0b0b0;
	text-align: center;
	padding: 2px;
	background-color: #e0e0e0;
}

#sidebar .archives {
	font-size: 80%;
	color: #aaa;	
}
#sidebar .archives a {
        font-size: 125%;
}


div.post-nav {
	border-top: 1px dotted #506890;
}
table.post-nav {
	border:none;
	border-spacing:0;
	font-weight: bold;
}
td.post-nav-prev {
	width: 265px;
	padding:10px;
	text-align: left;
}
td.post-nav-next {
	width: 265px;
	padding:10px;
	text-align: right;
}
span.post-nav-arrow {
	color: #002080;
}
table.post-nav a {
	border:none;
	color: #606060;
	text-decoration: none;	
}
table.post-nav a:hover, a:active {  
	border:none;
	color: #606060;
	text-decoration: underline;
}

#footer {
	clear: both;
	margin:0 auto;
	background-color:#e0e0e0;
	font-size: 0.9em;
	width:100%;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:16px;
	color: #000000;
}
#footer strong {
	font-size: 120%;
}
#footer a {
	text-decoration:none;
	border-bottom: 1px dotted #606060;
}
#footer a:hover {
	text-decoration:none;
	border-bottom: 1px solid #606060;
}
#copyright {
	width: 100%;
	text-align: center;
	background-color: #002F8E;
	background:url(img/menubg.gif);
	color: #ffffff;
}
#feeds
{
	margin:0;
	float: right;
	text-align: right;
	padding-right: 12px;
	padding-top: 6px;
}
span.rss-feeds 
{
	background:url(img/feed.png) no-repeat top left;
	padding-left:18px;
	font-size: 80%;
	font-weight: bold;
}
div#meta
{
	padding-left: 12px;
	padding-top: 6px;
}
#footer ul 
{
	list-style: none;
	margin:0;
	padding:0;		
}

.commentlist {
	list-style:none;
	padding: 0;
	margin: 0;
}
.commentlist li.cmt-item 
{
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	margin-top: 5px;
	margin-bottom: 5px;
	background:#ededf4;
}
.commentlist li.alt 
{
	background:#f4f4f4;
}
.commentlist li.cmt-not-approved
{
	background:#ffe0e0;
}

.commentlist li.cmt-item .cmtinfo 
{
	font-size:1em;	
	border-bottom: #ddd 1px solid;
	border-left: #ddd 1px solid;
	border-right: #ddd 1px solid;
	padding: 5px;
	background:#e0e0e8;
	padding-bottom: 5px;
}
.commentlist li.alt .cmtinfo
{
	background:#e8e8e8;
}
.commentlist li.cmt-not-approved .cmtinfo
{
	background:#ffc0c0;
}

.commentlist li.cmt-item .cmttext {
	padding:6px;
}
.commentlist li div.cmt-not-approved {
	padding:0;
	text-align: center;
	color: #800000;
	font-weight: bold;
	border-bottom: #ccc 1px solid;
}
.cmttext {
	overflow: hidden;
}

.commentlist li .cmtinfo .cmtinfo-author a
{

	color: #000000;
}
.commentlist li .cmtinfo .cmtinfo-details
{
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
}

.commentlist li .cmtinfo .cmtinfo-details a
{
	padding-left: 5px;
}
.commentlist li .cmttext {
	padding-top: 6px;
	padding-bottom: 6px;
}

/* restore list-types for contents */
.commentlist li.cmt-item .cmttext ul {
	list-style: disc;
	padding-left: 32px;
}
.commentlist li.cmt-item .cmttext ol {
	padding-left: 32px;
}
.commentlist li.cmt-item .cmttext ul ul {
	list-style: circle;
}
.commentlist li.cmt-item .cmttext ul ul ul {
	list-style: square;
}


.nocomments 
{
	padding-left:10px;
}

fieldset{
	border: none;
}

.field label{
	display: block;
}

textarea{
	width: 90%;
	height: 20em;
	border: 1px solid #ccc;	
	background:#f0f0f0;
}

input{
	border: 1px solid #ccc;	
	background:#f0f0f0;
}

table.post-archives {
	width: 100%;
	border-spacing: 0px;
}
table.post-archives td {
	border-bottom: 1px solid #e0e0e0;
	background-color: #f8fff8;
	padding-top: 5px;
	padding-bottom: 5px;
}
table.post-archives td.post-title {
	padding-left: 5px;
}
table.post-archives tr.alt td {
	background-color: #ffffff;
}
table.post-archives th {
	background-color: #f0f0e8;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}
table.post-archives th.post-title {
	border-left: 1px solid #808080;
}
table.post-archives th.post-date {
	border-right: 1px solid #808080;
}

td.post-author, td.post-date {
	text-align: center;
}

/* Navigation */
.gnav
{
	padding: 2px;
	margin: 0;
	background-color: #002F8E;
	background:url(img/menubg.gif);
	color: #ffffff;
	list-style:none;	
	text-align: center;
	font-size:1.16em;
}
.gnav li 
{
	list-style:none;
	display:inline;
	margin:0;
	padding-left: 15px;
	padding-right: 15px;
	border-right: 1px solid #808080;
}
.gnav li.first_item
{
	border-left: 1px solid #808080;
}
.gnav li a
{
	color:#ffffff;
	text-decoration:none;
}
.gnav li.current_page_item a
{
	color:#c0c0c0;
}
.gnav li a:hover
{
	color:#ffffff;
	text-decoration: underline;
}

ul.brews {
	list-style: none;
	margin: 10px;
	padding: 0;
	border-top: 1px solid #808080;
}
ul.brews li {
	margin: 0;
	margin-top: 10px;
	padding:0;
	padding-bottom: 10px;
	border-bottom: 1px solid #808080;
}
ul.brews li li {
	border:none;
	padding:0;
	margin:0
}
ul.brews ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 75%;
}
ul.ratings {
	width:100%;
	background-color:#e4e8ec;
}
ul.ratings li {
}
strong.brewtitle {
	font-size: 110%;
	color: #002A60;
}


/* Section: Misc --------- */

#header, #main,#content, #sidebar, #footer, .widget {
    overflow: hidden;
}

p.update {
        border: 1px solid #fff080;
        padding: 5px;
        margin-top: 12px;
        margin-bottom: 3px;
        background-color: #fffce8;
        font-style: italic
}
span.update-date {
        font-size: 80%
}
