﻿@charset "UTF-8";


body {
	background: #000;
	color: #fff;
}


/* =Links
---------------------------------------- */
a:link {
	color: #69c;
}

a:visited {
	color:#699;
}

a:hover, a:active {
	color: #699;
}

a img {
	border: none;
}


/* =Structure
---------------------------------------- */


.container {
	position: relative;
	min-width: 820px;
} * html .container { width: expression(document.body.clientWidth <= 820 ? "820px" : "100%" ); }

#content {
	padding: 0 20px 10px 3%;
}

.colBAC .colB {
	background: #0E1221;
}

.colBAC .colC {
	background: #191919;
}


/* =Head
---------------------------------------- */
#diaryHead {
	margin-bottom: 10px;
	padding: 10px;
}

#diaryHead h1{
	font-size: 180%;
	color: #6cc;
	margin: 10px auto;
}

#diaryHead h1 a {
	color: #6cc !important;
}

#diaryHead #diaryDiscription {
	display: block;
}

/* =List
---------------------------------------- */
.sideList, .sideSearchBox {
	margin-bottom: 30px;
}


.colB .sideList h2, .colB .sideSearchBox h2 {
	margin-bottom: 10px;
	padding: 5px;
	color: #fff !important;
	background: #262937;
}

.colB .sideList h2 a {
	color: #fff !important;
}

.colC .sideList h2 {
	margin-bottom: 10px;
	padding: 5px;
	color: #fff !important;
	background: #323232;
}

.colC .sideList h2 a {
	color: #fff !important;
}

.sideListContent, #sideProfile p, #sideProfile ul {
	margin: 10px;
}

#sideSearchDiary .txt {
	margin-left: 10px;
}

.colB h3 {
	font-weight: normal;
	font-size: 95%
}

.colC h3 {
	font-weight: normal;
	font-size: 95%
}

/* =Diaries
---------------------------------------- */
#userDiaries h2, #entry .date {
	color: #ddd;
}

#userDiaries .entry {
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
	margin: 0 0 10px 0;
}

#userDiaries .entry h3 {
	font-size: 130%;
	padding-top: 10px;
}

#userDiaries .entry h3, #userDiaries .entry h3 a {
		color: #6cc !important;
}


/* =Entry
---------------------------------------- */
#entry h2,
#entry h2 a {
		color: #6cc !important;
}


/* =Tab
---------------------------------------- */
.contentTab {
	padding: 0 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

.contentTab li {
	float: left;
	padding-left: 6px;
	margin-right: 5px;
	background: url(./bg_tab.png) no-repeat;
	font-size: 80%;
}

.contentTab li a {
	display: block;
	padding-right: 6px;
	text-decoration: none;
	background: url(./bg_tab.png) right top no-repeat;
}

.contentTab .current {
	background-image: url(./bg_tab_current.png);
	border-bottom: 1px solid #000;
	margin-bottom: -1px;
}

.contentTab .current strong {
	display: block;
	padding-right: 6px;
	background: url(./bg_tab_current.png) right top no-repeat;
}


/* Comment 
---------------------------------------- */
#comment .body,
#commentForm {
	border: 1px dotted #999;
	background-color: #333;
}

#comment h2 {
	padding-left: 20px;
	background: url(./icon_comment_s.png) no-repeat;
}

#comment .body p {
	padding-left: 13px;
	background: url(./icon_user__s.png) no-repeat;
}

#comment .body p.commentBye {
	padding-left: 13px;
	background: url(./icon_user_gray_s.png) no-repeat;
}

#comment .body p.noneMsg {
	padding-left: 0;
	background: none;
}
