/* universal */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp,
small, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0;
outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
vertical-align: baseline; background: transparent; }
img { padding: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
background: transparent; }
body { line-height: 1; }
ul { list-style: none; }
blockquote, ol { border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; background: transparent; }
ol li, blockquote { margin-bottom: 12px; line-height:1.5; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body {
	font: 72%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #a9a9a9 url(/art/images/bg.png) repeat-x top left;
	color: #000;
	padding: 28px 0;
}

h2 {
	font-size: 1.4em;
	padding: 0 0 .25em;
	font-weight: bold;
	display: block;
	color: #000;
}

h3 {
	font-size: 1.2em;
	padding: .5em 0 .25em;
}

h4 {
	font-size: 1.1em;
	padding: .75em 0 .25em;
}

h5 {
	font-size: 1em;
}

ul {
	list-style: disc outside;
	padding-left: 15px;
}

ul li {
	padding: 0 0 .5em;
	line-height: 1.1em;
}

.entry-content ul, .entry-content ol {
	padding: 0 0 .75em 30px;
}

h1 img {
	border:0;
}

a, a:link, a:visited {
	color: #225c85;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

fieldset, abbr {
	border: 0;
}

table {
	font-size: 1em;
}

/* forms */
div.form-container {
	margin: 0;
}
.hidden {
	display: none;
}
p.legend {
	margin-bottom: 1em;
}
p.legend em {
	color: #C00;
	font-style: normal;
}
form p {
	margin: 0;
}
form p.note {
	padding-left: 100px;
	font-size: 1em;
	color: #333;
}

form p.error {
	background:#ffc url(/art/images/alert-error.gif) top left no-repeat;
	border:1px #cc9 solid;
	clear:both;
	color:#933;
	font-weight:bold;
	margin:0 0 1em 0;
	padding:5px 5px 5px 25px;
}

.error label, .error span.label {
	color: #C00 !important;
}
.error input, .error textarea {
	border-color: #C00 !important;
	background-color: #FFEFF0 !important;
}


form fieldset {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
}

form legend {
	padding: 1.5em 0 .5em;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}
label, span.label {
	clear: left;
	padding-right: 10px;
	width: 90px;
	display: block;
	float: left;
	text-align: right;
	font-weight: bold;
}
div.input {
	display: block;
}

select {
	margin-bottom: 2px;
}
select option {
	padding: 0 7px 0 2px;
}
textarea {
	display: block;
	padding: 2px;
	margin-left: 100px;
}
div.controlset div label, div.controlset div input {
	display: inline !important;
	float: none;
	cursor: pointer ;
}
div.controlset div input.float {
	float: left;
	margin-right: 3px;
	display: block !important;
}

div.controlset input {
	width: auto !important;
	background: none;
}
div.controlset div {
	margin-left: 100px;
	padding: 0
}
div.nolabel div {
	margin-left: 0;
}

div.controlset div label {
	padding: 0;
	font-weight: normal;
}
div.nolabel div label {
	font-weight:bold;
}

div.buttonrow {
	margin-left: 100px;
}

div.clear {
	clear: both;
	padding-bottom: .5em;
}




/* structure */

#container {
	width: 920px;
	margin: 0 auto;
	padding: 20px;
	background: #fff;
}

/* header */

#header h1 a {
	font-family: Helvetica, Arial;
	font-size: 1.2em;
	text-decoration: none;
	color: #575757;
	padding: 0;
	line-height: 1;
}

/* signin */

#signinout {
	margin-top: -2.7em;
	float: right;
}

#signinout a {
	color: #575757;
}

/* navigation */

#navigation {
	background: #575757;
	margin: 4px 0 0;
}

#navigation h4 {
	display: none;
}

#navigation ul {
	margin-left: 620px;
	padding-left: 0;
	list-style: none outside;
}

#navigation ul li {
	padding: 0 5px 0 0;
	display: block;
	float: left;
	line-height: 1.6em;
}

#navigation ul li a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	padding: 4px 8px;
}

#navigation ul li a.focus {
	background: #696969;
}

#navigation ul li a:hover {
	background: #A9A9A9;
	color: #fff;
	text-decoration: none;
}


/* main */

#main {
	margin: 20px 0;
	width: 920px;
}

#content {
	width: 600px;
	float: left;
	padding-right: 20px;
}


#content-wide {
	width: 900px;
	float: left;
	padding-right: 20px;
}

#secondary {
	float: left;
	width: 300px;
}

/* search */

#search {
	padding: 0 0 20px;
}

#search form label {
	display: none;
}

#search form .term {
	width: 75%;
	padding: 1px 2px;
}

.search-results .news-entry{
	padding: 5px 0 2em 0;
}

/* ads */

.ad {
	padding-bottom: 20px;
}

/* content */

h1.module-title  {
	font-size: 1.6em;
	font-weight: bold;
	display: inline;
	color: #575757;
}

.module-title {
	font-size: 1em;
	font-weight: bold;
	display: inline;
	color: #575757;
}

#content .module {
	margin-bottom: 3em;
}

#content .sub-module {
	margin-top: .9em;
}

#content .last {
	margin-bottom: 0;
}

.module-contents {
	margin-top: 3px;
	border-top: 1px dotted #575757;
	border-bottom: 1px dotted #575757;
	padding: 10px 0 8px;
}

.module-contents h6 {
	font-size:1em;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
}

.module-column {
	float: left;
	width: 49.8%;
}

.first-column ul{
	padding-right: 20px;
}

#secondary .module {
	padding: 0 0 20px;
}

#secondary .module-contents {

}

#secondary ul li {
	padding: 0 0 .5em;
}

blockquote {
	padding-left: 20px;
}

.media-list-entry {
	float: left;
	width: 290px;
	height: 250px;
	padding: 5px 8px 1em 0;
}

/* news entry */
.news-entry {
	padding: 5px 0 1em 0;
}

#content h2.entry-title {
	padding: .3em 0 0;
	font-family: Helvetica, Arial;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1;
	display: block;
	color: #000;
}

h2.entry-title a, h2.entry-title a:link, h2.entry-title a:visited {
	color: #000;
}
h2.entry-title a:active, h2.entry-title a:hover {
	text-decoration: underline;
}

#content-wide h2.media-title {
	padding: .3em 0 0;
	font-family: Helvetica, Arial;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1;
	display: block;
	color: #000;
}

h2.media-title a, h2.media-title a:link, h2.media-title a:visited {
	color: #000;
}
h2.media-title a:active, h2.media-title a:hover {
	text-decoration: underline;
}

h3.entry-deck {
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 .2em !important;
}

.entry-content {
	padding-top: .5em;
}

.web-archives .entry-content {
	padding-top: 0;
}

.web-item .entry-content, .news-item .entry-content {
	padding-bottom: .5em;
}

.media-160h img {
	padding: 8px;
	max-width: 240px;
}


.entry-content p {
	padding: 0 0 .5em;
}

/* pagination */

.pagination {
	display: inline;
	color: #575757;
}

.pagination-bottom {
	padding-top: 2px;
	display: block;
}

.pagination-display{
	display: inline;
	padding-left: 7px;
	border-left: 1px solid #575757;
	margin-left: 5px;
}

.pagination-links {
	float: right;
	display: inline;
	margin-top: -1.4em;
}

.pagination-bottom .pagination-links {
	margin-top: 0;
}

.pagination-links span {
	display: block;
	float: left;
}

.pagination-links span a, .pagination-links span strong, .pagination-links span {
	display: block;
	padding: 0px 3px;
	text-decoration: none;
}

.pagination-links span a:hover, .pagination-links span a:active{
	background: #225c85;
	color: #fff;
	text-decoration: none;
}

/* comments */

#comments-list {
	margin: 20px 0 0;
}

#comments-list .module-contents, #comments-add .module-contents {
	padding-bottom: 0;
}

#add-comment {
	float: right;
	margin-top: -1.4em;
	font-weight: bold;
}


.disclaimer {
	font-weight: bold;
	padding: .25em 0 .5em;
	color: #575757;
}

.comment, .comment-preview {
	border-top: 1px dotted #575757;
	padding:12px 0;
	position:relative;
	min-height: 52px;
}

.unconfirmed {
	min-height:90px;
}

.reply1, .reply2, .reply3, .reply4, .reply5, .reply6, .reply7, .reply8, .reply9 {
	background:url(/art/images/comment-reply-arrow.gif) 0 11px no-repeat;
	padding:10px 0 10px 20px;
}
.reply2 {
	margin-left:20px;
}
.reply3 {
	margin-left:40px;
}
.reply4 {
	margin-left:60px;
}
.reply5 {
	margin-left:80px;
}
.reply6 {
	margin-left:100px;
}
.reply7 {
	margin-left:120px;
}
.reply8 {
	margin-left:140px;
}
.reply9 {
	margin-left:160px;
}

a.comment-reply {
	display:block;
	font-size:0.9em;
	font-weight:bold;
	position:absolute;
	right:0;
	top:10px;
}

a.usericon, img.anonymous {
	display:block;
	float:left;
	margin:0 10px 0 0;
}

a.usericon img {
	border:1px #ccc solid;
}

a.usericon:hover img {
	border:1px #069 solid;
}

.comment h6, .comment-preview h6 {
	color:#666;
	font-size:1em;
	font-weight:normal;
	margin:0 0 5px 60px;
	padding: 0 !important;
}

.comment h6 strong, .comment-preview h6 strong {
	color:#111;
}

.comment p, .comment-preview p {
	color:#333;
	line-height:1.4;
	margin:0 3em 1em 60px;
}

.unconfirmed h6, .unconfirmed h6 strong, .unconfirmed p {
	color:#999;
}

.comment p.notice, p.notice {
	background:url(/art/images/alert-notice.gif) center left no-repeat;
	border:1px #cc9 solid;
	clear:both;
	color:#663;
	font-weight:bold;
	margin:0 0 1em 0;
	padding:5px 5px 5px 20px;
}

/* comment form */

#comments-add {
	clear:left;
	margin-top: 20px;
}

#cancel-reply {
	float: right;
	margin-top: -1.5em;
	display: none;
	font-size: .9em;
}


/* comment tabs */

ul#comment-confirm-options {
	background:url(/art/images/comment-confirm-bg.gif) bottom left repeat-x;
	font-size:0.9em;
	margin:0 0 15px 0;
	padding: 0;
	height: 2.1em;
}

#comment_form-user_info {float: right; display: block;}
#comment_form-user_info a {font-size: 8pt; margin:0; padding: 0}

#comment-confirm-options li {
	display:block;
	float:left;
	padding: 0;
}
#comment-confirm-options li a {
	background:#eee;
	border:1px #ccc solid;
	display:block;
	font-weight:bold;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	width:120px;
}
#comment-confirm-options li a.chosen {
	background:#fff;
	border-bottom:1px #fff solid;
	color:#121212;
}

#comment-preview-title {
	display: block;
	padding: 30px 0 .25em !important;
}

#commentform #AuthorEmailInput {
	clear: none !important;
	float:left;
	margin-right:5% !important;
	width:40%;
}
#commentform #CommentsInput label,
#commentform #AuthorEmailInput label,
#commentform #AuthorPassInput label,
#commentform #AuthorNameInput label,
#commentform #AuthorNotifyInput span.label,
.forward-to-friend label {
	display:block;
	text-align: left;
	float: none;
}

#commentform #AuthorNotifyInput div, #commentform .buttonrow  {
	margin-left: 0;
}

#commentform #AuthorPassInput, #commentform #AuthorNameInput {
	clear: none !important;
	float:left;
	width:51%;
}
#commentform textarea,
.forward-to-friend textarea {
	width: 96%;
	margin: 0;
}

#commentform input.text,
.forward-to-friend input.text {
	border:1px solid #999999;
	padding:1px 2px;
	width:96%;;
}

#commentform input.text:focus, #commentform textarea:focus,
.forward-to-friend input.text:focus, .forward-to-friend textarea:focus {
		border:1px #069 solid;
}
#commentform .buttonrow input,
.forward-to-friend .buttonrow input {
	font-weight:bold;
}

.forward-to-friend .buttonrow {
	margin: 2px 2px 10px 0px;
}


/* footer */

#footer {
	padding-top: 20px;
	clear: both;
}

/* clearing */

.module-contents:after, #navigation ul:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* debug */
#debug {
	border: 3px solid #000;
	z-index: 1000;
	display: none;
	position: absolute;
	left: 12px;
	top: 110px;
	overflow: auto;
	height: 75%;
	width: 95%;
	padding: 1em;
	background-color: #fff;
}

#debug *, #debug * * {
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-family:'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
#debug th {
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	padding: 3px;
	margin: 0;
}
#debug td {
	vertical-align: top;
	white-space:pre;
	border: 1px solid black;
	padding: 3px;
	background-color: #fefff0;
}
#debug h1, #debug h2 {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}
#debug h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	padding: 25px 0 2px;
}



/* @override http://gary.www.glennhauman.com.damper3.com/art/css/style.css */

body {
	margin:0 10%;
	padding: 0;
	background: #559192 url(/art/images/bg.jpg) top left no-repeat;
	background-attachment: fixed;
	font-size: small;
	font-family: sans-serif;
	}

#header {
	min-width: 868px;
	width: 100%;
	margin: 0 auto;
	margin-top: 33px;
	padding: 0;
	text-align:left;
	background: #1f6d6c url(/art/images/glenn.jpg) 100% 5px no-repeat;
	border: #2a4747 solid 4px;
	border-bottom: 0;
	overflow: hidden;
	}
	
#header h1 {
	margin: 0;
	padding: 0;
	}
	
#header h1 a {
	float: left;
	margin: 4px;
	padding: 0 0 0 500px;
	background: transparent url(/art/images/logo.gif) top left no-repeat;
	width: 0;
	height: 112px;
	overflow: hidden;
	line-height: normal;
	}
	
#footer {
	border: #2a4747 solid 4px;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
	background-color: #324646;
	font-size: 90%;
	color: #fff;
	font-weight: bold;
	}
	
#container {
	min-width: 868px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: transparent url(/art/images/bg2.png) top left repeat !important;
	border: #2a4747 solid 4px;
	border-top: 0;
	}
	
#contentwrapper{
	float: left;
	width: 100%;
}
	
#content {
	margin-right: 240px;
	width: auto;
	padding: 0;
	border-right: #a6a6a6 dotted 1px;
	display: inline; /* fixes IE6 double margins */
	}
	
.pads {
	margin: 10px;
	}
	
div.full {
	width: 100% !important;
	}

.news-entry {
	padding: 0;
	margin-bottom: 10px;
}
	
#secondary {
	float: right;
	width: 230px; /*Width of right column*/
	margin-left: -100%;
	margin-right: 10px;
  display: inline; /*fixes IE6 double margins */
	}

#content h2.entry-title {
	padding: 0;
	font-size: 120%;
	line-height: normal;
	color: #1e6d6d;
	text-transform: uppercase;
}
	
h2.entry-title a, h2.entry-title a:link, h2.entry-title a:visited {
	color: #1e6d6d;
	padding: 0;
	font-size: 120%;
}
h2.entry-title a:active, h2.entry-title a:hover {
	text-decoration: underline;
	background: transparent;
	padding: 0;
	font-size: 120%;
}

div#signin.form-container {
	width: 580px;
	padding: 10px;
}

.entry-content {
	padding-top: 0;
}

.web-archives .entry-content {
	padding-top: 0;
}

.web-item .entry-content, .news-item .entry-content {
	padding-bottom: 4px;
}

#comicwidget {
	width: 170px;
	margin: 20px auto;
	}
	
a, a:link, a:visited {
	color: #83292B;
	padding: 0;
}

a:hover {
	text-decoration: none;
	background: #83292B;
	color: #fff;
}

a.comment-reply {
	border: #9e9d6b solid 1px;
	border-bottom: #9e9d6b solid 2px;
	padding: 2px 4px;
	margin: -12px 0 0 0;
}

a.comment-reply:hover {
	border: #9e9d6b solid 1px;
	background-color: #9e9d6b;
	color: #fff;
	border-bottom: #535238 solid 2px;
}

.module-contents {
	border: 0;
	padding: 10px 0 8px;
}	

.datebox {
	background-color: #b7dbd6;
	padding: 2px 4px;
	line-height: normal;
	margin-bottom: 6px;
	color: #3a6b6b;
}

.searchbox {
	background-color: #b7dbd6;
	padding: 2px 4px;
	line-height: normal;
	margin-bottom: 6px;
	color: #3a6b6b;
}

.postbox {
	background: transparent url(/art/images/post_bg.png) top left repeat-x;
	padding: 2px 10px;
}

#content div.pads div.hentry.module {
	background: transparent url(/art/images/post_bg.png) top left repeat-x;
	padding: 2px 10px;	
}

h2.module-title {
	float: left;
	margin: 0;
	padding: 4px;
	font-size: 90% !important;
}
	
h3.module-title {
	float: left;
	margin: 0;
	background-color: #cdd0d3;
	color: #494a4a;
	padding: 4px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 90% !important;
}



.module-contents {
	padding: 0 0 8px;
}

#secondary div.module-contents {
	font-size: 80%;
	line-height: 20px;
	}
	
#secondary div.pads div.module div.module-contents ul {
	list-style: none;
	list-style-type: none;
	padding-left: 0;	
}

#secondary div.pads div.module div.module-contents ul li {
	margin: 0;
}


ul.comment-list {
	list-style: none;
	list-style-type: none;
	padding-left: 0;
	}
	
ul.comment-list li {
	margin: 0;
	}
	
ul.comment-list li a:hover {
	background: transparent;
	color: #9e9d6b;
	text-decoration: underline;
	}
	
.searchbox2 {
	margin: 0 auto;
	background-color: #cdd0d3;
	color: #494a4a;
	padding: 4px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 90% !important;
}

#search form .term {
	width: 50%;
	padding: 1px 2px;
}

.pagination-links {
	float: right;
	margin-top: 0;
	clear: right;
}

.pagination-display {
	float: left;
	}
	
h2.newstitle {
	padding: 0 !important;
	font-size: 102% !important;
	}
		
#comments-list {
	width: auto;
	margin:  0 10px;
	font-size:  88%;
	}
	
div#comments-add.module {
	width: auto;
	margin:  0 10px;
	font-size:  88%;
	}
	

.comment, .comment-preview {
	border-top: 0;
	border-bottom: #cecece solid 1px;
	padding: 0 0 12px 0;
	margin-bottom:  10px;
	position:relative;
	min-height: 52px;
}

/* navigation */

#navigation {
	float: left;
	width: 100%;
	background: #b7dbd6;
	margin: 0;
	display: inline; /* Fixes double margins for IE6 */
}

#navigation h4 {
	display: none;
}

#navigation ul {
	margin: 0;
	padding-left: 0;
	list-style: none outside;
}

#navigation ul li {
	padding: 0 5px 0 0;
	display: block;
	float: left;
	line-height: 1.6em;
}

#navigation ul li a {
	display: block;
	color: #5D9897;
	font-size: 1.1em;
	font-weight: bold;
	padding: 4px 8px;
}

#navigation ul li a.focus {
	background: transparent;
}

#navigation ul li a:hover {
	background: #7aacab;
	color: #fff;
	text-decoration: none;
}

#content div.pads div.hentry.module {
	margin-bottom: 20px;
}

div#comments-list.module {
	margin-bottom: 20px;
}

blockquote {
	margin-left: 20px;
	border-left: #B7DBD6 solid 4px;
	padding-left: 10px;
}

#content div.pads div.hfeed.module-contents div.news-entry.hentry div.postbox div.entry-meta {
	font-size: 85%;	
}

#content div.pads div.hentry.module div.entry-meta {
	font-size: 85%;	
}

#content div.pads div.hentry.module p.byline {
	font-size: 85%;	
}