html, body, #bg, #bg table, #bg td {
height:100%;
overflow:hidden;
width:100%;
}
#bg {
position:fixed;
}
#bg div {
height:200%;
left:-50%;
position:absolute;
top:-50%;
width:200%;
}
#bg td {
text-align:center;
vertical-align:middle;
}
#bg img {
margin:0 auto;
min-height:50%;
min-width:50%;
}
.clearfix {
clear:both;
}
body {
background-repeat:no-repeat;
bottom:0;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
height:100%;
left:0;
letter-spacing:0.1em;
position:absolute;
right:0;
top:0;
width:100%;
}
.header {
height:30px;
left:10px;
margin-top:-15px;
position:absolute;
top:50%;
}
.nav {
float:left;
margin-left:5px;
margin-top:-1px;
letter-spacing:0;
}
.nav li {
line-height:1em;
margin-bottom:1px;
}
.logo {
background-repeat:no-repeat;
float:left;
height:30px;
text-indent:-5000px;
width:30px;
}
.commentOpener {
float:right;
height:20px;
margin-top:-10px;
position:relative;
right:0;
top:50%;
}
.commentArrowWrapper {
float:left;
}
.commentArrow {
	-webkit-border-radius:10px;
-moz-border-radius:10px 10px 10px 10px;
background-position:1px 0;
display:block;
height:20px;
margin:0 5px;
text-indent:-5000px;
width:21px;
}
a:hover .commentArrow {
background-position:1px -20px;
cursor:pointer;
}
.commentCountWrapper {
	-webkit-border-radius:5px;
-moz-border-radius:10px 10px 10px 10px;
float:left;
height:20px;
margin-right:5px;
}
.commentCount {
display:block;
margin:5px 4px 0;
}
.commentWrapper {
float:right;
}
.commentWrapperArrow {
background-repeat:no-repeat;
display:block;
float:left;
height:19px;
position:relative;
width:9px;
}
.commentWrapperContent {
background-color:#000000;
display:none;
float:right;
height:100%;
overflow:auto;
padding:30px 0;
position:relative;
right:0;
vertical-align:middle;
width:275px;
}
.postTitle, #respond h3 {
font-size:1.4em;
margin-bottom:5px;
padding:0 10px;
text-transform:uppercase;
}
#respond h3 {
font-weight:normal;
padding:0;
}
.postDate {
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1em;
padding:0 10px;
}
.postComment {
margin-top:10px;
}
.postCommentTitle {
padding:10px;
}
.postCommentTitle .fn {
float:left;
font-style:normal;
letter-spacing:0;
font-size:12px;
}
.postCommentTitle .fn a, .postCommentTitle .fn a:hover, .postCommentTitle .fn a:visited {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.postCommentTitle .postCommentDate {
float:right;
font-family:Georgia,"Times New Roman",Times,serif;
font-style:normal;
margin-top:1px;
}
.postContent {
margin:10px;
font-size:12px;
}
.postContent p {
letter-spacing:0;
line-height:1.25em;
margin-bottom:10px;
}
.postContent a {
color:#ffffff;
}
.postContent a:visited {
color:#ffffff;
}
.postCommentTitle img {
display:none;
}
.postCommentDate {
float:right;
}
.says {
display:none;
}
#respond {
background:none repeat scroll 0 0 transparent !important;
margin-top:10px;
padding:10px;
margin-bottom:100px;
}
#commentform div {
margin:10px 0;
letter-spacing:0;
}
#commentform label {
display:block;
letter-spacing:0;
margin-bottom:5px;
text-transform:uppercase;
}
#commentform label em {
font-size:10px;
text-transform:lowercase;
}
#commentform input, #commentform textarea {
	-webkit-border-radius:4px;
-moz-border-radius:4px 4px 4px 4px;
background-color:#d5d5d5;
background-color:rgba(255, 255, 255, 0.5);
border:medium none;
color:#000000;
color:rgba(0, 0, 0, 0.75);
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
line-height:12px;
padding:2px;
width:100%;
}
#commentform textarea { 
font-size:12px;
line-height:1.25em;
}

#commentform a {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
#commentform input:focus, #commentform textarea:focus {
background-color:#FFFFFF;
}
#commentform .submitBtn input {
	-webkit-border-radius:4px;
-moz-border-radius:10px 10px 10px 10px;
}
#commentform .submitBtn input:hover {
background-color:#FFFFFF;
cursor:pointer;
}
.layoutDateWrapper {
bottom:0;
font-family:Georgia,"Times New Roman",Times,serif;
padding:5px 10px;
position:fixed;
text-align:center;
width:100%;
}
.layoutDate span, .layoutDate em {
font-family:Arial,Helvetica,sans-serif;
font-style:normal;
text-transform:uppercase;
}
.layoutDate strong {
font-weight:normal;
margin:10px;
position:relative;
top:5px;
}
.previousBtn {
float:left;
text-indent:-5000px;
}
.previousBtn a {
	-webkit-border-radius:10px;
-moz-border-radius:10px 10px 10px 10px;
background-color:#b5b5b5;
background-color:rgba(0, 0, 0, 0.3);
background-image:url("images/arrow_previous_white.png");
display:block;
float:left;
height:20px;
text-indent:-3000px;
width:20px;
}
.previousBtn a:hover {
background-position:0 -20px;
}
.nextBtn {
float:right;
text-indent:-5000px;
}
.nextBtn a {
	-webkit-border-radius:10px;
-moz-border-radius:10px 10px 10px 10px;
background-color:#b5b5b5;
background-color:rgba(0, 0, 0, 0.3);
background-image:url("images/arrow_next_white.png");
background-position:2px 0;
display:block;
float:right;
height:20px;
margin-right:20px;
text-indent:-6000px;
width:20px;
}
.nextBtn a:hover {
background-position:2px -20px;
}
.aboutWrapper {
	color:#8e8e8e;
color:rgba(0, 0, 0, 0.4);
float:left;
height:50px;
left:100px;
letter-spacing:0;
line-height:1.2em;
margin-top:-17px;
position:absolute;
top:50%;
}
.aboutWrapper p {
margin-bottom:10px;
}
.aboutWrapper span {
	color:#8e8e8e;
color:rgba(0, 0, 0, 0.75);
}
.aboutContact {
	border-top:1px solid #d5d5d5;
border-top:1px solid rgba(0, 0, 0, 0.05);
margin-top:12px;
padding-top:5px;
}
.aboutContact a {
	color:#8e8e8e;
color:rgba(0, 0, 0, 0.3);
display:block;
margin-top:0;
text-decoration:none;
}
.aboutContact a:hover {
	color:#424242;
color:rgba(0, 0, 0, 0.75);
text-decoration:none;
}
.archives {
float:left;
height:inherit;
left:0;
overflow:auto;
position:relative;
top:0;
}
.archives li {
display:block;
float:left;
width:20%;
}
.archives li img {
height:inherit;
width:100%;
}
.archives li a {
display:block;
float:left;
opacity:0.3;
text-decoration:none;
}
.archives li a .archiveTitleWrapper {
visibility:hidden;
}
.archives li a:hover .archiveTitleWrapper {
visibility:visible;
}
.archives li a:hover {
cursor:pointer;
opacity:1;
}
.archiveImage {
position:relative;
}
.archiveTitleWrapper {
	background-color:#b5b5b5;
background-color:rgba(255, 255, 255, 0.5);
bottom:0;
color:#ffffff;
color:rgba(0, 0, 0, 0.75);
position:absolute;
width:100%;
}
.archiveTitleWrapperText {
margin:5px 10px;
}
.archiveTitleWrapper a {
	color:#ffffff;
color:rgba(0, 0, 0, 0.75);
text-decoration:none;
}
.archiveTitleWrapper span {
font-size:10px;
text-transform:uppercase;
}
.archiveTitleWrapper em {
font-family:Georgia,"Times New Roman",Times,serif;
font-style:normal;
}
.white .logo {
background-image:url("images/logo_white.png");
}
.white .nav li {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white .nav li a {
	color:#b5b5b5;
color:rgba(255, 255, 255, 0.3);
text-decoration:none;
}
.white .nav li a:hover {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white .commentArrow {
	color:#b5b5b5;
background-color:rgba(255, 255, 255, 0.3);
background-image:url("images/arrows_white.png");
}
.white .commentCountWrapper {
	color:#b5b5b5;
background-color:rgba(255, 255, 255, 0.3);
}
.white .commentCount {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white .commentWrapperArrow {
background-image:url("images/commentArrow_white.png");
}
.white .commentWrapperContent {
	background-color:#8e8e8e;
background-color:rgba(255, 255, 255, 0.376);
}
.white .postTitle, .white #respond h3 {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white .postDate {
	color:#b5b5b5;
color:rgba(255, 255, 255, 0.5);
}
.white .postCommentTitle, .white #respond {
	background-color:#8e8e8e;
background-color:rgba(255, 255, 255, 0.1);
border-top: 1px solid #b5b5b5;
border-top:1px solid rgba(255, 255, 255, 0.2);
color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white .postCommentAuthor {
	background-color:#8e8e8e;
background-color:rgba(0, 0, 0, 0.1);
border-top:1px solid #b5b5b5;
border-top:1px solid rgba(0, 0, 0, 0.2);
color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white .postCommentAuthor .postCommentDate {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white .postCommentTitle .postCommentDate {
	color:#b5b5b5;
color:rgba(255, 255, 255, 0.5);
}
.white .postContent p {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white .layoutDateWrapper {
	background-color:#8e8e8e;
background-color:rgba(0, 0, 0, 0.3);
color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white .layoutDateWrapper span {
	color:#b5b5b5;
color:rgba(255, 255, 255, 0.3);
}
.white .layoutDateWrapper em {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white .previousBtn a, .white .nextBtn a {
	background-color:#b5b5b5;
background-color:rgba(255, 255, 255, 0.3);
}
.white-right-bottom .logo {
background-image:url("images/logo_black.png");
}
.white-right-bottom .nav li {
 color:#8e8e8e;
color:rgba(0, 0, 0, 0.75);
}
.white-right-bottom .nav li a {
	color:#8e8e8e;
color:rgba(0, 0, 0, 0.3);
text-decoration:none;
}
.white-right-bottom .nav li a:hover {
	color:#424242;
color:rgba(0, 0, 0, 0.75);
}
.white-right-bottom .commentArrow {
	background-color:#8e8e8e;
background-color:rgba(255, 255, 255, 0.3);
background-image:url("images/arrows_white.png");
}
.white-right-bottom .commentCountWrapper {
	background-color:#8e8e8e;
background-color:rgba(255, 255, 255, 0.3);
}
.white-right-bottom .commentCount {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-right-bottom .commentWrapperArrow {
background-image:url("images/commentArrow_white.png");
}
.white-right-bottom .commentWrapperContent {
	background-color:#8e8e8e;
background-color:rgba(255, 255, 255, 0.376);
}
.white-right-bottom .postTitle, .white-right-bottom #respond h3 {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-right-bottom .postDate {
	color:#b5b5b5;
color:rgba(255, 255, 255, 0.5);
}
.white-right-bottom .postCommentTitle, .white-right-bottom #respond {
	background-color:#8e8e8e;
background-color:rgba(255, 255, 255, 0.1);
border-top: 1px solid #b5b5b5;
border-top:1px solid rgba(255, 255, 255, 0.2);
color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-right-bottom .postCommentAuthor {
	background-color:#8e8e8e;
background-color:rgba(0, 0, 0, 0.1);
border-top:1px solid #b5b5b5;
border-top:1px solid rgba(0, 0, 0, 0.2);
color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-right-bottom .postCommentAuthor .postCommentDate {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-right-bottom .postCommentTitle .postCommentDate {
	color:#b5b5b5;
color:rgba(255, 255, 255, 0.5);
}
.white-right-bottom .postContent p {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-right-bottom .layoutDateWrapper {
	background-color:#8e8e8e;
background-color:rgba(0, 0, 0, 0.3);
color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-right-bottom .layoutDateWrapper span {
	color:#b5b5b5;
color:rgba(255, 255, 255, 0.3);
}
.white-right-bottom .layoutDateWrapper em {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-right-bottom .previousBtn a, .white-right-bottom .nextBtn a {
	background-color:#b5b5b5;
background-color:rgba(255, 255, 255, 0.3);
}
.white-left-bottom .logo {
background-image:url("images/logo_white.png");
}
.white-left-bottom .nav li {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-left-bottom .nav li a {
	color:#b5b5b5;
color:rgba(255, 255, 255, 0.3);
text-decoration:none;
}
.white-left-bottom .nav li a:hover {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-left-bottom .commentArrow {
	background-color:#b5b5b5;
background-color:rgba(0, 0, 0, 0.3);
background-image:url("images/arrows_white.png");
}
.white-left-bottom .commentCountWrapper {
	background-color:#b5b5b5;
background-color:rgba(0, 0, 0, 0.3);
}
.white-left-bottom .commentCount {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-left-bottom .commentWrapperArrow {
background-image:url("images/commentArrow_black.png");
}
.white-left-bottom .commentWrapperContent {
	background-color:#8e8e8e;
background-color:rgba(0, 0, 0, 0.376);
}
.white-left-bottom .postTitle, .white-left-bottom #respond h3 {
	color:#d5d5d5;
color:rgba(255, 255, 255, 0.75);
}
.white-left-bottom .postDate {
	color:#d5d5d5;
color:rgba(255, 255, 255, 0.5);
}
.white-left-bottom .postCommentTitle, .white-left-bottom #respond {
	background-color:#b5b5b5;
background-color:rgba(255, 255, 255, 0.1);
border-top:1px solid #b5b5b5;
border-top:1px solid rgba(255, 255, 255, 0.25);
color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-left-bottom .postCommentAuthor {
	background-color:#b5b5b5;
background-color:rgba(0, 0, 0, 0.1);
border-top:1px solid #8e8e8e;
border-top:1px solid rgba(0, 0, 0, 0.2);
color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-left-bottom .postCommentAuthor .postCommentDate {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-left-bottom .postCommentTitle .postCommentDate {
	color:#b5b5b5;
color:rgba(255, 255, 255, 0.5);
}
.white-left-bottom .postContent p {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-left-bottom .layoutDateWrapper {
	background-color:#8e8e8e;
background-color:rgba(0, 0, 0, 0.3);
color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-left-bottom .layoutDateWrapper span {
	color:#b5b5b5;
color:rgba(255, 255, 255, 0.3);
}
.white-left-bottom .layoutDateWrapper em {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.white-left-bottom .previousBtn a, .white-left-bottom .nextBtn a {
	background-color:#b5b5b5;
background-color:rgba(255, 255, 255, 0.3);
}
.black .logo {
background-image:url("images/logo_black.png");
}
.black .nav li {
	color:#424242;
color:rgba(0, 0, 0, 0.75);
}
.black .nav li a {
	color:#8e8e8e;
color:rgba(0, 0, 0, 0.3);
text-decoration:none;
}
.black .nav li a:hover {
	color:#424242;
color:rgba(0, 0, 0, 0.75);
}
.black .commentArrow {
	background-color:#b5b5b5;
background-color:rgba(0, 0, 0, 0.3);
background-image:url("images/arrows_white.png");
}
.black .commentCountWrapper {
	background-color:#b5b5b5;
background-color:rgba(0, 0, 0, 0.3);
}
.black .commentCount {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.black .commentWrapperArrow {
background-image:url("images/commentArrow_black.png");
}
.black .commentWrapperContent {
	background-color:#8e8e8e;
background-color:rgba(0, 0, 0, 0.376);
}
.black .postTitle, .black #respond h3 {
	color:#d5d5d5;
color:rgba(255, 255, 255, 0.75);
}
.black .postDate {
	color:#d5d5d5;
color:rgba(255, 255, 255, 0.5);
}
.black .postCommentTitle, .black #respond {
	background-color:#b5b5b5;
background-color:rgba(255, 255, 255, 0.1);
border-top:1px solid #b5b5b5;
border-top:1px solid rgba(255, 255, 255, 0.25);
color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.black .postCommentAuthor {
	background-color:#b5b5b5;
background-color:rgba(0, 0, 0, 0.1);
border-top:1px solid #8e8e8e;
border-top:1px solid rgba(0, 0, 0, 0.2);
color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.black .postCommentAuthor .postCommentDate {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.black .postCommentTitle .postCommentDate {
	color:#b5b5b5;
color:rgba(255, 255, 255, 0.5);
}
.black .postContent p {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.black .layoutDateWrapper {
	background-color:#595959;
background-color:rgba(0, 0, 0, 0.3);
color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.black .layoutDateWrapper span {
	color:#8e8e8e;
color:rgba(255, 255, 255, 0.3);
}
.black .layoutDateWrapper em {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.black .previousBtn a, .black .nextBtn a {
	background-color:#8e8e8e;
background-color:rgba(0, 0, 0, 0.3);
}
.black-right-bottom .logo {
background-image:url("images/logo_white.png");
}
.black-right-bottom .nav li {
	color:#b5b5b5;
color:rgba(255, 255, 255, 0.75);
}
.black-right-bottom .nav li a {
	color:#b5b5b5;
color:rgba(255, 255, 255, 0.3);
text-decoration:none;
}
.black-right-bottom .nav li a:hover {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.black-right-bottom .commentArrow {
	background-color:#b5b5b5;
background-color:rgba(0, 0, 0, 0.3);
background-image:url("images/arrows_white.png");
}
.black-right-bottom .commentCountWrapper {
	background-color:#b5b5b5;
background-color:rgba(0, 0, 0, 0.3);
}
.black-right-bottom .commentCount {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.black-right-bottom .commentWrapperArrow {
background-image:url("images/commentArrow_black.png");
}
.black-right-bottom .commentWrapperContent {
	background-color:#8e8e8e;
background-color:rgba(0, 0, 0, 0.376);
}
.black-right-bottom .postTitle, .black-right-bottom #respond h3 {
	color:#d5d5d5;
color:rgba(255, 255, 255, 0.75);
}
.black-right-bottom .postDate {
	color:#d5d5d5;
color:rgba(255, 255, 255, 0.5);
}
.black-right-bottom .postCommentTitle, .black-right-bottom #respond {
	background-color:#b5b5b5;
background-color:rgba(255, 255, 255, 0.1);
border-top:1px solid #b5b5b5;
border-top:1px solid rgba(255, 255, 255, 0.25);
color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.black-right-bottom .postCommentAuthor {
	background-color:#b5b5b5;
background-color:rgba(0, 0, 0, 0.1);
border-top:1px solid #8e8e8e;
border-top:1px solid rgba(0, 0, 0, 0.2);
color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.black-right-bottom .postCommentAuthor .postCommentDate {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.black-right-bottom .postCommentTitle .postCommentDate {
	color:#b5b5b5;
color:rgba(255, 255, 255, 0.5);
}
.black-right-bottom .postContent p {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.black-right-bottom .layoutDateWrapper {
	background-color:#595959;
background-color:rgba(0, 0, 0, 0.3);
color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.black-right-bottom .layoutDateWrapper span {
	color:#8e8e8e;
color:rgba(255, 255, 255, 0.3);
}
.black-right-bottom .layoutDateWrapper em {
	color:#ffffff;
color:rgba(255, 255, 255, 0.75);
}
.black-right-bottom .previousBtn a, .black-right-bottom .nextBtn a {
	background-color:#8e8e8e;
background-color:rgba(0, 0, 0, 0.3);
}