@charset "UTF-8";
/* CSS Document */

/* Colours
Dark Grey:#222222;
Red:#bb0000;
Dark Red:#661122;
Light Red:#882639;
cream:#fbc9b0;
darker cream:#eeaa88;
Green:#3e4b3e;
light Green:#667766;
*/

* {
padding:0;
margin:0;
outline:none;
}

a:link {
color:#667766;
text-decoration:underline;
}

a:visited {
color:#667766;
text-decoration:line-through;
}

a:active {
color:#bb0000;
text-decoration:underline;
}

a:hover {
color:#3e4b3e;
text-decoration:underline;
}

img {
	border:none;
}


#content img {
border:none;
background-color:#667766;
padding:3px;
text-decoration:none;
}

#content a img {
border:none;
background-color:#667766;
padding:3px;
text-decoration:none;
}

#content a img:hover {
border:none;
background-color:#eeaa88;
padding:3px;
}


#content a span:hover {
	opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	padding:0px;
}

#content a span {
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}


#ZoomImage {
border: 4px solid #667766;
width:100%;
height:100%;
}

.left {
float:left;
margin-right:10px;
margin-top:7px;
border:none;
background-color:#667766;
padding:3px;
}

.right {
float:right;
margin-left:10px;
margin-top:7px;
border:none;
background-color:#667766;
padding:3px;
}

body {
margin: 0;
padding: 0;
font-size:1.2em;
line-height: 1.5em;
font-family:Helvetica, Arial, sans-serif;
background-color:#222222;
background-image:url(../images/backdrop-2.gif);
background-repeat:repeat;
color:#fbc9b0;
}

#topline {
background-image:url(../images/grass-top.gif);
background-repeat:repeat-x;
height:41px;
}

#contact {
position:absolute;
top:0px;
right:0px;
z-index:10;
}

#contact a {
background-image:url(../images/follow_twitter.png);
background-repeat:no-repeat;
height:200px;
width:216px;
display:block;
}

#contact a:hover {
cursor:pointer;
}

#contact span {
display:none;
}

#header {
float:left;
width:100%;
}

#header a {
background-image:url(../images/logo.png);
background-repeat:no-repeat;
background-position:left;
height:159px;
width:400px;
display:block;
margin-left:30px;
}

#header a:hover {
background-position:right;
}

#header span {
display:none;
}

#sidebar {
float:left;
clear:left;
width:200px;
margin-left:30px;
margin-top:20px;
}

#sidebar h2 {
color:#bb0000;
font-size:1.1em;
}

#sidebar ol {
list-style:none;
padding-bottom:1em;
}

.list {
clear:left;
list-style:none;
font-size:0.8em;
line-height:1.3em;
}

#versionslist li a {
font-size: 0.9em;
color: #eeaa88;
}

#sidebar a {
margin-left:0px;
font-size:0.8em;
color:#fbc9b0;
text-decoration:none;
}

#sidebar a:visited {
text-decoration:line-through;
}

#sidebar a:hover {
text-decoration:underline;
}

#nav {
float:left;
margin-left:30px;
margin-top:10px;
width:200px;
text-align:center;
list-style:none;
}

#nav li {
margin-left:30px;
}

#nav li a {
font-size:1.1em;
color:#fbc9b0;
text-decoration:none;
background-image:url(../images/links_hover.png);
background-position:left;
width:98px;
height:44px;
display:block;
}

#nav li a:hover {
color:#bb0000;
background-position:right;
font-size:1.1em;
}

#nav li.selected a {
color:#bb0000;
background-image:url(../images/links_hover.png);
background-position:right;
width:98px;
height:44px;
display:block;
}

#nav li a span {
float:left;
margin-top:10px;
margin-left:37px;
font-size:1.1em;
}

#container {
	width:1000px;
	padding:0px;
	margin:0px;
}

#content {
float:right;
margin-top:20px;
width:500px;
color:#fbc9b0;
font-size:0.8em;
}

#content h2 {
color:#bb0000;
font-size:2.5em;
padding-bottom:30px;
}

#content h3 {
color:#bb0000;
font-size:1.5em;
padding-bottom:15px;
line-height:1.1em;
padding-top:15px;
}

#content h4 {
color:#bb0000;
font-size:1.1em;
padding-bottom:10px;
}

#content h5 {
color:#667766;
font-size:1em;
}

/*
.leftbracket {
color:#fbc9b0;
font-weight:100;
font-size:6em;
float:left;
margin-left:-35px;
}
*/

.leftbracket {
float:left;
margin-left:-35px;
background-image:url(../images/ie-bracket.png);
height:89px;
width:35px;
display:block;
margin-top:-35px;
}

p {
font-size:0.9em;
padding-top:5px;
padding-bottom:20px;
}

blockquote {
font-family:Georgia, "Times New Roman", Times, serif;
background-image:url(../images/quote.gif);
background-repeat:no-repeat;
background-position:top left;
color:#222222;
padding:15px;
background-color:#3e4b3e;
font-size:1.1em;
font-style:italic;
margin-bottom:0px;
text-align:left;
border:2px solid #fbc9b0;
font-weight:bold;
}

#content blockquote p {
padding: 0;
width: 450px;
text-align: left;
}

blockquote p:first-letter {
	margin-left:35px;
}

.source {
	text-align:right;
}

blockquote p a:link {
	color:#222222;
	border-bottom:2px dotted;
	text-decoration:none;
}

blockquote p a:hover {
	color:#222222;
	border-bottom:2px solid;
	text-decoration:none;
}

.image {
margin-top:5px;
}

#footertop {
clear:both;
float:left;
background-image:url(../images/footer.gif);
background-repeat:repeat-x;
height:154px;
width:100%;
}

#footer {
clear:both;
background-color:#3e4b3e;
width:100%;
position:relative;
}

/* Gorilla and Birds */

#gorilla {
clear:both;
position:absolute;
z-index:2;
bottom:0px;
left:0px;
}

#gorilla a {
position:relative;
top:30px;
background-image:url(../images/gorilla.gif);
background-position:left;
background-repeat:no-repeat;
width:257px;
height:287px;
display:block;
}

#gorilla a:hover {
background-position:right;
}

#gorilla a span {
display:none;
}

#birds {
width:274px;
height:189px;
background-image:url(../images/birds.png);
background-repeat:no-repeat;
float:right;
}

/*
#tiger {
background-image:url(../images/tiger.gif);
background-repeat:no-repeat;
height:270px;
width:257px;
position:absolute;
bottom:-30px;
right:0px;
}
*/

/* Tumblr */

#tumblr {
background-color:#3e4b3e;
width:100%;
font-size:0.8em;
color:#222222;
}

#tumblrtitle {
margin-left:322px;
margin-top:20px;
font-size:1.8em;
}

.tumblr_posts {
list-style:none;
margin-left:322px;
width:650px;
padding-bottom:10px;
}

.tumblr_quote {
padding-left:10px;
color:#222222;
margin-left:30px;
border-left: 2px solid #fbc9b0;
font-size:0.9em;
font-style:italic;
line-height:1.1em;
}

.tumblr_source {
font-size:0.8em;
margin-left:40px;
border-left: 2px solid #661122;
margin-bottom:10px;
padding-left:3px;
}

.tumblr_description {
padding-left:10px;
color:#222222;
margin-left:30px;
border-left: 2px solid #fbc9b0;
line-height:1.3em;
font-size:0.9em;
}

.tumblr_description h2, .tumblr_description h3, .tumblr_description h4, .tumblr_description h5 {
line-height:1em;
font-size:1.5em;
}

.tumblr_posts li {
margin-top:10px;
margin-bottom:10px;
}

.tumblr_posts li a {
text-decoration:none;
color:#fbc9b0;
padding:2px;
}

.tumblr_posts li a:hover {
background-color:#222222;
padding:2px;
}

.tumblr_posts img {
width:300px;
height:auto;
margin-left:30px;
background-color:#3e4b3e;
}

.tumblr_caption {
margin-left:30px;
color:#fbc9b0;
font-size:0.9em;
margin-top:-10px;
font-style:italic;
}

.tumblr_caption p {
padding-bottom:5px;
}

/* Flickr */

.flickr_badge_image {
float:left;
padding:2px;
margin:0px;
border:none;
background:none;
height:75px;
}

#sidebar img {
border:none;
background:none;
}

.end {
background-color:#3e4b3e;
clear:both;
width:100%;
height:30px;
margin-top:0px;
}

/* delicious */

.delicious-post {
margin-left:0px;
} 

.delicious-even {
}

.delicious-odd {
}

#content .curved img {
	display:none;
}

.curved {
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(../border-radius.htc);
margin-bottom:10px;
display:block; 
color:#222222;
}

.curved a {
background-color:#666666;
padding:2px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(../border-radius.htc);
margin-bottom:10px;
display:block; 
color:#222222
}

.curved a:hover {
}

#copy {
text-align:center;
font-size:0.5em;
}

ul {
padding-left:30px;
color:#667766;
padding-bottom:20px;
}

strong {
font-size:1.3em;
}

p.first:first-letter {
	padding:0.1em;
	line-height:0.7em;
	color:#222222;
	font-size:5.8em;
	float:left;
	margin-right:0.1em;
	margin-bottom:0.1em;
	background:transparent url(../images/typobkg.gif) repeat center center;
	border:1px solid #667766;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
em, strong {
	color:#eeaa88;
}

.sub {
font-size: 0.8em;
color: #eeaa88;
}

#sidebar .sub a {
color: #eeaa88;
text-decoration: none;
}

#sidebar .sub a:hover {
text-decoration: underline;
}

.top a {
float:right;
margin-right:5px;
color:#667766;
text-decoration:none;
margin-top:-24px;
font-size: 0.8em;
}

.top a:hover {
color:#3e4b3e;
}

/* Twitter */

#twitter_wrap {
background-image: url(../images/twit_box.gif);
height: 131px;
width: 264px;
z-index: 5;
position: absolute;
right:70px;
top:40px;
}

#twitter_div {
}

#twitter_update_list {
font-size: 0.7em;
color: #222222;
width: 180px;
list-style: none;
line-height: 1.2em;
margin-left: -15px;
padding-top: 15px;
}

#twitter_update_list li a {
color: #222222;
text-decoration: none;
font-weight: bold;
}

#twitter_update_list li a:hover {
text-decoration: underline;
}