/*
Theme Name:Uk Strollers
Description:This WordPress theme is for my website "UK strollers- U.K. travel guide for Japanese tourists.
Version:1.0
Author:Studio Eddies
Author URI:http://www.studioeddies.com/
*/

/* -----------------------------------
                global
-------------------------------------- */

body {
font-family: "Verdana","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "osaka" , "メイリオ" , "Meiryo","ＭＳ Ｐゴシック" , "MS PGothic" ,sans-serif;
font-size: 87.5%;
line-height: 1.8em;
background:url(images/back-linear.gif) center;
}

a {
text-decoration:none;
color:#003366;
}

a:hover {
color:#6699cc;
border-bottom:1px dashed #6699cc;
}

hr{
margin-top:35px;
border:0;
border-top:1px dotted #ccc;
width:549px;
color:#fff;
clear:both;
}

.pagetop {
margin-top: 20px;
}

/* clearfix */

.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  

* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 

/* -----------------------------------
               structure
-------------------------------------- */

#wrapper {
width:1000px;
margin:0 auto;
background-color: #fff;
}

#header {
margin:0;
width:1000px;
height: 190px;
background:transparent url(images/titlelogo.jpg) no-repeat;
postition:relative;
}

#content {
float:left;
width:549px;
margin-right:20px;
}

#sidebar {
width:300px;
float:left;
}

#footer {
width:1000px;
clear: both;
}


/* -----------------------------------
               header
-------------------------------------- */


#logo {
}

#logo h1 {
text-indent: -9999px;
}



#nav {
float:right;
font-size:11px;
position: relative;
top: -16px;
}

#nav ul {
float:right;
}

#nav li {
text-align:center;
float:left;
width:70px;
height: 25px;
background:transparent url(images/topnav-blue.gif) no-repeat;
margin-left:5px;
}

#nav li a {
color: #EEE;
}

#nav li a:hover {
color: #0099ff;
border:0;
}

#header #nav-main {
font-size:0.8em;
margin-top:144px;
}

#header #nav-main ul{
margin-left: 90px;
}

#header #nav-main li {
display:inline;
margin-left:14px;
border-right: 1px solid #666;
}

#header #nav-main li.home a {
color: #003366;
background:transparent url(images/nav-house.gif) no-repeat 0 -17px;
padding: 5px 10px 0 16px;
}

#header #nav-main li.home a:hover {
color: #6699CC;
background:transparent url(images/nav-house.gif) no-repeat 0 0;
padding: 5px 10px 0 16px;
}

#header #nav-main li.preparation a {
color: #003366;
background:transparent url(images/nav-bag.gif) no-repeat 0 -16px;
padding: 5px 10px 0 16px;
}

#header #nav-main li.preparation a:hover {
color: #6699CC;
background:transparent url(images/nav-bag.gif) no-repeat 0 0;
padding: 5px 10px 0 16px;
}

#header #nav-main li.travel a {
color: #003366;
background:transparent url(images/nav-plane.gif) no-repeat 0 -17px;
padding: 5px 10px 0 16px;
}

#header #nav-main li.travel a:hover {
color: #6699CC;
background:transparent url(images/nav-plane.gif) no-repeat 0 0;
padding: 5px 10px 0 16px;
}

#header #nav-main li.area a {
color: #003366;
background:transparent url(images/nav-globe.gif) no-repeat 0 -16px;
padding: 5px 10px 0 16px;
}

#header #nav-main li.area a:hover {
color: #6699CC;
background:transparent url(images/nav-globe.gif) no-repeat 0 0;
padding-left: 16px;
}

#header #nav-main li.injapan a {
color: #003366;
background:transparent url(images/nav-jpn.gif) no-repeat 0 -16px;
padding: 5px 10px 0 16px;
}

#header #nav-main li.injapan a:hover {
color: #6699CC;
background:transparent url(images/nav-jpn.gif) no-repeat 0 0;
padding: 5px 10px 0 16px;
}

/* -----------------------------------
              content
-------------------------------------- */
#content {
float:left;
border-right:1px dotted #ccc;
padding:10px 20px 10px 90px;
background:transparent url(images/bg.jpg) repeat-y;
}

.post h2 {
font-size: large;
margin:30px 0 10px 0;
font-weight: bold;
}

.post h3 {
font-size: 120%;
color: #003366;
margin:30px 0 20px 0;
font-weight: bold;
border-bottom:3px solid #ccc;
}

.post h4, .post h5, .post h6 {
font-size: 110%;
color: #003366;
margin:15px 0;
font-weight: bold;
}

.post h4:before {
content: "★";
}

.post small {
display: block;
font-size: 64%;
margin-bottom: 15px;
line-height: 1.2em;
}

.post p {
margin-bottom: 15px;
margin-top:15px;
}

.post ol {
list-style-type: decimal;
margin: 10px 0 10px 30px;
}

.post ul {
list-style-type: square;
margin-left: 20px;
}

.post li{
line-height: 1.4em;
padding-bottom: 10px;
}

.post blockquote {
background:#f7f7f7;
border:1px solid #6699CC;
margin:15px 10px;
padding:10px;
}

.post .alignright {
float:right;
margin-left:10px;
}
.post .alignleft {
float:left;
margin-right:10px;
}

.post .aligncenter {
margin:0 auto;
display:block;
clear: both;
}

.post .wp-caption {
background:#f7f7f7;
border:1px solid #999;
text-align: center;
margin: 0 auto 20px auto;
padding: 5px 5px 0 5px;
display: block;
}

.post p.wp-caption-text {
font-size: 80%;
line-height: 1.2em;
padding-top: 5px;
}

#comments h3 , #comments h4{
font-size: 80%;
margin: 10px 0;
}

#comments ol.commentlist li {
font-size: 80%;
margin-top:20px;
background-color: #E9F2F4;
padding:10px 5px 20px 10px;
min-height:110px;
}

#comments ul.formlist p{
font-size: 80%;
}

#comments ol.commentlist{
list-style: none;
}

#comments textarea {
font-size: 80%;
min-height:110px;
}

#content .next-link{
font-size: 80%;
margin-top: 20px;
text-align: center;
}

/* ------- advertisement ------- */

#ad_wg {
clear: both;
margin-top: 30px;
width: 95%;
padding: 5px;
border: 1px solid #666;
background-color: #FFFFF0;
font-size: 75%;
line-height:1.2em;
}

#ad_wg ul {
list-style: none;
margin: 0;
padding:0;
}

#ad_wg ul li {
display: inline;
padding-right:10px;
}

.ad-cont-top639{
clear: both;
width: 100%;
text-align: center;
margin-top: 20px;
}

/* ------- category ------- */

 .catTitle{
margin-top: 30px;
margin-bottom: 30px;
}

 .catTitle h2{
font-size: 130%;
font-weight: bold;
}


.catTitle h3 {
font-size: 120%;
color: #003366;
margin:30px 0 20px 0;
font-weight: bold;
border-bottom:3px solid #ccc;
}

.catTitle li {
margin-left: 20px;
}


/* -----------------------------------
             sidebar
-------------------------------------- */

#sidebar {
font-size: 80%;
line-height: 1.5em;
}

#sidebar h3 {
font-size: 100%;
padding: 25px 0 5px 0;
font-weight: bold;
}


#sidebar .ad{
width: 300px;
text-align: center;
margin: 20px 0 20px 0;
}


ul.dot{
list-style-type: disc;
}

#sidebar .block h4{
margin-top: 15px;
font-weight: bold;
border-bottom: 1px dotted #666;
}

#sidebar .search{
margin: 10px 0;
}

#sidebar ul{
list-style:disc;
margin-left: 15px;
}

#sidebar ul.children{
list-style: none;
margin-left: 15px;
}

/* ------- category ------- */
.gallery-caption{
font-size:0.9em;
color: #666;
text-align:left;
line-height: 1.1em;
margin: 0 5px;
}

/* -----------------------------------
              footer
-------------------------------------- */

#footer {
padding-top: 20px;
}

#footer .copyr{
text-align:center;
padding:1px;
background-color: #003366;
color: #fff;
}

#footer .copyr a{
color: #fff;
}

#footer .copyr a:hover{
color: #0099FF;
border-bottom:1px dashed #0099FF;
}

#footer .nav-bottom {
text-align:center;
font-size: 80%;
padding:6px;
margin-top: 30px;
color: #000;
}

#footer .nav-bottom a{
color: #666;
}

#footer .nav-bottom a:hover{
color: #6699CC;
border-bottom:1px dashed #6699CC;
}

#footer .nav-bottom li {
display:inline;
margin-left:5px;
padding-right: 5px;
border-right: 1px solid #666;
}


/* -----------------------------------
              top page
-------------------------------------- */

#content-top {
float:left;
width:639px;
margin-right: 20px;
padding-top: 20px;
border-right:1px dotted #ccc;
background:transparent url(images/bg.jpg) repeat-y;
}

.recommend  {
font-size: 80%;
line-height: 1.5em;
}

.recommend  img.alignleft {
width: 345px;
height: 280px;
margin: 0;
float: left;
}

.recommend  img {
margin-bottom: 5px;
}

.recommend  h2{
font-size: 120%;
padding-left: 10px;
border-left: 5px solid #666;
font-weight: bold;
}

.recommend .recom-text{
width: 284px;
float: right;
padding-right: 10px;
}

.recommend .recom-text p{
padding-top: 10px;
}

.recommend .recom-text a.more-link{
float: right;
}

#content-low {
width: 549px;
padding:10px 20px 10px 90px;
}

.popular-article {
width: 549px;
background:transparent url(images/popularArticle.jpg) no-repeat 0 20px;
}

.popular-article h2{
padding-top: 75px;
padding-left: 10px;
vertical-align: bottom;
color: #eee;
}

.row{
width: 549px;
margin-top: 10px;
background: url(images/bg-toparticle.gif) repeat-y;
}

.individual-articles{
width: 250px;
float: left;
margin-right: 14px;
margin-bottom: 10px;
padding :5px;
font-size: 80%;
line-height: 1.5em;
}

.individual-articles h3{
margin-bottom: 10px;
padding :5px;
background-color: #fff;
font-size: 110%;
font-weight: bold;
}


.individual-articles img.thumb{
margin: 5px;
background-color: #fff;
border: 1px solid #999;
padding: 5px;
float : left;
}


.link-to-article {
clear: both;
margin-top: 20px;
margin-bottom: 30px;
font-size: 80%;
line-height: 1.3em;
}


.link-to-article h3 {
background-color: #003366;
padding: 3px 10px;
margin-bottom: 10px;
}

.link-to-article h3 a{
color: #fff;
}

.link-to-article h3 a:hover{
color: #0099ff;
}

.category {
width: 260px;
float: left;
margin-top: 15px;
margin-right: 14px;
}

.category ul{
list-style: disc;
margin-bottom:15px;
}

.category ul li{
margin-left: 20px;
}

.link-to-article  a.more-link{
color: #6699cc;
border-bottom: none;
}

.link-to-article  a.more-link:hover{
color: #003366;
border-bottom: none;
}

#sidebar h3{
color: #003366;
border-bottom: 1px solid #6699CC;
padding-bottom: 3px;
}

#sidebar .block {
clear: both;
}

#sidebar .block p{
margin-top: 5px;
}

dl.whatnew dt{
float: left;
width: 5em;
text-align: right;
padding-right: 15px;
padding-bottom: 0.8em;
font-style: italic;
color: #999;
}

dl.whatnew dd{
margin-left: 5em;
padding-bottom: 0.8em;
}

#sidebar .tadv img{
float: left;
}

.flickr{
margin-top: 10px;
}

#sidebar em{
font-weight :bold;
}

ul.blogroll{
margin: 10px;
line-height: 1.4;
}

.newsflash{
width: 500px;
margin-top: 30px;
font-size: 90%;
}
.newsflash  a.nflash-img:hover{
border: none;
}

.nflash-content{
background: url(images/newsflash-middle.gif) center;
padding: 0 30px;
}

.newsflash small{
font-size: 80%;
}

.newsflash .alignright {
float:right;
margin-left:10px;
}

.newsflash .alignleft {
float:left;
margin-right:10px;
}

.newsflash .aligncenter {
margin:0 auto;
display:block;
}

/* -----------------------------------
              other pages
-------------------------------------- */

#content .links{
line-height: 1.4em;
}

#content .links h2{
font-size: large;
margin-top: 30px;
font-weight: bold;
}

#content .links h3{
color: #333;
margin: 20px 0 30px 0;
font-weight: bold;
}

#content .links li{
margin-bottom: 15px;
}

#content .links li a{
margin-right: 30px;
font-weight: bold;
}

/* ------- Category ------- */

#content .photoarea{
width: 160px;
margin-top: 40px;
padding-right: 10px;
float: right;
text-align: center;
}

#content .photoarea img{
padding-bottom: 10px;
}


/* ------- scotland table ------- */

table.scotland{
    width: 530px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
　　margin-bottom: 20px;
}
table.scotland th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.scotland td {
    background:#FFFFCC;
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

table.scotland tr.hire td {
    background:#DAFDFF;
}

/* ------- Link Page ------- */

 .links li.linkcat h2{
border-bottom: 1px solid #666;
}

/* ----- Style for Ktai Entry ----- */
.photo {
	padding-right:6px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.photo img {
	background:white;
	margin:0 4px 4px 0;
	padding:3px;
	border:1px solid #999;
}
.photo-end {
	clear:left;
}