/* Roony: Wed, 18 Feb 2009 22:55:25 +0900 */
@import "iconize.css";

a[href^="http"] {
background:url(link-icon_external_18.png) no-repeat right center;
padding-right:15px;
}

a[href^="http://roony.kuroneko-square.net"],
a[href^="https://roony.kuroneko-square.net"] {
background:transparent;
padding:inherit;
}

/* extensions */
a[href$='.gpx'], a.gpx, a[href$='.kml'], a.kml {
	padding: 5px 20px 5px 0;
	background: transparent url(icon_gps.png) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_archive.gif) no-repeat center right;
}

a.feed,
ul.feed li a { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_feed.gif) no-repeat center right;
}

.pr {
color:#ACACAC;
font-size:small;
}

div#alpha {
margin:20px 270px 20px 0;
}

div#beta {
font-size:90%;
margin-bottom:40px;
position:absolute;
right:40px;
top:130px;
width:238px;
}

div#beta h2 {
background-color:#DBD8CE;
background-image:none;
border:none;
color:#000;
font-size:102%;
margin:4px 0;
text-indent:1em;
}

.banner img:hover, .photo img:hover{
box-shadow:0 0 5px #5aa0dc;
-moz-box-shadow:0 0 5px #5aa0dc;
-webkit-box-shadow:0 0 5px #5aa0dc;
}

#top_image,#top_image_slide{
margin:10px auto;
text-align:center;
width:482px;
height:272px;
}
#top_image img,#top_image_slide img{
position:relative;
width:482px;
height:272px;
box-shadow: 0 2px 4px gray;
}

span.newmark {
color:#CC3E00;
font-size:90%;
font-weight:700;
}

body {
 background-color:#FFF;
 color:#000;
 margin:0;
 padding:0;
}

div#main {
font-family:Arial,sans-serif;
font-size:100%;
line-height:1.5em;
margin:0 40px 20px;
padding:0;
}

p.content-nav {
color:#725301;
font-size:90%;
margin:0;
padding:0;
}

p.content-nav a {
text-decoration:none;
}

p.content-nav a:hover {
background-color:#EBD08B;
color:#BF0500;
padding:2px 0;
text-decoration:underline;
}

.tablenav {
background:#FFF;
color:#2583ad;
line-height:2em;
margin:1em auto;
text-align:center;
}

a.page-numbers,.tablenav .current {
border:solid 1px #ccc;
color:#00019b;
font-size:smaller;
padding:2px .4em;
text-decoration:none;
}

a.page-numbers:hover {
background:#328ab2;
color:#FFF;
}

.tablenav .current {
background:#328ab2;
border-color:#328ab2;
color:#FFF;
font-weight:700;
}

.tablenav .next,.tablenav .prev {
background:transparent;
border:0 none;
font-size:smaller;
font-weight:700;
text-decoration:underline;
}

div#header {
 background-color:#D0C2A8;
 margin:0;
 padding:0;
 line-height:1.5em;
}

div#top_title {
background-image:url(roony_fun_234_60.png);
background-position:left;
background-repeat:no-repeat;
height:60px;
margin:0;
padding:0;
width:234px;
}

ul#topmenu {
 background-color:#7697CA;
 color:#92726D;
 font-size:86%;
 border-color:#96B1DA;
 border-style:solid none;
 border-width:1px;
 margin:0;
 padding:6px 1em 2px 1em;
}

ul#topmenu a:link,ul#topmenu a:visited {
color:#52372E;
font-weight:700;
text-decoration:none;
}

ul#topmenu a:hover {
 background-color:#608AC9;
 color:#F71800;
 font-weight:700;
 padding:6px 0 4px;
 text-decoration:underline;
}

div#submenu {
font-size:86%;
text-align:left;
}

div#locate {
text-align:right;
}

div#navigate {
font-weight:700;
text-align:center;
}

div#footer {
clear:both;
font-size:86%;
margin:0 20px;
padding:6px 0 10px;
line-height:1.5em;
}

div#footer address{
display: inline;
font-style: normal;
}


ul#footermenu li {
	display:block;
	list-style-type:none;
}

/*lightbox*/
#stimuli_imageDataContainer{
border-radius: 0 0 12px 12px;
-moz-border-radius: 0 0 12px 12px;
-webkit-border-radius:0 0 12px 12px;
}

#stimuli_outerImageContainer {
border-radius: 12px 12px 0 0;
-moz-border-radius: 12px 12px 0 0;
-webkit-border-radius: 12px 12px 0 0;
}

.photo {
color:#603000;
font-size:82%;
line-height:1.6em;
margin:20px 0;
text-align:left;
}

.photo img{
border-color:silver;
border-style:solid;
border-width:1px;
}
dl.photo dd{
margin:0 0 10px 0;
}

dl.link {
border-color:#dbd000;
border-style:none;
border-width:1px;
margin:0 2em;
padding:0;
}

dl.link dt {
font-size:100%;
font-weight:600;
margin:.5em 0 0;
}

dl.link dd {
font-size:96%;
margin:0;
}

div.link {
border-color:silver;
border-style:dotted;
border-width:1px;
font-size:small;
padding:2em;
text-align:justify;
width:30em;
}

.premium {
border-color:#D28900;
border-style:solid;
border-width:1px;
font-size:96%;
margin:2em;
padding:1em;
text-align:center;
}

.premium a:link,.premium a:visited {
color:maroon;
}

div.detail {
border-color:silver;
border-style:solid;
border-width:1px;
font-size:90%;
margin:20px;
padding:10px 2em;
}

div#history {
background-color:#FDF8E8;
border-color:#000;
border-style:solid;
border-width:1px;
color:#000;
padding-left:1em;
padding-right:1em;
}

ul.link li {
margin:1em 20px;
}

h1 {
border-color:#D0C2A8;
border-style:none none solid;
border-width:4px;
color:#3F4527;
font-size:120%;
margin:20px 0;
padding:2px 20px 0;
text-align:left;
}

h2 {
background-color:#E3E1AE;
border-color:#2B62BD;
border-style:none none solid solid;
border-width:0 0 1px 10px;
color:#28286A;
font-size:104%;
padding:2px;
}

h2 a:visited {
color:#806246;
text-decoration:none;
}

h2 a:link {
color:#4761D8;
}

h2 a:hover {
color:#FB0000;
}

h3 {
font-size:100%;
}

.license{
text-align:right;
color:gray;
}

#copyright, .copyright {
background-color:#FFF;
color:gray;
}

#main ul.download {
background-color:#FFFEEC;
border-color:#dbd000;
border-style:solid;
border-width:1px;
margin:20px;
padding:10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
}

#main ul.download li{
margin:1em 30px;
list-style-image:none;
list-style-type:none;
}

form#searchform {
background-color:#F0EEE8;
border-color:silver;
border-style:solid;
border-width:1px;
margin:8px 0;
padding:0 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
}

img {
border-style:none;
}

table.lineup {
border-collapse:collapse;
border-color:silver;
border-style:solid solid none;
border-width:1px;
text-align:center;
}

table.lineup td {
padding:2px 8px;
}

table.lineup tr {
border-color:silver;
border-style:none none solid;
border-width:1px;
}

col.name {
background-color:#D7E6FF;
color:#000;
}

col.size,col.color,col.ct,col.cm,col.number {
border-color:silver;
border-style:none solid none none;
border-width:1px;
margin:0 8px;
}

ul.feed {
list-style-type:none;
margin:0 0 15px 15px;
padding:0;
}

#main ul.feed li {
list-style-image:none;
list-style-type:none;
margin:0 0 10px;
padding:0;
}

#main ul li {
list-style-image:url(list_mark.png);
list-style-type:circle;
margin:5px 0;
}

/* for high resolution display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (min-resolution: 1.1dppx) {
a.feed {background: transparent url(icons/icon_feed.svg) no-repeat center right;}
div#top_title{background-image:url(/css/roony_fun_234_60.svg)}
#main ul li {list-style-image:url(list_mark.svg)}
}

a:link {
color:#2E78C2;
}

a:visited {
color:#9554EA;
}

a:hover {
color:#F30;
}

div.pickup {
background-color:#FFF;
border-color:#8080C0;
border-style:solid;
border-width:1px;
color:gray;
margin:4px 0 0;
padding:6px;
}

div.pickup h2 {
background-color:#CAD2DF;
background-image:none;
border-color:#DEE3EB;
color:#4D6A9B;
font-size:106%;
margin:0;
}

ul.pickup li {
list-style-image:none;
list-style-type:disc;
}

textarea.contact {
margin:2px 0 20px;
}

dl.contact dd {
margin:0 0 10px;
padding:0;
}

.entry {
background-color:#FFFCEE;
border-color:silver;
border-style:solid;
border-width:1px;
color:#000;
margin:0;
padding:20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
}

div.feedback {
clear:left;
font-size:90%;
text-align:right;
}

div.entry_index {
border-color:gray;
border-style:solid none;
border-width:1px;
margin:10px;
padding:10px 14px;
}

.photo_index {
float:left;
}

.excerpt_index {
margin-left:200px;
}

h2.storytitle_index {
border-style:none none dotted;
border-width:2px;
font-size:104%;
margin:0 0 4px;
padding:0;
}

p.entrydate {
color:gray;
font-size:90%;
font-weight:700;
margin:0;
padding:0;
text-align:right;
}

ul.meta {
color:gray;
font-size:90%;
text-align:right;
}

ul.meta li {
display:inline;
list-style-position:inside;
list-style-type:none;
margin:3px;
}

ol.schresult {
margin:0;
padding:0;
width:600px;
}

ol.schresult li {
list-style-image:none;
list-style-type:none;
margin:1.5em 0;
}

ol.schresult h3 {
border:none;
font-weight:400;
margin:0;
padding:0;
text-indent:0;
}

ol.schresult p {
font-size:80%;
margin:0;
padding:0;
}

ul.schresult li, .photo dd {
margin:0;
padding:0;
}

ul.schresult li {
color:gray;
display:inline;
font-size:80%;
list-style-image:none;
list-style-position:inside;
list-style-type:none;
}

em.schresulturl {
color:green;
font-style:normal;
}

li.selected {
color:red;
}

ul.pagination li {
display:inline;
list-style-position:inside;
list-style-type:none;
margin:4px;
padding:0;
}

div.treeMenuDefault a,div.current_dir a {
display:inline;
font-weight:400;
margin:0;
padding:0;
}

div.current_dir a:link,div.current_dir a:visited {
background-color:#0A246A;
border-color:silver;
border-style:solid;
border-width:1px;
color:#FFF;
text-decoration:none;
}

div.content.image {
width:auto;
}

div.thumb_box {
vertical-align:top;
width:162px;
}

#google_maps {
border:1px solid #999;
clear:both;
height:360px;
line-height:1.25em;
margin:1em auto;
text-align:center;
}

#google_maps img {
border:0 none;
margin:0;
padding:0;
}

#google_maps .infowindow {
font-size:.88em;
text-align:left;
}

#google_maps p {
font-size:.75em;
margin:0;
text-align:left;
text-indent:0;
}

.off,div#top_title p {
display:none;
}

span.date,span.feedauthor {
color:#676D12;
font-size:90%;
}

ul.navigation li,ul#topmenu li {
display:inline;
margin:1em 5px;
list-style-type:none;
}

a.navigate:link,a.navigate:visited {
background-color:#FFF;
color:#000;
}

p.powered,p.entry-footer {
background-color:#FFF;
color:gray;
font-size:90%;
text-align:right;
}

input.contact,dd.contact {
width:300px;
}

#top_image img,#top_image_slide img,.photo img,.photo_index img,img.photo {
border-color:silver;
border-style:solid;
border-width:1px;
}

ul.schresult,div.treeMenuDefault,.photo dd,ul.schresult {
margin:0;
padding:0;
}

/* clean archives */
div.car-container{
font-size:94%;
}

ul.car-list li{
 list-style-image:none;
 list-style-type:none;
}

span.car-yearmonth{
 font-weight:bolder;
}

.commentlist{
 margin:10px;
 padding:0px;
 background-color:white;
}

.comment:hover{
box-shadow:0 0 5px #5aa0dc;
-moz-box-shadow:0 0 5px #5aa0dc;
-webkit-box-shadow:0 0 5px #5aa0dc;
}

.commentlist li{
 list-style-type:none;
 list-style-image:none;
 border-color:silver;
 border-style:solid;
 border-width:1px;
 margin:10px 0;
 padding:0 1px;
 position:relative;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
}

.comment-author{
 background-color:#f7f7f7;
 background-image:none;
 background-repeat:repeat;
 background-attachment:scroll;
 background-position:0% 0%;
 padding:6px;
 margin:0;
 height:40px;
 font-weight:bolder;
 font-style:normal;
}

img.avatar{
 border-color:silver;
 border-style:solid;
 border-width:1px;
 padding:1px;
 margin:0 20px 0 0;
 float:left;
}

.comment-meta{
 font-color:silver;
 font-size:smaller;
 margin:4px 10px;
}

.commentlist p{
 margin:10px;
}

.reply{
 position:absolute;
 right:6px;
 top:0;
}

.reply a {
background:url(/Icons/16x16/actions/comment.png) no-repeat 0 50%;
margin-left:3px;
padding:0 0 0 19px;
}

.meta li{
background: url(icons-sprite.png) no-repeat top left;
padding:0 0 0 8px;
}

li.categories { background-position: 0 -30px;} 
li.comments { background-position: 0 -71px;} 
li.more { background-position: 0 -113px;} 
li.permalink { background-position: 0 -155px;} 
li.trackback { background-position: 0 -196px;} 

/*travel*/
.spot_detail {
border-collapse:collapse;
background-color:#EFEBDC;
font-size:small;
}
.spot_detail caption{
color:gray;
text-align:left;
}
.spot_detail th,
.spot_detail td{
border-style:solid;
border-width:1px;
border-color:silver;
}
.spot_detail th{
width:8em;
padding:8px;
}
.spot_detail td{
width:40em;
padding:8px;
}
/*end of travel*/

/*wallpaper*/
.wallpaper{
 width:100%;
}
.wallpaper dl{
 margin:0 3px 1em 0;
 padding:0;
 float:left;
 width:350px;
 min-height:600px;
}
.wallpaper dt{
 margin:0;
 padding:0px;
 height:1.2em;
}
.wallpaper dd{
 margin:0;
 padding:4px 0.5em;
}
.wallpaper dd.location{
 height:2.2em;
}
/*end of wallpaper*/

/*varaety*/
/*.gallery{width:700px;}*/
.gallery dl{
margin:0px;
margin-right:8px;
margin-bottom:2em;
padding:0;
float:left;
width:180px;
font-size:80%;
}
.gallery img{
border-width:1px;
border-style:solid;
border-color:silver;
}
.gallery dt{
margin:0;
padding:0;
}
.gallery dd{
margin:0;
padding:4px 0.5em;
height:2.2em;
}
.gallery h3{clear:both;}
/*end of variety*/



/**
 * 14.1 - >= 710px
 */
@media screen and (min-width: 44.375em) {
	ul#footermenu li {
		display:inline;
		margin:1em 4px;
	}
}

/* CSS for mobile devices */
@media (max-width:767px){
body{margin:0;padding:0;}
div#main{margin:0 10px 10px;}
div#alpha{margin:0;padding:0;}
div#beta{width:100%;position:static;}
div#header,div#footer{line-height:2em;}
ul#topmenu li,ul#footermenu li,#main ul li,#copyright{margin-top:1em;margin-bottom:1em;}
input.text{width:100%;margin:5px 0;}
input.radio{display:inline-block;width:20px;height:30px;margin:0;vertical-align:top;}
label.radiolabel{display:inline-block;height:35px;line-height:1.5em;margin:0;}
span,#top_image_slide,#top_image_slide img,img{max-width:100%;height:auto;}
table.searchform td{width:auto;}
}