﻿/*
Theme Name: 勝手になんでもブログカスタム用3カラムカスタムテンプレート
Theme URI: http://blog.nandemo-site.com/
Description: 汎用3カラムのテンプレートです。
Author: nandemo118

wordpress汎用3カラムのスタイルシートです。
オリジナルデザインを作成用です。
枠線、ヘッダー部、ナビゲーションの色は#88abfdにしてあります。
サイドバーのタイトル色は#88abfdを変更
メインコンテンツ、フッター、サイドバーの文字は#666666
置き換えで一気に色を変更出来ます。

UPDATE2008/9/2

お問い合わせ
rockman001jp@yahoo.co.jp

*/

body {
margin: 0px 0px 0px 0px;
background-color: #fffff;/*背景色はここを変更*/
line-height: 150%;
font-size : 100%;
}

h2, h3 {
font-weight: normal;
font-size: 14px;
}

p {
}

/* 全体の枠 */
#container {
text-align: center;
margin-top : auto;
margin-left : auto;
margin-right : auto;
margin-bottom : auto;
padding: 0px;
width : 750px;/*全体の幅を決めます*/
border : 1px solid #88abfd;/*枠線を消したい場合消します*/
background-repeat:no-repeat;
/*background-image: url(".gif");*/
}

.nandemo{
text-align: left;
line-height: 140%;
font-size : 100%;
}


/*ヘッダー部*/
#banner {
color:#ffffff;
padding: 10px;
margin: 1px;
text-align: left;
background-color:#88abfd;/*ヘッダー背景色*/
height : 160px;/*ヘッダー部の高さ指定*/
background-image: url('images/header.jpg');
/*ヘッダー部画像ファイル変更はテンプレート内imagesフォルダ内の画像を変更です*/
}

#banner a,
#banner a:link,
#banner a:visited {
color: #ffffff;
font-size: 20px;
text-decoration: none;
}

#banner a:active,
#banner a:hover {}

/*ヘッダー部の見出しh1指定*/
#banner h1 {
font-weight: bold;
font-size: 20px;
}

/*ヘッダー部紹介文*/
.description {
color:#ffffff;
font-size:x-small;
font-weight:bold; 
}

/*ナビゲーション部*/
#navi {
background-color: #88abfd;
color:#ffffff;
margin: 1px 1px 1px 1px;
padding: 3px;
font-size: 80%;
font-weight:bold;
text-align:left;
background-image : url();
}

#navi a {
color:#ffffff;
text-decoration: none;
padding: 0px 0.3em;
}


/*メインコンテンツ部*/
#content {
float:left;
width:363px;/*メインコンテンツ部の幅*/
border : 1px solid #88abfd;/*枠線を消したい場合消します*/
color: #666666;
text-align: left; 
font-size : 12px;
line-height : 150%;
padding: 10px 10px 10px 10px;
margin: 1px 1px 1px 1px;
}


/*タイトル部指定*/
.title{ 
padding : 2px 2px 2px 2px;
margin-top: 0px;
margin-bottom : 0px;
margin-left : 0px;
margin-right : 0px;
color: #ffffff;
background:#88abfd;
font-size: 14px;
font-weight:bold;
text-align: left;
}


/*日付部指定*/
.date{
font-weight: bold; 
font-size: 12px;
text-align: left;
color: #666666;
padding:5px 0px 0px 0px;
margin:10px 10px 10px 10px;
}


/*フッター部指定*/
#footer {
color:#666666;
font-size: 12px;
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
clear: both;
}

/*サイドバー指定*/
#links {
border : 1px solid #88abfd;/*サイドバーの枠線*/
text-align:left;
float: left;
margin : 1px 1px 1px 1px;
width: 175px;　/*サイドバーの幅指定*/
padding-top : 1px;
padding-left : 1px;
padding-right : 1px;
padding-bottom : 1px;
}

/*サイドバーの内部指定*/
.side {
color:#666666;
font-weight:normal;
background:#ffffff;/*サイドバー背景色はここを変更*/
line-height:140%;
padding : 0px 0px 0px 0px;
font-size:12px;
border:solid 1px #88abfd;/*サイドバーの内部の枠線*/
}


/*サイドバーのタイトル指定*/
.sidetitle {
color:#ffffff;
font-size:11px;
font-weight:bold;
background:#88abfd;/*サイドバーのタイトル色指定*/
line-height:140%;
padding:2px;
margin-top:1px;
text-align:center;
}

#links ul	{
	color: #666666;
	list-style-type: disc;
	}

#links ul ul	{
	color: #666666;
	}

/*カレンダー指定*/
.calendar {
background:#ffffff;
text-align:center;
color:#666666;
font-size: 85%;
font-weight:normal;
line-height:150%;
padding:3px;
}

.calendarhead {
color:#666666;
font-size:x-small;
font-weight:bold;
line-height:140%;
padding:2px;
}

/* コメント部分*/
#comment{
width:360px;
}

#respond{
margin: 5px 0;
width:360px;
}


/* ナビゲーション部分*/
#navcontainer ul {
width: 742px;
margin: 1px 1px 1px 1px;
padding: 3px 3px 3px 3px;
line-height:140%;
background: #88abfd;/* ナビゲーション部分の背景色*/
float: left;
font-size: 12px;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li.page_item a {
padding: 0px 0.3em;
color: #ffffff;
text-decoration: none;
font-weight: bold;
float: left;
border-right: 2px solid #FFFFFF;/*ナビゲーション部分の仕分け線*/
}

