/*
Theme Name: Atmosphere
*/

/* body -------------------- */

body {
    padding: 5px 0 10px;
    margin: 0;
    background: #ffffff url(images/wallppr008.gif);
    text-align: center;
    font-family: MS UI Gothic, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #404040;
}


#drop {
    background-image: url(images/bg.gif);
    background-repeat: repeat-y;
    background-position: center;
}

#container {
    margin: 0 auto;
    width: 950px;
    background: #FFFFFF;
    text-align: left;
}



/* link -------------------- */

a img {
    border: none;
}

a {
    color: #456FA2;
    text-decoration: underline;
}

a:hover {
    color: #888888;
    text-decoration: none;
}



ul, ol {
    margin: 4px 0 15px 35px;
    padding: 0;
}

ul ul, ol ol {
    margin: 4px 0 0 15px;
    padding: 0;
}

li {
    margin: 0 0 4px 0;
    padding: 0;
}



/* heder -------------------- */

div#header {
    position: relative;
    width: 950px;
    margin-top: -10px;
}

#header h1 a {
    background: #fff url("images/topbanner005.jpg") no-repeat left;
    padding: 0;
    width: 950px;
    height: 160px;
    display: block;
    border-top: 1px #ddd solid;
}

#header em {
    display: none;
}



/* top navigation -------------------- */

div#top-nav {
    background: #eee;
    color: #808080;
    width: 100%;
    height: 25px;
    font-size: 0.9em;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    margin: -20px 0 0 0;
    padding: 10px 0 0 0;
}

#top-nav ul {
    margin: 0;
    padding: 5px 22px 5px 22px;
    list-style: none;
    display: inline;
}

#top-nav li {
    display: inline;
    margin: 0 20px 0 0;
    padding: 0;
    vertical-align: middle;
}

#top-nav a {
    color: #004080;
    text-decoration: none;
}

#top-nav a:hover {
    color: #55aaff;
    text-decoration: none;
}



/* search box -------------------- */

#search-box {
    position: absolute;
    top: 20px;
    right: 20px;
}

#search-box form {
    margin: 0;
    padding: 0;
}

#search-box input {
    margin: 0;
    padding: 0;
    width: 160px;
    color: #888888;
}



/* content -------------------- */

#content {
    width: 720px;
    float: right;
    display: inline;
    margin: 20px 20px 20px 0;
}

#content h1 {
    font-family: 'MS UI Gothic', 'Trebuchet MS', '', Verdana, Arial, Sans-Serif;
    margin: 0 0 2px 0;
    font-size: 1.3em;
    color: #456FA2;
}

#content h1 a {
    text-decoration: none;
}

#content h1 a:hover {
    text-decoration: none;
}

#content h1.pagetitle {
    font-size: 1.1em;
    color: #888888;
    margin-bottom: 6px;
}

#content h2 {
    font-family: 'MS UI Gothic', 'Trebuchet MS', '', Verdana, Arial, Sans-Serif;
    margin: 0 0 2px 0;
    font-size: 1.25em;
    color: #707070;
}

#content h3 {
    font-family: 'MS UI Gothic', 'Trebuchet MS', '', Verdana, Arial, Sans-Serif;
    margin: 0 0 2px 0;
    font-size: 1.1em;
    color: #404040;
}

#content h4 {
    font-family: 'MS UI Gothic', 'Trebuchet MS', '', Verdana, Arial, Sans-Serif;
    margin: 0 0 2px 0;
    font-size: 1.05em;
    color: #606060;
}

#content p {
    margin: 0 0 12px 0;
    line-height: 140%;
}

#content .attachment-image {
    text-align: center;
    padding: 10px 0 10px 0;
}



/* post -------------------- */

.post {
    margin: 0 0 20px 0;
}

#content .post-date {
    color: #707070;
    font-size: 0.8em;
    margin: 0 0 3px 0;
}

#content .single-date {
    text-align: right;
    font-size: 0.9em;
    color: #707070;
    margin-bottom: 3px;
}

#content .post-info {
    color: #505050;
    font-size: 0.8em;
    background: #F4F4F4;
    padding: 4px 8px 4px 8px;
    border: 1px #ccc solid;
}

#content .post-info a {
    text-decoration: none;
}

#content .post-info a:hover {
    text-decoration: underline;
}



/* addon -------------------- */

code {
    font: 0.9em 'Courier New', Courier, Fixed;
    color: #456FA2;
}

blockquote {
    background: #F4F4F4;
    padding: 4px 8px 4px 8px;
    margin: 5px 0 15px 0;
    font-size: 0.9em;
}




acronym, abbr, span.caps {
    font-size: 0.9em;
    cursor: help;
}

acronym, abbr {
    border-bottom: 1px dashed #808080;
}




.navigation {
    display: block;
}



/* calendar -------------------- */

#wp-calendar caption {
    text-decoration: none;
}

#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 0.9em;
}

#wp-calendar a {
    text-decoration: none;
}
#wp-calendar tbody a:link {
    /background-color: #6699ff;/
    /border: 1px solid #bbb;/
}

#wp-calendar caption {
    font-family: 'MS UI Gothic', 'Trebuchet MS', '', Verdana, Arial, Sans-Serif;
    margin: 0 0 2px 0;
    font-size: 1.1em;
    color: #456FA2;
    text-align: left !important;
    font-weight: bold;
}

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    text-align: center;
}

#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
}

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}

#wp-calendar a {
    display: block;
}

#wp-calendar caption {
    text-align: center;
    width: 100%;
}

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}

#wp-calendar td a {
    color: #456FA2;
    font-weight: bold;
}

#wp-calendar td.pad:hover {
    background-color: #FFFFFF;
}

#wp-calendar .saturday { color : blue; }
#wp-calendar .sunday { color : red; }

#wp-calendar #today {
    background: #fafafa;
    border: 1px #bbbbbb solid;
}

#wp-calendar th[title="日曜日"] {
	color: red;
}

/*
#wp-calendar td:first-child {
	color: red;
}
*/

#wp-calendar th[title="土曜日"] {
	color: blue;
}



/* image -------------------- */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 4px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 4px 2px 0;
    display: inline;
}



/* position -------------------- */

.alignright {
    float: right;
}

.alignleft {
    float: left
}

.center {
    text-align: center;
}



/* sidebar -------------------- */

#sidebar {
    width: 170px;
    float: left;
    display: inline;
    margin: 20px 0 20px 20px;
}

#sidebar h2 {
    font-family: 'MS UI Gothic', 'Trebuchet MS', '', Verdana, Arial, Sans-Serif;
    font-size: 1.1em;
    letter-spacing: 1px;
    color: #456FA2;
    margin: 0 0 2px 0;
    padding: 0 0 3px 0;
    border-bottom: 6px solid #F4F4F4;
}

#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar ul ul {
    margin: 6px 0 15px 8px;
    padding: 0;
}

#sidebar ul ul ul {
    margin-bottom: 6px;
}

#sidebar li {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 0.95em;
}

#sidebar a {
    color: #505050;
    text-decoration: none;
}

#sidebar a:hover {
    color: #456FA2;
    text-decoration: underline;
}



/* comment -------------------- */

h3#comments, h3#respond {
    font-family: 'MS UI Gothic', 'Trebuchet MS', '', Verdana, Arial, Sans-Serif;
    margin: 0 0 6px 0;
    font-size: 1.1em;
    background: #456FA2;
    color: #FFFFFF;
    padding: 3px 10px 3px 10px;
}

ol.commentlist {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.9em;
}

ol.commentlist li {
    margin: 0;
    padding: 0;
    border-top: 8px solid #F4F4F4;
    padding: 3px 0 5px 0;
}

ol.commentlist li.alt {
    border-top: 8px solid #E8E8E8;
}

ol.commentlist .comment-date {
    width: 35%;
    float: right;
    text-align: right;
    font-size: 0.9em;
    display: inline;
}

ol.commentlist .comment-author {
    width: 55%;
    float: left;
    font-family: 'MS UI Gothic', 'Trebuchet MS', '', Verdana, Arial, Sans-Serif;
    margin: 0 0 3px 0;
    font-size: 1.2em;
    color: #808080;
    display: inline;
}

ol.commentlist .comment-date a, ol.commentlist .comment-author a {
    text-decoration: none;
}

ol.commentlist .comment-date a:hover, ol.commentlist .comment-author a:hover {
    text-decoration: underline;
}

ol.commentlist .comment-text {
    clear: both;
}

form#commentform textarea {
    width: 100%;
}

form#commentform label {
    font-size: 0.9em;
}



/* footer -------------------- */

#footer {
    clear: both;
    border-bottom: 1px #ccc solid;
    padding: 8px 22px 25px 22px;
    color: #404040;
    font-size: 0.85em;
    text-align: center;
}

#footer a {
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

p#footbar {
    clear: both;
    display: block;
    width: 950px;
    height: 20px;
    padding: 10px auto;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    background-color: #eee;
}

/* hitcounter -------------------- */
/*
#hitcounter {

}
*/