サイトデザインいじり2006part1

/* ここは消さないで下さい Copyright (C) 2005 Dr.Blog. All Rights Reserved. http://drblog.jp/ */

body {
margin: 10px 0px 20px 0px;
color: #8B7D6B;
background-color: #CDC9A5;
text-align: center;
}

a {
color: #8B795E;
text-decoration: underline;
}

a:link {
color: #8B795E;
text-decoration: underline;
}

a:visited {
color: #9F988D;
text-decoration: underline;
}

a:active {
color: #9F988D;
text-decoration: underline;
}

a:hover {
color: #8B795E;
background-color: #FFFACD;
text-decoration: none;
}

hr {color: #E0E0E0;}

INPUT{
border-style:solid;
border-width:1px;
border-color:#E0E0E0;
color:#9F988D;
background-color:#FFF;}

h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

#container {
line-height: 140%;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 740px;
border: 5px solid #8B8970;
background-color: #FFFFFF;
}

#banner {
font-family: Verdana, Arial, sans-serif;
color: #9F988D;
background:#FFFFFF url(archives/color.gif);
background-repeat: no-repeat;
background-position: bottom right;
text-align: left;
padding: 15px;
height: 40px;
}

#banner-img {
display: none;
}

#banner a {
color: #8B795E;
text-decoration: none;
}

#banner a:link {
color: #8B795E;
text-decoration: none;
}

#banner a:visited {
color: #8B795E;
text-decoration: none;
}
#banner a:hover {
color: #8B795E;
background-color:#FFFACD;
text-decoration: none;
}

#banner h1 {
font-size: 15px;
letter-spacing: 0.6em

}

#banner h2 {
margin-top: 10px;
font-size: 15px;
}

#center {
float: left;
width: 380px;

font-color: #9F988D;
overflow: hidden;
}

.content {
padding: 15px 15px 5px 15px;
background-color: #FFFFFF;
font-color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

#right {
float: left;


width: 160px;
background-color: #FFFFFF;

overflow: hidden;
}

.content p {
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}

.content blockquote {
line-height: 150%;
}

.content li {
line-height: 150%;
}

.content h2 {
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;

text-align: left;
font-weight: bold;


margin-bottom: 10px;

}

.content h3 {
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
border: 1px solid #E0E0E0;
text-align: left;
font-weight: bold;
padding: 2px 5px;
margin-bottom: 10px;

}

.content p.posted {
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border-top: 1px dashed #E0E0E0;
text-align: left;



margin-bottom: 25px;
line-height: normal;
padding: 3px;
}

.sidebar {
padding: 15px;
}

#calendarhead {
line-height: 140%;
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;



padding: 2px;
text-align: center;
margin-bottom: 30px;
}

#chara {
position:relative; top:10px; right:10px;
}

#calendar {
line-height: 140%;
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;



padding: 2px;
text-align: center;
margin-bottom: 30px;
}

#calendar table {
padding: 2px;
border-collapse: collapse;
border: 0px;
width: 100%;
}

#calendar caption {
color: #9F988D;

font-family: Verdana, Arial, sans-serif;
font-size: 10px;

text-align: center;
font-weight: bold;

text-transform: uppercase;

letter-spacing: .3em;
}

#calendar th {
text-align: center;
font-weight: normal;
}

#calendar td {
text-align: center;
}

.sidebar h2 {
color: #9F988D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;

text-align: center;
font-weight: none;

text-transform: uppercase;

letter-spacing: .3em;
}

.sidebar ul {
padding-left: 0px;
margin: 0px;
margin-bottom: 30px;
}

.sidebar ul ul {
margin-bottom: 0px;
}

.sidebar #categories ul {
padding-left: 15px;
}

.sidebar li {
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
text-align: left;
line-height: 150%;



margin-top: 10px;
list-style-type: none;
}

.sidebar #categories li {
list-style-type: circle;
}

.sidebar img {
border: 3px solid #FFFFFF;
}

.photo {
text-align: left;
margin-bottom: 20px;
}

.link-note {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
line-height: 150%;
text-align: left;
padding: 2px;
margin-bottom: 15px;
}

#powered {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
line-height: 150%;
text-align: left;
color: #9F988D;
margin-top: 50px;
}
#copyright {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
line-height: 150%;
text-align: left;
color: #9F988D;
}

#comment-data {
float: left;
width: 180px;
padding-right: 15px;
margin-right: 15px;
text-align: left;
border-right: 1px dotted #BBB;
}

textarea[id="comment-text"] {
width: 80%;
}

.commenter-profile img {
vertical-align: middle;
border-width: 0;
}