@import url("reset.css");
@import url("common.css");

/* Global
--------------------------------- */
html {height: 100%;}
body {
	background-color: #7E9022;
	color: #000;
	width: 100%;
	font: 1em "Lucida Grande", Verdana, Arial, serif;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}
table {
	height: 100%;
	width: 100%;
}
td {
	height: 100%;
	vertical-align: middle !important;
	text-align: center;
	width: 100%;
}
#wrapper-ad {
    width: 932px;
	margin: auto;
}
#ad2 {
    float: right;
	margin: 116px 0 0 6px;
}
#ad4 {
    float: right;
	margin: 6px 0 0 6px;
}
#wrapper {
	color: #000000;
	font-family: georgia, times new roman, sans-serif;
	float: left;
	height: 1218px;
	font-size: .75em;
	margin: 15px 0;
	padding: 89px 0 0 0;
	position: relative;
	text-align: left;
	width: 766px;
}
#ad1 {
	background: transparent url('../img/bg-ad1.gif') 0 0 no-repeat;
	margin: 12px 0 3px 0;
	padding: 10px 19px;
}
#ad3 {
	background: transparent url('../img/bg-ad1.gif') 0 0 no-repeat;
	float: left;
	height: 90px;
	margin: 0 0 6px 0;
	padding: 10px 19px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1 {
	left: 163px;
	position: absolute;
	top: 1px;
}
h1 a {
	
}
h2 {
	float: left;
	height: 9px;
	width: auto;
}
h2 img {display: block;}
h3 {
	font-size: 16px;
	font-weight: normal;
	padding: 5px 0 13px 0;
}
h4 {
	font-size: 1em;
	margin-bottom: .25em;
}
h5 {
	font-size: 1em;
	margin-bottom: 0;
}
h6 {
	font-size: 1em;
	margin-bottom: 0;
}
a:link, a:visited  {
	color: #fffbda;
	text-decoration: none;
}
a:hover {color: #000;text-decoration: none;}


/* Content */
.site, .blog {
	float: left;
	height: 220px;
	margin: 0 6px 6px 0;
	width: 380px;
}
#site-personal {
	background: #060702 url('../img/bg-personal.jpg') 0 0 no-repeat;
}
#site-personal a {
	background: transparent url('../img/btn-personal.gif') 0 0 no-repeat;
	display: block;
	height: 110px;
	margin: 65px 0 0 225px;
	text-indent: -9999px;
	width: 125px;
}
#site-personal a:hover {
	background-position: -125px 0;
}
#site-calendar {
	background: #060702 url('../img/bg-calendar.jpg') 0 0 no-repeat;
	margin: 0 0 6px 0;
}
#site-calendar img {
	margin: 16px 0 0 40px;
}
form {
	margin: 7px 0 0 23px;
}
input, select {
	float: left;
}
label {display: none;}
input.submit {
	background: transparent url('../img/btn-go.gif') 0 0 no-repeat;
	border: none;
	height: 22px;
	margin: 0 0 0 10px;
	text-indent: -9999px;
	width: 30px;
}
input.submit:hover {background-position: 0 -22px;}
.blog {
	background: #98a64e url('../img/bg-blogs.gif') 0 0 no-repeat;
	height: 203px;
	padding: 17px 20px 0 20px;
	width: 340px;
}
.blogtall {
	background: #98a64e url('../img/bg-blogs-tall.gif') 0 0 no-repeat;
	height: 683px;
	float: left;
	padding: 17px 20px 10px 20px;
	width: 340px;
}
.blogtall .post div {
    background: transparent url('../img/sep.gif') 0 100% no-repeat;
	float: left;
	margin: 0 0 25px 0;
	padding: 0 0 25px;
}
.visit {
	background: transparent url('../img/lnk-blog.gif') 0 0 no-repeat;
	float: right;
	height: 8px;
	margin: 1px 0 0 0;
	text-indent: -9999px;
	width: 101px;
}
.visit:hover {background-position: 0 -8px;}
#blog-personal {
	margin: 0 6px 6px 0;
}
#blog-calendar {
	margin: 0 0 6px 0;
}
.post {
	clear: both;
	padding: 25px 0 0 0;
}
.date {
	font-family: arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}
.post a {
	float: right;
	font-style: italic;
}
#bird {
	background: transparent url('../img/bird.gif') 0 0 no-repeat;
	height: 32px;
	position: absolute;
	right: 154px;
	bottom: 32px;
	width: 96px;
}

/* Footer */
ul, li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
li a {
	text-indent: -9999px;
}
html #wrapper li a:hover {background-position: 0 -32px;}
#btn-twitter a {
	background: transparent url('../img/btn-twitter.gif') 0 0 no-repeat;
	float: left;
	height: 32px;
	width: 166px;
}
#btn-facebook a {
	background: transparent url('../img/btn-facebook.gif') 0 0 no-repeat;
	float: left;
	height: 32px;
	width: 194px;
}
#btn-youtube a {
	background: transparent url('../img/btn-youtube.gif') 0 0 no-repeat;
	float: left;
	height: 32px;
	margin: 0 6px 0 0;
	width: 172px;
}
#btn-mailinglist a {
	background: transparent url('../img/btn-mailinglist.gif') 0 0 no-repeat;
	float: left;
	height: 32px;
	width: 228px;
}