@charset "utf-8";

/*---------------↓ ストア用 ↓---------------*/
/* ---------------------------
左右のボックス：通常
--------------------------- */
.boxText {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 11px;                                 /* フォントサイズ */
}
/* ---------------------------
左右のボックス：エラー
--------------------------- */
.errorBox {
  font-family : Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
  font-size : 10px;                                /* フォントサイズ */
  background: #ffb3b5;                             /* 背景色 */
  font-weight: bold;                               /* フォント太さ */
}
/* ---------------------------
「カートには何が入っている?」ページで商品の在庫が無い時に表示するメッセージ
--------------------------- */
.stockWarning {
  font-family : Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
  font-size : 12px;                                /* フォントサイズ */
  color: #cc0033;                                  /* フォントカラー */
}
/* ---------------------------
調査中
--------------------------- */
.productsNotifications {
  background: #4D9736;                             /* 背景色 */
  color: #000000;
}
/* ---------------------------
「ご注文の最終確認」ページ「変更」文字
--------------------------- */
.orderEdit {
  font-family : Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
  font-size : 11px;                                /* フォントサイズ */
  color: #70d250;                                  /* フォントカラー */
  text-decoration: underline;                      /* テキストの装飾 */
}
/* ---------------------------
BODY：ボディ
--------------------------- */
BODY {
  background: #ffffff;                             /* 背景色 */
  color: #000000;                                  /* フォントカラー */
  margin: 0px;                                     /* マージン */
}
/* ---------------------------
A：リンク（通常）
--------------------------- */
A { 
  color: #000000;                                  /* フォントカラー */
  text-decoration: none;                           /* テキストの装飾 */
}
/* ---------------------------
A：リンク（カーソルが上に乗ったとき）
--------------------------- */
A:hover { 
  color: #AABBDD;                                  /* フォントカラー */
  text-decoration: underline;                      /* テキストの装飾 */
}
/* ---------------------------
FORM：フォーム
--------------------------- */
FORM {
  display: inline;                                 /* インラインボックス */
}
/* ---------------------------
TR：ヘッダー（ショップ名）
--------------------------- */
TR.header {
  background: #ffffff;                             /* 背景色 */
}
/* ---------------------------
TR：ヘッダー（ナビゲーション）
--------------------------- */
TR.headerNavigation {
  background: #181818;                             /* 背景色 */
}
/* ---------------------------
TD：ヘッダー（ナビゲーション）
--------------------------- */
TD.headerNavigation {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 11px;                                 /* フォントサイズ */
  background: #181818;                             /* 背景色 */
  color: #ffffff;                                  /* フォントカラー */
  font-weight : bold;                              /* フォント太さ */
}
/* ---------------------------
A：ヘッダー（ナビゲーションのリンク）
--------------------------- */
A.headerNavigation { 
  color: #FFFFFF;                                  /* フォントカラー */
}
/* ---------------------------
A：ヘッダー（ナビゲーション・カーソルが上に乗ったとき）
--------------------------- */
A.headerNavigation:hover {
  color: #ffffff;                                  /* フォントカラー */
}
/* ---------------------------
TR：ヘッダー（エラー）
--------------------------- */
TR.headerError {
  background: #ff0000;                             /* 背景色 */
}
/* ---------------------------
TD：ヘッダー（エラー）
--------------------------- */
TD.headerError {
  font-family: Osaka, Tahoma, Verdana, Arial, sans-serif; /* フォントファミリ */
  font-size: 12px;                                 /* フォントサイズ */
  background: #ff0000;                             /* 背景色 */
  color: #ffffff;                                  /* フォントカラー */
  font-weight : bold;                              /* フォント太さ */
  text-align : center;                             /* 横位置 */
}
/* ---------------------------
TR：ヘッダー（メッセージ）
--------------------------- */
TR.headerInfo {
  background: #00ff00;                             /* 背景色 */
}
/* ---------------------------
TD：ヘッダー（メッセージ）
--------------------------- */
TD.headerInfo {
  font-family: Osaka, Tahoma, Verdana, Arial, sans-serif; /* フォントファミリ */
  font-size: 12px;                                 /* フォントサイズ */
  background: #00ff00;                             /* 背景色 */
  color: #ffffff;                                  /* フォントカラー */
  font-weight: bold;                               /* フォント太さ */
  text-align: center;                              /* 横位置 */
}
/* ---------------------------
TR：フッター
--------------------------- */
TR.footer {
  background: #bbc3d3;                             /* 背景色 */
}
/* ---------------------------
TD：フッター
--------------------------- */
TD.footer {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 11px;                                 /* フォントサイズ */
  background: #bbc3d3;                             /* 背景色 */
  color: #ffffff;                                  /* フォントカラー */
  font-weight: bold;                               /* フォント太さ */
}
/* ---------------------------
TABLE：情報ボックス
--------------------------- */
.infoBox {
  background: #181818;                             /* 背景色 */
}
/* ---------------------------
TABLE：情報ボックス（コンテンツ）
--------------------------- */
.infoBoxContents {
  background: #181818;                             /* 背景色 */
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 11px;                                 /* フォントサイズ */
}
/* ---------------------------
調査中
--------------------------- */
.infoBoxNotice {
  background: #FF8E90;                             /* 背景色 */
}
/* ---------------------------
調査中
--------------------------- */
.infoBoxNoticeContents {
  background: #FFE6E6;                             /* 背景色 */
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 10px;                                 /* フォントサイズ */
}
/* ---------------------------
TD：情報ボックス（タイトル）
--------------------------- */
TD.infoBoxHeading {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 11px;                                 /* フォントサイズ */
  font-weight: bold;                               /* フォント太さ */
  color: #ffffff;                                  /* フォントカラー */
}
/* ---------------------------
TD,SPAN：情報ボックス（情報・メッセージ）
--------------------------- */
TD.infoBox, SPAN.infoBox {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 11px;                                 /* フォントサイズ */
}
/* ---------------------------
TR：奇数行
--------------------------- */
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #202020;                             /* 背景色 */
}
/* ---------------------------
TR：偶数行
--------------------------- */
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #505050;                             /* 背景色 */
}
/* ---------------------------
TR：商品一覧（タイトル）
--------------------------- */
TR.productListing-heading {
  background: #d2e9fb;                             /* 背景色 */
}
/* ---------------------------
TD：商品一覧（タイトル）
--------------------------- */
TD.productListing-heading {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 11px;                                 /* フォントサイズ */
  background: #101010;                             /* 背景色 */
  color: #000000;                                  /* フォントカラー */
  font-weight: bold;                               /* フォント太さ */
  font-variant: small-caps;                        /* 文字異体（全て大文字にする） */
}
/* ---------------------------
TD：商品一覧（データ）
--------------------------- */
TD.productListing-data {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 11px;                                 /* フォントサイズ */
}
/* ---------------------------
A：ページリンク（通常）
--------------------------- */
A.pageResults { 
  color: #0000FF;                                  /* フォントカラー */
}
/* ---------------------------
A：ページリンク（カーソルが上に乗ったとき）
--------------------------- */
A.pageResults:hover { 
  color: #0000FF;                                  /* フォントカラー */
  background: #FFFF33;                             /* 背景色 */
}
/* ---------------------------
TD：ページヘッダ
--------------------------- */
TD.pageHeading, DIV.pageHeading {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 18px;                                 /* フォントサイズ */
  font-weight: bold;                               /* フォント太さ */
  color: #9a9a9a;                                  /* フォントカラー */
}
/* ---------------------------
TR：サブバー（未使用）
--------------------------- */
TR.subBar {
  background: #f4f7fd;                             /* 背景色 */
}
/* ---------------------------
TD：サブバー（未使用）
--------------------------- */
TD.subBar {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 10px;                                 /* フォントサイズ */
  color: #000000;                                  /* フォントカラー */
}
/* ---------------------------
TD：メイン
--------------------------- */
TD.main, P.main {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 11px;                                 /* フォントサイズ */
  line-height: 1.5;                                /* 行の高さ */
}
/* ---------------------------
TD,SPAN：小さい文字（メッセージ）
--------------------------- */
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 11px;                                 /* フォントサイズ */
}
/* ---------------------------
TD：アカウントカテゴリー
--------------------------- */
TD.accountCategory {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 13px;                                 /* フォントサイズ */
  color: #aabbdd;                                  /* フォントカラー */
}
/* ---------------------------
TD：フィールド（キー）
--------------------------- */
TD.fieldKey {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 12px;                                 /* フォントサイズ */
  font-weight: bold;                               /* フォント太さ */
}
/* ---------------------------
TD：フィールド（値）
--------------------------- */
TD.fieldValue {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 12px;                                 /* フォントサイズ */
}
/* ---------------------------
TD：一覧表の項目名
--------------------------- */
TD.tableHeading {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 12px;                                 /* フォントサイズ */
  font-weight: bold;                               /* フォント太さ */
}
/* ---------------------------
SPAN：情報ボックス（新しくカートに入れた商品）
--------------------------- */
SPAN.newItemInCart {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 11px;                                 /* フォントサイズ */
  color: #ff0000;                                  /* フォントカラー */
}
/* ---------------------------
CHECKBOX, INPUT, RADIO, SELECT：FORMの入力・選択項目
--------------------------- */
CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 11px;                                 /* フォントサイズ */
}
/* ---------------------------
TEXTAREA：FORMの入力項目
--------------------------- */
TEXTAREA {
  width: 100%;
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 11px;                                 /* フォントサイズ */
}
/* ---------------------------
SPAN：トップページのメッセージ（こんにちは、○○さん～）
--------------------------- */
SPAN.greetUser {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 12px;                                 /* フォントサイズ */
  color: #D69F36;                                  /* フォントカラー */
  font-weight: bold;                               /* フォント太さ */
}
/* ---------------------------
TABLE：フォームエリア（境界線）
--------------------------- */
TABLE.formArea {
  background: #101010;                             /* 背景色 */
  border-color: #7b9ebd;                           /* 境界線の色 */
  border-style: solid;                             /* 境界線のスタイル */
  border-width: 1px;                               /* 境界線の幅 */
}
/* ---------------------------
TD：フォームエリア（タイトル）
--------------------------- */
TD.formAreaTitle {
  font-family: Osaka, Tahoma, Verdana, Arial, sans-serif; /* フォントファミリ */
  font-size: 12px;                                 /* フォントサイズ */
  font-weight: bold;                               /* フォント太さ */
}
/* ---------------------------
SPAN：マーク（在庫切れ）
--------------------------- */
SPAN.markProductOutOfStock {
  font-family: Osaka, Tahoma, Verdana, Arial, sans-serif; /* フォントファミリ */
  font-size: 12px;                                 /* フォントサイズ */
  color: #c76170;                                  /* フォントカラー */
  font-weight: bold;                               /* フォント太さ */
}
/* ---------------------------
SPAN：特価商品価格
--------------------------- */
SPAN.productSpecialPrice {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  color: #ff0000;                                  /* フォントカラー */
}
/* ---------------------------
SPAN：エラー
--------------------------- */
SPAN.errorText {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  color: #ff0000;                                  /* フォントカラー */
}
/* ---------------------------
レジチェックボックス・マウスオフ
--------------------------- */
.moduleRow { }
/* ---------------------------
レジチェックボックス・マウスオーバー
--------------------------- */
.moduleRowOver {
  background-color: #213A8A;                       /* 背景色 */
  cursor: hand;                                    /* カーソル形状 */
  color: #000000;
}
/* ---------------------------
レジチェックボックス選択行
--------------------------- */
.moduleRowSelected {
  background-color: #4D9736;                       /* 背景色 */
  color: #000000;
}
/* ---------------------------
チェックアウト手順
--------------------------- */
.checkoutBarFrom, .checkoutBarTo {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 11px;                                 /* フォントサイズ */
  color: #8c8c8c;                                  /* フォントカラー */
}
/* ---------------------------
チェックアウト手順（現在の手順）
--------------------------- */
.checkoutBarCurrent {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 11px;                                 /* フォントサイズ */
  color: #ffffff;                                  /* フォントカラー */
}
/*---------------↑ ストア用 ↑---------------*/

/*---------------↓ ブログ用 ↓---------------*/
html {
  scrollbar-track-color: #d1dbd1;
  scrollbar-face-color: #d1dbd1;
  scrollbar-shadow-color: #999;
  scrollbar-darkshadow-color: #d1dbd1;
  scrollbar-highlight-color: #999;
  scrollbar-3dlight-color: #d1dbd1;
  scrollbar-arrow-color: #999;
}

body {
  margin: 0;
  background-image: url('http://www.docstyle.net/images/common/bg.gif');
	background-repeat:repeat-x;
	background-color: #3d3d3c;
  color: #999;
  font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka;
	font-size:11px;
}

/* Link Color
--------------------------*/
a:link { color: #999; text-decoration: none; }
a:visited { color: #999; text-decoration: none; }
a:hover { color: #036; text-decoration: none; }
a:active { color: #036; text-decoration: none; }

#blogTitleText {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}

#blogTitleText a:link { color: #036; }
#blogTitleText a:visited { color: #036; }
#blogTitleText a:active { color: #036; }
#blogTitleText a:hover { color: #ccc; }


#blogDescription {
  padding: 30px 10px;
  font-size: medium;
  line-height: 1.3em;
}

/* DELETE
#copyright {
  padding-top: 5px;
  padding-bottom: 30px;
  text-align: center;
  font-size:x-small;
  background-color: #000000;
}
*/


/* --------------------------------------- レイアウト */
#contentBody {
  width: 950px;
  margin: 0 auto;
}

#layoutHead {
  width: 950px;
  height: 120px;
  background-image: url('http://www.docstyle.net/images/common/site_logo_block.gif');
  background-repeat: no-repeat;
  background-position: left top;
}

#layoutBody {
  width: 950px;
  margin: 0 auto;
  background-color: #ff0000;
  background-repeat: repeat-y;
  background-position: left top;
}

#layoutMain {
  width: 680px;
  background-color: #000000;
}

#layoutSide {
  width: 250px;
}

#layoutFoot {
  width: 950px;
  padding-top: 5px;
  background-color: #000;
}


/* --------------------------------------- エントリー */
.entryBody {
  clear: right;
  width: 685px;
}

.entryTitle {
  width: 280px;
  padding: 5px 10px;
  font-size: medium;
  color: #ccc;
  text-align: left;
}

.entryDate {
  width: 170px;
  padding: 5px;
  color: #ccc;
  font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka;
	font-size:11px;
  text-align: right;
}

.entryContents {
  background-color: #181818;
  padding: 15px;
  font-size:11px;
  line-height: 1.3em;
}

.entryContents A,A:visited {
	color:#73bfe5;
}

.entryContents A:hover{
	color:#39ace5;
}

.entryContents img {
  display: block;
  padding-bottom: 1em;
  border: 0;
}

.entryState {
  padding-top: 1.5em;
  text-align: right;
  font-size: x-small;
}

.pageup {
  float: right;
  font-size: 9px
}

.pageup img {
  border: 0;
}

/* --------------------------------------- コメント */
.commentBody {
  clear: right;
  width: 650px;
  border: 1px #036 solid;
}

.commentTitle {
  padding: 5px 10px;
  background-color: #213A8A;
  font-size: small;
  color: #ccc;
  border-bottom: 1px #036 solid;
  text-align: left;
}

.commentContents {
  background-color: #181818;
  padding: 15px;
  font-size:small;
  line-height: 1.3em;
  text-align: left;
}

.commentState {
  padding-top: 1.5em;
  text-align: right;
  font-size: small;
}

.comments {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px #999 dashed;
}

/* --------------------------------------- トラックバック */
.trackbackBody {
  clear: right;
  width: 650px;
  border: 1px #036 solid;
}

.trackbackTitle {
  padding: 5px 10px;
  background-color: #213A8A;
  font-size: small;
  color: #ccc;
  border-bottom: 1px #036 solid;
}

.trackbackContents {
  background-color: #181818;
  padding: 15px;
  font-size:small;
  line-height: 1.3em;
}

.trackbackState {
  padding-top: 1.5em;
  text-align: right;
  font-size: x-small;
}

.trackbacks {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px #999 dashed;
}


/* --------------------------------------- サイドバー */
#SideTitle{
  width: 260px;
  padding: 5px 10px;
  background-color: #4E972E;
  font-size: medium;
  color: #ccc;
  text-align: left;
  border-bottom: 1px #036 solid;
}


/* Calendar
--------------------------*/
#calendarBox {
  width: 240px;  
  padding: 25px 5px 15px;
  background-image: url('images/b1_calendar.gif');
  background-repeat: no-repeat;
  background-position: left top;
}

#calendarBox form {
  display: none;
}

#dispCalendar {
  width: 250px;
}

.calendar {
  width: 100%;
  border-spacing: 2px;
  font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka;
	font-size:11px;
}

.calendar td {
  width: 15px;
  height: 12px;
  border: 1px #999 solid;
}

.cell_sunday {
  color: #696;
}

.cell_today {
  border: 1px #036 solid !important;
  font-weight: bold !important;
}

.calendar a {
  display: block;
  background-color: #ffc;
}

.calendarNavi {
  font-size: 10px;
}

.calendarNavi img {
  border: 0;
}

/* New Entries
--------------------------*/
#newentriesBox {
  width: 250px;  
  padding: 25px 5px 15px;
  background-color: #181818;
  border: 1px #036 solid;
}

.list {
  padding: 0 0 5px 15px;
  background-image: url('http://www.docstyle.net/images/common/list.gif');
  background-repeat: no-repeat;
  background-position: left top;
  font-size: small;
  line-height: 1em;
}

/* Categories
--------------------------*/
#categoriesBox {
  width: 250px;  
  padding: 25px 5px 15px;
  background-color: #181818;
  background-position: left top;
  border: 1px #036 solid;
}

/* Profile
--------------------------*/
#profileBox {
  width: 250px;  
  padding: 25px 5px 15px;
  background-image: url('images/b1_profile.gif');
  background-repeat: no-repeat;
  background-position: left top;
}

/* Links
--------------------------*/
#linksBox {
  width: 250px;  
  padding: 25px 5px 15px;
  background-image: url('images/b1_link.gif');
  background-repeat: no-repeat;
  background-position: left top;
}
/* ------- ■ページ移動リンク ------- */
.pagemove {
  font-size: 12px;
  font-family:  "ＭＳ Ｐゴシック", Osaka‐等幅;
  margin:10px 5px 10px 5px;
}

input#author, input#email, input#url {
	color:#f2f2f2;
}

textarea#comment{
	color:#f2f2f2;
	line-height:150%;
}

/*---------------↑ ブログ用 ↑---------------*/

/* Initialize */
* {
	padding:0;
	margin: 0;
	vertical-align:baseline;
}

/* Typography & Colors */
* {
	font-weight:normal;
	font-size:12px;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",sans-serif;
}

a {
	text-decoration:none;
}

a:hover {
	color:#ff0000;
}

small {
	font-size:11px;
}

#site_frame {
	text-align:left;
}

#site_menu A {
	color:#999;
	font-size:11px;
}

#site_menu li A:visited {
	color:#999;
}

#site_menu A:hover {
	color:#fff;
}

#site_menu li{
	text-align:right;
}

div.entry,div.entry td, #sidebar,
div.store_entry,div.store_entry td{
	color:#f2f2f2;
	line-height:150%;
}

div.entry h1,div.entry h1 A,div.entry h1 A:visited,
div.store_entry h1,div.store_entry h1 A,div.store_entry h1 A:visited {
	font-size:18px;
	color:#fff;
	font-weight:normal;
}

div.entry h1 A:hover,
div.store_entry h1 A:hover {
	color:#39ace5;
}

div.entry h2,div.entry h2 A,
div.store_entry h2,div.store_entry h2 A{
	font-size:14px;
	color:#D69F36;
	font-weight:normal;
}


div.entry h3,
div.store_entry h3{
	text-indent:5px;
}

p.postmetadata {
	font-size:11px;
}

input#author, input#email, input#url {
	color:#f2f2f2;
}

textarea#comment{
	color:#f2f2f2;
	line-height:150%;
}

#recommend img.recommend, #recommend h1{
	text-align:center;
}

#recommend p{
	text-indent:0;
	color:#ccc;
	line-height:150%;
}

#recommend img.arrow{
	border-style:none;
}

div.entry p A, div.entry p A:visited,
div.store_entry p A,div.store_entry p A:visited {
	color:#73bfe5;
}

div.entry p A:hover,
div.store_entry p A:hover{
	color:#39ace5;
}

#sidebar h2{
	font-weight:normal;
}

#sidebar ul li dt, #sidebar ul li dd{
	color:#b2b2b2;
}

#sidebar li A ,#sidebar li A:visited{
	color:#b2b2b2;
}

#sidebar li A:hover{
	color:#acd2e5;
}

#sidebar ul li dd A, #sidebar ul li dd A:visited{
	color:#acd2e5;
}

#sidebar ul li dd A:hover{
	color:#fff;
}

#footer{
	text-align:center;
	color:#fff;
}

#address, #copyright {
	font-size:11px;
	color:#ccc;
}

span.entrydate{
	font-size:10px;
	color:#666;
}

span.entrydatetime{
	font-size:10px;
	color:#b2b2b2;
}

/* Background & Borders */
body {
	background-image:url(http://www.docstyle.net/images/common/bg.gif);
	background-repeat:repeat-x;
	background-color: #3d3d3c;
	text-align:center;
}

img {
	border-style:none;
}

.border{
	border:solid 2px #3d3d3d;
	background-color:#0d0d0d;
	background-repeat:no-repeat;
}

#container {
	background-image:url(http://www.docstyle.net/images/common/container_bg.gif);
	background-repeat:repeat-y;
}

/*
#content h1{
	background-image:url(http://www.docstyle.net/images/common/h1_bg.gif);
}

*/

div.entry,
div.store_entry{
	background-image:url(http://www.docstyle.net/images/common/entry_bg.png);	
	background-color:#181818;
}

div.entry_top{
	background-image:url(http://www.docstyle.net/images/common/entry_top.png);	
}

div.entry_bottom{
	background-image:url(http://www.docstyle.net/images/common/entry_bottom.png);	
}


div.entry h3,
div.store_entry h3 {
	border-left:solid 2px #D69F36;
}

div.entry img,
div.store_entry img{
	border-style:none;
}

input#author, input#email, input#url {
	width:200px;
	border:solid 2px #3d3d3d;
	background-color:#0d0d0d;
}

textarea#comment{
	background-color:#0d0d0d;
	border-style:none;
}

#toppage {
	background-image:none;
	background-color:transparent;
}

#site_logo_block {
	background-image:url(http://www.docstyle.net/images/common/site_logo_block.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#sidebar{
	background-color: #181818;
}

#sidebar h2{
	border-bottom:dotted 1px #516647;
}

#footer{
	background-color:#000000;
}

/* Lists */
#site_menu{
	list-style:none;
}

/* Structure */
.white_space{
	clear:both;
	height:1px;
	width:950px;
	overflow: hidden;
}

div.navigation div.white_space {
	width:950px;
}

div.navigation {
	overflow:hidden;
}
#site_frame{
	width:950px;
	margin:0 auto;
}

#site_logo_block {
	height:120px;
}

#site_logo {
	position: relative;
	top: 15px;
	left:13px;
	width:96px;
	height:84px;
	float:left;
}

#site_menu{
	margin-top:14px;
	float:right;
}

#site_menu li{
	float:left;
	display:block;
}

#site_menu li.about{
	width:120px;
}

#site_menu li.sitemap{
	width:90px;
}

#container{
	clear:none;
	width:950px;
	margin-top:10px;
	overflow:hidden;
}


#content{
	width:687px;
	float:left;
	overflow:hidden;
}

#toppage{
	width:688px;
	float:left;
}

#sidebar {
	width:250px;
	float:right;
	text-align:left;
}

#billboard{
	clear:both;
	margin-left:1px;
}

#recommend {
	width:688px;
	margin-top:10px;
}

#recommend .frame1{
	position:relative;
	width:222px;
	float:left;
}

#recommend .frame2{
	position:relative;
	width:222px;
	float:left;
	left: 11px;
}

#recommend .frame3{
	position:relative;
	width:222px;
	float:right;
	margin-right:1px;
}

#recommend .border{
	padding:10px;
}

#recommend img.recommend{
	margin:10px 0 0 8px;
}

#recommend p{
	margin:10px;
}

#recommend img.arrow{
	position:absolute;
	bottom:10px;
	right:10px;
}

div.entry,
div.store_entry {
	padding:10px 10px 10px 20px;
}

div.entry_top, div.entry_bottom{
	height:10px;
	overflow: hidden;
}

div.entry_bottom{
	margin-bottom:0px;
}

div.entry h1,
div.store_entry h1{
	margin-bottom:24px;
}

div.entry h2,
div.store_entry h2{
	margin:0;
}

div.entry h3,
div.store_entry h3{
	clear:both;
	display:block;
	margin:16px 0;
}

div.entry table{
	margin-top:6px;
	margin-bottom:0px;
}

div.entry td,
div.store_entry td{
	vertical-align:top;
}

div.entry ol.commentlist{
	list-style:none;
}

div.entry ol.commentlist li{
	margin-bottom:10px;
	padding:5px;
}

div.entry img{
	margin:20px;
	float: left;
}

div.entry p{
	margin-bottom:1em;
}

p.datetime {
	text-align:right;
	margin:0 5px 20px 0;
}

p.postmetadata {
	clear:both;
	text-align:right;
	margin-top:10px;
}

p.commentmetadata {
	text-align:right;
	float:right;
}

p.commentauthor {
	margin-bottom:5px;
}

p.respond{
	margin-bottom:5px
}

textarea#comment{
	width:641px;
	margin:5px;
}

div.navigation{
	margin:20px 0 0 0;
}

div.navigation A, div.navigation A:visited, ul#archivedlist A, ul#archivedlist A:visited {
	color:#f2f2f2;
}

div.navigation A:hover, ul#archivedlist A:hover {
	color:#73bfe5;
}

div.alignleft, div.alignright {
	width:320px;
}

div.alignleft {
	float:left;
}

div.alignright {
	float:right;
	text-align:right;
}

#footer{
	clear:both;
	margin: 10px 0 0 0;
	height:40px;
}

#address {
	margin:10px 0 10px 10px;
	float:left;
}

#copyright {
	margin:10px 10px 10px 0;
	float:right;
}

#sidebar ul, #archivedlist{
	list-style:none;
	margin:5px;
}

#sidebar h2{
	margin:20px 20px 5px 10px;
}

#sidebar ul li.widget{
	margin:0 0 20px 0;
}

#sidebar ul li dt{
	margin-left:10px;
}

#sidebar ul li dd{
	margin:0 10px 5px 20px;
}

#sidebar ul li.widget_tag_cloud{
	margin:0 0 20px 20px;
}

#sidebar ul li.widget_tag_cloud h2{
	margin-left:-10px;
}

#sidebar ul ul{
	margin:0;
}

#sidebar ul ul li{
	margin:1px 0;
}

ul#archivedlist {
	margin-top:20px;
}

#sidebar ul.sitenavi {
	margin-top:20px;
}

* html #sidebar ul.sitenavi {
	margin-top:0px;
}

#sidebar ul ul li a, ul#archivedlist li a{
	padding-left:20px;
	padding-right:10px;
	background-image:url(http://www.docstyle.net/images/common/sidebar-li.png);
	background-repeat:no-repeat;
}

#sidebar ul ul li a:visited, ul#archivedlist li a:visited {
	background-position:0 -100px;
}

#sidebar ul ul li a:hover, ul#archivedlist li a:hover {
	background-position:0 -200px;
}

#menu {
	margin:20px 0 20px 15px;
}

#menu p, #menu A{
	font-size:12px;
}

p.whats_new {
	border-left:solid 2px #D69F36;
	clear:both;
	display:block;
	margin:16px 0;
	padding-left:5px;
}