html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* color notes - #0E1E33 'wish i could be teal' used for body text, #003F69 'peacock blues' is the dark background and #F1EFF0 'kertas' the light background. #038D92 'mating ritual' is link hover. Footer text color #5D7F81 'peacock quill' */

body
{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font: 98%/1.7 "calluna-1","calluna-2","calluna-1","calluna-2",Georgia, Palatino, serif;
	color: #6f6b66;
	background-color: #003F69;
}

/* annual pages */
body#annual div#accessory {padding-top: 40px}

/* homepage */
#splash { background-color: #F1EFF0; }

#splash #accessory
{
	background-color: #F1EFF0;
	margin: 0 0 10px 0;
	padding: 0 20px;
	font-family: "calluna-1","calluna-2",Georgia, Palatino, serif;
	width: 35%;
	height: 430px;
	overflow: hidden;
	font-size: 1.1em;
	line-height: 150%;
	max-width: 530px
}

#splash h2
{
	font: bold 1.3em/130% "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	color: #0E1E33;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}



#contain
{
	background-color: #F1EFF0;
	max-width: 1400px;
	margin: 0 1%;
}

#flick
{
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #F1EFF0;
	padding: 0 5px 30% 5px;
	margin: 20px 0 0 0;
	border-top: 1px solid #0E1E33;
	border-bottom: 1px solid #0E1E33;
}

#flickdescription
{
	margin: 0;
	width: 60%;
	padding: 0;
	background-color: #F1EFF0;
}

#flickdescription h4
{
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: bold;
}

#flickdescription h4 a
{
	color: #003F69;
	background-color: #F1EFF0;
	text-decoration: none;
}

#flickdescription p
{
	color: #0E1E33;
	background-color: #F1EFF0;
	text-decoration: none;
	font-family: "calluna-1","calluna-2",Georgia, Palatino, serif;
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: normal;
	font-style: normal;
	margin: 10px 0 0 0;
	padding: 0;
}

#dopplr-blog-badge-for-tanya img
{
	visibility: hidden;
	margin: 0;
	padding: 0;
}

#dopplr-blog-badge-for-tanya 
{
	
	font-family: "calluna-1","calluna-2",Georgia, Palatino, serif;
}

div.dopplr-badge
{
	color: #5D7F81;
	background-color: #003F69;
	border: 0px solid #003F69;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
}

.dopplr-badge {
    font-family: "calluna-1","calluna-2",Georgia, Palatino, serif;
    color #5D7F81;
    background:#003F69;
    border:0px solid #999;
    padding:0;
    }

.dopplr-badge p
{
	font-family: "calluna-1","calluna-2",Georgia, Palatino, serif !important;
	margin: 0;
	padding: 0;
	font-size: inherit;
}

#dopplr-logo
{
	position: absolute;
	top: 0;
	left: -9999em;
	float: left;
}
.dopplr-badge p {
		font-family: inherit;
		font-size: inherit;
		margin: 0;
		padding: 0;
	}

.dopplr-badge .trip {
		color: #5D7F81;
		font: inherit;
	}

.dopplr-badge abbr {
		letter-spacing: inherit;
		border: 0;
		font-variant: inherit;
		text-transform: inherit;}
		


.tripmonth {display: none}

#recent-flickr img {border: 2px solid #5D7F81; margin: 0 5px 0 0}

body#homepage #archives li {padding: 0 10px 0 0}

body#homepage #archives .archivesitems h5:first-child
{
	margin: 0 0 5px 0;
	padding: 0;
}


/* end homepage */

/* main layout */

/* left margin is 8em as defined in banner and post IDs */

#banner
{
	color: #F1EFF0;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 15px;
	margin: 0;
	background-color: #F1EFF0;
	background-repeat: repeat-x;
	background-image: url(/images/2011/bg-banner-top2.gif);
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
}

#pagerama
{
	background-color: #F1EFF0;
	color: #0E1E33;
	margin: 0;
	padding: 0;
	clear: right;
	font-family: "calluna-1","calluna-2",Georgia, Palatino, serif;
}

#content
{
	float: left;
	width: 67%;
	background-color: #F1EFF0;
	margin-right: 0;
	margin-bottom: 20px;
	font-family: "calluna-1","calluna-2",Georgia, Palatino, serif;
	font-size: 1em;
	font-weight: normal;
	background: transparent;
	line-height: 150%;
}

#accessory
{
	background-color: #F1EFF0;
	margin: 0 0 10px 0;
	padding: 20px 0;
	float: right;
	width: 31%;
	font-family: "calluna-1","calluna-2",Georgia, Palatino, serif;
	font-size: .85em;
}

#blog
{
	padding: 25px 4em 0 0;
	border-top: 0;
	border-bottom: 0;
}

.post
{
	margin: 0 0 100px 8em;
	padding: 0;
}



#banner a {text-decoration: none;
	font-weight: normal;
	color: #83C2C2;
	background-color: transparent;
	border: none;
	text-transform: uppercase;
	font-size: 1.2em;
	letter-spacing: .2em;}

#menu
{
	width: 33%;
	float: right;
	margin: 0 1em 0 0;
	padding: 0;
	list-style: none;
	background-color: transparent;
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
}


#menu li { float: right; }

#menu li a
{
	display: block;
	margin: 20px 0 0 0;
	padding: 2px 15px;
	text-decoration: none;
	font-weight: normal;
	color: #83C2C2;
	background-color: transparent;
	border: none;
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: .2em;
}

#menu li a:hover
{
	background-image: url(/images/2011/highlight.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#footer
{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0 0 85px 0;
	background-color: #F1EFF0;
	background-image: url(/images/bg-banner.gif);
	background-repeat: repeat-x;
}

#footerbackground
{
	background: #003F69;
	clear: both;
	background-repeat: repeat-x;
	background-image: url(/images/2011/bg-banner-bottom.gif);
	padding: 45px 0 0 0;
}

#archives
{
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 98%;
	color: #5D7F81;
	background-color: #003F69;
}

/* end main layout start fussy stuff*/

#content>h2
{
	font: bold 1.1em/130% "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	color: #260d33;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin: 0 0 0 5em;
	padding: 1em 0 0 0;
}


#blog>h2 {margin-left: 20px}

#blog>h3
{
	font: bold 1em/130% "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	color: #0E1E33;
	margin: 0 0 0 10em;
	padding: 0;
}


.title, .mainhead
{
	font: normal 1.8em/130% "calluna-1","calluna-2",Georgia, Palatino, serif;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

body#searchpage h3
{
	font: normal 1.1em/130% "calluna-1","calluna-2",Georgia, Palatino, serif;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}



.post img, #bio img
{
	padding: 5px;
	background: #fff;
}


.post p, .post ul
{
	font-family: "calluna-1","calluna-2",Georgia, Palatino, serif;
	color: #0E1E33;
	text-decoration: none;
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
	background-color: transparent;
	line-height: 180%;
	margin: .5em 0 1em 0;
}

.post ul
{
	list-style-type: circle;
	list-style-position: outside;
	padding: 0;
	margin: .5em 1em;
	font-family: "calluna-1","calluna-2",Georgia, Palatino, serif;
	color: #0E1E33;
	background-color: transparent;
	line-height: 150%;
	
}

.post li
{
	
	margin-bottom: .5em;
	
}

.cat
{
	color: #0E1E33;
	margin: 10px 0 0 0;
	padding: 25px 0 0 0;
	background-image: url(/images/border1.gif);
	background-repeat: repeat-x;
}

.cat p
{
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	font-size: .9em;
	font-weight: normal;
	color: #0E1E33;
	background: transparent;
}

.cat a
{
	color: #038D92;
	background: transparent;
}




/* links */

.plainjane { border: 0; }


.post a:link, #accessory a:link, #flickdescription a:link, .pin-title a:link
{
	color: #003F69;
	text-decoration: none;
	border-bottom: 1px solid #c9c9c9;
}

.post a:visited, #accessory a:visited, #flickdescription a:visited
{
	color: #003F69;
	text-decoration: none;
	border-bottom: 1px solid #c9c9c9;
}

.post a:active, #accessory a:active, #flickdescription a:active
{
	color: #038D92;
	text-decoration: none;
	border-bottom: 1px solid #84849B;
}

.post a:hover, #accessory a:hover, #flickdescription a:hover
{
	color: #038D92;
	text-decoration: none;
	border-bottom: 1px solid #84849B;
}


.title a:link, .title a:hover, .title a:active, .title a:visited
{
	text-decoration: none;
	padding: 0;
	color: #0E1E33;
	border: none;
}


h3.title a:link, h3.title a:hover, h3.title a:active, h3.title a:visited
{
	text-decoration: none;
	padding: 0;
	color: #698f91;
	border: none;
}

#archives a:link
{
	border-bottom: 1px none #cccccc;
	color: #83C2C2;
	text-decoration: none;
}

#archives a:visited
{
	border-bottom: 1px none #cccccc;
	color: #65A7A7;
	text-decoration: none;
}

#archives a:hover
{
	border-bottom: 1px none #cccccc;
	color: #038D92;
	text-decoration: none;
}

.post p a img
{
	text-decoration: none;
	border: none;
}

/* end links */




blockquote
{
	font-family: "calluna-1","calluna-2",Georgia, Palatino, serif;
	font-style: italic;
	margin: 5px 25px;
}

blockquote p
{
	font-family: "calluna-1","calluna-2",Georgia, Palatino, serif;
	font-style: italic;
}







.date
{
	margin: 0 5px 0 2%;
	padding: 0 5px;
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	color: #b3aca4;
	font-size: .8em;
	font-weight: bold;
	background: transparent;
	line-height: 1.5em;
	text-transform: uppercase;
	letter-spacing: .2em;
	float: left;
	text-align: right;
	border-bottom: 2px solid #b3aca4;
}

.year
{
	font-size: 1.3em;
	letter-spacing: .2em;
}







#archives h5
{
	color: #5D7F81;
	background-color: transparent;
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	font-size: .85em;
	line-height: 150%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin: 30px 0 5px 0;
	padding: 0;
}


.archivesitems
{
	width: 25%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: transparent;
}

.archivesitems ul li
{
	font-size: 1.1em;
	line-height: 1.3em;
	list-style: none;
	margin: 0 0 .3em 0;
}

#archives .archivesitems ul
{
	padding: 0 0 50px 0;
	margin: 0;
}

/* used columns for reading list */
.col li { float: left; width: 45%; padding: 0 1% 3% 0;}



#footer p, #footer p a
{
	text-align: right;
	background-color: #0E1E33;
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	font-size: .8em;
	font-weight: normal;
	line-height: 130%;
	margin: 0;
	padding: 3px;
	border: 0px none;
	color: #5D7F81;
	
}

#footer a
{
	background-color: #0E1E33;
	border: 0px none;
	color: #5D7F81;
	
}

/* blog comments */
.comment1
{
	font-family: "calluna-1","calluna-2","calluna-1","calluna-2",Georgia, Palatino, serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3;
	padding: 0 10px 0 0;
}

.comment0
{
	font-family: "calluna-1","calluna-2","calluna-1","calluna-2",Georgia, Palatino, serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3;
	padding: 0 10px 0 0;
}

.commentdate
{
	font-size: .9em;
	font-weight: normal;
	color: #0E1E33;
	background: transparent;
	margin: 0;
	padding: 0;
}

#comments>h4 { margin: 60px 0 0 0; }

#comments h5
{
	font-family: "calluna-1","calluna-2","calluna-1","calluna-2",Georgia, Palatino, serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3;
	padding: 10px 0 0 0;
	margin: 0;
}

.comments-post
{
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.comments-head
{
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	color: #330033;
	font-size: 9px;
	font-weight: bold;
	background: #97a8bb;
	line-height: 14px;
	padding: 2px;
	margin-top: 10px;
	border-top: 1px solid #330033;
	text-transform: uppercase;
	letter-spacing: .2em;
}

#banner-commentspop
{
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dotted #999;
	border-top: 3px dotted #999;
	background: #0E1E33;
	padding: 15px;
	text-transform: uppercase;
	letter-spacing: .2em;
}

.quote
{
	font-family: "calluna-1","calluna-2",Georgia, Palatino, serif;
	color: #0E1E33;
	font-size: 1.5em;
	font-weight: normal;
	background: transparent;
	line-height: 150%;
	margin: 0 0 2em 0;
}

.LT_powered { display: none; }
#archives .quote p { color: #5D7F81; }

#accessory h4
{
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	color: #0E1E33;
	font-size: .9em;
	font-weight: bold;
	background: transparent;
	line-height: 130%;
	padding: 2px 2px 2px 0;
	margin: 40px 0 2px 0;
	text-transform: uppercase;
	letter-spacing: .2em;
}

#splash #accessory h3
{
	font-family: "calluna-1","calluna-2",Georgia, Palatino, serif;
	line-height: 130%;
	color: #0E1E33;
	font-size: 1em;
	font-weight: bold;
	background: transparent;
	margin: 0;
	padding: 0;
}

#accessory p { margin: 0 1em 1em 0; }

.button
{
	font: 11px "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	color: #555;
	background: #ccc;
	margin: 0;
	padding: 0 2px;
	border: 1px solid #000;
}

h1
{
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	color: #0E1E33;
	font-size: 18px;
	font-weight: bold;
	background: transparent;
	line-height: 20px;
	text-align: left;
}

h2
{
	font: bold 1.3em/130% "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	color: #0E1E33;
	margin: 0;
	padding: 0;
}

h3
{
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	color: #0E1E33;
	font-size: 1em;
	font-weight: bold;
	background: transparent;
	margin: 0;
	padding: 0;
	text-align: left;
}

h4
{
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	color: #0E1E33;
	font-size: .9em;
	font-weight: bold;
	background: transparent;
	margin: 1.2em 0 0 0;
	padding: 0;
	text-align: left;
}

h5
{
	font-weight: bold;
	font-size: .9em;
	text-align: left;
	margin: 10px 0 5px 0;
	padding: 0;
}

h6
{
	font-weight: normal;
	font-size: 1em;
	text-align: left;
	margin: 5px 0 5px 0;
	padding: 0;
}

img
{
	border: 0;
	padding: 0;
	margin: 0;
}

.rsstitle, .rsslink { font: bold 11px/1em "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif; }

.ac_title
{
	font: normal 11px/1.2em "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	display: block;
}

.ac_author
{
	font: normal 11px/1.2em "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	display: block;
}

.ac_comment, .module-header { display: none; }

ul
{
	list-style-type: square;
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

ol
{
	list-style-type: decimal;
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

#accessory ul
{
	list-style-type: none;
	list-style-position: inside;
	margin: 0 2em 0 0;
	padding: 0;
}


.pin-title { font-size:1em;text-decoration:none;color:#00a}
.pin-description { color:#555; }
.pin-tag { color:#18c;text-decoration:none;font-size:0.9em; }


.rssitem, #twitter_update_list
{
	list-style-type: none;
	list-style-position: inside;
	padding: 0;
	margin: 0;
}

ul#twitter_update_list li { margin: 0 0 10px 0; }

#twitter_update_list span
{
	font-family: "calluna-1","calluna-2",Georgia, Palatino, serif;
	color: #0E1E33;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	background-color: transparent;
	line-height: 110%;
}

acronym
{
	font-style: italic;
	text-decoration: none;
	border-bottom: none;
}

code
{
	font: 11px Courier New, Courier, mono;
	padding: 5px 10px 7px 10px;
	background: #fff;
	margin: 2px 0px;
	display: block;
}

a.preview
{
	border: 0;
	text-decoration: none;
	color: #fff;
}

p.subtle
{
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	font-size: .9em;
	font-weight: normal;
	color: #0E1E33;
	background: transparent;
}

.flickrimg a
{
	text-decoration: none;
	color: #fff;
	padding: 3px;
	border-width: 0px;
}

.flickrimg
{
	text-decoration: none;
	background-color: #fff;
	margin: 8px;
	padding: 3px;
}



/* twitter */
.gettwit_created_at
{
	color: #666;
	font-size: .85em;
}

.sideheading
{
	margin: 0 5px 0 20px;
	padding: 5px;
	text-transform: uppercase;
	letter-spacing: .2em;
	float: left;
	text-align: right;
}

#recaptcha_widget_div .recaptchatable .recaptcha_image_cell, #recaptcha_table { background-color: #fff !important; }
#recaptcha_table { border-color: #fff !important; }

#recaptcha_response_field
{
	border-color: #003F69 !important;
	background-color: #fff !important;
}

#info1, #info2, #info3, #info4, #info5, #info6, #info7, #info8, #info9 { display: none; }


.crop{
	float:left;
	position:relative;
	width:120px;
	height:90px;
	margin:.5em 10px .5em 0;
	}
.crop img{
	margin:0;
	position:absolute;
	top:2px;
	left:-5px;
	clip:rect(0 250px 90px 5px);
	}	

/* legacy */


td img
{
	text-decoration: none;
	border: solid 1px #3e5366;
}

.thumb
{
	text-decoration: none;
	line-height: 14px;
}

.thumb img
{
	text-decoration: none;
	border: solid 1px #3e5366;
}

.posted
{
	font-family: "calluna-1","calluna-2",Georgia, Palatino, serif;
	font-size: 11px;
	color: #666;
	margin-bottom: 15px;
}

.syndicate
{
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	font-size: 9px;
	line-height: 14px;
	padding: 2px;
	margin-top: 10px;
	text-align: center;
}

.fin
{
	font-family: "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
	font-size: 9px;
	line-height: 14px;
	padding: 2px;
	margin-top: 10px;
	text-align: center;
}

/* extras possible legacy */
#essay
{
	background: #FFF;
	margin: 0;
	font: 11px/180% "ff-cocon-web-pro-1","ff-cocon-web-pro-2", Futura, "Century Gothic", AppleGothic, sans-serif;
}

#essaybody
{
	width: 500px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#portfolio
{
	width: 350px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#portfolio p { text-align: left; }

#portfolio h2
{
	text-align: left;
	font-family: "calluna-1","calluna-2",Georgia, Palatino, serif;
	color: #CCC;
	font-size: 24px;
}

#essayendnotes
{
	width: 500px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #ccc;
}

#essaybody p { text-align: left; }
#essaybody h2 { text-align: left; }
#essayendnotes p { text-align: left; }

/* pinboard */
.pin-title { }
.pin-description { display:none; }
.pin-tag { display:none; }