/* Base Weblog (base-weblog.css) */

/* basic elements */

body
{
	margin: 0;
	padding: 0;
	scrollbar-face-color: silver;
	scrollbar-highlight-color: #180760;
	scrollbar-shadow-color: #180760;
	scrollbar-3dlight-color: silver;
	scrollbar-arrow-color: #180760;
	scrollbar-track-color: silver;
	scrollbar-darkshadow-color: silver;
	border-width: 0;
	font-family: verdana, 'trebuchet ms', sans-serif;
}

form, input { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

a { color: #003; text-decoration: underline; }
a:hover { color: #F39; }
a:visited { color: #99C; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
	 margin-top: 10px;
	 margin-bottom: 10px;
}


/* standard helper classes */

.clr
{
	 clear: both;
	 overflow: hidden;
	 width: 1px;
	 height: 1px;
	 margin: 0 -1px -1px 0;
	 border: 0;
	 padding: 0;
	 font-size: 0;
	 line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
	 content: " ";
	 display: block;
	 visibility: hidden;
	 clear: both;
	 height: 0.1px;
	 font-size: 0.1em;
	 line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


.MAIN .banner {
	BACKGROUND-IMAGE: url(http://slightlyblue.com/images/bg/angel_750x150.jpg)
}
.DEVELOP .banner {
	BACKGROUND-IMAGE: url(http://slightlyblue.com/images/bg/chichi_750x150.jpg)
}
.MyChizu .banner {
	BACKGROUND-IMAGE: url(http://slightlyblue.com/images/bg/chichi_750x150.jpg)
}
.BMemo .banner {
	BACKGROUND-IMAGE: url(http://slightlyblue.com/images/bg/chichi_750x150.jpg)
}
.LISTEN .banner {
	BACKGROUND-IMAGE: url(http://slightlyblue.com/images/bg/dolphin_750x150.jpg)
}
.MISC .banner {
	BACKGROUND-IMAGE: url(http://slightlyblue.com/images/bg/shima_750x150.jpg)
}
.READ .banner {
	BACKGROUND-IMAGE: url(http://slightlyblue.com/images/bg/phil_750x150.jpg)
}
.TASTE .banner {
	BACKGROUND-IMAGE: url(http://slightlyblue.com/images/bg/windmill_750x150.jpg)
}
.TRAVEL .banner {
	BACKGROUND-IMAGE: url(http://slightlyblue.com/images/bg/kyouto_750x150.jpg)
}
.WATCH .banner {
	BACKGROUND-IMAGE: url(http://slightlyblue.com/images/bg/takile_750x150.jpg)
}

.menu {
	WIDTH: 750px;
	height : 20px;
	margin : 0;
	padding : 0;
	TEXT-ALIGN: center;
	align: center;
}

UL#rollover {
	WIDTH: 750px;
	height : 20px;
	margin : 0;
	padding : 0;
	TEXT-ALIGN: center;
	align: center;
	LIST-STYLE-TYPE: none;
}

UL#rollover LI {
	FLOAT: left;
	WIDTH: 10%;
	TEXT-ALIGN: center;
	align: center;
}

.menuchildl {
	TEXT-ALIGN: center;
	align: center;
	BORDER-RIGHT: #336 0px solid;
	BORDER-TOP: #336 0px solid;
	BACKGROUND: #ccccdc;
	FLOAT: left;
	BORDER-LEFT: #336 0px solid;
	BORDER-BOTTOM: #336 1px solid;
}

.MAIN .menuchildl#MAIN, .DEVELOP .menuchildl#DEVELOP, .MyChizu .menuchildl#MyChizu, .BMemo .menuchildl#BMemo, .LISTEN .menuchildl#LISTEN, .MISC .menuchildl#MISC, .READ .menuchildl#READ, .TASTE .menuchildl#TASTE, .TRAVEL .menuchildl#TRAVEL, .WATCH .menuchildl#WATCH {
	width: 9.5%;
	border-width: 0 1px 0 1px;
	background : #F0F0F5;
}

.menu A {
	COLOR: #003; TEXT-DECORATION: none
}
.menu A:visited {
	COLOR: #003; TEXT-DECORATION: none
}
.menu A:hover {
	COLOR: #F39; TEXT-DECORATION: none
}


.banner a { color: #fff; text-decoration: none; }
.banner a:hover { color: #fff; text-decoration: none; }
.banner a:visited { color: #fff; text-decoration: none; }

TABLE.table_menu_el{
	text-align: left;
	border: 1px dashed silver;
	margin: 5px;
}
TD.table_menu_d{	vertical-align: text-top;		width: 350px;	}

PRE {
  FONT-FAMILY: verdana, 'trebuchet ms', sans-serif;
  PADDING: 5px 10px 5px 5px;
  MARGIN: 15px 5px 10px 15px;
  OVERFLOW: scroll;
  WIDTH: 90%;
  BACKGROUND-COLOR: #E0E0E5;
  TEXT-ALIGN: left;
  max-height : 200px;
  text-size : x-small;
}

/* page layout */

body { text-align: center; } /* center on ie */

#container
{
	 position: relative;
	 margin: 0 auto; /* center on everything else */
	 width: 750px;
	 text-align: left;
}
#container-inner { position: static; width: auto; }

.banner {
	width: 750px;
	height: 150px;
}

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #gamma, #delta
{
	 display: inline; /* ie win bugfix */
	 position: relative;
	 float: left;
	 min-height: 1px;
}

#delta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner
{
	 position: static;
}


/* content */

.content-nav
{
	 margin: 10px;
	 text-align: center;
}

.date-header,
.entry-content
{
	 position: static;
	 clear: both;
}

.entry,
.trackbacks,
.comments,
.archive
{
	 position: static;
	 overflow: hidden;
	 clear: both;
	 width: 100%;
	 margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
	 clear: both;
	 margin: 5px 10px;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
	 clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
	 clear: both;
	 margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
	 width: 240px;
}

#comment-bake-cookie
{
	 margin-left: 0;
	 vertical-align: middle;
}

#comment-post
{
	 font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail
{
	 float: left;
	 width: 115px;
	 margin: 0 10px 10px 0;
}

.image-thumbnail img
{
	 width: 115px;
	 height: 115px;
	 margin: 0 0 2px 0;
}


/* modules */

.module
{
	 position: relative;
	 overflow: hidden;
	 width: 100%;
}

.module-content
{
	 position: relative;
	 margin: 5px 10px 20px 10px;
}

.module-list,
.archive-list
{
	 margin: 0;
	 padding: 0;
	 list-style: none;
}

.module-list-item
{
	 margin-top: 5px;
	 margin-bottom: 5px;
}


/* Vicksburg (theme-vicksburg.css) */

/* basic page elements */

body
{
	 font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
	 font-size: small;
}

h1, h2, h3, h4, h5, h6
{
	 font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	 /* ie win (5, 5.5, 6) bugfix */
	 p\osition: relative;
	 width: 100%;
	 w\idth: auto;

	 margin: 0;
	 border-left: 5px solid #336;
	 padding: 5px 0 5px 5px;
	 color: #337;
	 font-size: small;
	 font-weight: bold;
	 line-height: 1;
	 text-transform: uppercase;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed
{
	 font-size: xx-small;
}

.commenter-profile img { vertical-align: middle; }


/* page layout */

body
{
	 min-width: 750px;
	 color: #337;
	 background: #F0F0F5;
}

#container
{
	 width: 750px;
	 margin-bottom: 20px;
}

#container-inner
{
	 border-width: 0 2px 2px 2px;
	 border-style: dotted;
	 border-color: #FFF;
}

#banner-header
{
	 margin: 0;
	 color: #fff;
	 font-size: xx-large;
	 font-weight: bold;
	 line-height: 1;
	 text-shadow: #003 0 2px 3px;
}

#banner-description
{
	 margin-top: 5px;
	 margin-bottom: 0;
	 color: #fff;
	 background: none;
	 font-size: small;
	 font-weight: bold;
	 line-height: 1.125;
	 text-shadow: #003 0 1px 2px;
}

#alpha { margin: 15px 15px 0 15px; width: 470px; }
#beta { width: 240px; }
#gamma, #delta { width: 180px; }

#beta-inner,
#gamma-inner,
#delta-inner
{
	 padding: 10px 0 0 10px;
}

.date-header
{
	 margin-top: 0;
	 font-size: small;
	 font-weight: bold;
	 text-transform: uppercase;
}

.entry-header
{
	 margin-top: 0;
	 border-left: 5px solid #336;
	 padding: 0 0 0 10px;
	 color: #337;
	 font-size: x-large;
}

.entry-content,
.comment-content,
.trackback-content
{
	 margin: 0;
	 line-height: 1.5;
}

.entry-footer,
.comment-footer,
.trackback-footer
{
	 margin: 0 0 30px 0;
	 border-top: 1px solid #336;
	 padding-top: 3px;
	 color: #337;
	 text-align: right;
}

.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer
{
	 margin-left: 10px;
}

.content-nav { margin-top: 0; }

#trackbacks-info
{
	 margin: 10px 0;
	 border: 1px dashed #336;
	 padding: 0 10px;
	 color: #337;
	 font-size: x-small;
	 text-align: center;
}

.comments-open-footer
{
	 margin: 10px 0;
}


/* modules */

.module
{
	margin: 0 0 10px 0;
	background: #F0F0F5;
}

.module-content
{
	 margin: 0 0 10px 0;
	 padding: 10px 0 0 10px;
	 font-size: small;
	 line-height: 1.2;
}

.module-search input { font-size: small; }
.module-search #search { width: 100px; }

.module-list
{
	 margin: 0 0 10px 15px;
	 list-style: disc;
}

.module-list .module-list
{
	 margin: 5px 0 0 0;
	 padding-left: 15px;
	 list-style: circle;
}

.module-list-item
{
	 margin-top: 0;
	 color: #337;
	 line-height: 1.2;
}


/* moblog1 tweaks */

.layout-moblog1 #alpha
{
	margin: 0;
	width: 180px;
}

.layout-moblog1 #alpha-inner
{
	padding: 10px 10px 0 10px;
	border-width: 2px 0 2px 2px;
	border-style: solid;
	border-color: #fff;
}

.layout-moblog1 #beta
{
	margin: 15px 15px 0 15px;
	width: 320px;
	background: none;
}

.layout-moblog1 #beta-inner
{
	padding: 0;
	border-width: 0;
}

.layout-moblog1 .module-recent-photos .module-content { padding: 10px 0 0 10px; }


/* moblog2 tweaks */

.layout-moblog2 #alpha
{
	margin: 0;
	width: 86px;
}

.layout-moblog2 #alpha-inner
{
	padding: 10px 10px 0 10px;
	border-width: 2px 0 2px 2px;
	border-style: solid;
	border-color: #fff;
}

.layout-moblog2 #beta
{
	margin: 15px 15px 0 15px;
	width: 260px;
	background: none;
}

.layout-moblog2 #beta-inner
{
	padding: 0;
	border-width: 0;
}

.layout-moblog2 #delta
{
	width: 154px;
}

.layout-moblog2 .module-recent-photos
{
	border: 0;
	background: none;
}

.layout-moblog2 .module-recent-photos .module-content
{
	padding: 0;
	border: 0;
}

.layout-moblog2 .module-recent-photos .module-list-item { margin: 0 0 10px 0; }

