/*  
Theme Name: Ours Travel Beach English
Theme URI: 
Description: Customised English theme for Ours Travel with Summer & Beach feeling.
Version: 1.0
Author: Yao-Te Wang
Author URI: http://www.fortitudeseven.com
The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
*/

/*************************************
 +Containers
 *************************************/
body{
	background:#f8f8ec url(images/bg.jpg) repeat-x top left;
	color:#151515;
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0px;
	font-size:72.5%;
	line-height:1.4;
	margin:0;
	padding:0;
	text-align:left;
}
#wrap{
	position:relative;
	margin:0 auto;
	padding-top:0em;
	text-align:left;
	width:990px;
}
#telephone {
	position:absolute;
	font-size: 1.2em;
	color:#000000;
	top: 6px;
	right: 160px;
}
#header{
	text-align:left;
	text-align:left;
	width:990px;	
	margin-bottom:90px;
	padding:0px;
	padding-top:40px;
}
#portrait-bg {
	position: static;
	background: url(images/bg-portrait.jpg);
	width: 980px;
	height: 212px;
	right: 0;
	top: 0;
}
#rss-big {
	position:absolute;
	background:url(images/rss.jpg);
	width:111px;
	height:67px;
	top:126px;
	left:40px;
}
#lang {
	position:absolute;
	top:155px;
	left:20px;
}
#lang ul{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:0;
	clear:both;
}
#lang li{
	float: left;
	border-bottom:0px;
}
#lang ul li{
	padding-top:.2em;
	padding-bottom:.2em;
	padding-right:1.2em;
}
#lang ul li a {
	color: #FFFFFF;
}
#lang ul li a:hover {
	color: #000000;
}
#lang ul li:hover, #lang ul li a:hover{
	//background:#F0F0E0;
}
#lang img {
	border: 0px;
}
#content{
	font-size:1.1em;
	float:left;
	padding:0em 0em 0em 1em;
	width:610px;
}
#online_service{
	padding:0em 0em 0em 0em;   
}
#sidebar-left{
        background:#FCFCFC;
        border:1px #ccc dashed;
	font-size:1em;
	float:left;
	padding:0.5em .2em 2em 1em;      
	margin-top:10px;
	margin-left:10px;
	width:178px;
}
#sidebar-right{	
	font-size:1em;
	float:left;
	padding:0em .0em 2em .3em;
	margin-top:10px;
	margin-left:10px;
	width:147px;
}
#footer{
	background:url(images/bg-footer.jpg) repeat-x bottom left;
	padding:1em;
	color:#e6e6e6;
	font-size:1em;
	clear:both;
	text-align:center;
}
/*************************************
 +Search form
 *************************************/
.search-form {
	font-size:1.2em;
	background:url(images/search.jpg) no-repeat;
	position:relative;
	width:147px;
	height:44px;
	margin-bottom:10px;
}
.search-form input{
	width:125px;
	margin:14px 0 0 10px;
	border:0px;
	background:#f9f9f9;
        color: #454545;
}/*************************************
 +Footer
 *************************************/

#credits {
	margin: 55px 0px 0px;
}
#footer a {
	color: #b3960e;
}
#footer a:hover {
	color: #b2b2b2;
}
#rss {
	background:url(./images/rss.gif) no-repeat;
	padding-bottom:6px;
	padding-left:20px;
}

/*************************************
 +Hn, a and p
 *************************************/
pre {  
	
	padding:10px; 
        max-width:580px;
font-size:1.2em;
	}

code {
        padding:10px; 
        font-size:1.2em;
        max-width:580px; 
}


a{
	color:#7f9a42;
	text-decoration:none;
}
a:hover{
	color:#000;
}
h1, h2, h3, h4{
	font-weight:normal;
	//letter-spacing: -.1px;
	margin:0;
}
#header h1{
	font-size:4em;
	margin-left:.5em;
}
#header h1 a{
	color:#424242;
}

#header p{
	color:#424242;
	font-size:1.3em;
	margin-top:-0.9em;
	margin-left:200px;
	text-align:left;
        font-style:italic;
}


.entrytitle h1 a {
	color:#000;
}
.entrytitle h1 a:hover{
	
}
.entrytitle h1{
	font-size:2em;    
	text-align:left;
}

.entrytitle h2 a {
	color:#000;
}
.entrytitle h2 a:hover{
	
}
.entrytitle h2{
	font-size:2em;    
	text-align:left;
}

.entrytitle h3{
	font-size:1.5em;
	color:#6F6F6F;
}


#rss-big a{
	display:block;
	width:110px;
	height:64px;
}
blockquote { 
	
	display: block;
	padding: 2px 10px;
	background:#F0F0E0 none repeat scroll 0% 0%;
	border:2px dashed #DCD8A8;
	
}
/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:0em;
	text-align:justify;	
}
.entry a:hover{
	background-color:#F0F0E0;
}

.entry p {
	margin:0px;
	padding:0px 0px 10px;
}

.entry h3{
	font-size:1.5em;
        padding-bottom:0.3em;
}
.entry img {
	max-width:600px;		
	margin-left:5px;
	margin-right:5px;
	border: 0px;
}

.entrybody{
	padding-bottom:6px;
}

.entrybody a{
	border-bottom:1px dotted #CCCCCC;	
}
.entry code{	
	font-size:1.1em;
	padding:.2em;
        text-align:left;
}
.entrymeta{
	
	padding-top:0.5em;
	color:#b3960e;
	border-top:1px dotted #ccc;
 	margin-bottom: 3em;
	clear:both;
}


.postedby{
	background:url(./images/user.gif) no-repeat;
	padding:3px;
	padding-left:19px;
}
.filedto{
	background:url(./images/post.gif) no-repeat;
	padding:2px 3px 3px 20px;
	
}
.commentslink{
	background:url(./images/packaged.gif) no-repeat;
	padding:1px 2px 2px 21px;
}

/*************************************
 +Table
 *************************************/
table {
	text-align: left;
	margin-bottom: 15px;
}

.china_air {
	text-align: center;
	margin-bottom: 15px;
}

.china_air th{
	font-size: 0.9em;
	font-weight: normal;
	color: #000000;
	background-color: #9cb9d9;
}

.eva_air {
	text-align: center;
	margin-bottom: 15px;
}

.eva_air th{
	font-size: 0.9em;
	font-weight: normal;
	color: #ffffff;
	background-color: #008736;
}

.cathay_pacific {
	text-align: center;
	margin-bottom: 15px;
}

.cathay_pacific th{
	font-size: 0.9em;
	font-weight: normal;
	color: #ffffff;
	background-color: #008080;
}

.sing_air {
	text-align: center;
	margin-bottom: 15px;
}

.sing_air th{
	font-size: 0.9em;
	font-weight: normal;
	color: #000000;
	background-color: #f0bd42;
}

.klm {
	text-align: center;
	margin-bottom: 15px;
}

.klm th{
	font-size: 0.9em;
	font-weight: normal;
	color: #ffffff;
	background-color: #009ddc;
}

/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
	list-style-type :none;
	margin: 0;
	padding: 0;
	margin-bottom: 0em;
	clear: both;
}


#sidebar ul li, #sidebar ul li a{
	padding-top: .1em;
	padding-bottom: .1em;
	//padding-right: .2em;
	padding-left: .4em;
	display: block;
}
#sidebar ul li:hover, #sidebar ul li a:hover{
	background: #F0F0E0;
	//color: #FF9900;
	display: block;
}

#sidebar li.current_page_item a{
	background: #F0F0E0;
	color: #FF9900;
	//font-weight: bold;
	display: block;
}

#sidebar li.current_page_item a:hover{
	background: #F0F0E0;
	color: #000000;
	//font-weight: bold;
	display: block;
}

#sidebar h2{
	color: #6F6F6F;
	font-size: 1.5em;
	margin-top: 1em;
}

#sidebar h4{
	color: #151515;
	font-size: 1.5em;
	margin-top: 1em;
}

#sidebar-left #cat {
	width: 175px;
	border: 1px solid #CCCCCC;
}


#sidebar-right #cat {
	width: 145px;
	border: 1px solid #CCCCCC;
}

#sidebar-right ul.xoxo li, #sidebar-right ul.xoxo li a{	
	padding-top: .2em;
	padding-bottom: .2em;
	//padding-right: .2em;
	padding-left: 0em;
}

#sidebar-right ul.xoxo li:hover, #sidebar-right ul.xoxo li a:hover{
	background:none;
	//color: #FF9900;
}

#sidebar-left img {
	max-width: 174px;
	border: 0px;
}

#sidebar-right img {
	max-width: 142px;
	border: 0px;
}

/*************************************
 +Menu
 *************************************/
#menu {
	position:absolute;
	width:620px;
	padding:0px;
	margin:0px;
}
#menu ul{
	font-size:1.3em;
	list-style: none;
	padding:0;
	margin:0;
}
#menu li{
	float: left;
	border-bottom:0px;
}
#menu li a {
	color:#fff;
	padding:0.4em 0.6em 0.3em;
	margin-left:0.5em;
	display:block;
}
#menu li a:hover{
	background:#e6e2af;
	color:#424242;
}
#menu ul li ul {
	display:none;
}

/*************************************
 +Menu Tabs
 *************************************/
#tabs {
	float: left;
	position: absolute;
	width: 580px;
	//background: #DAE0D2 url(images/tab/bg.gif) repeat-x center bottom;
	//background:none;
	font-size: 1.3em;
	line-height: normal;
	left: 111px;
	top: 138px;
}
#tabs ul {
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}
#tabs li {
	float:left;
	background: url(images/tab/left.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
}
#tabs a, #tabs strong, #tabs span {
	float: left;
	display: block;
	background: url(images/tab/right.gif) no-repeat right top;
	color: #776655;
	font-weight: normal;
	padding: 8px 15px 6px 6px;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs a:hover {
	color: #333;
}
#tabs li.current_page_item {
	background-image: url(images/tab/left_on.gif);
	border-width:0;
}
#tabs li.current_page_ancestor {
	background-image: url(images/tab/left_on.gif);
	border-width:0;
}
#tabs li.current_page_item a {
	background-image: url(images/tab/right_on.gif);
	color: #333;
	padding-bottom: 6px;
}
#tabs li.current_page_ancestor a {
	background-image: url(images/tab/right_on.gif);
	color: #333;
	padding-bottom: 6px;
}

/*************************************
 +Menu Categories
 *************************************/
#catmenu {
	position:absolute;
	width:540px;
	padding:0px;
	margin:0px;
	left:170px;
	top:148px;
}
#catmenu ul{
	font-size:1.3em;
	list-style: none;
	padding:0;
	margin:0;
}
#catmenu li{
	float: left;
	border-bottom:0px;
}
#catmenu li a {
	background:#c2e1f7;
	color:#000;
	padding:6px 10px 5px 10px;
	margin-left:0.5em;
	display:block;
}
#catmenu li.current_page_item a{
	background:#e9e9dc;
	color:#fff;
	padding:6px 10px 6px 10px;
	margin-left:0.5em;
	display:block;
}
#catmenu li a:hover {
	background:#e9e9dc;
	padding:6px 10px 6px 10px;
	color:#fff;
}
#catmenu ul li ul {
	display:none;
}
/*************************************
 +Comments
 *************************************/
.commentsblock, contactform{
	font-size:1em;
        clear:both;
        padding-top:20px;
}
.commentsblock textarea, .contactform textarea{
	width:44em;
}
.commentsblock input, .commentsblock textarea, .contactform input, .contactform textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus, .contactform textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus, .contactform textarea:focus, .contactform input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#505247;
	font-size:1em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;      
}
ol.commentlist a{
	color:#b3960e;
}
ol.commentlist a:hover{
	color:#424242;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.8em;
}

.commentlist p {
margin:10px 5px 10px 59px;
text-transform:none;
font-size:1em;
}
.commentlist blockquote p {
margin:10px 5px 10px 5px;
}

.commentlist blockquote {

margin:10px 0px 10px 59px;
}

.alt{
	background:#e3e7cb;

}
h3.comments{
	font-size:1.3em;
	color:#6C6C6C;
}	
.commentmeta{
	font-size:1em;
	
	
}
.commentmeta cite{
   font-weight:bold;
    font-size:16px;
}
/*************************************
 +Flickr
 *************************************/
#flickr {
	margin:0 1em 0 .5em;
	padding:0em;
}
#flickr img {
	border:0px;	
}
#flickr a {
	background:#FFF;
	border: 1px dotted #ccc;
	float: left;
	display: inline;
	margin:0.7em;
	padding:5px;
	width: 75px;
	height: 75px;
}
#flickr a:hover{
	border: 1px dotted #000;
}
/*************************************
 +Misc
 *************************************/

#ad_block { 
	background:#e3e7cb; 
	padding: 10px 0 10px 0; 
	margin: 1em 0 1em 0; 
	text-align: center; 
}
#ad_block_middle { 
	background:#e3e7cb; 
	padding: 10px 0 10px 0; 
	margin: 1em 0 0em 0; 
	text-align: center; 
}

img.left {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}

img.right {
float: right;
margin-left: 15px;
margin-bottom: 10px;
}

/*************************************
 +Vlado
 *************************************/


.archd {
	background:#BFBC94 none repeat scroll 0%;
	color:#FFFFFF;
	margin-bottom: 10px;
	display:block;
	text-align: center; 
}

/*Next Previous Styling*/
div#nav-below{font-size:0.9em;padding-bottom: 2px; border-bottom:1px dotted #ccc;}
div#nav-below .nav-next{text-align:right; margin-top:-2px;}
div#nav-below .nav-previous{text-align:left;margin-top:15px;}


div#nav-global{font-size:1em;padding:3em 0px 2px 0px; border-bottom:1px dotted #ccc;}
div#nav-global .nav-previous{text-align:left;}
div#nav-global .nav-next{text-align:right;margin-top:-1.4em; }

.sb {padding: 0.4em 0em 0em 0.2em;}
.sbdel {padding-left: 16px; background: url(images/delicious.gif) center left no-repeat;}
.sbdigg {padding-left: 16px; background: url(images/digg.gif) center left no-repeat;}



.relpost {
padding-bottom:2px; 
border-bottom:1px dotted #ccc;
color: #6C6C6C;
}
.relpost ul {
list-style-type:none;
padding: 0.01em;
}

.dotie {border: 1px dotted #cccccc; padding: 6px 10px; font-size:1em;}
.endate { 
        font-size:1.2em;
				color:#6F6F6F; 
        font-family: Georgia, Verdana, Times;        
}

#ftnav {
margin:0px 0px 5px;
}

#print{
	background:url(./images/print.gif) no-repeat;
	padding:3px 2px 1px 20px;
}

.btitle{
	font-weight:normal;
	//letter-spacing: -.1px;
	margin:0;
        font-size:4.6em;
	margin-left:.5em;
        font-family:times New Roman;
        font-style:italic;

}
.btitle a{
	color:#333333;
}

#translation_bar a{
padding:1.5px;
}/* 
Coldskin #3 for Contact Coldform WordPress Plugin
@ http://perishablepress.com/press/2008/01/08/contact-coldform/ 
@ http://perishablepress.com/press/2008/01/08/contact-coldskins/ 
*/

div#coldform * {
	padding: 0;
	margin: 0;
}
div#coldform {
	font-family: Verdana, sans-serif;
	background-color: #F8F8EC;
	font-size: 12px;
	margin: 12px 0;
	width: 600px;
	color: #333;
}
div#coldform fieldset {
	border: 0 none;
	display: block;
	clear: both;
}
div#coldform legend.hide {
	display: none;
}
div#coldform label.label {
	margin: 5px 0px 0px 0px;
	text-align: left;
	display: block;
	border: 0 none;
	float: left;
	clear: both;
} 
div#coldform input.input {
	padding: 3px;
	float: left;
	clear: both;
	width: 50%;
        border:1px solid #cccccc;

}
div#coldform textarea#coldform_message {
	font-family: Verdana, sans-serif;
	line-height: 1.5em;
	font-size: 12px;
	padding: 3px;
	float: left;
	clear: both;
	width: 80%;
        border:1px solid #cccccc;
}
div#coldform input.submit {
	margin: 6px 0 12px 0;
	padding: 3px;
	width: 25%;
        border:1px solid #cccccc;
}

.postinfo {

margin-top: 3px;
}

.postinfo img {
padding :0px;
margin:0px;
border:2px solid #F8F8EC;
}

.socbook {
float:right;
}


.entrydate .dateMonth {
font-size:10px;
margin:0pt;
padding:3px 0pt 0pt;
text-align:center;
color:#FFFFFF;

}

.entrydate .dateDay {
font-family:Times New Roman,Helvetica,Sans-Serif;
font-size:21px;
font-weight:bold;
margin:0pt;
padding:3px 0px 0pt 0pt;
text-align:center;
color:#888888;
}

.entrydate .dateYear {
padding:0px 0px 0pt 1pt;
font-size:9px;
}

.entrydate {
background:transparent url(images/date.png) repeat scroll 0% 0%;
float:right;
height:53px;
margin-left:5px;
margin-top:5px;
width:49px;
}

.entrytitle_wrap {
padding-bottom: 0.5em;
}

.gravatar {
background-color:#FFFFFF;
color:#FFFFFF;
clear:right;
float:left;
margin:0px 15px 0px 0px;
padding:2px;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */