@import url(styles-contents.css);

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

/* ===================================== basic */

html{
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
}


*{
	font-family: verdana, 'trebuchet ms', sans-seriff;
	font-weight: normal;
	font-size: 12px;
	color: #333333;
	line-height: 150%;
}


body{
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: center; 
}

img { vertical-align: bottom; }

a { color: #fd3e56; text-decoration: none; }
a:visited { color: #990000; }
a:hover { color: #ff6699; text-decoration: underline; }
a img { border: 0; }


h1, h2, h3, h4, h5, h6 { font-weight: normal; }




/* ===================================== 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; }
/* */







/* =================================================== page layout */

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

#container-inner {
	position: static; 
	width: 760;
	margin: 0 11px 0 11px; 
	padding: 0;
 }

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


.layout-2 #alpha { 
	display: inline; /* ie win bugfix */
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 570px;
}

.layout-2 #beta { 
	display: inline; /* ie win bugfix */
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 190px;
}


.layout-2  #alpha-inner{
	position: static;
	padding: 5px 10px 0 10px ;
	text-align: left;
}


.layout-2  #beta-inner{
	position: static;
	padding: 5px 0;
}







/* ================================================ content */

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


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


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


.entry-content {
    clear: both;
}


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


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


.entry-header {
    margin-top: 0;
    border-left: 5px solid #dae0e6;
    padding: 0 0 0 10px;
    color: #666;
    font-size: 18px;
}



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




.img-left{ float: left;  clear: both;}
.img-right{ float: right;  clear: both;}



.center{ text-align: center;}
.left{ text-align: left;}
.right{ text-align: right;}





/* =====================================  side menu */

.menu-btn{
	text-align: center;
	margin-bottom: 2px ;
}

.menu-btn img{
	margin-bottom: 4px ;
}



.add{
	font-size: 10px;
	text-align: center;
	margin: 0 5px 5px 0 ;
	background-image: url( "http://high-art.co.jp/image/menu_btn/add_table/02.gif") ;
	background-repeat: repeat-y;
	background-position: center top;
}

.add a{
	font-size: 100%;
}



.mag .mag01{
	font-size: 10px;
	background-image: url( "http://high-art.co.jp/image/menu_btn/mag_table/02.gif") ;
	background-repeat: repeat-y;
	background-position: center top;
	padding: 2px;
}

.mag form{
	text-align: center;
	margin-bottom: 2px;
}









/* ===================================== footer */


#pagetop{
	text-align: right;
}




#footer{
	padding: 3px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	background-color: #fd3e56 ;
}


#footer a{
	color: #fff;
	font-size: 100%;
}





























/*
 *  Preliminary styles added by Jay for Vicksburg II
 *     for review by Luke/Walt and rest of team
 */

/* All or multiple templates
    Suppress underlines on linked entry titles */
.entry-header a { text-decoration: none; }
    /* Suppress the prev/next nav */
.content-nav { margin: 0px; display: none; }

/* Search results templates */
.mt-search-results .search-results-header {
    border: 2px solid #669;
    background-color: #36414d;
    color: #eee;
    padding: 5px;
}
.mt-search-results .search-results-container { margin-left:10px; }
.mt-search-results form#search-form { width: 400px; margin: 0px auto 20px auto; }
.mt-search-results form#search-form input#search { width: 80%; }
.mt-search-results form#search-form p#search-options { text-align:center; }

/* Entry tag display */
div.entry-tags { margin:0 0 10px 10px; }
ul.entry-tags-list {
    list-style:none;
    padding: 0px;
}
h4.entry-tags-header,
ul.entry-tags-list,
li.entry-tag { display: inline; }

/* Main index styles
    Suppress date header on main index */
.main-index .date-header { display: none; }

/* Comment preview and individual entry
    Widen the comment form */
form textarea#comment-text { width:400px; }

/* All archive templates
    Informational "where am I?" module at top of sidebar */
.module-welcome p { font-size: 12px; }
.module-content p.first { margin-top:0px; }