@charset "utf-8";
/* Welcome the magical world of CSS. Some would tell you not to take this code, but Goo are a progressive, 
   forward thinking bunch and they won't do that. Also they know you're just going to do it anyway. 
   Sorry that its all really quite messy and stuff, but we know our way around the place, thats good enough for us :)
   All this stuff was made by Goo in the great year of 2007.
 */

body {margin:0; padding:0; background: #1f2c2d; font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif; }

#holder { display: block; width:100%; background:#093d40 url(/img/bodybg.gif) repeat-x; clear:both; padding-bottom:50px; }
#footerholder {display: block; visibility: visible; background: #1f2c2d; border-top:5px #213536 solid; width: 100%; padding: 10px 0 2em 0;}
 #footer { position: relative; margin: 0 auto; width:800px; padding: 15px 17px 5px 18px; color:#fff; font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif; font-size:12px; line-height:18px;}
 #footer a {color:#546d6f;}

img {border:0;}
p{font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif; font-size:12px; line-height:18px;}
.date{font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif; color:#666666; font-size:10px;}

.clearBoth {clear:both; height:1px; border: none; visibility: hidden;}

#splash{margin-top:0px; background:url(/img/splash.jpg) no-repeat; height:180px; width:780px; border:10px solid #07d2d4;}

a {color:#029eb1;}
a:hover {color:#01daf4;}

#map {height:600px; width:800px; }

h2 {font-weight:bold; border-bottom:5px solid #00a8aa; color:#FFFFFF; text-decoration:none;font-size:12px; margin-top:10px; padding-bottom:5px; margin-bottom:10px;}
h2 a {color:#ffffff; text-decoration:none;}

h3 {font-size:18px; font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif; margin-bottom:5px; }
h3 a{text-decoration:none; border-bottom:1px dotted #999999; color:#000000; }
h3 a:hover{border-bottom:1px solid #00aeb0; background:#00b1b3; color:#000;}

h4 {color:#00a8aa; font-weight:bold; font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif; margin-bottom:5px; }

.form-element input {width:480px;}
.form-element textarea {width:480px;}
.form-label {width:200px; margin-top:10px; color:#00A8AA; font-weight:bold;}

.post-tumble .article-body a{text-decoration:none; color:#029eb1; border-bottom:1px dotted #999999; font-size:12px; line-height:18px;}

.article-body p {margin-bottom:15px;}

.post-tumble, .post-entry, .post-work{border-bottom:5px solid #00aeb0; margin-top:10px; background:#F9F7ED; padding:5px;}

.post-work {width:270px; overflow:hidden;}

.tumblelog-info{font-size:7pt; color:#444;}
.tumblelog-info a{text-decoration:none; color:#444; border-bottom:1px dotted #999999;}

.more-info a {text-decoration:none; color:#029eb1; border-bottom:1px dotted #999999; font-weight:bold;}

.comments {font-size:7pt; color:#444;}
.comments a {text-decoration:none; color:#029eb1; border-bottom:1px dotted #999999;}

#archive, #product-links {font-size:12px; line-height:18px; margin-top:20px; margin-bottom:20px; padding:5px; border-bottom:5px solid #00aeb0; background:#F9F7ED; clear:both; }

#product-links {margin-top:0px;}

#container {margin:0 auto; width:800px;}

#header {width:800px; height:200px;}
#menubar {color:#fff; font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif; font-size:12px; width:780px; text-align:justify; padding:20px 0px 0px 0px; height:25px; overflow:hidden;}
#menubar a {font-weight:bold; border-bottom:1px dotted #ffffff; color:#FFFFFF; text-decoration:none; }
#menubar a:hover {border-bottom:1px solid #33e9ff; background:#01daf4; color:#fff;}

#content {width:800px; margin-top:0px; position:relative;}
#content br{clear:both;}


#tumbles {float:right; width:280px;}
#entries {float:left; width:500px;}

#image-block img {width:800px;}