/*************************************** 
Theme Name: Chamelle Grunge Hand-drawn Sketch
Theme URI: http://www.chamelledesigns.com/
Description: Chamelle Design & Photography
Version: 2.0  (c) 2009.

Author: Livia Cheng

Handcoded from scratch. Look ma - no Dreamweaver!
Creating this theme was tricky but fun. This is my second Wordpress theme.
I was trying to get it to look awesome in all resolution sizes (and having LOTS of fun with CSS)!

Feel free to steal my code but I warn you it's not that great and you should really learn how to write your own.

*****************************************/

html { -webkit-text-size-adjust: none; }
html, body { margin: 0; padding: 0; }

body {
	background: #f0e8c6 url(images/bg-taupe-whitewaves.png) repeat-x top center;
/* http://www.brownbatterystudios.com/sixthings/2007/03/14/lucida-hybrid-the-grande-alternative/ */
	font-family: Rockwell, "Bookman Old Style", "American Typewriter", Georgia, Lucida, "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 160%;
}

@font-face {
  font-family: "Love Ya Like A Sister";
  src: url(http://chamelledesigns.com/fonts/LoveYaLikeASister.ttf) format("truetype");
}


/******************* elements *******************/

h1,h2,h3 {
	font-weight: normal;
	letter-spacing: 0.1em;
	margin: 0; padding: 0; 
}

h1 { font-size: 20px; margin: 3px 0 9px 0; }
h2 { font-size: 18px; argin: 0 0 7px 0; }
h3 { font-size: 15px; margin: 0 0 5px 0; }
	
a:link { text-decoration: none; }
a:visited { text-decoration: none; }

img, a img { border: none; }

strong { font-weight: bold; }

strong, em, b, i {
	font-family: Rockwell, "Bookman Old Style", Georgia, "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}



/******************* HEADER *******************/

#header { 
	width: 100%; /* 960px */
	height: 390px;
	background: transparent url(images/header.png) no-repeat top center;
	margin: 0; padding: 0; 
}

/* for twitter box in header / bottom(blog) / footer */
#header-centering, #bottom-centering, #footer-centering {  
	/* min-height: 100%; */
	text-align: left;
	width: 960px;
	position: relative;
	margin: 0 auto; padding: 0;
}

#bottom-centering { padding: 0 0 30px 0; }

/* ---------------- NAVIGATION ----------------- */

#navigation {
	width: 960px; height: 110px;
	margin: 0 auto; padding: 0;   
}

#navig a {
	text-decoration: none;
	display: block;
	height: 100%;
}

* html #navig a { width: 100%; }

#navig {
	list-style-type: none;
	width: 960px; height: 94px;
	float: left;
	margin: 0; padding: 0; 
}

#navig li#home {
	float: left;
	width: 119px; height: 94px;
	margin: 0; padding: 0;
}
#navig li#home a {
	background: transparent url(images/navig/home.png) no-repeat 0 -44px;
}
#navig li#home a:hover {
	background:transparent url(images/navig/home.png) no-repeat;
	
}

#navig li#about {
	float:left;
	width: 115px; height: 94px;
	margin: 0; padding: 0;
}
#navig li#about a{
	background: transparent url(images/navig/about.png) no-repeat 0 -40px;
}
#navig li#about a:hover {
	background: transparent url(images/navig/about.png) no-repeat;
}

#navig li#shop {
	float: left;
	width: 115px; height: 86px;
	margin: 0; padding: 0;
}
#navig li#shop a {
	background: transparent url(images/navig/shop.png) no-repeat 0 -35px;
}
#navig li#shop a:hover {
	background: transparent url(images/navig/shop.png) no-repeat;
}

#navig li#freebies {
	float:left;
	width: 118px; height: 94px;
	margin: 0; padding: 0;
}
#navig li#freebies a{
	background: transparent url(images/navig/freebies.png) no-repeat 0 -40px;
}
#navig li#freebies a:hover {
	background: transparent url(images/navig/freebies.png) no-repeat;
}

#navig li#contact {
	float: left;
	width: 122px; height: 91px;
	margin: 0; padding: 0;
}
#navig li#contact a {
	background: transparent url(images/navig/contact.png) no-repeat 0 -43px;
}
#navig li#contact a:hover {
	background: transparent url(images/navig/contact.png) no-repeat;
}

#navig li#search {
	float: left;
	height: 64px;
	width: 351px;
	background:url(images/navig/search.png) no-repeat 0 -10px;
	margin: 0; padding: 0;
}

#search-box { 
	width: 190px;  height: 36px;
	position: relative;
	bottom: 38px; left: 715px;
/* IE6 hack */
	_bottom: 58px; _left: 700px;
}

form { width:160px; height: 36px; margin: 0 0 0 25px;  }
	
#search-box input.keyword { 
	background: none;  
	width: 120px; 
	position: relative; 
	bottom: 39px; right: 15px; 
	border: 1px solid white;
	padding: 0; margin: 0;  
} 

/* #search-box input#submit {
    border: none;
    background: transparent url(images/navig/go.png) no-repeat 0 0;
    margin: 0; padding: 0; 
    width: 25px; height: 35px; 
    position: relative; 
	bottom: 40px; left: 3px; 
}

#search-box input#submit:hover {
    border: none;
    background: transparent url(images/navig/go2.png) no-repeat 0 0;
    padding: 0; margin: 0;
    width: 25px; height: 35px; 
    position: relative; 
	bottom: 40px; left: 3px; 
}
*/

#twitter-box { 
	color: #000;
	width: 163px; height: 110px;
	margin: 37px 0 0 598px; padding: 0; 
/* IE6 hack */
	_margin: 0 0 0 598px;
	_position: relative;
	_bottom: 18px;
}

#twitter-box a { color: #004F4D; }
#twitter-box a:hover { color: #FF838C; }


/********** RSS ICONS *********/


/* #blog-rss a {
	text-decoration: none;
	display: block;
	height: 100%;
}

* html #blog-rss a { width: 100%; }

#blog-rss { 
	list-style-type: none;
	width: 200px; height: 410px; 
	float: left;
	margin: 0; padding: 0;
}

#blog-rss li#rss { 
	float: left;
	width: 88px;  height: 98px; 
	margin: 0; 
}
#blog-rss li#rss a {
	background:url(images/navig/rss-icon.png) no-repeat;
}
#blog-rss li#rss a:hover {
	background: url(images/navig/rss-icon2.png) no-repeat;
}

#blog-rss li#rss-email {
	float:left;
	width:114px; height:98px;
	margin: 0;
}
#blog-rss li#rss-email a{
	background: url(images/navig/rss-email-icon.png) no-repeat;
}
#blog-rss li#rss-email a:hover {
	background: url(images/navig/rss-email-icon2.png) no-repeat;
}

#blog-rss li#email {
	float: left;
	width: 96px; height: 98px;  
	margin: 0;   
}
#blog-rss li#email a {
	background:url(images/navig/email-icon.png) no-repeat;
}
#blog-rss li#email a:hover {
	background:url(images/navig/email-icon2.png) no-repeat;
}

#blog-rss li#twitter {
	float: left;
	width: 138px; height: 109px;  
	margin: 0;  
}
#blog-rss li#twitter a {
	background:url(images/navig/twitter.png) no-repeat;
}
#blog-rss li#twitter a:hover {
	background:url(images/navig/twitter2.png) no-repeat;
}

*/

/****** LEFT SIDEBAR *******/

#left-sidebar { 
	width: 225px; 
/* IE6 hack */
	_width: 200px;
	float: left;
	margin: 20px 0 0 0; padding: 0 13px 15px 0;
	/* background: transparent url(images/blogtop-papertexture.png) no-repeat 0 0; */
	border-right: 1px solid #eee;	
	color: #004F4D;
	line-height: 160%;
	font-size: 11px;
	text-transform: lowercase;
}

#left-sidebar-shop { 
	width: 225px; 
/* IE6 hack */
	_width: 200px;
	float: left;
	margin: 49px 0 0 0; padding: 0 13px 15px 0;
	/* background: transparent url(images/blogtop-papertexture.png) no-repeat 0 0; */
	border-right: 1px solid #eee;	
	color: #004F4D;
	line-height: 160%;
	font-size: 13px;
	text-transform: lowercase;
}

#left-sidebar-shop h2 { color: #00B7A9; }

#left-sidebar-shop ul { margin: 9px 0 0 7px; padding: 0; }

#left-sidebar-shop li { list-style-image: url(images/bullet-pinkstar.gif); list-style-position: inside; margin: 0; padding: 5px 0; border-bottom: 1px dashed #eee; }
#left-sidebar-shop li a { color: #004F4D; }
#left-sidebar-shop li a:visited { color: #00B7A9; }
#left-sidebar-shop li a:hover { color: #FF2961; background-color: #F7F2DF; }

#left-sidebar h2 { color: #00B7A9; margin: 0 2px 11px 0; /* IE6 hack */ _margin: 0 0 11px 0; padding: 0; text-transform: lowercase; text-align: center; }

#left-sidebar a { color: #004F4D; background-color: #F7F2DF; }
#left-sidebar a:hover { color: #FF2961; background: #fff; }

#timing { margin: 8px 0 0 0; padding: 0 0 10px 23px; }

/* calendar */
.calendar { /* mac border:1px solid #ccc; padding: 10px 20px; windows padding: 10px 20px 10px 10px;*/
	border: 1px dashed #222; padding: 10px 20px; 
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    behavior:url(border-radius.htc);
	width: 117px;
	margin: 0 0 13px 30px; padding: 10px 20px 10px 15px;
/* ie 7 margin: 0 0 10px 40px; */
/* IE6 hack */
	_margin: 0 0 20px 26px;
	font-family: Georgia, serif;
	text-align: center; 
}

.archives { margin: 0 0 10px 0; padding: 0; }
.archives-centering { margin:0; padding: 0 0 0 41px; }
.archives-centering option { color: #699; }

/* about me section */
.about-me { margin: 0 0 15px 0; padding: 0; align:center; }
.about-me-photo { 
	width: 182px; height: 144px; 
	margin: 0 0 0 23px; padding: 0;
/* IE6 hack */
	_margin: 0 0 0 11px;
	background: #fff url(images/me-cutout.png) no-repeat top center; 
}

/****** BLOG Details *******/

/* entire blog section before footer starts. repeating bg */

#bottom {
	/* background: transparent url(images/blog-bg.png) repeat-y top center; */
	background: #fff;
	margin: 0; padding: 0;
 	width: 100%; 
 	align: center;

}

/* blog bg top */
#blog-part {
	width: 480px;
/* IE6 hack */
	_width: 450px;
	float: left;
	margin:0; padding: 0;
	/* background: transparent url(images/blogtop-papertexture.png) no-repeat -240px 0; */
}

/* entire blog post section inc date */
.blogpost, .blogpost-shop {  
	width: 450px; 
	font-size: 12px;
	line-height: 160%;
	color: #365150; 
	text-align: left;
	margin: 0; padding: 15px 15px 0 15px;
	background: transparent; 
}

.blogpost-shop { margin: 0; padding: 0 15px 0 15px; }

/*
taupe (bg): #F0E8C6
light taupe (text link bg highlight): #F7F2DF
bright teal: #00B7A9
dark teal: #004F4D
hot pink #FF2961
dark grey: #222222

light aqua: #d3f0e8
medium aqua: #8BD1C7
dark aqua: #669999
navy blue: #00192b
light pink: #FFF1E6
medium pink: #FFCDC5
dark pink: #FF838C
dark brown: #602F0F
medium brown: #A67C52

camel yellow: #F9CF85
taupe: #F4ECCF
shark steel grey: #B1C0C9
shark underbelly nude pink: #F5E0CD
pale greenish grey: #F6F4E8
*/

.blogpost p { margin: 2px 0 15px 0; padding: 0; }
.number-of-comments a, .number-of-comments a:visited { color: #000; }
.blogpost p a, .blogpost p a:visited, .blogentry li a, .blogentry li a:visited { color: #000; background: #d3f0e8; }
.blogpost p a:hover, .number-of-comments a:hover, .blogentry li a:hover { color: #FF2961; background: #fff; }
.blogposttitle h2, .blogposttitle-single h2 { margin: 0 0 9px 0; padding: 0; }
.blogposttitle h2 a, .blogposttitle-single h2 a { color: #FF2961; background: #fff; }
.blogposttitle h2 a:visited, .blogposttitle-single h2 a:visited { color: #FF838C; background: #fff; }
.blogposttitle h2 a:hover, .blogposttitle-single h2 a:hover { color: #FF2961; background: #d3f0e8; }
.blogentry a img { border: 5px solid #d3f0e8; }
.blogentry a:hover img { border: 5px solid #FFF1E6; }

/* get rid of hover on img */
#blog-part a img, #blog-part a:hover img {
	background-color: #fff;
	text-decoration: none;
}

.blogtitle { 
	width: 455px; 
	float: left;
	margin: 8px 0; padding: 0;
	font-size: 15px;
	line-height: 170%;
	color: #FF838C; 
	text-align: left;
	text-transform: lowercase; 
}

#chamelle-title {
	color: #222; margin: 8px 0; 
	font-size: 14px;
	letter-spacing: 0.1em;
	margin: 0 0 10px 0; padding: 5px 0 6px 0;
	border-bottom: 1px dashed #222; 
	text-transform: uppercase;
}

.blogposttitle, .blogposttitle-single { 
	width: 354px; 
	float: left;
	margin: 10px 0 0 0; padding: 0;
	font-family: "Love Ya Like A Sister", Rockwell, Georgia, Courier, "Courier New", monospace;
	line-height: 180%;
	color: #FF838C; 
	text-transform: lowercase;
	text-align: left;
	
}

/* .blogposttitle:first-letter { font-style:italic; font-size: 120%; font-family: Georgia, "Bookman Old Style", serif; } */

/* for single.php only bc no speech bubble on right */
.blogposttitle-single { width: 425px; }

.number-of-comments-bubble { 
	width: 95px; height: 52px;
	float: left;
	margin: 0; padding: 0;
	background: transparent url(images/speechbubble.png) no-repeat bottom right;
}

.number-of-comments { 
	width: 24px; height: 20px;
	position: relative;
	top: 9px; left: 56px;
	font-size: 15px;
	text-align: center;	 
}
	
.tags {
	font-size: 11px;
	line-height: 145%;
	color: #365150;
	text-transform: lowercase;
	margin: 0 0 8px 0; padding: 0;
}

.blogentry {   
	font-family: Rockwell, "Bookman Old Style", "American Typewriter", Georgia, Lucida, "Lucida Grande", "Lucida sans unicode", sans-serif;
	width: 450px; 
	margin: 0 0 30px 0; padding: 10px 0 0 0; 
	color: #222;
	font-size: 12px;
	line-height: 160%;
}

.blogentry h2 { padding: 0 0 7px 0; }

.blogentry img { margin: 0; padding: 0; }

/* smileys */
.blogentry img.wp-smiley { margin: 0; padding: 0; }
wp-smiley
	
.more-link { 
	width: 87px; height:18px; float: right;
	margin:5px 0 20px 0; padding: 0; 
	background: transparent url(images/more.png) no-repeat; 
}

.more-link a { border:1px solid black;
	width: 87px; height:18px; 
	margin:5px 0 0 0; padding: 0; 
	background: transparent url(images/more.png) no-repeat; 
}

.more-link a:hover {
	width: 87px; height:18px; 
	margin:5px 0 0 0; padding: 0; 
	background: transparent url(images/more2.png) no-repeat; 
}

.posted-by, #copyright-block {
	font-size: 10px;
	line-height: 145%;
	color: #365150;
	margin: 10px 0 20px 0; padding: 7px 0;
	border-top: 1px dashed #222;
	border-bottom: 1px dashed #222; 
	text-transform: uppercase;
}

#copyright-block { text-align: center; }

.posted-by a { color: #365150; background: #E1EFEB; }
.posted-by a:visited { color: #365150; background: #E1EFEB; }
.posted-by a:hover { color: #FF2961; background: #fff; }

hr {
	width: 429px; height: 44px;
	margin: 12px 0 20px 30px; padding: 0;
	border: none;
	background: transparent url() no-repeat; 
}

.blognavig {
	width: 500px; 
	margin: 0 0 20px 110px; padding: 0;
}

/**** comes after blog entry but before comments ******/

.after-blogpost-box {
	width: 425px;
	border: 4px dashed #FF838C;
	-moz-border-radius:15px;
    -webkit-border-radius:15px;
    behavior:url(border-radius.htc);
	margin: 10px 0 0 0; padding: 7px 9px 6px 11px;
}

.after-blogpost-box a { color: #000; }
.after-blogpost-box a:visited { color: #000;}
.after-blogpost-box a:hover { color: #FF838C; }

.after-blogpost-box ul {
	margin: 0; padding: 0;
}
.after-blogpost-box li {
	margin: 0; padding: 3px 0 0 0;
	list-style-type: none;
	border-bottom: 1px dashed #8BD1C7;
}

.left-box { 
	width: 145px; float: left;
	margin: 0 0 10px 0; padding: 10px;
}	

.right-box { 
	width: 240px; float: left;
	margin: 0 0 10px 0; padding: 10px;
}	

li.twitter { border:1px solid black;
background: url(images/icons/twitter.png) no-repeat top left;
}

.view-posts, .nav-pages { width: 400px; margin: 25px 0 0 27px; padding: 0; align: center; text-align: center; }

.nav-pages { margin: 10px 0 25px 27px; }
.nav-pages a { color: #004F4D; }
.nav-pages a:hover { color: #FF2961; background-color: #F7F2DF; }

/* page numbers css appears in ...wp-content/plugins/wp-page-numbers/tiny/wp-page-numbers/css */

/********** RIGHT SIDEBAR (sidebar.php) **************/

#blogcol2 { 
	width: 225px;  
/* IE6 hack */
	_width: 200px;
	float: left;
	margin: 20px 0 0 0; padding: 0 0 15px 13px;
/* IE6 hack */
	_padding: 0;
	color: #333;
	line-height: 160%; 
	/* background: transparent url(images/blogtop-papertexture.png) no-repeat -714px 0; */
	border-left: 1px solid #eee;	
}

#blogcol2 h2, #blogcol2 h2.twitter-title { 
	width: 100%;
	margin: 0; padding: 0;
	font-family: Rockwell, "Bookman Old Style", Georgia, Courier, "Courier New", monospace;
	text-align: center;
	color: #00B7A9;
	text-transform: lowercase;
/* IE6 hack */ _padding: 0 0 0 11px;
}

.divider, .divider2 {
	width: 184px; height: 15px;
	background: url(images/sidebar-divider.png) no-repeat;
	margin: 15px 0 17px 18px;
	padding: 0; 	
}

.divider2 { margin: 20px 0 17px 132px; }

.subscribe-form { 
	width: 150px;
	/* margin: 0 0 18px 0; padding: 0; */
	margin: 0 0 18px 18px; padding: 0 30px 0 0; 
	color: #699;
	font-family:Rockwell, "Bookman Old Style", Georgia, Lucida, "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	align: center; text-align: center;
}

.fish { 
	width: 80px; height: 115px;
	background: url(images/fish.png) no-repeat;
	margin: 50px 0 45px 76px;
	padding: 0; 	
}

.twitter-title a {
	color: #00B7A9; text-decoration:none;
}
.twitter-title a:hover {
	color: #FF2961; background: #F0E8C6;
}

.twitter-counter {
	width: 95px;
	padding: 10px 0 10px 66px;
	margin: 0;
}

/* RSS icon hover effect */
#blog-rss a { 
	text-decoration: none;
	display: block;
	height: 100%;
}

* html #blog-rss a { width: 100%; }

#blog-rss {
	list-style-type: none;
	width: 80px; height: 75px; 
	margin: 8px 0 14px 72px; padding: 0;
}

#blog-rss li#rss { 
	width: 80px;  height: 75px; 
	margin: 0; padding: 0;
}
#blog-rss a, #blog-rss a:visited {
	background:url(images/rss-pink-blue.png) no-repeat;
	/* border:1px dashed #222; */
}
#blog-rss a:hover {
	background: url(images/rss-pink-blue.png) no-repeat 0 -75px;
	/* border: 1px solid #004F4D; */
}


/* RSS subscribe by email form */
#blogcol2 form { width: 190px; height: 90px; margin:0 0 0 12px;padding:0; text-align:center; } 

.adsense {
	width: 200px; height: 200px;
	margin: 0 0 10px 8px; padding: 0; 
}
	

/* sites icons */
#sites a {
	text-decoration: none;
	display: block;
	height: 100%;
}

* html #sites a { width: 100%; }

#sites { 
	list-style-type: none;
	width: 150px; height: 360px;
	margin: 10px 0 10px 34px; padding: 0; }

#sites li#twitter {
	float:left;
	width: 150px; height: 47px;
	margin: 0 0 4px 0; padding: 0;
}
#sites li#twitter a{
	background: transparent url(images/logos/twitter.png) no-repeat;
}
#sites li#twitter a:hover {
	background: transparent url(images/logos/twitter.png) no-repeat 0 -49px;
}

#sites li#etsy {
	float:left;
	width: 150px; height: 47px;
	margin: 0 0 4px 0; padding: 0;
}
#sites li#etsy a{
	background: transparent url(images/logos/etsy.png) no-repeat;
}
#sites li#etsy a:hover {
	background: transparent url(images/logos/etsy.png) no-repeat 0 -49px;
}

#sites li#minted {
	float: left;
	width: 150px; height: 47px;
	margin: 0 0 4px 0; padding: 0;
}
#sites li#minted a {
	background: transparent url(images/logos/minted.png) no-repeat;
}
#sites li#minted a:hover {
	background: transparent url(images/logos/minted.png) no-repeat 0 -49px;
}

#sites li#flickr {
	float:left;
	width: 150px; height: 47px;
	margin: 0 0 4px 0; padding: 0;
}
#sites li#flickr a{
	background: transparent url(images/logos/flickr.png) no-repeat;
}
#sites li#flickr a:hover {
	background: transparent url(images/logos/flickr.png) no-repeat 0 -49px;
}

#sites li#youtube {
	float: left;
	width: 150px; height: 47px;
	margin: 0 0 4px 0; padding: 0;
}
#sites li#youtube a {
	background: transparent url(images/logos/youtube.png) no-repeat;
}
#sites li#youtube a:hover {
	background: transparent url(images/logos/youtube.png) no-repeat 0 -49px;
}

#sites li#nakedangry {
	float: left;
	width: 150px; height: 47px;
	margin: 0 0 4px 0; padding: 0;
}
#sites li#nakedangry a {
	background: transparent url(images/logos/nakedangry.png) no-repeat;
}
#sites li#nakedangry a:hover {
	background: transparent url(images/logos/nakedangry.png) no-repeat 0 -49px;
}

#sites li#devart {
	float: left;
	width: 150px; height: 47px;
	margin: 0 0 4px 0; padding: 0;
}
#sites li#devart a {
	background: transparent url(images/logos/deviantart.png) no-repeat;
}
#sites li#devart a:hover {
	background: transparent url(images/logos/deviantart.png) no-repeat 0 -49px;
}

#sites li#redbubble {
	float: left;
	width: 150px; height: 47px;
	margin: 0 0 4px 0; padding: 0;
}
#sites li#redbubble a {
	background: transparent url(images/logos/redbubble.png) no-repeat;
}
#sites li#redbubble a:hover {
	background: transparent url(images/logos/redbubble.png) no-repeat 0 -49px;
}

.flickr { width: 450px; width: 176px; height: 329px; height: 165px;  padding: 10px 0 15px 0; margin: 0 0 0 15px;  margin: 0 0 8px 26px; /* border-bottom: 1px dashed #222; */ }

h2.flickr { color: #004F4D; }

.flickr ul { margin: 0; padding: 0; }

.flickr img { border: 3px solid #004F4D; margin:2px; }

.flickr a img { border: 3px solid #004F4D; margin:2px; }

.flickr a:hover img { border: 3px solid #FF2961; margin:2px; }

/* blogroll */
#blogcol2 .blogroll { list-style-type: none; }
#blogcol2 .blogroll li { list-style-type: none; margin: 0 0 3px 0;  padding: 2px 0; border-bottom: 1px dashed #eee; }
#blogcol2 li.linkcat a { color: #004F4D; }
#blogcol2 li.linkcat a:hover { color: #FF2961; background-color: #F7F2DF; }

/********** FOOTER **************/

#footer /* background */ { 
	background: #000 url(images/bg-footer-seabed2.jpg) repeat-x top center;
	width: 100%; height: 1020px;
	margin: 0; padding: 0; 	
	text-align: left;
	font-family: Rockwell, "Bookman Old Style", Georgia, Courier, "Courier New", monospace;
	font-size: 12px;
	line-height: 160%;
	text-transform: lowercase;
}

#footer-image { 
	width: 960px; height: 387px;
	margin: 0; padding: 0; 
	background: transparent url(images/footer-camel.png) no-repeat;
	background: transparent url(images/footer-sharkeat.png) no-repeat;
}

#footer-columns { 
	width: 960px; height: 250px;
	margin: 10px 0 0 0; padding: 0;
}

.footer-col { 
	width: 230px;
	float: left;
	margin: 0; padding: 5px;
	color: #fff;
}

#footer a { color: #fff; }
#footer a:visited { color: #d3f0e8; }
#footer a:hover { color: #FF2961; }

.footer-col h2 { color: #F0E8C6; margin: 0 4px 10px 0; padding: 0; text-transform: lowercase; text-align: center; }

/* position: outside turns off the stupid indentation in IE */
#footer ul, .popular-posts li, .popular-posts ul { margin: 0; padding: 0; list-style-position: outside; }

#footer li { list-style-type: none; margin: 0; padding:3px 0 5px 0; border-bottom: 1px dashed #005B56; }
#footer li.linkcat { list-style-type: none; border: none; }

.tags {}

/* turn off list bullet in front of 'Blogroll' title */
.blogroll .linkcat { list-style-type: none; }
li.linkcat { list-style-type: none; }

ul#commenting { color: #FFCDC5; }

ul#twitter_update_list a { color: #FFCDC5; }	
ul#twitter_update_list a:visited { color: #FFCDC5; }

#mermaid { width: 255px; height: 304px;
	margin: 0 0 0 0; padding: 0 0 0 0;
	float: left;
	background: transparent url(images/boticelli.png) no-repeat;
}

#right-of-mermaid { width: 960px; margin: 0; padding: 0; }

#sea-creatures {
	width: 464px; height: 227px;
	position: relative; left: 330px;
	background: transparent url(images/sea-creatures.png) no-repeat;
	margin: 0; padding: 0;
}

#fish-coral {
	width: 284px; height: 142px;
	position: relative; left: 315px; top: 21px;
	background: transparent url(images/fish-coral.png) no-repeat;
	margin: 0; padding: 0;
}

#footer-navig { 
	width: 960px; 
	margin: 45px 0 0 0; padding: 9px 0;
	font-size: 11px;
	text-transform: uppercase; 
	border-top: 1px dashed #222;
	border-bottom: 1px dashed #222;
} 

#footer-navig a { color: #f0e8c6; }
#footer-navig a:visited { color: #f0e8c6; }
#footer-navig a:hover { color: #FF2961;  }

#footer-navig-title {
	color: #CDEEE5; 
	text-transform: lowercase; 
	text-align: left; 
	font-size: 18px; 
	font-family: Rockwell, "Bookman Old Style", Georgia, Courier, "Courier New", monospace; margin: 0; padding:0; float: left; 
}

#footer-backtotop { margin: 0 0 0 20px; /* for lowercase 0 0 0 226px; */ padding: 0; display: inline; }

/********** COMMENTS AREA **************/
/* comments.php styling */	
.authcomment {
	background: #000;
}

.comments-template-bg { background: #FFF1E6; margin: 0; padding: 15px 0 0 0; text-align: center; color: #000; }

/* centering */
.comments-template { 
	margin:0 auto; padding: 25px 0 330px 0; 
/* IE6 */
	_padding: 25px 0;
	width: 460px;
	position: relative;
	background: #FFF1E6;
	/* border-bottom: 5px solid #000; */
	text-align: left;
}

.comments-template a, .comments-template a:visited { color: #000; background: #d3f0e8; }
.comments-template a:hover { color: #FF838C; background: #fff; }

.comments-template form { 
	width: 400px;
	margin: 0; padding: 0; 
	color: ##000;
	line-height: 145%;
}

.comments-template ol {
	margin: 0;
	padding: 0 0 15px;
	list-style: none; 
}

/* each individual comment entry */
.comment-li-top { background: url(images/comment-li-top.png) no-repeat center top; 
height: 31px; width: 450px; margin: 15px 0 0 3px; padding: 0; }

.comments-template ol li { 
	width: 430px;
	margin: 0 0 0 3px;
	padding: 10px 10px 25px 10px;
	background: url(images/comment-li.png) repeat-y;
	line-height: 145%; 
	list-style: none;
}

.comment-li-btm { background: url(images/comment-li-btm.png) no-repeat center top; 
height: 33px; width: 450px; margin: 0 0 0 3px; padding: 0; }

/* gravatar */
.commentlist li .avatar { float: right;
	width: 42px;  
	margin: 0 8px 0 0; padding: 2px;
	background: #000;  	  
}

/* "Please leave a comment" */
.comments-template h3 { padding: 0 0 6px 0; }
.comments-template h2, .comments-template h3 {
	font-family: Georgia, serif;
	font-size: 16px;
	margin: 0; 
}

/* "(date) said..." */
.commentmetadata { 
	width: 282px; float: left; 
	margin: 0 10px 10px 0; padding: 17px 0 17px 18px;
	float: left;
	font-size: 12px;
	text-align: left;
}

/* comment */
.comments-text {  clear: both; 
padding: 0 15px 5px 18px; margin: 0; text-align: left; }

/* between each comment */
.comments-template .divider-shortpink { 
	width: 430px;
	margin: 17px auto 0 auto;
	padding: 10px 10px 25px 10px;
	background: url(images/divider-short.png) no-repeat center;
}

.comments-template p.nocomments { padding: 0; }

.comments-template input, .comments-template input.submit { background: #fff; border: 1px solid #000; }
.comments-template textarea{
	font-family: Rockwell, "Bookman Old Style", Georgia, Lucida, "Lucida Grande", "Lucida sans unicode", sans-serif;
	font-size: 12px;
	line-height: 160%;
	background: #fff url(images/fish.png) no-repeat bottom right fixed;
	border: 1px solid #000;
}

.comments-template input.submit { padding: 4px; color: #000; }

/* to center the form */
.form-bottom { 
	width: 380px;
	margin: 10px auto 0 auto;
	padding: 10px 10px 25px 10px;
	text-align: left;
}

.awaiting-mod { margin: 10px 0 0 0; padding: 0; color: #000; font-style: italic; background: #fff; }


.ListNr { color:#dfd08f; position: absolute; top: 35px; font-size: 28px; line-height: 28px; font-family: 'Arial'; font-weight: normal; letter-spacing: -1px; padding: 0px; right: 25px; }

.ComListLi { background: #fff4c3 url(images/ComListLiBottom.gif) no-repeat left bottom; }




.ListContent { margin: 15px 0px 0px 0px; padding: 5px 10px; font-size: 11px; line-height: 15px; background: #fff url(images/ComListContent.gif) no-repeat left top; display: block;}
.ListContent blockquote { padding: 0px 15px; margin: 0px; color:#cc6600; font-family: 'Georgia'; font-style: italic; border-top: dashed 1px #cc6600; border-bottom: dashed 1px #cc6600; }
.ListContent blockquote p { font-size: 12px; padding: 5px 0px; margin: 5px 0px; line-height: 16px; color:#cc6600; }
.ListContent ul { padding: 0px; margin: 0px; }
.ListContent ul li { padding: 0px; list-style-type: none; background: none; font-size: 11px; line-height: 13px; color:#63565f; }

/*********** CONTACT US ************************/

#contact-us li { margin: 0 0 12px 0; padding: 0; list-style-type: none; }

#contact-us input, #contact-us textarea, #contact-us ol.forms li.buttons button { border: 1px dashed #222; margin: 3px 0 0 0; padding: 4px; -moz-border-radius:5px; -webkit-border-radius: 5px; behavior: url(border-radius.htc); font-family: inherit; font-size: 11px; }

#contact-us input { width: 200px; }
#contact-us label { width: 200px; cursor: pointer; display: block; }

#contact-us ol.forms li.buttons button {
	background: #FFCDC5;
	color: #222;
	cursor: pointer;
	font: inherit;
	overflow: hidden;
	padding: 5px;
	text-transform: uppercase;
	width: auto;
}
#contact-us ol.forms li.buttons button:hover { color: #222; }
#contact-us ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
#contact-us ol.forms li.buttons, #contact-us ol.forms li.inline { width: 460px; }
#contact-us ol.forms li.inline input { width: auto; }
#contact-us ol.forms li.inline label { display: inline; float: none; width: auto; }
#contact-us  ol.forms input:focus, #contact-us  ol.forms textarea:focus, #contact-us ol.forms li.buttons button:hover { background-color: #f0e8c6; border-color: #FF2961; }
#contact-us  .error { width: 250px; color: #FF2961; }
#contact-us  ol.forms li .error { font-size: 12px; margin-left: 5px; }
#contact-us  ol.forms li.textarea .error {
	display: block;
	width: 270px;
}


/* to prevent bots filling in form */
.screen-reader {
	left: -9999px;
	position: absolute;
	top: -9999px;
}


/********** ABOUT ******************/

p.last { margin: 0 0 35px 0; }
.livia { float: right; width:131px; height: 59px; background: url(images/livia.png) no-repeat; }