/*  
Theme Name: Ask Ayumi
Description: Wordpress integration for japantravel.co.uk
Version: 0.1
Author: S Tokumine
*/


/*LINKS*/
#leftColumn a, #rightColumn a {color:#5F8020;text-decoration:none;}
#leftColumn a:visited, #rightColumn a:visited{color:#5F8020;}
#leftColumn a:hover, #rightColumn a:hover{text-decoration:underline;}

/*************/
/*LEFT COLUMN*/
/*************/

/*GENERAL STYLE FOR WORDPRESS WIDGETS*/
.widget{ 
	list-style-type:none; 
	margin:0;
	padding:0;
}

/*ABOUT AYUMI BOXOUT STYLES*/
img.about, img.aboutSmall{
	float:left;
	margin: 0 5px 5px 0;
	padding:5px;
	border:1px solid #ddd;
	background:white;
}

img.aboutSmall{
	margin-bottom:0;
	padding:2px;
}

.ask_ayumi{
	margin-top:10px;
}
	
/*SEARCH BOX*/	
input.search_input{
	width:80%;
	padding:3px;
}

/*TITLES*/
h2.widgettitle{
	border-bottom: 2px solid #ddd;
	padding-bottom:2px;
	margin-bottom:5px;	
}

/*BULLET POINTED LIST*/
ul {	
	list-style-type:none;
	padding-left:5px;
	margin:0;
}

ul li{
	display: block;
	padding-left:15px;
	background: url(images/bullet_green.gif) 0% 6px no-repeat;
	margin-bottom:3px;
}

/*LIST STYLES IN THE RIGHT COLUMN*/
#rightColumn ul li {
	background: url(images/bullet_orange.png) 0% 6px no-repeat;}

/*STOP BULLETS APPEARING ON SOCIABLE BOOKMARK TAGS*/
#rightColumn div.sociable ul li {background: none;} 

/*OLD SCHOOL GREY BOX, USED ON AYUMI PAGES*/
div.grey_box {
	margin-right:2px;
	padding:0 10px 10px 10px;
	background:#ededed url(images/grey_round_bot.gif) bottom left no-repeat;;
	margin-bottom:0;	
}

/*UPDATED GREY BOX, USED ON REST OF SITE FOR BOXOUT*/
div.grey_rounded{
	width:245px;
	background #ededed;
	margin-bottom:10px;
}

div.grey_rounded h2{
	background: #ededed url(images/grey_round_top.gif) no-repeat top left;
	margin:0px;	
	padding:10px 10px 0px 10px;
}

div.grey_rounded div.grey_bottom{
	background:#ededed url(images/grey_round_bot.gif) bottom left no-repeat;
	margin-bottom:0px;
	padding:10px;
}

div.tag_cloud{
	line-height:2.5em;
}

div.snippet_container{
	padding:0 10px;
	margin-bottom:10px;
}

div.snippet{
	font-style:italic;
	color:#888;
	margin-bottom:10px;
}

div.snippet a{
	padding-left:20px;
	background:url(images/newspaper.png) top left no-repeat;
	display:block;
	font-weight:bold;
	font-style:normal;
	color:#786788;
}

/**********************/
/*RIGHT CONTENT COLUMN*/
/**********************/

/*OVERALL ENTRY STYLES*/
div.entry{
	margin-bottom:20px;
}

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

/*POST TITLING*/
#rightColumn h2 {color:#463565; padding-bottom:2px; margin-bottom:3px; height:auto;}
#rightColumn h2 a, #rightColumn h2 a:visited {text-decoration:none; color:#463565; }
#rightColumn h2.ayumi_title{margin:24px 0 5px 0;font-size:24px;line-height:27px;}
#rightColumn h2.date_title{margin:18px 0 0px 0;font-size:16px;line-height:18px; color:#ccc;font-style:italic;}
#rightColumn h2.ayumi_title_small{margin:0;font-size:20px;line-height:24px;}




/*********************************************/
/** SIMPLE ROUNDED CORNERS WITH FIXED WIDTH **/
/*********************************************/

/*GENERAL STYLES OF THINGS INSIDE THE ROUNDED CORNER BUBBLE*/
div.q_container P, div.q_container ol, div.q_container ul{
	padding: 10px 15px 0px 60px;
	font-size:14px;
	line-height:1.5em;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
}

/*LIST STYLINGS*/
div.q_container ol, div.q_container ul{
	padding-top:0;
	margin-left:20px;
}

div.q_container ul{
	margin:10px 0;
	padding-top:10px;
	padding-bottom:10px;
	font:10px courier;
	background:#E1E0EB;
	border:1px solid #B6B2CC;
	border-width:1px 0;
}

/*********************************************/
/** ACTUAL BUBBLE CODE 						**/
/*********************************************/
/*SPEACH BUBBLE EFFECT START - CONTAINER HAS THE "Q" GRAPHIC*/
div.q_container {
	margin:0 0 10px 0;
	padding:0;
	width: 430px;
	background:#C0BED4 url(images/ayumi_Question.jpg) 20px 20px no-repeat;
}

/*THE FIRST DIV DRAWS THE TOP OF THE BUBBLE */
div.q_top {
	height:14px;
	background: 
		transparent url(images/ask_ayumi_b1.jpg) 
		no-repeat 
		top left;
}

/*THE LAST DIV DRAWS THE BOTTOM OF THE BUBBLE*/
div.q_bot {
	height: 34px;
	background: transparent 
		url(images/ask_ayumi_b3.jpg) 
		no-repeat 
		bottom left;
}

/*READ MORE LINKS*/
a.more-link{
	font-weight:bold;
}

div.read_more{
	margin-top:10px;
	padding:3px;
	width:410px;
	text-align:right;
}


/*post meta data*/
.post_meta{
	width:410px;
	margin-top:10px;
	padding: 0 10px 10px 10px;
	border: 2px solid #FFD324 ;
	border-width: 1px 0 2px 0;
	border-color:#FFE580 #FFD324 #FFD324 #FFD324;
	color: #444;
	background: #FFF6BF;
}

.comment_meta{
	margin-top:10px;
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
}

.posted_by{
	margin:0;
	color: #888;
	font-size:10px;
}

div.tag_list{
	margin:0px 0 5px 0px;
}

/*CATEGORY VIEW*/
.grey_small_txt{
	color:#999; 
	font-size:10px;
}

/*NAVIGATION - FORWARD AND BACKWARDS IN STORIES*/
.navigation{
	margin:20px 0;
	font-weight:bold;
}


/*search styles */
h2.small a:hover{
	text-decoration:none;
}

h2.small a{
	font-size:14px;
	text-decoration:underlined;
}



/*COMMENTS*/


/*---:[ comment styles ]:---*/

#comments { width: 430px; }

dl#comment_list { margin: 20px 0 0 0; }

dl#comment_list dt { width: 430px;padding: 0 0 33px 0; background: url('images/comment_top.gif') 0 100% no-repeat; font-size: 1.1em; line-height: 1.8182em; color: #999; }

dl#comment_list dt.author { width: 430px;background: url('images/comment_author_top.gif') 0 100% no-repeat; }

dl#comment_list dt .comment_num { padding: 0 0.3636em 0 0; }

dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited { color: #999; }

dl#comment_list dt .comment_num a:hover { color: #a90000; }

dl#comment_list dt strong { font-size: 1.4545em; color: #000; }

dl#comment_list dt strong a, dl#comment_list dt strong a:visited { color: #463565; border-bottom: 1px dotted #999; }

dl#comment_list dt strong a:hover { color: #000; border-bottom: 1px solid #a90000; }

dl#comment_list dd { width: 390px; padding: 0 20px 5px 20px; margin: 0 0 10px; background: #dfdfdf url('images/comment_bottom.gif') 0 100% no-repeat; }

dl#comment_list dd.author { background: #f6f4c9 url('images/comment_author_bottom.gif') 0 100% no-repeat; }

dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote { margin-bottom: 1.1538em; }


/*This is the green box for how to get there text*/
div.howto{
         padding: 5px;
         margin: 10px 0px 10px 0px;
         border: solid #7da432;
         border-width: 1px 0px 1px 0px;
         background-color: #e2f3cf;
         color: #555555;
}

span.lgnumber{
         font-size: 20px;
         color: #777777;
}

span.howtotxt{
         font-weight: bold;
         color: #6F922C;
}


/*IMAGE STYLES*/
img.logo_wrap_txt_left, img.photo_wrap_txt_left{
	float:left;
	margin:10px 10px 10px 0;
	
}

img.logo_wrap_txt_right, img.photo_wrap_txt_right{
	float: right;
	margin:10px 0 10px 10px;
} 

img.photo_no_wrap, img.photo_wrap_txt_right, img.photo_wrap_txt_left{
	padding:2px;
	background: #fff;
	border:1px solid #ccc;
}

img.photo_no_wrap{
	display:block;
}

/*CLEARING DIV*/
div.clear{
	clear:both;
}