@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

html, body{width:100%; height: 100%}

body{
	background-image:url(../images/bgnd.gif); 
	background-repeat:repeat-x; 
	margin:0px; 
	padding:0px; 
	color:#CCCCCC; 
	background-color:#212121; 
	font-family: 'Open Sans', sans-serif;
	font-size:16px
}
h1, h2, h3{margin:0px; padding:0px}
h1{font-size:24px; color:#ffa800; margin-bottom:20px; margin:5px 0 20px}
h2{font-size:16px; margin-top:15px; color:#F7F7F7}
a{color:#ffa800; text-decoration:none}
a:hover{color:#FFFFFF}
img{border:0px}
p{padding-top:0px; margin-top:0px}

input[type=text], input[type=email]{border:1px solid #efefef; padding: 10px}
textarea{font-family: 'Open Sans', sans-serif; padding: 10px}
input[type=submit]{padding:10px 30px; border:0px; background-color: #ffa800; color: #fff; text-shadow:1px 1px 2px orange; cursor:pointer; transition:all 300ms ease; border-radius:3px}
input[type=submit]:hover{background-color: mediumvioletred}

blockquote{
	padding:25px;
	margin:0px;
	margin-bottom:15px;
	border-bottom:1px dotted #666666
}
#pos{
	position:relative;
	margin-left:auto; 
	margin-right:auto; 
	width:916px;
	height:1px;
	top:-1px
}
#strap{text-align:right; font-size:20px; color:#ffa800; position:absolute; top:36px; right:35px}
#bullets{
	list-style:none;
	padding:0px;
	margin:0px;
	position:absolute;
	top:100px;
	left:669px;
	width: 222px;
	font-size:16px
}
#bullets li{ margin-bottom:16px}
#icons{
	list-style:none;
	padding:0px;
	margin:0px;
	position:absolute;
	top:253px;
	left:662px;
	width: 250px;
}
#icons li{float:left; padding:0px; margin:0px}
#logo{height:54px; width:360px; position:absolute; top:20px; left:20px}
#container{
	margin-left:auto; 
	margin-right:auto; 
	width:916px; 
	padding-top:326px; 
	background-image:url(../images/top.jpg); 
	background-repeat:no-repeat
}
#nav{
	list-style:none;
	margin:0px;
	padding:0px;
	padding-left:12px;
	height:46px; 
	background-image:url(../images/nav-bgnd.jpg);
	overflow:hidden;
}
#nav li{float:left}

#b1{background-image:url(../images/b_1b.png)}
#b2{background-image:url(../images/b_2b.png)}
#b3{background-image:url(../images/b_3b.png)}
#b4{background-image:url(../images/b_4b.png)}
#b5{background-image:url(../images/b_5b.png)}

#contentouter{min-height:400px; background-image:url(../images/content-bgnd.gif); background-repeat:repeat-y}
#contentinner{min-height:300px; background-image:url(../images/content-top.jpg); background-repeat:no-repeat}

#content{margin:25px; margin-top:15px; width:610px; float:left;line-height:30px; clear:left}
#content strong{font-weight:normal}
#blogcol{float:right; width:230px; margin:20px; margin-left:0px; padding-top:50px; font-size:12px}
#blogcol a{color:#ffa800}
#blogcol a:hover{color:#ffffff}
#blogcol ul{list-style:none; padding:0px; margin:0px}
#blogcol li{
	padding-bottom:8px; 
	padding-top:5px; 
	padding-right:10px; 
	margin-bottom:10px; 
	background-position:bottom right; 
	background-image:url(../images/blogpost.png); 
	background-repeat:no-repeat
}


#footer{height:38px; clear:both; padding-left:20px; padding-top:12px; background-image:url(../images/footer.jpg); overflow:hidden; font-size:12px; color:#ababab;}
#footer a{color:#FFFFFF; text-decoration:none}

#bpos{height:1px; position:relative; font-size:12px; color:#ababab;}
#bpos a{color:#FFFFFF; text-decoration:none}
#bpos a:hover{color:#ffa800}
#telpos, #skypepos, #emailpos, #cpos{position:absolute; top:-37px; text-align:center; width:200px}
#telpos{left:470px; text-align:right; width:200px;}
#emailpos{left:686px}
#cpos{left:25px; text-align:left}

#subfooter{font-size:11px; text-align:center; color:#333333; padding-bottom:20px}
#subfooter a{color:#4A4A4A}
#subfooter a:hover{color:#666666}

.readmore{text-align:right; font-size:10px; padding-top:5px}
.readmore a{text-decoration:none}
.readmore a:hover{text-decoration:underline}

.big{font-size:18px}
.white{color:#FFFFFF}
.red{color:#FF0000}
.floatleft{float:left; margin-right:15px; margin-bottom:15px}
.floatright{float:right; margin-left:15px; margin-bottom:15px}

.postoverview{padding-bottom:40px; margin-bottom:20px; border-bottom:1px dotted silver; clear:both; min-height:260px;}
.blogphoto{width:199px; height:199px; float:right; margin-left:15px; margin-bottom:15px; margin-top:20px; overflow:hidden}
.blogpostedby{padding:6px 0px 6px 0px; margin:0px 0px 10px 0px; color:#999999; font-size:12px; font-weight:bold; font-style:italic}
.readmore{clear:both; padding-top:14px; text-align:right}
.readmore a{text-decoration:none}

.tweet{margin-bottom:10px; list-style:none; padding:0px; margin:0px}
.tweet li{padding:0px; margin:0px; display:block; padding-right:5px; float:left}
.comment{border-bottom:1px dotted silver; min-height:60px}
.comment img{float:left; margin-right:20px}
.comment h3{padding:0px; margin:0px; margin-top:5px; font-size:16px; color:#F4F4F4}
.comment h3 p{padding:0px}
.commdate{font-style:normal; padding:0px; margin:0px; font-size:11px}
.commentform{font-family: 'Open Sans', sans-serif; font-size:13px; clear:both}
.commentform strong{font-size:16px}
.commentform textarea{width:450px}