* {
	margin: 0px;
	padding: 0px;	
}

#mt-blog, #universal-website { margin:0px; }

a { color: #996900; text-decoration: none; }
a:link	  { color: #af1800; text-decoration: none; }
a:visited { color: #af3300; text-decoration: none; }
a:active  { color: #991800; text-decoration: underline; }
a:hover	  { color: #991800; text-decoration: underline; }

#container { margin: 0px; padding:0px; min-width:800px; }

#container-inner { margin: 0px; padding:0px; background:white url("/image/back-side.png") repeat-y top right;}

/* BANNER */
#banner-archive 
{
  width: 100%;
  height: 40px;
}

#header 
{
  background: transparent url("/image/header.png") repeat-x;
  width: 100%;
  height: 48px;
  border-bottom: 2px solid #e06300;
}

#header-inner { 
	background: transparent url("/image/logo.png") no-repeat;
	width: 380px;
	height: 48px;
}
#header-content { 
	margin: 0px; padding:0px;
}

#header h1 { display: none; }

#footer {
	clear: both;
	width: 100%;
	height: 24px;
	border-bottom: 1px solid #e06300;
}


#content { width: 100%;   }
#alpha 
{
	float: left;
	margin-right: -200px;
	width: 100%
}

#alpha-inner
{
	margin-right: 200px;
}

.content-nav {
     font-family: verdana, helvetica, sans-serif;
     text-align: center;
     padding: 4px;
     background-color: #EEE;
     width: auto;
     height: auto;
     margin-left: 32px;
     padding-left: 4px;
     margin-bottom: 24px;
     margin-right: 32px;
     border: 1px solid #CCC;
}

/*  ENTRY  */
.entry-asset
{
  width: auto;
  height: auto;
  padding: 0px;
  margin-bottom:24px;
  margin-right: 24px;
}

.asset-side
{
  position: absolute;
  left: 0px;
  width:  48px;
  height: 48px;
  margin: 0px;
  padding: 0px;
}

.asset-more-link { 
            font-family: verdana, helvetica, sans-serif;
            text-align: right;
}

.asset-header
{
  width: auto;
  height: auto;
  margin-left: 52px;
}

.description-header
{ 
  width: auto;
  height: auto;
  margin-left: 16px;
  border-bottom: 1px solid #CCC;
}


.entry-content
{
  width: auto;
  height: auto;
  margin-left: 60px;
  margin-right: 8px;
}


.description-content
{
  width: auto;
  height: auto;
  margin-left: 32px;
  margin-right: 8px;
}


.asset-footer, .description-footer
{
  color: #333;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: small;
  text-align:right;
  border-bottom: 1px solid #DDD;
  padding-top: 8px;
}      


.entry-title , .description-title {
    color: #333333;
    font-size: medium;
    font-family: Verdana, sans-serif;
    font-weight: normal;
    margin: 16px 0px 0px 0px;
}


.entry-posted, .description-posted {
    color: #888;
    font-size: small;
    font-family: Verdana, sans-serif;
    font-weight: normal;
} 

.description-posted {
	text-align: right;
	margin-bottom: 16px;
} 


.illustration {
	width: 100%;
	text-align: center;
}

.illustration img {
   border: 1px solid #333333;
}

.asset-body p,
.asset-more p,
.description-body p {
  color: #484848;
  font-family: Verdana, sans-serif;
  font-size: medium;
  font-weight: normal;
  line-height: 160%;
  text-indent: 8px;
  margin-bottom: 12px;
  margin-top: 12px;
}

.asset-body li,
.asset-more li,
.description-body li {
  color: #484848;
  font-size: medium;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  line-height: 160%;
  text-indent: 8px;
}


.url {
	text-indent: 0px;
	color: #484848;
}

/* Individual Entry */
.menu
{
  font-family: Verdana, sans-serif;
  font-weight: normal;        
  text-align: right;
  margin: 0px;
  padding: 1px;
}


.comments-head 
{
  color: #333333;
  font-family: Verdana, sans-serif;
  font-weight: normal;                        
  padding: 2px 8px;
  border-top: 1px solid #CCC;
}


.trackback-url
{
  color: #888;
  font-family: Verdana, sans-serif;
  font-weight: normal;                        
  font-size: small;
  text-align: right;
  padding: 2px 8px;
}


.trackback
{
  margin-left: 12px;
  margin-right: 8px;
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: medium;
  font-family: Verdana, sans-serif;
  font-weight: normal;                        
   border-left: 4px solid #6300e0;
  border-bottom: 1px solid #eee;
  padding-left: 8px;
  line-height: 160%
}

.comment
{
  color: #484848;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: medium;
  margin-left: 12px;
  margin-right: 8px;
  margin-top: 4px;
  margin-bottom: 4px;
  border-left: 4px solid #e06300;
  border-bottom: 1px solid #eee;
  padding-left: 8px;
  line-height: 160%
}

.trackback-footer 
{
  color: #333;
  font-family: Verdana, sans-serif;
  font-weight: normal;                        
  font-size: small;
  text-align:right;
  margin-top: 8px;
}

.comment-footer
{
  color: #333;
  font-family: Verdana, sans-serif;
  font-weight: normal;                        
  font-size: small;
  text-align:right;
  margin-top: 8px;
}





/* DESCRIPTION ENTRY */
.top-caption
{
  font-family: Verdana, sans-serif;
  font-weight: normal;        
  line-height: 160%;
  margin: 0px;
  padding: 4px 32px;
  background-color: #EEE;
  border-bottom: 1px solid #CCC;
  
}


div.blog dl
{ 
  margin-left: 8px;
  margin-top: 8px;
  margin-bottom: 0px;
}

div.blog dt
{
  color: #333333;
  font-size: medium;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  text-indent: 0px;	
}

div.blog dd {
  color: #484848;
  font-size: medium;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  text-indent: 0px;	
  line-height: 160%;
  text-indent: 8px;
  margin-left: 16px;
  margin-bottom: 8px;
}

.comments-head {
                 font-family: Verdana, sans-serif;
                 font-weight: normal;                        
                 padding: 2px 8px;
                 border-top: 1px solid #CCC;
}

.comments-body {
                 padding: 16px;
                 font-family: Verdana, sans-serif;
                 font-weight: normal;                        
                 font-size: medium;
}





.trackback-body {
                  margin-left: 12px;
                  margin-right: 8px;
                  margin-top: 4px;
                  margin-bottom: 4px;
                  font-size: medium;
                  font-family: Verdana, sans-serif;
                  font-weight: normal;                        
                  background: white url("/image/trackback-base.png") repeat-y;
                  border-bottom: 1px solid #eef;
                  padding-left: 8px;
                  line-height: 160%
            }



.preview-body {
                     font-family: Verdana, sans-serif;
                    font-weight: normal;                        
                    font-size: medium;
                   text-align:right;
                    margin: 12px;
}


.error-body {
              margin: 16px;
              padding: 8px;
              border: 1px solid #600;
              background-color: #FDD;
}

.preview-body {
                margin-left: 32px;
}


.pg {
	width: 100%;
	text-align: center;
}

.pg img {
	padding: 2px;
	border: 1px solid #999;
}


.photo-box {
               clear: both;
               width: 100%;
               border-color: #333;
               margin-top: 4px;
               padding-top: 4px;
               margin-bottom:4px;
               border-top: 1px solid #666;
               border-bottom: 1px solid #666;
               font-family: Verdana, sans-serif;
             font-weight: normal;         
             font-size: small;
             line-height: 140%;
}

.image-right {
               float: right;
               border-color: #CCC;
               margin-left: 8px;
               margin-bottom:4px;
               padding: 2px;
}

.photo-box .image-left {
               float: left;
               border-color: #333;
               margin-right: 8px;
               margin-bottom:4px;
}

.image-box {
            float: right;
            margin: 6px 6px 6px 10px;
            border: 1px solid #cccccc;
            background-color: white;
}

.image-box img {
	 border: 3px solid white;
}

.image-box a:hover img {
	 border: 3px solid #e4905b;
}

/* -- SIDE BAR -- */
#beta
{
  float: right;
  width: 200px;
  height: 100%;
  padding: 0px;
  margin: 0px;
  border-width: 0px;

}

#links-software 
{
  background: white;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 200px;
  padding: 0px;
  margin: 0px;
  border-width: 0px;
        
}


#links-archive
{
  background: #fff url("/image/banner-archive.jpg") no-repeat;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 201px;
  padding-top: 80px;
  margin: 0px;
  border-width: 0px;
}


.widget
{ 
  position: relative;
  font-family: Verdana, sans-serif;
  width: 200px;
  height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  margin: 0px;
}

.comments-open
{
	font-family: Verdana, sans-serif;
    padding: 16px;
    margin: 0px;
    width: 368px;
}

.widget a { color: #660800; text-decoration: none; }
.widget a:link	  { color: #660800; text-decoration: none; }
.widget a:visited { color: #660800; text-decoration: none; }
.widget a:active  { color: #991800; text-decoration: underline; }
.widget a:hover { color: #991800; text-decoration: underline; }



.widget-header,.comments-open-header
{
  width:200px;
  font-family: Verdana, sans-serif;
  font-size: 95%;
  text-align: center;
  padding: 8px 0px 0px 0px;
  color: #282828;
  text-decoration: underline;
}

.comments-open-content
{
  color: #CCC;
  font-size: 95%;
  font-family: Verdana, sans-serif;
  padding: 4px;
}


.widget-content
{
  color: #383838;
  font-size: 95%;
  font-family: Verdana, sans-serif;
  padding: 4px;
}

.widget-content-center
{
  color: #686868; 
  font-family: Verdana, sans-serif;
  font-size: 95%;
  padding: 4px;
  text-align:center;
}


ul.widget-list
{
  list-style-type:none;
  margin-left: 8px;
  margin-top: 2px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 8px;
  
}

li.widget-list-item
{
  font-family: Verdana, sans-serif; 
  font-size: 95%;
  color: #282828; 
  margin-top: 1px;
  overflow: hidden;	
  text-overflow: ellipsis;
  white-space: nowrap;
}

.widget-comment-count
{
  color: #686868;
  font-family: Verdana, sans-serif;
  font-size: 90%;
  text-align: right;
}

#comments-open-data input.text
{
  font-family: verdana, helvetica, sans-serif;
}

#comments-open-text textarea 
{
  font-family: verdana, helvetica, sans-serif;
  width: 360px;
}

#comment-form-name,
#comment-form-email,
#comment-form-url,
#comment-form-remember-me
{
	margin-bottom: 8px;
}




.widget-separator
{
  color: #686868;
  font-size: 90%;
  font-family: Verdana, sans-serif;
  margin-top: 8px;
  text-align: center; 
}

.widget-exposition
{ 
  color: #282828;
  font-family: Verdana, sans-serif;
  margin-bottom: 4px; 
  text-align: right;
}

.widget-link 
{ 
  color: #af1800; 
  font-family: Verdana, sans-serif;
  font-size: 100%;
}

div.side .warning 
{
  color: #d9cccc;
  background-color: #EEE;
  font-family: Verdana, sans-serif;
  font-size: 100%;
  padding: 40px 4px;
  height: 200px;
}

div.side .entry
{
  color: #e3c7b6; 
  font-family: Verdana, sans-serif;
  font-size: 100%;
  text-align: right;
}



.address
{
  background: white url('/image/back-side.png') repeat-y;
  width:200px;
  padding-top: 16px;
  padding-bottom: 16px;
}


/* INPUT COMMENT */
.mark { color: red; }


.blog ul, .description ul { 
     font-family: verdana, helvetica, sans-serif;
     list-style: circle;
     line-height: 160%
}

.blog ol, .description ol { 
     font-family: verdana, helvetica, sans-serif;
     line-height: 160%
}




.asset-more-link { 
            font-family: verdana, helvetica, sans-serif;
            text-align: right;
}

.powered { 
    background: white url('/image/back-side.png') repeat-y;
	padding-top:8px;
	text-align: center;
}

.widget-photoclip {
	background: transparent url("/image/clip.png") no-repeat;
        width: 157px; /*192-157=35*/;
        height: 180px;
        padding: 0px;
	margin: 2px 17px 3px 18px;
 }

.widget-photoclip img {
        border:1px solid #666;
	    margin-top: 6px;
        margin-left: 18px;
}


.description table.ar {
   border-left: 4px solid #999;
   width: 60%;
}

.description table.ar td { font-family: Verdana, sans-serif;  border-bottom: 1px solid #DDD; }




dt {
font-size: medium;
font-family: Verdana, sans-serif;
font-weight: bold;
line-height: 150%;
color: #333333;
}

dd {
font-size: medium;
font-family: Verdana, sans-serif;
font-weight: normal;
line-height: 150%;
color: #484848;
}

.ctl {
font-size: medium;
font-family: Verdana, sans-serif;
font-weight: normal;
}

#lightbox {
	display:block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #333 url("/image/back-brown.png") repeat;
    border: 1px solid #333;
     -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); 
}

#lightboxImage{
    background-color: transparent;
    position: relative;
}


#imagebox {
	padding-top: 16px;
	padding-left: 8px;
	padding-right: 8px;
 }

#lightboxCaption {
font-size: medium;
font-family: Verdana, sans-serif;
font-weight: normal;
color: #ccc;
 margin-top: 8px;

}

#closebox, #closeCommentbox { 
            position: absolute;
            top: 0px;
            right: 0px;
            width: 72px;
            height: 16px;
            cursor: pointer;
}


#closeCircle, #closeCommentCircle { 
            position: absolute;
            top: 0px;
            right: 0px;
            width: 72px;
            height: 16px;
            background: transparent url('/image/close_black_bg.png') top left no-repeat;
}



#closeLabel { 
		
}


#comment-button {
   -webkit-background-clip: border;
    -webkit-background-origin: padding;
    background: transparent url("http://afternooncafe.jp/image/post-comment-button.png") no-repeat;
    cursor: pointer;
    float: left;
    width: 130px;
    height: 25px;	
    margin-left: 8px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    text-align: center;
    line-height: 25px;
    color: white;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    font-weight: normal;
    cursor: pointer;
}


#comment-button a { color: #ddd; text-decoration: none; }
#comment-button a:link { color: #ddd; text-decoration: none; }
#comment-button a:visited { color: #ddd; text-decoration: none; }
#comment-button a:active  { color: #888; text-decoration: none; }
#comment-button a:hover { color: #fff; text-decoration: underline; }



#commentbox {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    background: black url('http://afternooncafe.jp/image/back-comments.png') repeat-y;
    border-top: 4px solid #e06300;
    border-bottom: 1px solid #000;

    -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); 
   overflow: hidden;
   padding: 0;
   margin: 0;
}

#comment-submit {
	color: white;
	width: 60px;
	height: 24px;
   background: transparent url('http://afternooncafe.jp/image/comment-open-button.png') no-repeat;
    border: 0px none transparent;
    cursor: pointer;
}

#preview_button {
	display: none;
}


#dialog {
	margin-left : auto ; margin-right : auto ; width: 80%;
	background: white url('http://afternooncafe.jp/image/back-brown.png');
    border: 2px solid #e06300;
	margin-top: 64px;
	padding: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius:  16px;
	 -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
}

#dialog h1 {
	 color: white;
     font-family: Verdana, sans-serif;
     font-size: 24px;
     margin-bottom: 32px;
}

#dialog p {
	 color: #d9cccc;
     font-family: Verdana, sans-serif;
     font-size: 12px;
}



.photogallery {
               clear: both;
               width: 100%;
               border-color: #333;
               margin-top: 4px;
               padding-top: 4px;
               margin-bottom:4px;
               font-family: Verdana, sans-serif;
             	font-weight: normal;         
             	line-height: 140%;
}


ul.photogallery-list {
	list-style: none;
}

li.photogallery-thumbnail {
	display: block;
	clear: both;
}

li.photogallery-thumbnail img {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 4px;
	float: left;
}



li.photogallery-thumbnail-bar {
	display: block;
	width: auto;
	 float: left;
}


li.photogallery-thumbnail-bar img {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 4px;
}

li.photogallery-thumbnail-bar a:hover img {
	border: 3px solid #666;
	padding: 0px;
	margin: 4px;
}

#photogallery-large {
	clear: both;
	align: center;
}


#photogallery-large-inner{
	text-align: center;
}

#photogallery-large-image {
		border: 1px solid #ccc;
	padding: 2px;
}

#photogallery-large-message {
	margin-top: 16px;
	text-align: left;
}