/*  
Theme Name: Sanamihana.com
Theme URI: http://www.der-prinz.com/2008/01/20/wordpress-magazine-style-theme-branfordmagazine/
Description: Sanamihana.com Version 2 based on PRiNZ BranfordMagazine
Version: 2.0
Author: Tomoko Matsubayashi
Author URI: http://www.tomografica.com


/******************************************
*   HTML Elements                         
******************************************/

body,h1, h2, h3, p, ul, li,form {
	border:0;
	margin:0;
	padding:0;
	}

html {
	height: 100%;
/* CENTER IN IE > 7 */
	text-align: center;
	background-color: #FFFFFF; 
	}

body {
	font-size: 13px;
	font-family: 'ＭＳ Ｐゴシック', 'Osaka', 'Hiragino Maru Gothic Pro','Hiragino Kaku Gothic Pro','MS UI Gothic','ヒラギノ角ゴ Pro W3','Lucida Grande', sans-serif;
	color: #333;
	background: #FFFFFF;
	padding: 0px 0px 25px 0px;
	line-height:20px;
	}

select, input {font-size:13px;}
	
p {	font-size: 13px; margin: 10px 0px 10px 0px; }

h1 {
	color: #2d4c92;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 0px 10px;
	}
	
h2 {
	color: #2d4c92;
	font-size: 15px;
	padding-bottom:8px;
	font-weight:normal;
	margin: 0 0 5px 0;	
	}

h3 {
	font-size:13px;	
	margin-bottom:4px;
	font-weight:normal;
	background: #FFF url(images/h3-bg.jpg) no-repeat;
	color:#2d4c92;
	padding:5px 0px 5px 10px;
	}


h4 {
	font-size:13px;
	margin-bottom:6px;
	font-weight:bold;
	color:#333;
	}	

a:link, a:visited, a:active {text-decoration: none; color:#2d4c92;}
a:hover {text-decoration: none; color:#2d4c92;}

hr {clear: both; display: block; color: #fff; background-color: #fff; border: 1px solid #ddd; border-style: none none solid; padding:5px 0px; margin-bottom:15px; }

small { font-size: 11px;}

.clear {clear: both; visibility: hidden; height:0; content: ".";}
.left { float:left; text-align:left;}
.right { float:right; text-aligh:right; }
.clearRight {clear:right; height:0; content: ".";}
.clearLeft {clear:left; height:0; content: ".";}

/******************************************
*   Images                       
******************************************/

img {border:0; background:#FFF;}
p img {	padding: 0; max-width: 100%; border:0; }

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 { padding:0; margin: 2px 0 5px 10px; display: inline; float:right; }
.alignleft { padding:0; margin: 2px 10px 5px 0px; display: inline; float:left; }

.entry img.centered { display: block; margin-left: auto; margin-right: auto; }
.entry img.alignright { padding: 4px; margin: 0 5px 2px 15px; border: 1px solid #ccc; display: inline; }
.entry img.alignleft { padding: 4px; margin: 0 15px 2px 0; border: 1px solid #ccc; display: inline; }	
.entry img.alignnone { padding: 4px; margin: 0 7px 2px 0; border: 1px solid #ccc; display: inline; }
.entry a:hover {text-decoration:underline;}


.entry img.no-border { border: none}
		
/******************************************
*   General Structure                         
******************************************/
/* main container */
#page { 
	width:950px;
	margin:0px auto;
	padding: 0;
	text-align: left;
	background: #FFF url(images/bg.gif) repeat-y;
	}

/******************************************
*   Header                 
******************************************/
#header {margin:0; padding:0;height:210px;}
#navbar {background:#FFF; 
/*	filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;*/
	background: rgba(255, 255, 255, 0.7); 
	margin: 0px 8px;
}
#pad {height:20px;}

.home, .general, .company-information, .photo-albums, .links, .adult-learning, .how-to-apply, .apply-form, .surfing-study, .intensive-english-plan {background: #FFF url(images/headers/header-blog.jpg) no-repeat; margin-top:0; padding-top:0;}

.services, .surfing-lessons-rental, .surfboard-sales, .surfpoints-surfshops, .sightseeing-tours {background: #FFF url(images/headers/header-services.jpg) no-repeat; margin-top:0; padding-top:0;}

.packages, .surfing-plan, .surfing-guide-plan, .surfing-lesson-plan, .yoga-plan, .experience-california-plan, .optional-tours, .special-plan-july-august, .special-plan-september-october, .special-plan-october, .custom-plans-english-plus, .how-to-book, .reservation-form {background: #FFF url(images/headers/header-plans.jpg) no-repeat; margin-top:0; padding-top:0;}

.surfing, .surf-point-guide, .surfing-schools, .surf-shops {background: #FFF url(images/headers/header-surfing.jpg) no-repeat; margin-top:0; padding-top:0;}

.yoga, .yoga-instructors-studios-school, .yoga-shops-goods, .yoga-study {background: #FFF url(images/headers/header-yoga.jpg) no-repeat; margin-top:0; padding-top:0;}

.san-diego-info, .accommodations, .hotels-motels, .youth-hostels, .vacation-condominiums, .san-diego-town-info, .encinitas, .city-of-solana-beach, .city-of-del-mar, .la-jolla, .attractions, .language-school, .event-calendar {background: #FFF url(images/headers/header-blog.jpg) no-repeat; margin-top:0; padding-top:0;}

.contact-us {background: #FFF url(images/headers/header-blog.jpg) no-repeat; margin-top:0; padding-top:0;}

.blog { 
	background: #FFF url(images/headers/header-blog.jpg) no-repeat;
	}
	
/* logo holder */
#branding {	width:230px; height:60px; margin-top:30px;}

#sidebar {
	width: 242px;
	float:right;
	margin:10px 25px 0px 0px;
	font-size:12px;
	}
	
/* home content */
#content {
	width:620px;
	float:left;
	margin-top:10px;
	margin-left: 30px;
	padding-right:15px;
	border-right:1px solid #d8d8d8;
	}



/******************************************
*   Sidebar                         
******************************************/
#sidelist {margin-top:10px;}	
#sidelist li {
	list-style:none;
	}
	
.bullets li {
	margin:0 0 5px 15px;
	list-style:square;
	}
	
#sidelist .bullets li {
	list-style:square;
	margin-bottom:5px;
	
	margin-left:22px;
	}

#sidelist .children {
	background:#F4F4EC;
	}

#sidelist .children li {
	background: #F4F4EC;
	list-style: none;
	margin-left:15px;
	padding-left:15px;
	border-bottom:1px solid #fff;
	}
	
#sidelist .children li a, #sidelist .children li a:visited {
	padding:2px 2px 2px 0px;
	border:0;
	background:#F4F4EC;
	color: #666;
	}

#sidelist .children li a:hover, #sidelist .children li a:active	{				
	color:#000;
	}

#sidelist a:link, #sidelist a:visited, #sidelist a:active {text-decoration: none; color:#555;}
#sidelist a:hover {text-decoration: none; color:#000;}

#sidelist select {font-size:12px; width:90%;}

.side-banner {margin-bottom:15px;}
	
/******************************************
*   Headlines                         
******************************************/

.blogtitle, .blogtitle a { content:"."; visibility: hidden; }

#sidebar h2 a, #sidebar h3 a {
	font-size: 12px;
	margin-bottom:4px;
	font-weight:bold;
	color:#435a9c;
	}

#sidebar h2 {
	font-size:12px;
	font-weight:bold;
	padding:5px 0 0px 2px;
	margin:10px 0 5px 0;
	color:#435a9c;
	background:none;
	}

#sidebar h3 {
	background: url(images/bullet.gif) no-repeat 0px 4px; 
	height:25px;
	font-size:12px;
	font-weight:bold;
	padding:5px 0px 0px 25px;
	
	}

h3#respond {
	background:none;
	font-size:12px;
	border-top:1px solid #d8d8d8;
	margin-top:25px;
	padding-top:10px
	}

h3#comments {
	margin-top:10px
	}

h3 a:hover {text-decoration:none; color:#5c80c2;}


	
	
	
/******************************************
*   Content                        
******************************************/

#container-4 h3 {background:none; font-weight:bold; margin-left:0; padding-left:0;}
#container-4 h4 {font-size:13px; margin:0 0 10px 0; padding:0;}

#fragment-3 img {max-width:200px; height:auto; padding:2px; background:#FFF; border:1px solid #d8d8d8;}
#fragment-3 p, #fragment-2 p {margin:0;}
#fragment-2 {line-height:16px;}
#fragment-1 p {margin-top:0;}

/* Latetst Event formatting "leftcol" */
.feature {
	padding:10px 10px 10px 10px;
	font-size:12px;
	line-height:18px;
	border-right:1px solid #e5e4e4;
	border-left:1px solid #e5e4e4;
	}
.feature p, #rightcol p { font-size:12px; margin:0;	}
.feature img {max-width:150px; height:auto; padding:2px; border:1px solid #d8d8d8; margin:3px;}
.feature h4 {margin:0px 0px 10px 0px; padding:0; font-size:12px;line-height:16px;}
.feature h4 a:link, .feature h4 a:visited, .feature h4 a:active {text-decoration: none; color:#ae385b;}
.feature h4 a:hover {text-decoration: none; color:#ce6e8a;}

/* home content -left */
#leftcol {
	width:287px;
	border-right:1px solid #d8d8d8;
	padding-right:18px;	
	}

#leftcol .leftbottom {background: url(images/backgrounds/leftcol-bg-bottom.jpg) no-repeat left bottom; height:60px; font-size:12px; text-align:center;}
#leftcol .feature-title img {border:none; }
#leftcol .feature-title {background: url(images/backgrounds/leftcol-top.jpg) no-repeat top left; height:41px;}

#leftcol, #rightcol {
	margin-top:10px;
	float:left;
	}	

/* home content -right */	
#rightcol {
	width:277px;
	padding-left:18px;
	margin-top: -2px;
	}

#leadpic { float:left; margin: 0 18px 8px 0px;}

#rightcol img {
	border:none;
	padding-bottom:8px;
	padding-left:5px;
	}
	
#rightcol .clearfloat {
	padding:13px 0;
	}	
	


/******************************************
*   POST                        
******************************************/

.post {margin-bottom:30px;}

.post ul li, .featured-post ul li {
	list-style:square;
	margin-bottom:5px;
	margin-left:30px;
	}

.post ol li, .featured-post ol li {
	margin: 0px 0px 5px 15px;
	}

.entry { margin-bottom:10px; }
.entry h3 {	margin-top:20px;}
.ngg-albumoverview h3 {margin-top:0;}

.bqstart {
	float: left;
	height: 45px;
	margin-top: -30px;
	padding-top: 45px;
	margin-bottom: -50px;
	font-size: 700%;
	color: #e5e2c2;
	font-family:"Times New Roman", Times, serif;

 	}

 .bqend {
	float: right;
	height: 25px;
	margin-top: 0px;
	padding-top: 30px;
	font-size: 700%;
	color: #e5e2c2;
	font-family:"Times New Roman", Times, serif;

	}

.quote-by {text-align:right; margin-top:0px; color:#928d74; font-size: 11px;}

.quote-by:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}

blockquote {display: block; padding-right:10px; padding-left:10px; padding-top:5px;}

	
#tags {
	padding:3px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;	
	}	
	
.postmetadata {
	font-size:11px;
	text-align:right;
	margin:0 0 10px 0;
	padding:5px 10px;
	}
				

/* Form Elements */

select { border:1px solid #9c9c9c;}	

#searchform { 	padding:5px 5px 0 0; 	}

.button {
	padding: 1px;
	background:#d8d8d8;
	color:#333;
	border:none;
	}

.button:hover {
	background:#666;
	color:#FFF;
	text-decoration:none
	}

#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}



/* Comments*/

.commentlist {padding-left:30px;}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#F4F4EC;
	border:1px solid #E6E3D3;
	}

.commentlist blockquote {
	color:#666;
	background:#fff;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}	

#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	}

.commentlist small {
	background:#fff;
	border:1px solid #E6E3D3;
	}

/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat { display:inline-block; }	
.clearfloat { display:block; }
	
/******************************************
*   Footer                        
******************************************/

#footer {
	clear:both;
	font-size:11px;
	text-align:center;
	margin-top:20px;
	padding:30px 15px;
	color:#444;
	background: #FFF url(images/bg-footer.gif) no-repeat;
	}

#footer a {	color:#444; text-decoration:none; }

/******************************************
*   ADDED              
******************************************/
.text-center {text-align:center;}

.red h3 {color: #9e0039;}
.blue {
	font-size:13px;
	color:#2d4c92;
	font-weight:bold;


}

.bg-grey {
	background:#F4F4EC;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	padding:10px 10px 10px 15px;
	margin:10px 0px 10px 0px;
}

.bg-grey h4 {margin-top:0;}

.bg-red {
	border:3px double #a13557;
	background:#f7ebef;
	padding:10px;
	margin:20px 30px;
	}
	
.bg-blue {
	border:3px double #d1daee;
	background:#ebf2fd;
	padding:10px 15px;
	margin:15px 15px;
	}
	
	
.bg-blue hr {clear: both; display: block; color: #ebf2fd; background-color: #ebf2fd; border: 1px dotted #d1daee; border-style: none none dotted; padding:5px 0px; margin-bottom:15px; }

.def {
	background: #FFF url(images/def.gif) no-repeat;
	border:3px double #e4e4cf;
	margin:15px 20px;
	padding:10px;
	}

.def h4 {padding-left:40px;}

.question {
	background: #FFF url(images/question.gif) no-repeat;
	border-top:3px dotted #d8d8d8;
	margin:15px;
	padding:15px 10px 10px 70px;
	}

.answer {
	background: #FFF url(images/answer.gif) no-repeat;
	margin:15px;	
	padding:10px 10px 10px 70px;
	}
	
.arc-year-date {font-size:11px; color: #333; margin-left:5px;}

/******************************************
* 2 COLUMN LIST                     
******************************************/

/* 2 colum list css */
.sampleList dt {padding-top:5px; margin:5px 0px; border-top:1px solid #DDD;}
.lessonList dt {padding-top:5px; margin:5px 0px; border-top:1px solid #DDD; font-weight:bold;}
.twoColList, .twoColListForm { margin-top:15px; }

.sampleListAL dt{
	float:left;
	width:8em;
	text-align:left;
	position:relative; /*IEWin hack*/
	border-top:1px solid #DDD;
	padding:5px 0px;
}

.sampleListAL dd{
	margin-left:8em;
	padding:5px 0px 5px 7px;
	text-align: left;	
	border-top:1px solid #DDD;
}
	
.twoColList dt {
	float:left;
	width:5em;
	text-align:left;
	position:relative; /*IEWin hack*/
}

.twoColList dd {
	margin-left:5.5em;
	padding-left:0.5em;
	text-align: left;	
}

.twoColListForm dt {
	float:left;
	width:12em;
	text-align:right;
	padding-bottom:10px;
	position:relative; /*IEWin hack*/
}

.twoColListForm dd {
	margin-left:12em;
	padding-left:0.7em;
	padding-bottom:10px;
	text-align: left;	
}

/******************************************
* TABLES                    
******************************************/

.entry table {width:95%; margin:15px 10px; padding:5px; border-collapse: collapse;
	border-spacing:0;}
.entry table td, .entry table th {
	padding:5px 10px;
	font-size:13px;
	border:1px solid #DDD;
	font-weight:normal;	
}

.entry table th {background-color: #edf1fa;}

.lessonList table {margin:5px 0px;}
.lessonList table td {text-align:center;}

.lessonList table th {background-color: none;}

#weather table td {text-align:left;}

.message {font-size: 11px;}

.schedule {
	margin:15px 30px;
	border-top: 1px solid #DDD;
	}

.schedule p {
	border-bottom:1px solid #DDD;
	margin-bottom:3px;
	padding:2px;
	}

.cal-taiken{
	}

.cal-taiken h4 {
	font-size:13px;
	background: #c6e4fb;
	color:#215d93;
	font-weight:normal;
	padding:5px 0px 5px 10px;
	margin-bottom:15px;
}	

.jumpLink {font-size:12px; text-align:right; font-weight:bold;}



/*****************************************************
*   Special styles for the various page templates                      
****************************************************/

/* Styles for the "featured-page template" */

#featured-top {
	width:890px;
	float:left;
	padding: 10px 0 15px 0;
	margin: 0px 30px 5px 30px;
	border-bottom: double 3px #d8d8d8; 
	}

#featured-content {
	width:620px;
	float:left;
	margin:0px 0px 0px 30px;
	padding-right:18px;
	border-right:1px solid #d8d8d8;
	}
	
	
#featured-sidebar {
	width: 220px;
	margin-right:30px;
	float:right;
	}
	

#featured-sidebar .sidebar_widget {
	margin:0 0 20px 0;
	}
	
#featured-leftcol {
	width:610px;
	float:left;
	margin:0px 20px 0px 0px;
	}

#featured-leftcol img{
	float:left;
	margin:0px 20px 10px 0px;
	padding:1px;
	}

#featured-leftcol li {
	list-style:square;
	margin-bottom:5px;	
}

#featured-leftcol h3 {background:none; color: #4a9e81; margin-top:0; padding-top:0;}

#featured-rightcol {
	width:240px;
	float:right;
	margin-top:5px;
	padding:10px 0px; 
	}

#featured-rightcol li{
	list-style:none;
	text-align:center;
	padding:4px 0px;
	margin:0px 2px;
	font-size:12px;
	border-top:1px solid #fff;
	}

#featured-rightcol .bullets li {
	list-style:square;
	margin-bottom:5px;
	margin-left:22px;
	}


/******************************************
*   NAVIGATION                       
******************************************/

#nav {
	background:none;
	font-size:11px;
	margin-left:30px;	
	}
	
#nav, #nav ul {
	list-style:none;
	line-height:1;
	}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	}

#nav li {
	float: left;
	list-style:none;
	border-right:1px solid #fff;
	}

#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
	color: #033aae;
	padding:6px 12px;
	}

#nav a:hover, #nav a:active {
	background:#7590be;
	text-decoration:none;
	color:#FFF;
	}	

#navbar .current_page_item, #navbar .current_page_ancestor, #navbar .current_page_parent {background:#7590be;}
#navbar .current_page_item a, #navbar .current_page_ancestor a, #navbar .current_page_parent a {color:#FFF;}

#subnav {background: url(images/backgrounds/subnav-bg.jpg) repeat-y; padding-top:10px; } 
#subnav a, #sidenav a {padding-right:20px; padding-left:20px;}
#subnav-top {background: url(images/backgrounds/subnav-bg-top.jpg) no-repeat; height: 35px; } 
#subnav-bottom {background: url(images/backgrounds/subnav-bg-btm.jpg) no-repeat; height: 30px; border-top:1px solid #FFF; padding:0px 2px;} 

#subnav .page_item:hover { background:#beceec; text-decoration:none;}
#subnav .current_page_item {background:#beceec; font-weight:bold;}
#subnav .current_page_item .page_item {background:#beceec; font-weight:normal;}
#subnav .current_page_item .page_item :hover {background: #beceec; color:#FFFFFF;}

.page_item a {font-size:11px;}

#sidenav {
	width:240px;
	padding:10px 0px 20px 0px;
	margin-top:5px;
	}

#sidenav li {
	list-style:none;
	text-align:center;
	border-top:1px solid #FFF;
	padding:4px 0px;

	margin:0px 2px;
	font-size:12px;
	}
#sidenav li a:link, #sidenav a:visited, #sidenav a:active {text-decoration: none; color:#2d4c92;}
#sidenav li a:hover {text-decoration: none; color:#2d4c92;}	
	
/* prev/next post link in BLOG */
.navigation {font-size:12px;}	

/******************************************
*   CALENDAR              
******************************************/
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	line-height:16px;
	font-family: Arial, 'ＭＳ Ｐゴシック', 'Hiragino Maru Gothic Pro','Hiragino Kaku Gothic Pro','MS UI Gothic','ヒラギノ角ゴ Pro W3','Lucida Grande', sans-serif;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	border:none;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	border:none;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	font-weight:bold;
	font-size:12px;
	}

#wp-calendar td {
	padding: 2px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #f4f4ec; }

.ecalendar {margin-left:50px; width:80%;}


/******************************************
*   COMPACT ARCHIVES              
******************************************/
.ca {font-family: Arial, 'ＭＳ Ｐゴシック', 'Hiragino Maru Gothic Pro','Hiragino Kaku Gothic Pro','MS UI Gothic','ヒラギノ角ゴ Pro W3','Lucida Grande', sans-serif;}
.emptymonth {color:#d8d8d8;}



/******************************************
*   LINKS              
******************************************/
.link-page ul li {list-style:none; margin-left:0; font-size:13px;}
.link-page ul li ul {margin:10px 0px;}
.link-page ul li ul li {list-style:circle; margin-left:30px;font-size:13px;}
.linkcat h2 {
	font-size:13px;	
	margin-bottom:4px;
	font-weight:normal;
	background: #FFF url(images/h3-bg.jpg) no-repeat;
	color:#2d4c92;
	padding:5px 0px 5px 10px;
}

.linkcat li a:link, .linkcat a:visited, .linkcat a:active {text-decoration: none; color:#333;}
.linkcat li a:hover {text-decoration: none; color:#2d4c92;}	

.cat-item {border-bottom:1px solid #d8d8d8; padding-left:10px; margin-left:5px; line-height:20px;}


/* wp-stats hide smiley */
img#wpstats {width:0px; height:0px; padding:0px; border:none; overflow:hidden; }