/* CSS Document */

/*MAIN
*------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(/images/topbackground.gif) repeat-x;
	font-family: verdana, arial, helvetica, san-serif;
}

p {
	color: #666;
	font-size: .7em;
	line-height: 1.6em;
	margin: 0;
	padding: 0 0 .7em 0;
}

#logo {

}

#logobutton {
	display: block;
	float: left;
	margin: 0 0 0 30px;
	width: 314px;
	height: 204px;
	background: url("images/logobutton.gif") no-repeat 0 0;
}

#logobutton:hover {
	background-position:0pt -204px;
}

#logobutton span {
	display: none;
}

#column1 ul, #column1 ol {
	color: #666;
	font-size: .7em;
	line-height: 1.6em;
	padding: 0 0 .7em 0;
}

#column1 ul {
	margin-left: 0px;
	list-style:none;
}

#column1 ol {
	margin-left: 23px;
}

#column1 ul li {
	background: url(http://www.gradynoonen.com/images/bullet.gif) no-repeat left 5px;
	margin: 0;
	padding: 0 0 0 12px;
	}

p.date {
	font-size: .7em;
	font-weight: bold;
	letter-spacing: 1px;
	color: #38B5BF;
}

p.form {
	margin:0;
	padding: .8em 0 0 0;
}

h1 {
	font-family: garamond, georgia, serif;
	font-size: 3.2em;
	color:#333;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: garamond, georgia, serif;
	font-size: 2.6em;
	color:#333;
	margin: 0;
	padding: 0 0 10px 0;
}    

h3 {
	font-family: garamond, georgia, serif;
	font-size: 1.8em;
	color:#666;
	margin: 0;
	padding-bottom: .3em;
}    

h4 {
	font-family: garamond, georgia, serif;
	font-size: 1.8em;
	color:#333;
	margin: 0;
	padding: 0;
}    

h5 {
	font-family: garamond, georgia, serif;
	font-size: 1.2em;
	color:#666;
	margin: 0;
	padding-top: .4em;
}

blockquote {
	color: #666666;
	font-size: .7em;
	font-style: italic;
	line-height: 1.6em;
	margin: 0;
	padding: 0 .7em .7em .7em;                
}

img {
	border: 1px solid #999999;
}

a:link img, a:visited img {
	border: 1px solid #999999;
}

a:hover img {
	border: 1px solid #000000;
}

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

a:hover {
	color: #FF6699;
}

a.more:link, a.more:visited {
	color: #990000;
	text-decoration: underline;
	font-variant: small-caps;
	font-size: .7em;
}

a.more:hover {
	color: #FF6699;
}

a.leftmargin {
	margin-left: 52px;
}

#container {
	position:relative;
	margin: 20px 0 0 0;
}

#header {
	position: relative;
	height:190px;
	margin: 0;
	padding: 0 0 20px 0;
	border-bottom: #990000 solid;
	border-bottom-style: double;
}

#mainnav {
	font-size:.7em;
	/*width:340px;*/
}

#content {
	width:760px;
}

#column1 {
	margin-left: 50px;
	width:400px;
	float:left;
}

#column2 {
	width:130px;
	float: left;
	margin: 21px 0 0 40px;
	padding-left:20px;
	border-left: 1px #999999 solid;
}

#navbar {
	margin-bottom: 10px;
	border-bottom: #990000 solid;
	border-bottom-style: double;
}

#navbar a:link, #navbar a:visited {
		color: #000;
}

#navbar a:hover {
		color: #990000;
}

#alpha {
                padding: 10px 0 0 0;
}

#blog {
		width:400px;
		margin:0;
		padding: 10px 0 20px 0;
		border-bottom: 1px #999999 dashed;
}

#about {
		width:400px;
		margin:0;
		padding: 10px 0 20px 0;
}

.subhead {
                margin: 5px 0 0 0;
}

.entry {
		width:400px;
		margin: 0 0 5px 0;
		padding: 10px 0 10px 0;
		border-bottom: 1px #999999 dashed;                
}

#contact {
		width:400px;
		margin:0;
		padding: 10px 0 20px 0;
}

#error {
		width:290px;
		margin:0;
		padding: 10px 0 20px 0;
}

#error ol {
		color: #000000;
		font-size: .7em;
		line-height: 1.6em;
		margin: 0;
		padding: 0 0 .7em 0;
}

#audiovisual {
		width:400px;
		margin: 0;
		padding: 10px 0 20px 0;
}

#comments {
		width:400px;
		margin:0;
		padding: 10px 0 20px 0;
}

#archives {
		width:130px;
		margin:0;
		padding:0 0 20px 0;
}

#archives_writings {
		width:130px;
		margin:0;
		padding:5px 0 20px 0;
}

#archives_audiovisual {
		width:130px;
		margin:0;
		padding:0 0 10px 0;
}

#archives_writings ul, #archives_audiovisual ul{
		list-style-type: none;
		margin: 0;
		padding: 6px 0 6px 0;
}

#archives_writings a, #archives_audiovisual a {
		font-size: .8em;
}

#archives_writings li, #archives_audiovisual li {
		padding-top: 2px;
}

#links {
		width:130px;
		margin:0;
		padding:0 0 27px 0;
}

/*#search {
		width:130px;
		margin:0 0 20px 0;
		padding:0;
}*/

/*#searchouter {
		width: 880px;
		height: 215px;
		position: relative;
}*/

#search {
		position: absolute;
		top: 180px;
		right: 30px;
		margin: 0;
		padding:0;
}

#search input {
		vertical-align: middle;
}

#search input[type="submit"] {
		margin-bottom: 5px;
}

#links ul {
		list-style-type: none;
		margin: 0;
		padding: 10px 0 0 0;
}

#links a {
		font-size: .8em;
}

#links li {
		padding-top: 2px;
}

.module-header{
                margin-top: 37px;
}

#footer {
		float:left;
                height:20px;
                width:290px;
		margin: 0;
		padding: 3px 0 0 0;
		border-top: #990000 solid;
                border-top-style: double;
}

#footer ul {
		padding-left: 0;
		list-style: none;
}

#footer ul li {
		display: inline;
		padding-left: 5px;
		border-left: 1px solid #999999;
}

#footer ul li.first {
		border: none;
}

#footer ul li a:link, #footer ul li a:visited {
		color: #000;
}

#footer ul li a:hover {
		color: #FF6699;
}

#end {
		float: left;
		height:5px;
                width:290px;
		margin:0;
		border-top: 1px#999999 solid;
}

/*INDEX STYLES
*------------------------------------*/
#indexcontent {
	width:900px;
	margin-left: 50px;
}

#indexcolumn1 {
	width:290px;
	float:left;
	margin:0;
}

#indexcolumn2 {
	width:290px;
	float: left;
	margin: 10px 0 0 40px;
	padding-left:20px;
	border-left: 1px #999999 solid;
}

#indexcolumn3 {
	width:130px;
	float: left;
	margin: 21px 0 0 40px;
	padding-left:20px;
	border-left: 1px #999999 solid;
}

#information {
	width:290px;
	margin: 0;
	padding: 10px 0 20px 0;
}

#multimedia {
	width:290px;
}

.indexentry {
	width:290px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px #999999 dashed;
}

#footer2 {
	clear: both;
	width: auto;
	height: 40px;
	background: url(/images/footerbackground.gif) repeat-x;
}

#footer2 ul, #footer2 ol {
	font-size: .6em;
}

#footer2-inner {
	float:left;
        height:40px;
	width:444px;
	padding: 0 0 0 15px;
}

#footer2-inner ul {
	float: left;
	padding: 14px 0 0 12px;
	list-style: none;
}

#footer2-inner ul li {
	display: inline;
	padding-left: 5px;
	border-left: 1px solid #999999;
}

#footer2-inner ul li.first {
	border: none;
}

#footer2-inner ul li a:link, #footer2-inner ul li a:visited {
	color: #990000;
}

#footer2-inner ul li a:hover {
	color: #FF6699;
}

#rss {
	float:left;
	margin: 11px 0 0 0;
}

#rssbutton {
	display: block;
	width: 18px;
	height: 18px;
	background: url("images/rssbutton.gif") no-repeat 0 0;
}

#rssbutton:hover {
	background-position:0pt -18px;
}

#rssbutton span {
	display: none;
}

#copyright {
	float: left;
	margin: 12px 0 0 30px;
}

#copyright p {
	color: #000;
	font-size: .6em;
}

#copyright p span {
	display: inline;
	padding-left: 5px;
	margin-left: 2px;
	border-left: 1px solid #999999;
}

#copyright a:link, #copyright a:visited {
		color: #000;
}

#copyright a:hover {
		color: #FF6699;
}


/*SEARCH RESULTS
*------------------------------------*/

#searchresultsheader {
		width:290px;
		margin:0;
		padding: 10px 0 20px 0;
		border-bottom: 1px #999999 dashed;
}

/*COMMENTS
*------------------------------------*/

.postedby {
	padding: 0;
	}

h2.formtitle {
	margin : 0;
	padding: 10px 0 0 0;
	}

h3.formtitle {
	margin : 0;
	padding: 0;
	}

p.formtitle {
	margin:0;
	padding: 8px 0 0 0;
	}

.commentbody {
	border-bottom: 1px dotted #ccc;
	padding: 10px 0 10px 0;
	}

/*gray box*/

.submitcomment, #submitcomment, #currentcomments, #rating, .textad {
	padding: 0;
	margin: 0;
	}

/*FORMS
*------------------------------------*/

.form {
	background-color: #FAFAFA;
	border: solid 1px #C6C6C6;
	padding: 2px;
	}

.formtext {
	background-color: #FAFAFA;
	border: solid 1px #C6C6C6;
	margin-bottom:5px;
	padding: 2px;
	border-bottom: 1px solid #C6C6C6;
	}

.form:hover, .formtext:hover {
	background: white;
	}

.form:focus, .formtext:focus {
	background: white;
	border: solid 1px #000000;
	}

.submit {
	margin-bottom: 20px;
	}

.submit:hover, .submit:focus {
	}

/*PROMOTE BUTTONS
*------------------------------------*/

#promote {
	width:444px;
	margin: 5px 0 20px 0;
	padding: 0;
	/* border-top: 1px #999999 dashed; */
}

#promote a {
	float: left;
}

/* #promote ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#promote ul li {
	background: none;
	display: inline;
	padding: 0;
	margin: 0;
} */


#diggbutton {
	display: block;
	margin-top: 0;
	margin-left: 0;
	width: 16px;
	height: 16px;
	background: url("http://www.gradynoonen.com/promoteimg/digg.png") no-repeat 0 0;
}

#diggbutton:hover, #stumblebutton:hover, 
#facebookbutton:hover, 
#deliciousbutton:hover, #technoratibutton:hover, 
#redditbutton:hover, #googlebutton:hover {
	background-position:0pt -16px;
}

#diggbutton span, #stumblebutton span, #facebookbutton span, #deliciousbutton span, #technoratibutton span, #redditbutton span, #googlebutton span {
	display: none;
}

#stumblebutton {
	display: block;
	margin-top: 0;
	margin-left: 0;
	width: 16px;
	height: 16px;
	background: url("http://www.gradynoonen.com/promoteimg/stumbleupon.png") no-repeat 0 0;
}

#facebookbutton {
	display: block;
	margin-top: 0;
	margin-left: 0;
	width: 16px;
	height: 16px;
	background: url("http://www.gradynoonen.com/promoteimg/facebook.png") no-repeat 0 0;
}

#deliciousbutton {
	display: block;
	margin-top: 0;
	margin-left: 0;
	width: 16px;
	height: 16px;
	background: url("http://www.gradynoonen.com/promoteimg/delicious.png") no-repeat 0 0;
}

#technoratibutton {
	display: block;
	margin-top: 0;
	margin-left: 0;
	width: 16px;
	height: 16px;
	background: url("http://www.gradynoonen.com/promoteimg/technorati.png") no-repeat 0 0;
}

#redditbutton {
	display: block;
	margin-top: 0;
	margin-left: 0;
	width: 16px;
	height: 16px;
	background: url("http://www.gradynoonen.com/promoteimg/reddit.png") no-repeat 0 0;
}

#googlebutton {
	display: block;
	margin-top: 0;
	margin-left: 0;
	width: 16px;
	height: 16px;
	background: url("http://www.gradynoonen.com/promoteimg/google.png") no-repeat 0 0;
}