/* Reset ------------------------------------------------------------------ */

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td{
margin:0; padding:0; font-family:'Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size:13px; font-weight:normal;}

/* for IE6以下 */
* html body *{
 font-family:'Verdana','ＭＳ Ｐゴシック',sans-serif; font-size:10.5pt;}
/* for IE7 */
*:first-child+html body *{
font-family: 'メイリオ', Meiryo, sans-serif; font-size:10pt;}

table { border-spacing:0; }
em,strong { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }

/* Layout ----------------------------------------------------------------- */

body { text-align: center; background: #ccc; }

#container { width: 880px; margin: 0 auto; text-align: left; border-left :1px solid #666; border-right:1px solid #666; background :#fff; }
#alpha { display:inline; float:left; width: 600px; }
#beta { display:inline; float:left; width: 280px; }

#content{ padding: 20px auto; }
#footer-inner { padding: 20px; }
#alpha-inner { padding-left:30px; padding-right:30px; }
#beta-inner { padding-left:20px; padding-right:20px; }

/* Utilities */
.pkg:after, #content:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.pkg, #content { display:inline-block; }
/* no ie mac \*/
* html .pkg, * html #content { height: 1%; }
.pkg, #content { display: block; }
/* */

/* Content ---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, pre, blockquote, fieldset, ul, ol, dl { margin-bottom: .75em; }
p { margin-bottom: 1.5em; }
blockquote, ol, ul { margin-left: 20px; background-repeat: repeat-y; }
ol { list-style: decimal outside; }
ul { list-style: disc outside; }
.item { list-style: none; }

/* Assets */
.asset-header { margin-bottom:15px; padding-left:15px; background  : url(http://nj-clucker.com/img/background_title.gif) repeat-y left top; }
.asset-name { margin-bottom: .1em; color:#369; font-size:15px; font-weight:bold;}
.asset-date { color:#ccc; font-weight:bold;}
.asset-content{ line-height:1.5; color:#666; }


.asset,
.comments,
.archive { overflow: hidden; width: 100%; }

.asset,
.comments,
.comments-content,
.archive {
margin-bottom: 1.5em;
}

.asset-content,
.comments-header,
.comment-footer,
.comments-open-header,
.comments-open-content,
.comments-closed,
#comment-form-external-auth,
.comments-open-moderated,
.comments-open-content div,
#comments-open-text,
.archive-content {
margin-bottom: .75em;
}

.entry-categories{ margin-bottom: .5em; }

.asset-footer { margin-top: 1.5em; padding-top: .5em; border-top : 1px solid #ccc; }
.content-nav { text-align: center; }

/* Header ------------------------------------------------------------ */
#header { margin-bottom: 10px; }
#header a { color: #666666; font-weight: normal; }
#header-inner{ padding: 100px 30px; }
#header-name { margin: 0 0 5px; }
#header-name a{font: bold 18pt/100% Verdana;color:#667;}
#header-description{ color:#999999;}

/* Footer ------------------------------------------------------------ */
#footer { margin-top: 10px; background: #aaa; }

/* Comment ----------------------------------------------------------- */
.comments-header,
.comments-open-header{ padding: 3px 10px; border-left: 9px solid #ccc; border-bottom: 1px solid #ccc; }
.comments-content { padding-left:30px;}
.comment { margin-bottom:30px; }
.comment-content{ line-height:1.5; }
.comment-content p{margin-bottom:1em;}
.comment-footer { padding-top: .5em; border-top : 1px solid #ccc; }

.comments-open-content input,
.comments-open-content textarea { vertical-align:middle; }
#comm-auth, #comm-url, #comm-txt { width: 70%; }
#comment-submit { vertical-align: middle; width:120px; height:30px; }
#comments input,#comments textarea { padding:5px;}

/* Widget ----------------------------------------------------------------- */

.widget { margin-bottom:30px; position: relative; overflow: hidden; width: 100%; }
.widget-header { padding-bottom:5px; border-bottom: 1px dotted #ccc; color:#369; font-weight:bold;}
.widget-content { margin: 5px 0 0;line-height:1.5; color:#666;}
.widget-list, .archive-list { margin:0; padding:0; list-style:none; }
.widget-list .widget-list { margin-left: 15px; }
.widget-list-item { margin-top: 5px; margin-bottom: 5px; }

.widget-assets .widget-content .widget-list {
overflow: auto;
margin-right: 0;
}

.widget-syndicate .blog-feeds {
list-style: none;
margin: 5px 0;
}

.widget-links ul li {
width: 100%;
padding-left: 20px;
background: transparent url(http://nj-clucker.com/img/list_links.gif) no-repeat left 1px;
}

.widget-archives ul li,
.widget-recent-comments ul li.entry_title {
margin: 0;
width: 95%;
padding-left: 20px;
background: transparent url(http://nj-clucker.com/img/list_entries.gif) no-repeat left 1px;
}
.widget-recent-comments ul{ margin-bottom:1em; }
.widget-recent-comments ul li {
width: 100%;
padding-left: 20px;
background: transparent url(http://nj-clucker.com/img/list_comments.gif) no-repeat left 1px;
}

/* Reset ------------------------------------------------------------------ */

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td{
margin:0; padding:0; font-family:'Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size:13px; font-weight:normal;}

/* for IE6以下 */
* html body *{
 font-family:'Verdana','ＭＳ Ｐゴシック',sans-serif; font-size:10.5pt;}
/* for IE7 */
*:first-child+html body *{
font-family: 'メイリオ', Meiryo, sans-serif; font-size:10pt;}

table { border-spacing:0; }
em,strong { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }

/* Layout ----------------------------------------------------------------- */

body { text-align: center; background: #aaa; }

#container { width: 880px; margin: 0 auto; text-align: left; border-left :1px solid #666; border-right:1px solid #666; background :#fff; }
#alpha { display:inline; float:left; width: 600px; }
#beta { display:inline; float:left; width: 280px; }

#content{ padding: 20px auto; }
#footer-inner { padding: 20px; }
#alpha-inner { padding-left:30px; padding-right:30px; }
#beta-inner { padding-left:20px; padding-right:20px; }

/* Utilities */
.pkg:after, #content:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.pkg, #content { display:inline-block; }
/* no ie mac \*/
* html .pkg, * html #content { height: 1%; }
.pkg, #content { display: block; }
/* */

/* Content ---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, pre, blockquote, fieldset, ul, ol, dl { margin-bottom: .75em; }
p { margin-bottom: 1.5em; }
blockquote, ol, ul { margin-left: 30px; background-repeat: repeat-y; }
ol { list-style: decimal outside; }
ul { list-style: disc outside; }
.item { list-style: none; }

/* Assets */
.asset-header { margin-bottom:15px; padding-left:15px; background  : url(http://m.nj-clucker.com/img/background_title.gif) repeat-y left 1px; }
.asset-name { margin-bottom: .1em; color:#ee99bb; font-size:15px; font-weight:bold;}
.asset-name a { color:#ff3366!important; }
.asset-date { color:#ccc; font-weight:bold;}
.asset-content{ line-height:1.5; color:#666; }


.asset,
.comments,
.archive { overflow: hidden; width: 100%; }

.asset,
.comments,
.comments-content,
.archive {
margin-bottom: 1.5em;
}

.asset-content,
.comments-header,
.comment-footer,
.comments-open-header,
.comments-open-content,
.comments-closed,
#comment-form-external-auth,
.comments-open-moderated,
.comments-open-content div,
#comments-open-text,
.archive-content {
margin-bottom: .75em;
}

.entry-categories{ margin-bottom: .5em; }

.asset-footer { margin-top: 1.5em; padding-top: .5em; border-top : 1px solid #ccc; }
.content-nav { text-align: center; }

/* Header ------------------------------------------------------------ */
#header { margin-bottom: 10px; }
#header a { color: #666666; font-weight: normal; }
#header-inner{ padding: 100px 30px; }
#header-name { margin: 0 0 5px; line-height: 1; color: #a2005c; font-size: 15px;}
#header-description{ color:#999999;}
#header-name a { display:block; text-indent:-9000px; background-image: url(http://m.nj-clucker.com/img/logo.gif); height:34px; width:270px; overflow:hidden;}
#header-name a:hover{ background-position:0px -34px; }

/* Footer ------------------------------------------------------------ */
#footer { margin-top: 10px; background: #808080; }

/* Comment ----------------------------------------------------------- */
.comments-header,
.comments-open-header{ padding: 3px 10px; border-left: 9px solid #ccc; border-bottom: 1px solid #ccc; }
.comments-content { padding-left:30px;}
.comment { margin-bottom:30px; }
.comment-content{ line-height:1.5; }
.comment-content p{margin-bottom:1em;}
.comment-footer { padding-top: .5em; border-top : 1px solid #ccc; }

.comments-open-content input,
.comments-open-content textarea { vertical-align:middle; }
#comm-auth, #comm-url, #comm-txt { width: 70%; }
#comment-submit { vertical-align: middle; width:120px; height:30px; }
#comments input,#comments textarea { padding:5px;}

/* Widget ----------------------------------------------------------------- */

.widget { margin-bottom:30px; position: relative; width: 100%; }
.widget-header { padding-bottom:5px; border-bottom: 1px dotted #ccc; color:#ff3366; font-weight:bold;}
.widget-content { margin: 5px 0 0;line-height:1.5; color:#666;}
.widget-list, .archive-list { margin:0; padding:0; list-style:none; }
.widget-list .widget-list { margin-left: 15px; }
.widget-list-item { margin-top: 5px; margin-bottom: 5px; }

.widget-assets .widget-content .widget-list {
overflow: auto;
margin-right: 0;
}

.widget-syndicate .blog-feeds {
list-style: none;
margin: 5px 0;
}

.widget-links ul li {
padding-left: 20px;
background: transparent url(http://m.nj-clucker.com/img/list_links.gif) no-repeat left 1px;
}

.widget-archives ul li,
.widget-recent-comments ul li.entry_title {
margin: 0;
padding-left: 20px;
background: transparent url(http://m.nj-clucker.com/img/list_entries.gif) no-repeat left 1px;
}
.widget-recent-comments ul li.entry_title a:link { color: #bb6080; }
.widget-recent-comments ul{ margin-bottom:1em; }
.widget-recent-comments ul li {
padding-left: 20px;
background: transparent url(http://m.nj-clucker.com/img/list_comments.gif) no-repeat left 1px;
}

/* Common ----------------------------------------------------------------- */
.R { width:100%; text-align:right; }
.C { width:100%; text-align:center;}
.red{color:red;}

h1.archive-title { padding:3px 0 3px 5px; margin-bottom:0.8em; border-left: 5px solid #ccc; color:#777788; font-weight:bold; }
h2.archive-header,
h4{ padding:3px 0 3px 5px; margin-top:2em; margin-bottom:0.8em; border-left: 5px solid #ccc; color:#777788; font-weight:bold; }

.ranking{margin:2em 0; line-height:1.5; color:#666666;}


a         { outline-style : none; text-decoration:none;}
a:link,
a:visited { color: #ff77aa; }
a:hover   { color: #ffccdd; }

img { border-style:none;}
img.OutLine{ padding:5px; border:1px solid #999; }
img.LFloat { float:left; margin: 0 15px 15px 0; }
img.RFloat { float:right; margin: 0 0 15px 15px; }
.clr{ clear : both; overflow: hidden; margin:0 -1px -1px 0; padding:0; width:1px; height:1px; border:0; font-size:0; line-height:0; }

/* Informatiopn ------------------------------------------------------------- */
.info {
margin: 0 0 20px; /* center for now */
width: 100%; /* ems so it will grow */
background: url(http://m.nj-clucker.com/img/tb_rb.gif) no-repeat bottom right;
}
.infohead {
background: url(http://m.nj-clucker.com/img/tb_rt.gif) no-repeat top right;
text-align: center;
}
.infohead h2 {
background: url(http://m.nj-clucker.com/img/tb_lt.gif) no-repeat top left;
margin:0; padding: 22px 30px 5px;
color: white;
font-weight: bold;
font-size: 15px;
line-height: 1em;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.infobody {
background: url(http://m.nj-clucker.com/img/tb_lb.gif) no-repeat bottom left;
color : #666;
padding: 10px 30px 24px;
}

/* Table ------------------------------------------------------------- */
table{border:1px solid #999; border-collapse: collapse; margin:auto auto 15px 1px;}
th,td{border:1px solid #999; padding:4px; font-family:Arial;}
th{ background:#eeeef6; text-align:left;}

/* Lists------------------------------------------------------------- */
.asset-content ol{margin-bottom:1.5em;}
.asset-content ol li{margin-bottom:5px;}
.asset-content ol li table{margin-top:5px;}
.asset-content ol.mbtm li{margin-bottom:1.5em;}

/* Block else------------------------------------------------------------- */
code {font-family: monospace;}
li code, pre code{display:block; color:#668; padding:5px; border:1px solid #ccd; background:#f3f3f6; }
li  code{margin: 7px auto;}
pre code{margin-bottom:1.5em; overflow:auto;}
td  code{font-family:sans-serif;}

/* track word -------------------------------------------------------- */
ul.trackword{margin:0 0 10px;　padding:0;list-style:none;font-size:12px;width:100%;height:14px;overflow:hidden;line-height:1;}
ul.trackword li{float:left;padding:1px;line-height:1;}

/* google ads. -------------------------------------------------------- */
.googleads {margin:0 0 10px;}

/* Paging ------------------------------------------------------------- */
.pageset { margin:10px; text-align:center;}

/* Utilities - float時のはみ出し解消 */

.pkg:after, #content-inner:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.pkg, #content-inner { display: inline-block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }
/* */
