html * {
    margin: 0;
    padding: 0;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

html {
    background: #3b3b3b;
    margin: 0;
    padding: 0;
    width: 100%;
}
body {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: 12px;
    font-family: Verdana,arial,sans-serif;
    line-height: 1.4em;
    letter-spacing: normal;
    background: #3b3b3b;
}
ul, ol, dl {
    margin: 6px 6px 6px 24px;
}
li, dt, dd {
    margin: 2px 0;
}
dt {
    font-weight: bold;
}
dd {
    margin-left: 16px;
}
img {
    border: none;
    vertical-align: middle;
}
table {
    border-collapse: collapse;
}
p {
    margin: 10px auto;
}
a {
    color: #c8f164;
    /*color: #a3a3a3;*/
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.recent a:visited {
    color: #a3a3a3;
}
.error {
    border: #f00 solid 1px;
    background: #fdd;
    padding: 8px;
    color: #f00;
    text-align: center;
}
.error p {
    color: #f00;
}
.clickable {
    color: #c3c3c3;
    cursor: pointer;
    text-decoration: underline;
}
.clear {
    clear: both;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.notice {
    color: #aaa;
}
.warning {
    color: #900;
}
.message {
    color: #00f;
    background: #ddf;
    padding: 2px;
    border: 1px solid #99f;
}

ul.normal_list li {
    margin-bottom: 12px;
}

#wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}

#header {
    width: 100%;
    background: #3b3b3b;
    text-align: center;
    margin: 0 auto 4px auto;
}
#header #header-title {
    width: 396px;
    height: 93px;
    background: url(/img/dailyfeed-title.gif) no-repeat;
    margin: 0 auto;
}
#header #header-title a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}
#header #header-description {
    width: 800px;
    margin: 24px auto;
    padding: 12px 0;
    font-size: 18px;
    text-align: center;
    color: #f1c864;
}
#header .header-ad {
    width:728px;
    height:90px;
    border-top:1px solid #666;
    border-bottom:1px solid #666;
    margin:0 auto;
    padding:8px 0 8px 0;
}
#feed_show #header #header-description {
    font-size:14px;
    margin:12px auto;
}

#footer {
    clear: both;
    width: 100%;
    height: 100%;
    padding: 48px 0 24px 0;
    text-align: center;
    color: #fff;
}
#footer a {
    color: #a3a3a3;
    text-decoration: underline;
    margin-right:0.4em;
}

#main {
    clear: both;
    width: 100%;
    background: #3b3b3b;
    text-align: left;
    color: #e3e3e3;
    font-size: 14px;
}
#main h3.button {
    padding-top: 36px;
    text-align: center;
}
form .input {
    font-size: 18px;
    text-align: center;
}
form input.url,
form input.query {
    font-size: 18px;
    width: 20em;
}

.section {
    clear: both;
    margin-bottom: 24px;
    text-align: center;
}
.half_left {
    float: left;
    width: 49%;
}
.half_right {
    float: right;
    width: 49%;
}
.section_header {
    clear: both;
    width: 541px;
    height: 19px;
    padding: 2px 0 2px 12px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #59b441;
    color: #333;
    text-indent: 6px;
}
.section_header a {
    color: #333;
}
.half_left .section_header,
.half_right .section_header {
    width: 265px;
}

#sidebar {
    float: right;
    width: 228px;
    height: 100%;
    background: #b1e18f;
    border: 1px solid #7ac642;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 24px;
}
#sidebar .box {
    margin-bottom: 4px;
}
#sidebar .box .header {
    padding: 4px;
    color: #3b352c;
    font-weight: bold;
    text-align: center;
}
#sidebar .box .body {
    background: #d6eec5;
    padding: 4px;
    width: 195px;
    margin-left: auto;
    margin-right: auto;
    border-top: 2px solid #68c150;
}

.normal_form {
    background: #f1f1f1;
    border: 1px solid #d4d4d4;
    padding: 8px;
    margin-bottom: 12px;
}
.normal_form th {
    width: 6em;
}
.normal_form th,
.normal_form td {
    padding-bottom: 12px;
}

.form_table {
    width: 100%;
}
.form_table td,
.form_table th {
    padding: 4px;
    border: 1px solid #ccc;
}
.form_table th {
    width: 150px;
    background: #ddd;
}

.pager {
    clear: both;
    text-align: center;
    padding: 16px 0 16px 0;
}
.pager a,
.pager b {
    font-size: 16px;
    padding: 6px;
}

.date {
    color: #909090;
}

.normal_area {
    background: #fffff1;
    border: 1px solid #ddddd4;
    padding: 8px;
    margin-bottom: 12px;
}

div.daily_feed_url {
    margin: 26px 0 12px 0;
    font-size: 21px;
}
div.result {
    width: 560px;
    margin: 0 auto 48px auto;
}
.result ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
.result ul li {
    margin-bottom: 12px;
}
.result ul li .url {
    color: #999;
    font-size: 11px;
}

div.buttons {
    margin: 32px 0;
}
div.add-to-button {
    margin: 18px 0;
}
.feed-title {
    font-weight: normal;
    font-size: 24px;
    padding: 4px 0;
}
.feed-title a {
    color: #fff;
    text-decoration: none;
}
h3.title {
    font-size: 16px;
}
.pankuzu {
    width: 800px;
    text-align: right;
    color: #c9c9c9;
    margin-bottom: 18px;
}
.pankuzu a {
    color: #a3a3a3;
}
.src_feed a {
    color: #a3a3a3;
}

.about,
.media {
    width: 600px;
    margin: 0 auto;
    padding-top: 12px;
}
.about h3,
.media h3 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 22px;
}
.about .about-body,
.media .media-body {
    padding-left: 1em;
    margin-bottom: 32px;
    color: #c5c5c5;
    border-bottom: 1px solid #505050;
}
.about .about-body p,
.media .media-body p {
    text-indent: 1em;
}
.media ul {
    margin-top:2em;
    margin-bottom:3em;
}
.media ul li {
    margin:1em 0 1em 0;
}

table.banner {
    width: 600px;
    margin: 0 auto;
    border: 1px solid #ddd;
}
table.banner td {
    padding: 4px;
    border: 1px solid #ddd;
}
table.banner td.format {
    width: 60px
}
table.banner td.image {
    width: 100px;
}
table.banner td.code textarea {
    width: 400px;
    height: 80px;
    font-size: 12px;
}
.to_search {
    text-align: center;
    margin: 24px auto 0 auto;
}

ul.recent {
    width: 600px;
    margin: 12px auto;
    text-align: left;
    list-style: none;
    padding: 0;
}
.recent a {
    font-size: 12px;
}
ul.recent li {
    margin-bottom: 12px;
}
ul.recent li .url {
    color: #999;
    font-size: 11px;
}

.navi {
    width: 600px;
    margin: 0 auto;
}
.navi-pre {
    float: left;
    width: 10em;
    text-align: left;
}
.navi-next {
    float: right;
    width: 10em;
    text-align: right;
}

.news {
    width: 480px;
    text-align: left;
    margin: 20px auto;
    border: 1px solid #777;
    padding: 8px;
}

div.tweet_count {
    float:left;
    width:64px;
}
span.tweet_count {
    margin-left:1em;
    color:#33ccff;
    font-weight:bold;
    font-size:11px;
}

#faq-title {
    margin:12px 0 32px 0;
    font-size:22px;
color: #f6a3a3;
}
dl#faq {
    width:600px;
    margin:12px auto;
}
dl#faq dt.question {
    margin: 12px 0;
    color: #fff;
    font-size:16px;
}
dl#faq dd.answer {
    margin: 18px 0;
}
dl#faq dd.answer .item-header {
    margin: 12px 0 12px 12px;
}
dl#faq dd.answer .item-body {
    margin-left: 2em;
}

#feed_show .adsense {
    margin-top:18px;
}