/*-------------------------------------------------
  Nucleus CMS Stylesheet - bundled with version 3.2
  Based on the Default skin bundled with Nucleus 3.2 and
 'The Writer' by Marco van Hylckama Vlieg made for Pivot blog engine
  Assembled by Boris Lifanovsky (http://www.lifanovsky.com)
  
  update by SkullySoft (http://www.skullysoft.com/)
-------------------------------------------------*/

/*-------------------------------------------------
  General layout
-------------------------------------------------*/
body
{
			background: url(images/pageback.png);
			font-family: "Verdana",Georgia,Times,Times New Roman,sans-serif; 
			font-size: 12px; 
			text-align: center; 
			color: #333; 
			line-height: 1.4; 
			margin: 0; 
}

img
{
	border:none;
}

.thumbframe
{
	border:1px solid #cccccc;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
	background-color:#f9f9f9;
}
.thumbnail
{
	border:1px solid #cccccc;
	padding:0px;
	margin:0px;
	background-color:#f9f9f9;
}
.thumbcaption
{
	margin-left:5px;
	font-size:12px;
}
form
{
	margin: 0;
}

/* Headings */
h1
{
    font-family: "Verdana","Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size :36px;
	font-weight: normal;
	margin: 0px;
/*	padding: 110px 0 0 10px;*/
	padding: 3px 0 0 10px;
}
h2,h3,h4,h5
{
    font-family: "Verdana","Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
}
h6
{
	color: #FF9500;
/*	color: #eeeeee; */
/*	color: #ffff00; */
	font-family: "Verdana";
	font-size :16px;
	font-weight: bold;
	margin: 0px 0px 10px 25px;
}
h3
{
	color:#424282;
	font-weight:bold;
/*	border-top:1px dotted #60a0e0; */
	border-bottom:1px dotted #60a0e0;
}

h4
{
	padding-left: 20px;
	background: url(images/ico_list.gif);
	background-position: center left;
	background-repeat: no-repeat;
	color:#424282;
	font-size:14px;
	font-weight:bold;
/*	border-top:1px dotted #60a0e0; */
	border-bottom:1px dotted #60a0e0;
}

h5
{
	color:#424282;
	border-bottom:1px dotted #60a0e0;
}

/* Lists */
ul
{
	margin-top:2px;
	margin-bottom:2px;
	line-height:120%;
	list-style-image: url(images/markc10.gif);
}

/* Links */
a:link, a:visited
{
	color: #3366cc;
	text-decoration: none;
	border-bottom: 1px dotted #a0a0a0;
}
a:hover, a:active
{
	color:#ff5050;
	background-color:#FFF4EE;
/*	text-decoration:underline; */
/*	border-bottom: 1px solid #333;*/
}

h1 a:link, h1 a:visited
{
	color: #424282;
/*	color: #ffffff;*/
	text-decoration: none;
	border-bottom: 0px dotted #a0a0a0;
}
h1 a:hover, a:active
{
	color: #ff5050;
	background-color: transparent;
}
hr
{
	height: 1px;
	border-style:none none dotted none;
	border-color:#ffffff #ffffff #a0a0a0 #ffffff;
	border-width:0px 0px 1px 0px;
}

pre
{
/*    font-size: 11px; */
    margin: 0px 0px 0px 10px;
    padding: 10px 3px 10px 10px;
}

.source
{
    margin: 0px 20px 0px 20px;
    padding: 0px 0px 0px 0px;
    text-align:left;
    width: 480px;
    overflow: auto;
    overflow-y: hidden;
    border: 1px dotted #a0a0a0;
    background-color: #fafafa;
}


blockquote
{
	font-size: 12px; 
	border: 1px dotted #a0a0a0;
	padding:.5em;
	margin-top: 1em;
	margin-bottom: 0;
	margin-left:20px;
	background-color: #fafafa;
	line-height:120%;
}

#header a:link, #header a:visited
{
	font-variant: small-caps;
	color: #ccc;
	font-style: normal;
	line-height: 1;
	border-bottom: none;
}
#header a:hover, #header a:active
{
	font-variant: small-caps;
	color: #ccc;
	font-style: normal;
	line-height: 1;
	border-bottom: none;
}
#copyrights a:link, #copyrights a:visited
{
	color: #E5F0FF;
}
#copyrights a:hover, #copyrights a:active
{
	color: #ff5050;
}

/* Basic classes */
.hidden
{
	display: none;
}
.centerize
{
	text-align: center;
}
.clearing
{
	width: 704px;
	height: 0;
	clear: both;
}

/*-------------------------------------------------
  Header
-------------------------------------------------*/
#header
{
	position: relative;
	width: 860px;
	height: 168px;
	/* large header image is defined below */
	background: url(images/maincontainerback860.png)
	/* background: white; */
	border-width: 2px 2px 0;
	border-style: solid;
	border-color: #E0E0E0;
	margin: auto;
}
#header h1
{
	/* small header image specific lines */
	height: 168px;
	width: 692px;
/*	background: white url(images/header_sm.jpg) repeat-x 0 6px; */
	margin: 0 6px;
	/* end small header image specific lines */
/*	font-size: 28px; */
	text-align: center;
	line-height: 160px;
}

#banner {
	padding: 0px 0 0 0;
	margin-bottom: 0;
	margin-top: 0;
	text-align: left;
	background-color: #000;
	background: url(images/header.jpg);
	height: 180px;
	border: none;
}

#navigator {
	padding: 0 10px 0 10px;
	margin: 0;
	text-align: right;
	color:#606060;
	font-size: 12px;
	font-family: "Verdana";
	background-color: #f0f0f0;
	height: 20px;
	border-bottom: 1px #e0e0e0 solid;
}
#subtitle {
	padding: 0 10px 0 10px;
	margin: 0;
	text-align: left;
	color: #424282;
	font-size: 14px;
	font-weight:bold;
	font-family: "Verdana";
	background-color: #f0f0f0;
	height: 20px;
/*	border-bottom: 1px #e0e0e0 solid; */
}
		
/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
#mainwrapper
{
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(images/maincontainerback860.png);
}
#wrapper
{
	width: 800px;
	border: none;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: url(images/contentback.gif);
}

/*-------------------------------------------------
  Main content
-------------------------------------------------*/
#container
{
	width: 800px;
	height: 1%;
	overflow: visible;
	float: left;
	padding: 4px 0 0 0;
	margin-right: -204px;
}
.content
{
	padding: 0;
	margin: 7px 224px 30px 20px;
}

/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
.contenttitle h2
{
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
/*	font-variant: small-caps; */
	font-size: 18px;
	color: #424282;
	margin-top:20px;
	background: url(images/doc.png);
	background-position: center left;
	background-repeat: no-repeat;
	border-top:1px #a0a0a0 dotted;
	border-right:1px #a0a0a0 dotted;
/*	border-bottom:2px #ffffff solid; */
}
.contentbody
{
	font-size: 14px;
	background-color: #fff;
	color:#404040;
	padding:10px;
	border: 1px #ccc solid;
	text-align:justify;
/*	-moz-border-radius:5px */

}


/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory
{
	background: url(images/folder.png) center left no-repeat;
	font-size: 11px;
/*    font-variant: small-caps; */
	line-height: 12px;
	padding: 0 10px 0 14px;
}
.contentitempostedby
{
	background: url(images/person.png) center left no-repeat;
	font-size: 11px;
/*    font-variant: small-caps; */
	line-height: 12px;
	padding: 0 10px 0 12px;
}
.contentitemcomments
{
	background: url(images/comment.png) center left no-repeat;
	font-size: 11px;
/*    font-variant: small-caps; */
	line-height: 12px;
	padding: 0 10px 0 13px;
}
.contentitemedit
{
	background: url(images/edit.gif) center left no-repeat;
	font-size: 11px;
/*    font-variant: small-caps; */
	line-height: 12px;
	padding: 0 10px 0 11px;
}
.contentitem
{
	padding: 3px 0 0 0;
	margin: 0 0 5px 0;
}
.contentitem1
{
	display: inline;
}
.contentitem2
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem3
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem4
{
	display: inline;
	padding: 0 0 0 10px;
	background: url(images/dotv.gif) left repeat-y;
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment
{
	background: url(images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.itemcomment:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.id1:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.itemcomment h3
{
	font-size: 12px;
}

/*-------------------------------------------------
  Menu
-------------------------------------------------*/
#sidebarcontainer
{
	float: right;
	width: 200px;
	width: 210px;
	width: 200px;
	padding: 2px 0 0 0;
}
.sidebar
{
	color: #21262A;
	margin: 0 6px 4px 0;
}

/* Menu lists */
.sidebardl
{
	padding: 0 0 10px 0;
	margin: 0;
}
.sidebardl dt
{
	background: #E5E5E5 url(images/sidetitlebg.gif);
	color: #3A3523;
	font-size: 12px;
	font-weight: bold;
    font-family: "Verdana","Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	padding: 4px 10px;
	-moz-border-radius:3px

}
.sidebardl dd
{
	background: #EEEEEE;
	padding: 0px 1px 0px 10px;
	margin: 1px 0 0 0;
	-moz-border-radius:3px
}
.sidebardl dd:hover
{
	background: #E7E7E7;
	padding: 0 0 0 10px;
	margin: 1px 0 0 0;
}
.sidebardl dd a:link, .sidebardl dd a:visited
{
	background: url(images/markc10x.gif) left top no-repeat;
	padding: 0 0 0 10px;
}
.sidebardl dd.comment
{
	background: #EEEEEE;
	padding: 0px 1px 0px 25px;
	margin: 1px 0 0 0;
}
.sidebardl dd.comment a:link, .sidebardl dd.comment a:visited
{
	background: url(images/markc04x.gif) left top no-repeat;
	padding: 0 0 0 10px;
}

/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#footer
{
	width: 800px;
	background-color: #333333;
/	background: url(images/bg_header.gif); */
	clear: both;		
	font-size: 12px;
	text-align: center;
/*	height: 10px; */
	margin: 0;

}

#copyrights
{
	color: #a0a0a0;
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
}
.commentform, .mailform
{
	margin-top: 10px;
    padding: 10px;
    background: #EEEEEE;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
}
.formfield
{
	font-size: 12px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton
{
	font-size: 12px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.searchform .formfield
{
	width: 130px;
    font-family: "Verdana", Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.searchform .formbutton
{
	width: 60px;
    font-family: "Verdana", Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 130px;
    font-family: "Verdana", Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
    font-family: "Verdana", Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 280px;
    font-family: "Verdana", Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
    font-family: "Verdana", Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail
{
    width: 300px;
    margin-right: 105px;
    font-family: "Verdana", Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
{
    width: 450px;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
    font-family: "Verdana", Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error
{
	color: red;
	font-weight: bold;
}


/*-------------------------------------------------
  Miscelaneous
-------------------------------------------------*/
/* VBlog image onion skin shadow - From AListApart.com*/
.wrap1, .wrap2, .wrap3
{
	display:inline-table;
	/* \*/display:block;/**/
}
.wrap1
{
	float:left;
	background:url(images/shadow.gif) right bottom no-repeat;
	margin: 0 5px 3px 0;
}
.wrap2
{
	background:url(images/corner_br.gif) left bottom no-repeat;
}
.wrap3
{
	background:url(images/corner_tr.gif) right top no-repeat;
	padding:0 5px 5px 0;
}
.wrap3 img
{
	display:block;
	border: 3px solid white;
}

/* Search highlight color */
.highlight
{
	background: #DEFFA9;
}

/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
}
.leftbox {
	float: left;
	border: 1px solid #ccc;
}
.rightbox {
	float: right;
	border: 1px solid #ccc;
}

/*---カレンダー設定----------------------------------------------------------*/
table.calendar {
	/* カレンダーの横幅と高さ (指定する場合は『/＊』と『＊/』を取り除いてください)
	     width : 横幅;
	     height: 高さ;
	     
	     例)
	       width:  640px;
	       height: 480px;
	*/
	/*     width:  640px;*/
	/*     height: 480px;*/
	
	background-color: #fafafa; /* 背景色 */
	/* カレンダーの背景画像　(注)背景画像を指定する場合は、上記の幅と高さを指定しないと背景画像が正しく表示されません。
               例1:background-image: url("htt://www.example.co.jp/~user/image.jpg");
	       例2:background-image: url("../images/test.gif");
        */         background-image: none;
	/*カレンダーのセンタリング */
	margin:auto;
	text-align:center;

}
/* カレンダーの今日の日付の部分 */
table.calendar td.today {
	background-color: #e5f0ff; /* 背景色 */
}
/* カレンダーの日付が入った箱の領域以外の部分の色 */
#care {
/*
	width: 50px;
*/	background-color: none;
}
.calendar {
	font-family: "ＭＳ Ｐ ゴシック" ,"Osaka",verdana ,arial ,sans-serif;
	font-size: 12px;
	font-weight: normal;
  	padding: 5px;
}
/* ボックス(曜日と日付が入った箱) */
table.calendar {
	font-size: 12px;
}
/* 曜日 */
tr.calendardateheaders {
	color: #424282;
	font-weight: normal;
	font-family: Verdana, sans-serif;
	text-align: center;
}
/* 日付 */
table.calendar td {
	color:#808080;
	text-align: center;
}

.commentinfo
{
	margin-top:5px;
	color:#808080;
	font-size:10px;
	
}

/* NP_ArchiveIndex */
.archiveindex a { /*リンク全般*/
    text-decoration: none;
	border-bottom: 0px dotted #a0a0a0;
}
.archiveindex table { /*テーブルのスタイル指定*/
    width: 100%;
    margin: 1em 0 2em;
    padding: 0;
    border-collapse: collapse;
}
.archiveindex th { /*カテゴリー名*/
    background-color: white;
    margin: 0;
    padding: 2px 5px;
    
    text-align: left;
    font-size: 14px;
}
.archiveindex tr { /*行表示のスタイル指定*/
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
}
.archiveindex tr.stripe { /*行の色分け*/
    background-color: transparent;
}
.archiveindex tr.more { /*Moreリンク行*/
    background: none;
    font-size: 10px;
}
.archiveindex td { /*セル表示のスタイル指定*/
    margin: 0;
    padding: 2px 5px;
    border-top: 1px dotted gray;
    text-align: left;
    vertical-align: top;
}
.archiveindex td.detail { /*日付表示セル*/
    white-space: nowrap;
    text-align: right;
}
.archiveindex td span.title { /*記事タイトル*/
}
.archiveindex td span.title-up { /*更新された記事*/
    color: red;
}
.archiveindex td span.catdesc { /*カテゴリー詳細*/
    font-size: small;
    color: gray;
}
.archiveindex td span.nomore { /*Moreリンク無効*/
    color: #ccc;
}

/* code view */
.code {
	border: 1px dotted #a0a0a0;
	padding:.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	background-color: #fafafa;
}

/* znSmiley */
.znsm_re {
color: #090;
}
/* <img /> */
.znsm_img {
vertical-align: middle;
}

/* table */
thead td.style_td,
tfoot td.style_td
{
	color:inherit;
	background-color:#D0D8E0;
}
thead th.style_th,
tfoot th.style_th
{
	color:inherit;
	background-color:#E0E8F0;
}
.style_table
{
	padding:0px;
	border:0px;
	margin:0px 0px 0px 20px;
	text-align:left;
	color:inherit;
	background-color:#ccd5dd;
}
.style_th
{
	padding:5px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color:#EEEEEE;
}
.style_td
{
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
}

/* Nucleus v3.24 --> v3.3 */
div.loginform .formfield, div.commentform .formfield, div.mailform .formfield {
    display: block;
}