@charset "UTF-8";

/*
Theme Name: UKABLOG
Theme URI: http://www.uka-blog.com/
Description: うかブログ専用テーマ
Author: うか
Author URI: http://www.uka-blog.com/
Version: 1.0.0
*/

/* ---------- 共通 ---------- */

body {
	margin:0;
	padding:0;
	text-align:center;
	background:#fff url('./images/bg.gif') top repeat-x;
	color:#444;
}

/* ---------- タグリセット ---------- */

div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,blockquote {
	margin:0;
	padding:0;
	font-size:100%;
}
hr { display:none; }
img { border:none; }

/* ---------- float clear ---------- */

.clear { clear:both; height:0; line-height:0; }
.clear hr { display:none; }

/* ---------- フォント ---------- */

body,th,td,li,div { font:100%/1.6 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
form,input { font:90%/1 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
textarea { font:90%/1.6 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }

div.entryBody p.em {
	font-size:200%;
	line-height:1.2;
	font-weight:bold;
	margin:1em 0;
	color:#c00;
}

/* ---------- リンク ---------- */

a { text-decoration:none; outline:none; }
a:link { color:#04c; }
a:active , a:visited { color:#04c; }
a:hover { color:#f50; }

/* ---------- レイアウト ---------- */

#wrap { width:886px; margin:0 auto; text-align:left; }
#mainWrap { width:500px; float:left; }
#sideWrap { width:358px; float:right; }

/* ---------- 装飾 ---------- */

.entryBody p.imageRight { float:right; text-align:right; margin:0; }
.entryBody p.imageLeft { float:left; text-align:left; margin:0; }

.entryBody p.imageRight img { margin-left:5px; }
.entryBody p.imageLeft img { margin-right:5px; }

.center { text-align:center; }

.b , .b li { font-weight:bold; }
.red { color:#e00; }

/* ---------- ヘッダー ---------- */

/* ヘッドライン共通 */

#head { width:880px; height:41px; margin:0 auto; text-align:left; }

#sitename,#description,#title {
	color:#ccc;
	line-height:40px;
	font-size:12px;
	font-weight:normal;
}

#logo,#searchBox,#sitename,#description {
	margin:7px 0 0;
}

#sitename{
	width:70px;
	margin:6px 0 0;
	height:40px;
	font-size:12px;
	font-weight:normal;
	color:#ccc;
	line-height:40px;
	float:left;
}

#logo { width:126px; float:left; }

#description,#title {
	margin:7px 0 0;
	height:40px;
	font-size:12px;
	font-weight:normal;
	color:#ccc;
	line-height:40px;
	float:right;
}

#description { width:591px; }
#title { width:520px; }

/* 検索ボックス */

#searchBox {
	width:200px;
	height:30px;
	float:right;
	margin:12px 7px 7px;
	background:url('./images/searchform/bg.gif') 0 0 no-repeat;
}

#searchBox form {
	padding:3px 4px 3px 5px;
}

#searchBox form imput {
	margin:4px;
	height:22px;
}

#searchBox form input.text {
	border:solid 1px #999;
	background:#f6f6f6;
	width:162px;
	float:left;
}

#searchBox form input.button {
	width:22px;
	float:right;
}

/* ---------- パンくずリンク ---------- */

p.topicPath {
	font-size:14px;
	line-height:1;
	margin:10px 0;
}

/* ---------- 記事本文 ---------- */

/* 記事タイトル */

#entryBox h2,
#archivesBox h2,
#hasSubCatBox h2,
#catArhiveBox h2,
#searchResultsBox h2 {
	padding:1em 0 1.2em 2px;
	font-weight:normal;
	font-size:220%;
	line-height:1.2;
	letter-spacing:-1px;
	color:#8F854F;
	background:url('./images/bg/dot.gif') bottom repeat-x;
}

/* メタデータ */

div.entryMeta,
div.entryBox div.entryMeta {
	height:30px;
	margin-bottom:20px;
	padding:0 1px;
	background:url('./images/bg/dot.gif') bottom repeat-x;
	font-size:12px;
}

div.entryMeta p,
#entryBox div.entryMeta p {
	float:left;
	margin:0;
	padding:0 5px 0 18px;
	font-size:12px;
	line-height:30px;
	letter-spacing:0;
	vertical-align:middle;
}

div.entryMeta p.date { background:url('./images/icon/calendar.gif') left 6px no-repeat; }
div.entryMeta p.com { background:url('./images/icon/comment.gif') left no-repeat; }
div.entryMeta p.tb { background:url('./images/icon/link.gif') left 6px no-repeat; }
div.entryMeta p.cat { background:url('./images/icon/folder.gif') left no-repeat; }
div.entryMeta p.twitter { background:url('./images/icon/t_mini-b.png') left no-repeat; }
div.entryMeta a:hover { background-color:#ffc; }

/* 記事メイン */

.newEntryBody p,
.entryBody p {
	font-size:100%;
	line-height:1.55;
	letter-spacing:1px;
	margin:0 0 1.2em 0;
	padding:0 0 0 2px;
}

#newEntryBody p img {
	position:relative;
	left:-2px;
}

.entryBody ul { margin:0 0 1em 1.6em; }

.entryBody ol { margin:0 0 1em 2em; }

.entryBody li {
	font-size:100%;
	line-height:1.25;
	padding:0.1em 0;
}

.entryBody blockquote {
	background:#eff6ff url('./images/bg/blockquote.gif') 0 0 no-repeat;
	margin:30px 0;
	padding:5px 5px 5px 45px;
	line-height:1.5;
	font-size:16px;
	border:solid 1px #def;
	color:#333;
}

.entryBody blockquote a { color:#00c; }

.entryBody blockquote a:hover { color:#f30; }

.entryBody a { text-decoration:underline; font-weight:normal; }

.entryBody pre {
	margin:0 0 1.6em;
	padding:5px 10px;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	color:#666;
	border:solid 1px #ccc;
	background:url('./images/bg/code.gif');
}

/* 記事見出し */

.entryBody h3 {
	font-size:140%;
	font-weight:bold;
	color:#006;
	line-height:1.4;
	letter-spacing:-1px;
	margin:0 0 0.5em;
	padding:1em 0 0.1em;
	background:url('./images/bg/dot.gif') bottom repeat-x;
}

.entryBody h4 {
	font-size:120%;
	font-weight:bold;
	color:#000;
	line-height:1.4;
	letter-spacing:-1px;
	margin:0 0 0.1em;
	padding:1em 0 0.1em;
}

/* 続きを読む */

.readMore {
	text-align:right;
	font-size:90%;
}

.newEntryBody p.readMore,
.entryBody p.readMore {
	position:relative;
	top:-0.9em;
}

/* ---------- サイドバー ---------- */

.modBox {
	width:356px;
	margin-bottom:25px;
	padding-top:5px;
	overflow:hidden;
	background:#F6F6FF;
	border:solid 1px #99CCEE;
}

.modBox p,
.modBox li {
	font-size:90%;
}

p.modTitle {
	font-weight:bold;
	line-height:26px;
	margin:0 10px 5px;
}

p.modSubTitle {
	font-weight:bold;
	line-height:22px;
	margin:0 10px 5px;
}

div#popularList,
div#recentComments,
div#recentTrackbacks {
	padding-bottom:10px;
}

/* ---------- アーカイブリスト ---------- */

#archiveList p.modTitle {
	margin-left:10px;
}

#archiveList ul {
	list-style:none;
	font-size:12px;
	margin:0 10px;
}

#archiveList p.readMore {
	margin:5px 10px 3px;
	font-size:12px;
	font-weight:bold;
	background:url('./images/icon/play.gif') 165px 0 no-repeat;
}

/* タブナビ */

#archiveList ul.tabNav {
	height:26px;
	overflow:hidden;
	position:relative;
	z-index:99;
}

#archiveList ul.tabNav li {
	width:50px;
	margin-right:5px;
	float:left;
	font-weight:bold;
	text-align:center;
}

#archiveList ul.tabNav li a {
	display:block;
	padding-bottom:1px;
	border:solid 1px #99f;
	line-height:24px;
	outline:none;
	background:#eef url('./images/bg/dotGray.gif') bottom repeat-x;
}

#archiveList ul.tabNav li a.active {
	border:solid 1px #ccc;
	border-bottom:none;
	background:#fff;
}

#archiveList ul.tabNav li a:hover {
	border:solid 1px #f9f;
	border-bottom:none;
	background:#fef;
	color:#f0c;
}

/* 月別 */

#archiveList ul.monthlyBox {
	width:auto;
	height:57px;
	overflow:hidden;
	padding:0 10px 0 8px;
	border:solid 1px #ccc;
	background:#fff url('./images/bg/monthlyBox.gif') 0 0 no-repeat;
	position:relative;
	top:-1px;
	z-index:1;
}

#archiveList ul#archives2006 {
	background:#fff;
}

#archiveList ul.monthlyBox li {
	width:52px;
	margin-top:5px;
	float:left;
	background:#fff;
	color:#999;
	line-height:20px;
}

#archiveList ul.monthlyBox li a {
	display:block;
	padding-left:2px;
	font-size:14px;
}

#archiveList ul.monthlyBox li a:hover {
	background:#fef;
	color:#f0f;
}

#archiveList ul.monthlyBox li a span {
	color:#999;
	font-size:12px;
}

/* ---------- 人気記事リスト ---------- */

/* トップレベル */

#popularList ol {
	margin:0 10px;
	padding:5px;
	background:#fff;
	border:solid 1px #eee;
}

#popularList ol li {
	margin-left:1.7em;
	padding:3px 0;
	line-height:20px;
	font-weight:bold;
}

#popularList ul,
#recentComments ul,
#recentTrackbacks ul {
	margin:0 10px 10px;
	padding:5px;
	background:#fff;
	list-style:none;
}

#popularList ul li,
#recentComments ul li,
#recentTrackbacks ul li {
	padding:3px 0 3px 18px;
	line-height:20px;
	background:url('./images/icon/page.gif') 0 5px no-repeat;
}

#popularList ol li a,
#popularList ul li a,
#recentComments ul li a,
#recentTrackbacks ul li a {
	padding-bottom:1px;
	background:url('./images/bg/dot.gif') bottom repeat-x;
	font-weight:normal;
}

/* サブ */

#recentComments ul li ul,
#recentTrackbacks ul li ul {
	margin:0;
	padding:0;
}

#recentComments ul li ul li,
#recentTrackbacks ul li ul li {
	padding:2px 0 2px 18px;
	font-size:80%;
	color:#999;
	line-height:14px;
}

#recentComments ul li ul li {
	background:url('./images/icon/commentWhite.gif') 0 0 no-repeat;
}

#recentTrackbacks ul li ul li {
	background:url('./images/icon/linkC.gif') 0 0 no-repeat;
}

/* ---------- アドセンス ---------- */

div.modAds336 div {
	margin:0 10px 10px;
	padding:0 1px;
	background:#fff;
}

/* ---------- フッター ---------- */

#foot {
	padding:15px 0;
	background:#535353;
	clear:both;
	margin-top:20px;
	text-align:center;
	color:#fff;
	border-top:solid 1px #333;
	border-bottom:solid 5px #4EBDFC;
}

#foot #footLink,
#foot address {
	font-style:normal;
	font-size:12px;
	letter-spacing:1px;
}

#foot #footLink p {
	display:inline;
	padding:0 5px;
}

#foot #footLink a {
	color:#ccc;
}