﻿/*
Original design: andreas04 (v2.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund and stylishtemplate.com.
For more information, see http://andreasviklund.com/templates/andreas04/
Last modified by Michael D. Newby, Recursive Creativity LLC, April 1, 2010
Last modified by Michael D. Newby, Recursive Creativity LLC, February 20, 2021
*/

/* General layouts */
body {
margin : 0;
padding : 0;
font : 76% tahoma, verdana, sans-serif;
background : url("images/bodybg.png") repeat-x #e6e6e6;
color : #444;
text-align : center;
}
#container {
width : 92%;
min-width : 700px;
padding : 0 20px;
margin : 0 auto;
background : url("images/contentbg.png") repeat-x #f0f0f0;
text-align : left;
border-left : 1px solid #eef;
border-right : 1px solid #eef;
}
#container800 {
width : 700px;
padding : 0 20px;
margin : 0 auto;
background : url("images/contentbg.png") repeat-x #f0f0f0;
text-align : left;
border-left : 1px solid #eef;
border-right : 1px solid #eef;
}
#container1024 {
width : 920px;
padding : 0 20px;
margin : 0 auto;
background : url("images/contentbg.png") repeat-x #f0f0f0;
text-align : left;
border-left : 1px solid #eef;
border-right : 1px solid #eef;
}
a {
text-decoration : none;
color : #339933;
font-weight : bold;
}
a:hover {
text-decoration : underline;
color : #339933;
}
p {
margin : 0 0 15px 0;
}
h1, h2, h3, h4 {
margin : 0;
padding : 0;
font-weight : normal;
line-height : 1.2em;
}
h1 {
font-size : 3em;
letter-spacing : -2px;
color : #339933;
margin : 0 0 0 0;
}
h1 a:hover {
text-decoration : none;
}
h2 {
font-size : 1.6em;
letter-spacing : -1px;
margin : -10px 0 0 30px;
color : #888;
}
h3 {
color : #555;
font-size : 1.4em;
margin : 0.5em 0 0 0;
}
h4 {
font-size : 1.2em;
font-weight : bold;
}
#sitetitle {
float : left;
height : 100px;
background : url("images/globe.gif") no-repeat;
width : 42%;
color : #333;
}
#sitetitle a {
color : #339933;
font-weight : normal;
}
#sitetitle a:hover {
color : #339933;
}
#menu {
height : 71px;
padding-top : 35px;
text-align : right;
}
#menu a {
margin : 0;
height : 100px;
padding : 35px 6px 41px 6px;
font-size : 1.6em;
font-weight : normal;
letter-spacing : -1px;
color : #888;
}
#menu a:hover {
color : #339933;
text-decoration : none;
background : url("images/menuhover.png") repeat-x #fff;
padding : 35px 5px 41px 5px;
border-left : 1px solid #eee;
border-right : 1px solid #eee;
}
#menu a.current {
color : #339933;
}
#menu a.current:hover {
color : #888;
padding : 35px 6px 41px 6px;
text-decoration : none;
background : none;
border : 0;
}
#content {
margin-top : 30px;
width : 100%;
clear : both;
background : url("images/globebottom.gif") bottom left no-repeat;
}
#content h2 {
margin : 0 0 10px 0;
color : #555;
border-bottom : 2px solid #abb;
}
#content h2 a {
color : #555;
font-weight : bold;
}
#content h2 a:hover {
color : #339933;
text-decoration : none;
background : none;
}
#content p {
margin : 0 0.5em 1.2em 0.5em;
}
#left {
width : 75%;
float : left;
line-height : 1.4em;
}
#right {
margin-left : 77%;
margin-top : -15px;
line-height : 1.4em;
}
#right h2 {
margin : 0 0 8px 0;
padding : 0;
font-size : 1.6em;
}
.important {
margin-right : 5px;
margin-left : 5px;
color : #f00;
font-weight : bold;
}
#footer {
clear : both;
padding : 10px 0 12px 24px;
text-align : center;
color : #777;
}
#footer a {
color : #339933;
font-weight : bold;
}
#footer h2 {
color : #aaa;
font-size : 2em;
letter-spacing : -1px;
margin : 0;
padding : 0;
border : 0;
}
#footer h2 a {
color : #aaa;
}
#footer p {
margin : 0;
padding : 0;
}
.entry {
margin : 0 0 20px 0;
border : #fff solid 2px;
background : url("images/entrybg.png") repeat-x #e6e6e6;
color : #333;
padding : 10px 10px 0 10px;
}
.entry a:hover, .intro a:hover {
text-decoration : none;
padding-bottom : 2px;
background : url("images/flash2.gif") bottom left repeat-x;
}
.link {
color : #339933;
background : url("images/linkarrow.gif") left no-repeat;
display : block;
margin : 4px 0 0 0;
padding : 2px 1em;
}
.link:hover {
color : #48b;
background : url("images/blinkarrow.gif") left no-repeat;
text-decoration : none;
}
.thumbs img {
padding : 3px;
margin : 0 2px 2px 0;
border : #fff solid 1px;
background-color : #ddd;
color : #555;
}
.thumbs img:hover {
background : url("images/flash.gif");
}
.entryphoto {
margin : 5px;
float : right;
padding : 3px;
border : #fff solid 1px;
background-color : #ddd;
color : #333;
}
.meta {
clear : both;
border-top : 2px solid #ccc;
padding : 5px 1px 0 0;
margin : 10px 0 0 0;
text-align : right;
font-size : 1em;
color : #567;
}
.pagenav {
color : #339933;
text-align : center;
}
.subcontainer {
display : block;
width : 98%;
}
.rightsub {
float : left;
width : 100%;
padding : 0;
}
.right {
text-align : right;
}
.center {
text-align : center;
}
.clear {
clear : both;
}
.hide {
display : none;
}
.important {
margin-right : 5px;
margin-left : 5px;
color : #f00;
font-weight : bold;
}