@charset "utf-8";


/*
Theme Name: yuuk
Theme URI: http://
Description: This theme is for YUUK blog
Following plugins are recommended: 
Version: 1
Author: Tamotsu Ono
Author URI: http://www.onotamotsu.com/
Tags:
*/


html, body { 
margin: 0;
padding: 0;
height: 100%;
background: #E8004B url(images/footer-bg.jpg) no-repeat bottom center;
}


html>body {
 height:auto;
 min-height:100%;
}


h1, h2, h3, h4, h5, h6, p, li, a, dl { font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: #FFFFFF; }
p, li, dt, dd { margin: 0; color: #FACCDB; }
a:focus { outline:none; }

#container, 
#container-sub {
margin: 0;
padding: 0 0 80px 0;
width: 100%;
}

#container { background: url(images/upper-pattern-top.jpg) repeat-x top center; }
#container-sub { background: url(images/upper-pattern-sub.jpg) repeat-x top center; }



#container-extra {
margin: auto;
padding: 0;
width: 100%;
background: url(images/bottom-of-flash.png) no-repeat center 460px; }



#sub-upper-bar {
margin: auto;
padding: 0;
width: 100%;
height: 64px;
background: url(images/upper-page-bar.jpg) repeat-x 0 20px;
}


#wrapper {
margin: 0 auto;
padding: 0;
width: 960px;
}


#flash-box {
margin: 0 0 20px 0;
width: 960px;
height: 460px;
}


/*========================= CONTENTS dot X bar =========================*/
#contents,
#contents-single {
margin: auto;
width: 960px;
}

#contents {
background: url(images/content-ydot.gif) repeat-y 0 0;
}

#contents-single {
background: url(images/content-single-ydot.gif) repeat-y 0 0;
}


/*========================= MENU =========================*/
#menu {
position: relative;
float: left;
padding: 210px 30px 0 0;
width: 180px;
font-size: 14px;
}

.menu-adjust { width: 10px; height: 25px; }

#menu a { color: #FACCDB; }
#menu a:link    { text-decoration: none; }
#menu a:visited { text-decoration: none; }
#menu a:hover   { text-decoration: underline; color: #000000; }

#logo-plate {
position: absolute;
top: 0;
left: 0;
width: 186px;
height: 186px;
border: none;
background: url(images/logo_plate.png) no-repeat top left;
}

#logo-plate a {
display: block;
width: 186px;
height: 186px;
text-indent: -9999px;
}

.example {  }


#menu h2 {
width: 180px;
height: 27px;
font-size: 1px; 
text-indent: -9999px;
}



#menu img { border: none; }

#menu ul {
margin: 0 0 25px 0;
padding: 0;
}

#menu li {
padding: 8px 0;
list-style-position: outside;
list-style-type: none;
background: url(images/sp-dotx.gif) repeat-x bottom left;
}



.widget_pages {
background: url(images/index-dotbar.gif) repeat-y 0 -5px;
}

#menu .widget_pages li { 
float: left; 
width: 30px;
background: url(images/none.gif) repeat-y top left;
}

#menu .widget_pages a { display: block; }

.widget_pages h2          { background: url(images/menu-index.gif) no-repeat 0 0; }
.widget_search h2         { background: url(images/menu-search.gif) no-repeat 0 0; padding: 0 0 8px 0; }
.widget_categories h2     { background: url(images/menu-categoy.gif) no-repeat 0 0; }
.widget_recent_entries h2 { background: url(images/menu-entry.gif) no-repeat 0 0; }
.widget_archive  h2       { background: url(images/menu-achieve.gif) no-repeat 0 0; }





/*========================= ENTRY - ENTRIES =========================*/
#entry {
position: relative;
float: left;
width: 470px;
}

#entry-single {
float: left;
width: 750px;
}

#entry a, 
#entry-single a,
#free-area a { color: #FFFFFF; }

#entry a:link, 
#entry-single a:link,
#free-area a:link   { text-decoration: underline; }

#entry a:visited,
#entry-single a:visited,
#free-area a:visited { text-decoration: underline; }

#entry a:hover,
#entry-single a:hover,
#free-area a:hover   { text-decoration: none; color: #000000; }


.entries {
margin: 0 0 15px 0;
padding: 0 0 12px 0;
background: url(images/sp-dotx.gif) repeat-x bottom left;
}

/*.entries h3 {
margin: 0 0 5px 0;
}*/

.entries h3 {
position: relative;
margin: 0 0 0 0;
padding: 0 100px 20px 0;
width: 370px;
}

#entry .entries h3 a { text-decoration: none; }
#entry-single .entries h3 a { text-decoration: none; }

.entries h3 span {
display: block;
position: absolute;
padding: 7px 3px 0 0;
width: 100px;
top: 0;
right: 0;
text-align: right;
font-size: 11px;
font-style: italic;
font-weight: normal;
}

.entries p { 
margin: 0 0 10px 0;
font-size: 14px;
line-height: 150%;
}

/*.entries p.date {
margin: 0 0 7px 0;
font-size: 11px;
font-style: italic;
}*/

.entries img {
border: 10px solid  #FFFFFF;
}

/*#entry .entries a.more-link {
display: block;
clear: left;
padding: 1px;
width: 20%;
font-size: 12px;
font-style: italic;
text-align: center;
color: #E8004B;
text-decoration: none;
}

#entry .entries a.more-link:link    { background-color: #F8B3C9; }
#entry .entries a.more-link:visited { background-color: #F8B3C9; }
#entry .entries a.more-link:hover   { background-color: #000000; }
*/



#entry .entries a.more-link {
clear: left;
width: 30%;
font-size: 12px;
font-style: italic;
text-align: center;
letter-spacing: 0.05em;
}

/*#entry .entries a.more-link:link    { background-color: #F8B3C9; }
#entry .entries a.more-link:visited { background-color: #F8B3C9; }
#entry .entries a.more-link:hover   { background-color: #000000; }*/




.entry-info { width: 100%; }


.entry-info dl {
margin: 0;
width: 100%;
font-size: 14px;
}

.entry-info dt, .entry-footer dd { float: left; line-height: 150%; }
.entry-info dt { width: 30%; font-weight: bold; }
.entry-info dd {  margin: 0 0 10px 0; }


.entries-az {
float: left;
width: 750px;
}

.entries-az img { border: 5px solid #FFFFFF; }

.entries-az ul { 
margin: 0;
padding: 0;
}

.entries-az li {
float: left;
width: 150px;
height: 190px;
list-style-type: none;
list-style-position: outside;
}

/*#contents-single .entries-az a { border: none; }
#contents-single .entries-az a:hover { border: none; }*/


#breadcrumb {
position: relative;
width: 100%;
height: 30px;
background: url(images/breadcrumb-bg.png) no-repeat top right;
}

#breadcrumb-home {
display: block;
width: 30px;
height: 30px;
background: url(images/home-icon.png) no-repeat top left;
text-indent: -9999px;

}

#breadcrumb ul {
position: absolute;
margin: 0;
padding: 0;
top: 0;
left: 0;
height: 24px;
}

#breadcrumb li {
padding-right: 10px;
float: left;
font-size: 12px;
/*font-weight: bold;*/
list-style-position: outside;
list-style-type: none;
}

.bread-li-adjust {
padding: 8px 10px 0 0;
}

.breadcrumb-adjust { height: 25px; }


/*========================= OLD NEW =========================*/

#old-new {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
width: 470px;
background: url(images/sp-dotx.gif) repeat-x bottom left;
}

#old-new ul { margin: 0; padding: 0; }
#old-new li { list-style-type: none; list-style-position: outside; }


li.go-old,
li.go-new {
width: 88px;
font-size: 12px;
font-style: italic;
text-align: center;
text-decoration: none;
}

li.go-old { float: left; }
li.go-new { float: right; margin-right: 5px; }

li.go-old a,
li.go-new a {
display: block;
padding: 3px;
width: 88px;
background-color: #33CC66;
}


#old-new .go-old a:link,    #old-new .go-new a:link    { color: #E8004B; text-decoration: none; background-color: #F8B3C9; }
#old-new .go-old a:visited, #old-new .go-new a:visited  { color: #E8004B; text-decoration: none; background-color: #F8B3C9; }
#old-new .go-old a:hover,   #old-new .go-new a:hover   { color: #E8004B; text-decoration: none; background-color: #000000; }

/*========================= FREE AREA =========================*/
#free-area {
float: right;
width: 250px;
}


#free-area h5 { font-size: 14px; }
#free-area img { display: block; margin: 0 0 5px 0; border: 10px solid #FFFFFF; }

.big-hair-thumbs {
margin: 0 0 20px 0;
padding: 0 0 20px 0;
background: url(images/sp-dotx.gif) repeat-x bottom left;
}

/*========================= COMMON USED CLASSES =========================*/

.alignleft { float: left; margin: 0 10px 15px 0; }
.thumbnail-top { float: left; display: block; padding: 0 20px 15px 0; }

img.absolute-borno { border: 5px solid #FFFFFF; }
.noShow { display: none; }
.cut { clear: both; }


/*========================= [widget:search] setting =========================*/
.round-search {
position: relative;
margin: 0 0 18px 0;
padding: 3px 5px;
height: 25px;
background-color: #F8B3C9;
/*border: 1px solid #DFDFDF;*/
}

#s {
font: normal 12px Arial, Helvetica, sans-serif;
color: #333333;
}

#in {
position: absolute;
top: 4px;
left: 4px;
width: 65%;
}

#in input {
padding: 3px; 
width: 100%;
background-color: #F8B3C9;
border: none;
}


#bt {
position: absolute;
top: 7px;
right: 5px;
}




#page-title {
margin: 0 0 20px 0;
padding: 3px 5px;
background-color: #A01441;
font-style: italic;
font-weight: normal;
}



/*========================= FLOAT BUG FIX =========================*/
#container:after,
#container-extra:after,
#wrapper:after,
#menu:after,
#contents:after,
#contents-single:after,
#breadcrumb:after,
#entry:after,
#old-new:after,
.entries:after,
.widget_pages:after,
.entries-az:after,
.entry-info:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html #container,
* html #container-extra,
* html #wrapper,
* html #menu,
* html #contents,
* html #contents-single,
* html #breadcrumb,
* html #entry,
* html #old-new,
* html .entries,
* html .widget_pages,
* html .entries-az,
* html .entry-info {
display:inline-block;
}