/*
Theme Name: Old Popular Yolk
Theme URI: http://oldpopularyolk.joshuagoodwin.com/
Description: Easy to customise and minimal, featuring a print stylesheet and some exciting CSS3 treats. Supports threaded comments for WordPress 2.7 and beyond. Aligned to a vertical and horizontal grid, with a whiff of the International Typographic Style. Check out <a href="http://oldpopularyolk.joshuagoodwin.com/">the official blog</a>.
Version: 2
Author: Joshua Goodwin
Author URI: http://joshuagoodwin.com/
Tags: red, white, light, right-sidebar, two-columns, fixed-width, threaded-comments
License: http://www.gnu.org/licenses/gpl.html
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

@font-face {
/*src:url(MGOPENM0.eot);*/
src:local("MgOpen Moderna"), local("MgOpen Moderna Bold"), local("Helvetica Neue"), local("HelveticaNeue-Bold"), local("HelveticaNeueLT Std"), local("HelveticaNeueLTStd-Bd"), url(MgOpenModernaBold.ttf) format("TrueType");
font-family:"MgOpen Moderna";
font-weight:bold;
}
body {
background:#fff;
font:12px/21px "Helvetica Neue", "HelveticaNeueLT Std", Helvetica, Arial, sans-serif;
/*---font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka;---*/
color:#444;
margin:0;
padding:0;
height:100%;
position: relative;
min-height: 100%;
_height: 100%;	/* for IE6 */
}
a {
color:#F44040;
text-decoration:underline;
}
a:hover, .current_page_item a, .current-cat a, .home #site-name a {
color:#333 !important;
}
.current_page_item a { background-color:#ff9900; }

#masthead a, h2 a {
text-decoration:none;
font-weight:bold;
}
h3 { font-size:18px; font-weight:bold;}
code {
font-family:Consolas, Monaco, Courier, monospace;
background:#f7f7f7;
}
/*p {
margin:15px 0;
}*/
#container {
width:960px;
margin:0 auto;
}
#masthead {
padding:10px 0 20px 0;
min-height:30px;
margin-bottom:20px;
background-image:url(http://farm4.static.flickr.com/3003/3986846492_f299faf9bf_o.gif);
background-repeat:no-repeat;
}
#archive-what {
margin-top:0;
}
#site-name {
float:left;
}
#masthead ul li {
display:inline;
}
#masthead ul li a {
display:block;
float:left;
margin-left:5px;
padding-left:10px;
padding-right:10px;
border:2px solid;
color:#333;
}

#masthead ul li a:hover {background-color:#ff9900;}

#site-slogan {
float:right;
width:190px;
margin:0px;
}
.entry {
margin-bottom:50px;
}
h2.entry-title {
font-family:"Helvetica Neue", "HelveticaNeueLT Std", "MgOpen Moderna", Helvetica, Arial, sans-serif;
line-height:42px;
font-size:4.0em !important;
letter-spacing:-1px;
padding-bottom:8px;
border-bottom:#FF9900 3px solid;
margin-bottom:15px;
}
h2.blog-title{
font-family:"Helvetica Neue", "HelveticaNeueLT Std", "MgOpen Moderna", Helvetica, Arial, sans-serif, "MSゴシック";
line-height:30px;
font-size:1.5em !important;
letter-spacing:-1px;
padding-bottom:8px;
border-bottom:#FF9900 3px solid;
margin-bottom:15px;
}
#main {
float:left;
width:750px;
margin-top:70px;
padding-right:15px;
border-right: 2px dotted #999999;
margin-bottom:60px;

}
#comment {
width:100%;
}
.avatar {
float:right;
}
.commentlist cite {
font-style:normal;
}
.commentlist li {
margin:21px 0;
}
.commentlist ul.children {
margin-left:40px;
}
#sidebar {
padding-top:55px;
width:180px;
float:right;
padding-bottom:15px;
font-size:0.9em;
}
#sidebar h2,#sidebar h3 {
margin:10px 0;
font-size:40px;
}
.commentlist ul.children {
margin-left:20px;
}
.widget {
margin:21px 0;
}
.navigation {
margin:21px 0 42px 0;
height:21px;
}
.comment-navigation {
margin:21px 0;
}
.comment-navigation .clear {
clear:both;
}
.clear, p.meta {
clear:both;
}
#footer {
clear:both;
color:#000;
text-align:center;
margin:-5px;
padding:10px 0 20px 0;
background-image:url(http://farm4.static.flickr.com/3535/3986861172_df93f342e1_o.gif);
background-repeat:repeat-x;
position:fixed;
    bottom: 0;
    width: 100%;
}
#footer a {
color:#aaa;
}
blockquote {
border-left:10px solid #aaa;
padding-left:20px;
}
.entry-content ul, .comment-body ul, .entry-content ol, .comment-body ol {
margin:0px 0 10px 10px;
padding:0 20px;
}
.entry-content ul ul, .entry-content ul ol, .comment-body ul ul, .comment-body ul ol, .entry-content ol ul, .comment-body ol ol, .comment-body ol ul {
margin:0 0 0 10px;
}
.entry-content ul li, .comment-body ul li {
list-style-type:square;
}
.entry-content ol li, .comment-body ol li {
list-style-type:decimal;
}
::-moz-selection {
background:#000;
color:#fff;
}
::selection {
background:#000;
color:#fff;
}
/* WordPress image things */
.aligncenter, div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.wp-caption {
text-align:center;
background-color:#f7f7f7;
padding-top:4px;
margin:2px 20px;
}
.wp-caption img {
margin:0;
padding:0;
border:0 none;
}
.wp-caption p.wp-caption-text {
padding:0 4px 5px;
margin:0;
}
img#wpstats{display:none}

/*------追加css-----*/
* html body {  
    background: url(null) fixed;  
}  
* html div.footer    {  
    position: absolute;  
    top: expression(eval(document.documentElement.scrollTop+0));  
}  
#maincont { width:745px; /*overflow:scroll;*/
}
p.pageinfo { font-weight:bold; margin:5px 0 10px 0;
}

#rotator {
 font-size:16px;
 font-weight:bold;
 line-height:1.3em;
 border:1px solid #ccc;
 height:150px;
 width:720px;
 position:relative;
 background: url(/rotator/rotator.php) no-repeat top center;
 /*background-image:url(http://farm3.static.flickr.com/2592/3973423091_325a305527_o.jpg);
 background-repeat:no-repeat;*/
}


ul#twitter_update_list { clear:both; margin:0 !important;}
#twitter_update_list li {list-style-type:none !important;
}
div.top_twit { width:400px; height:90px; padding:25px 5px 0 0; float:right;}
div.followme{ position:absolute; bottom:5px; padding-left:555px;}
span.caution { color:#FF0000;}

/*-----ヘッダー------*/
#header{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
left:0;
top:0;
z-index:10;
width:100%;
position:fixed;
background-image:url(http://farm3.static.flickr.com/2628/3986861156_7061ab0391_o.gif);
background-repeat:repeat-x;}

ul#nav {padding-left:20px;}

/*----サイドバー----*/
.widgettitle {
padding:3px 0 5px 0px; 
background-repeat:no-repeat;
}

/*------フッター------*/
span.footer_cont {margin-bottom:0 !important;}

/*-------------トップページ--------------*/
div.crosshead { margin-top:10px; width:720px; height:auto; border-bottom:#FF9900 1px solid; margin-bottom:10px;
}
div#whatsnew { width:720px; height:120px; background-color:#efefef; margin:5px 0 10px 0px;
}
div#whatsnew li { width:670px; margin-left:25px; margin-bottom:7px; border-bottom:#CCCCCC 1px dotted;}
div.infozone{ width:720px;
}
div.todaystopic {
width:250px; height:270px; float:left;
background-image:url(http://farm3.static.flickr.com/2587/3986129055_3cbb2884dd_o.gif);
text-align:center;
background-repeat:no-repeat;
padding-top:35px;
}
p.ichimai{ margin-left:10px; margin-top:5px; margin-bottom:5px; font-size:16px; font-weight:bold;}
div.top_info_ttl{ 
width:445px;
height:130px;
float:left;
margin:0px 0 15px 10px;
border:#CCCCCC 1px solid;
padding:5px;}
div.member_news1 { 
width:440px; height:36px; background-image:url(http://farm4.static.flickr.com/3534/3986129033_97e6c9e46a_o.gif);
background-repeat:no-repeat; text-indent:-9999px;
}
div.member_news2 { 
width:440px; height:36px; background-image:url(http://farm3.static.flickr.com/2667/3986129047_ee217df233_o.gif);
background-repeat:no-repeat; text-indent:-9999px;
}
/*h2.membername{ text-indent:-9999px;}*/
div.top_profile { width:310px; float:left;margin-left:5px;}
img.top_icon {float:left;}
p.jumptosample { float:right;}

/*------ABOUT-------*/
div.aboutlp { width:725px; height:30px; margin-top:-20px; margin-bottom:5px;}
span.about_mail { float:right; margin:5px;}
div#members { width:725px;}
div.about_member { width:320px; float:left; margin-right:10px; padding:10px; border:#CCCCCC 1px solid;}
div#about_thissite { margin-top:10px;}

/*-----comic-----*/
div.comic_cont { margin-top:10px;}
div.category { width:740px; padding:5px;}
p.comic_page { margin-right:5px; display:inline;}

/*------calendar-------*/
#wp-calendar { width:90%; text-align:center;}

.execphpwidget #wp-calendar td.today {
    display: block;
    text-align: center;
    color: #444444;
    border: 1px solid #444444;
}
.execphpwidget #wp-calendar th.holiday, #wp-calendar td.holiday, #wp-calendar td.holiday a:link {
    color: #e50003;
}
.execphpwidget #wp-calendar th.saturday, #wp-calendar td.saturday, #wp-calendar td.saturday a:link {
    color: #0000ff;
}
.execphpwidget #wp-calendar td.tholiday {
    display: block;
    border: 1px solid #444444;
    color: #e50003;
}
.execphpwidget #wp-calendar td.tholiday a:link {
    color: #e50003;
}
.execphpwidget #wp-calendar td.tsaturday {
    display: block;
    border: 1px solid #444444;
    color: #0000ff;
}
.execphpwidget #wp-calendar td.tsaturday a:link {
    color: #0000ff;
}