/* margin: top right bottom left */

body{margin:0px;padding:0px;font-family:"Trebuchet MS",Trebuchet,Verdana,Sans-Serif; font-size:10pt;}

img{behavior: url("/css/pngbehavior.htc");border:0px;}

a{text-decoration:none;}
a:hover{text-decoration:underline;}

#header{height:250px;width:100%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
#logo{padding:0px;margin:0px; position:absolute; left:0px; top:0px; z-index:100;}
#headerpic{padding:0px;margin:0px; position:absolute; right:0px; top:0px; z-index:0;}

img#topgradient{position:absolute; top:0px; left:0px;z-index:2;}

div#mainbody{position:absolute; left:0px; top:100px;width:100%; z-index:5;}

div#mainClm{position:absolute; top:0px; left:16.5em ;padding:15px 0px 0px 0px; margin: 0px 20px 0px 0px; width:80%;}
div#sideBar{float:left;width:15em;margin:10px;padding:5px 0px 5px 0px;}

div#sideBarPhotos{margin:0px 0px 0px -10px;}

.search {font-size:70%;}

.menuitem {font-size:85%;padding-left:5px;}
.menuitem365 {font-size:85%;padding-left:5px;}
.menuitem img{vertical-align:middle;}
.menucurrent {font-size:85%;padding-left:5px;font-weight:bold;}

div#taglist{width:8em;text-align:right; position:absolute; right:0px; }
.tagbrowser {font-size:85%;padding-right:5px;}
.tagitem {background:#FFFFFF;font-size:85%;padding-right:5px;}
.taghidden {background:#FFFFFF;display:none;font-size:85%;padding-right:5px;}
.tagcurrent {font-size:85%;font-weight:bold;padding-right:5px;}
.tagbuttons {background:#FFFFFF;font-size:85%;border-top:dotted 1px;}

.tagitem img{float:left;padding:1px;border:none;}
.tagcurrent img{float:left;padding:1px;border:none;}

div#copyright{width:100%; clear:both; padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;color:black;}
#copyright p{padding:0px;margin:5px 5px 5px 5px;background:transparent; font-size:75%;}

div#hidden{visibility:hidden;}
#footer .right{float:right;}

div#floatright{float:right;}
div#floatleft{float:left;}

div#menubutton{float:right;}

div#rightmenu{float:right;font-size:65%;text-align:right;margin:5px;padding:5px;border: solid 1px; position:absolute; right:10px; top:10px; z-index:100;}

hr{border: dotted 1px;}

h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;font-family:"Century Gothic";;font-weight:bold;letter-spacing:-1px;}
h2 {font-size:140%;}
h1,h2 a:link {text-decoration:none;}
h1,h2 a:visited {text-decoration:none;}

blockquote{font-size:80%;}

#logo{padding:5px;}

#description{margin:0px;padding:5px;font-size:85%;font-style:italic; position:absolute; left:5px; top:80px; z-index:100;}

strong{font-weight:bold;}

.light{color:#AAAAAA;}

.blogPost{margin:0px 9em 0px 0px;font-size:100%;}
.blogPost img{float:right;padding:5px;margin:-25px 0px 5px 5px;border:solid 1px;}

.leftPost{margin:0px 9em 10px 0px;font-size:100%;}

.inner365{font-size:100%;}
.inner365 img{float:left;padding:5px;margin:-25px 10px 5px 5px;border:solid 1px;}
.inner365 h2{ margin:0px 0px 0px 66px; }

.toonPost{ text-align:center; padding-right:8em; }

.blogPost h2{padding-right:135px;}

.photologPost{margin:0px 9em 30px 0px;font-size:100%;}
.photologPost img{float:left;margin:0px 5px 5px 0px;padding:5px;position:relative;left:0px;top:0px;border:solid 1px;}

.nofloat img{float:none;margin:5px;}
.photolog img{float:none;margin:5px;}

.poetryPost img{float:none;}

.byline{height:24px;padding:0px;margin:0px 11em 15px 0px;font-size:85%;}
.byline a{border:none;text-decoration:none;}
.byline a:hover{text-decoration:underline;}
.byline img{vertical-align:middle;}

.bylineright{ text-align:right; font-size:85%;}
.bylineright a{border:none;text-decoration:none;}
.bylineright a:hover{text-decoration:underline;}
.bylineright img{border:none; float:none; vertical-align:bottom;}


.center{text-align: center;}
.clearboth { clear: both; }

.mapbubble_blog{width:400px;height:300px;text-align: left;font-size:90%;overflow:auto;}
.mapbubble_photo{width:250px;text-align: center;font-size:90%;}

.article img{float:right;padding:5px;margin:5px;border:solid 1px;}
.article2 img{float:left;padding:5px;margin:5px;border:solid 1px;}

.article hr{clear:right;}

.indent{text-indent: 2em;}

.thumbnail {float:left;background:#eeeeee; margin:1px;padding:3px; border:solid 1px; border-color:#999999;}
.thumbnail td { text-align:center; vertical-align: middle; width:82px;height:82px;}

.showimage {width:700px;}
.photonav {float:right;}
.photo {text-align:center;}
.photo img{padding:5px;border:solid 1px;}

div#map{width:98%; height:565px;}
div#maptags{overflow: auto;height:450px;}

#tabmenu { color: #000; margin: 12px 0px 0px 0px; padding: 0px; z-index: 1; padding-left: 10px }
#tabmenu li { display: inline; overflow: hidden; list-style-type: none; }
#tabmenu a, a.active { font-size:85%; padding: 2px 5px 0px 5px; margin: 0px; text-decoration: none; }
#tabmenu a:visited { color: #000; }

#pagetabs { color: #000; margin: -10px 20px 13px 0px; padding: 0px 0px 0px 10px; z-index: 1; width:80% }
#pagetabs li { display: inline; overflow: hidden; list-style-type: none; }
#pagetabs a, a.active { font-size:85%; padding: 2px 5px 0px 5px; margin: 0px 0px 0px 0px; text-decoration: none; }
#pagetabs a:visited { color: #000; }

.photoindex td { background-color: #eeeeee; }

  #imagebadge { position:relative; width:192px; height:192px; margin:5px; }
  #imagebadge img { width:100%;border:0px;margin:-2px;padding:0px; }


  #imagebadge0 { width:64px; position:absolute; top:0px; left:0px; }
  #imagebadge1 { width:64px; position:absolute; top:0px; left:64px; }
  #imagebadge2 { width:64px; position:absolute; top:0px; left:128px; }

  #imagebadge3 { width:64px; position:absolute; top:64px; left:0px; }
  #imagebadge4 { width:64px; position:absolute; top:64px; left:64px; }
  #imagebadge5 { width:64px; position:absolute; top:64px; left:128px; }

  #imagebadge6 { width:64px; position:absolute; top:128px; left:0px; }
  #imagebadge7 { width:64px; position:absolute; top:128px; left:64px; }
  #imagebadge8 { width:64px; position:absolute; top:128px; left:128px; }

#photothing_ajax {
  width:192px; height:192px;
}

#photothing_ajax.ajax-loading {
  background: url(/gfx/loading.gif) no-repeat center;
  padding-bottom:5px;
}

#ajax_365 {
   width:896px; height:128px;
}

#ajax_365.ajax-loading {
  background: url(/gfx/loadingbar.gif) no-repeat center;
//  background:#00ff00;
  padding-bottom:5px;
}


  #jigsaw { position:relative; }


/* Normal Bubble */
div.bubble {
        position: absolute;  right:10px;  top:-20px;
	width: 280px;
	margin-bottom: 24px;
}

div.bubble blockquote {
//	font-size: 1.5em;

	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(/gfx/tip2.gif) no-repeat 20px 0;
        font-size: 85%;
	font-style: normal;
}

div.avatar {
  position:absolute;
  right: 10px;
  top: 50px;
}