@import url(defaults.css);
/*
----------------------------------

ADEPTIMA | adeptima.co.jp

copyright 2010

----------------------------------
*/


/*
----------------------------------

HEADER

----------------------------------
*/



#networkWrapper {
	background: url(/images/black-yellow.png) scroll center top repeat-x;
}
#network {
	width: 968px;
	height:139px;
	margin: 0px auto 0;
	padding: 0px 0;
}
#yoga-network {
	float:none;
}
#yoga-network a, #yoga-network a:visited {
	background:transparent url(/images/helloyoga-network.png) no-repeat scroll left 3px;
	display:block;
	height:25px;
	width:179px;
	text-indent:-9999px;
}
#logo {
	float:none;
}
#logo a, #logo a:visited {
	background:transparent url(/images/logo.png) no-repeat scroll left top;
	display:block;
	height:109px;
	width:698px;
	text-indent:-9999px;
	margin-top:5px;
}
/*
----------------------------------

CONTENT

----------------------------------
*/


#contentWrapper {
	background: url(/images/left-right.png) scroll center top no-repeat;
}
#content {
	width: 968px;
	margin: 0px auto 0;
	padding: 10px 0;
	background-color:#FFF;
}

.thumbnail a:link, .thumbnail a:visited {
	display:block;
	float:left;
	padding:2px;
	background:#C4C4C4;
	width:170px;
	height:140px;
	margin:5px 5px 0 5px;
}
.thumbnail a:hover, .thumbnail a:active {
	background:#ffa600;
}


thumbnail a:link, .thumbnail a:visited {
	display:block;
	float:left;
	padding:2px;
	background:#C4C4C4;
	width:170px;
	height:140px;
	margin:5px 5px 0 5px;
}
.thumbnail a:hover, .thumbnail a:active {
	background:#ffa600;
}


.thumbnail200 a:link, .thumbnail200 a:visited {
	display:block;
	float:left;
	padding:2px;
	background:#C4C4C4;
	width:200px;
	height:200px;
	margin:5px 5px 0 5px;
}
.thumbnail200 a:hover, .thumbnail200 a:active {
	background:#ffa600;
}


thumbnail200 a:link, .thumbnail200 a:visited {
	display:block;
	float:left;
	padding:2px;
	background:#C4C4C4;
	width:200px;
	height:200px;
	margin:5px 5px 0 5px;
}
.thumbnail200 a:hover, .thumbnail200 a:active {
	background:#ffa600;
}




.thumbnail50 a:link, .thumbnail50 a:visited {
	display:block;
	float:left;
	padding:2px;
	background:#C4C4C4;
	width:50px;
	height:50px;
	margin:5px 5px 30px 0px;
}
.thumbnail50 a:hover, .thumbnail50 a:active {
	background:#ffa600;
}


thumbnail50 a:link, .thumbnail50 a:visited {
	display:block;
	float:left;
	padding:2px;
	background:#C4C4C4;
	width:50px;
	height:50px;
	margin:5px 5px 0 5px;
}
.thumbnail50 a:hover, .thumbnail50 a:active {
	background:#ffa600;
}


/*
----------------------------------

TEACHERS

----------------------------------
*/




.icon a {
	width:112px;
	height:112px;
	float:left;
	text-indent:-9999px;
	background: url(/images/teachers/dylan-robertson.jpg) scroll center 1px no-repeat;
	padding:2px;
}
#teacher-icons {
	margin-left:20px;
	margin-top:5px;
}
#dani-rippingale a {
	background: url(/images/teachers/dani-rippingale.jpg) scroll 2px 2px no-repeat;
}
#dylan-robertson a {
	background: url(/images/teachers/dylan-robertson.jpg) scroll 2px 2px no-repeat;
}
#gweon-jung-eun a {
	background: url(/images/teachers/gweon-jung-eun.jpg) scroll 2px 2px no-repeat;
}
#hanae-kakegawa a {
	background: url(/images/teachers/hanae-kakegawa.jpg) scroll 2px 2px no-repeat;
}
#hila-susanne a {
	background: url(/images/teachers/hila-susanne.jpg) scroll 2px 2px no-repeat;
}
#izumi a {
	background: url(/images/teachers/izumi.jpg) scroll 2px 2px no-repeat;
}
#jesse-lee a {
	background: url(/images/teachers/jesse-lee.jpg) scroll 2px 2px no-repeat;
}
#julie-tran a {
	background: url(/images/teachers/julie-tran.jpg) scroll 2px 2px no-repeat;
}
#kaori-takahashi a {
	background: url(/images/teachers/kaori-takahashi.jpg) scroll 2px 2px no-repeat;
}
#kranti a {
	background: url(/images/teachers/kranti.jpg) scroll 2px 2px no-repeat;
}
#kresta-painter a {
	background: url(/images/teachers/kresta-painter.jpg) scroll 2px 2px no-repeat;
}
#leza-lowitz a {
	background: url(/images/teachers/leza-lowitz.jpg) scroll 2px 2px no-repeat;
}
#maneesh-kalra a {
	background: url(/images/teachers/maneesh-kalra.jpg) scroll 2px 2px no-repeat;
}
#megumi-hirasawa a {
	background: url(/images/teachers/megumi-hirasawa.jpg) scroll 2px 2px no-repeat;
}
#michael-glenn a {
	background: url(/images/teachers/michael-glenn.jpg) scroll 2px 2px no-repeat;
}
#mimi-horiuchi a {
	background: url(/images/teachers/mimi-horiuchi.jpg) scroll 2px 2px no-repeat;
}
#nirmal-raj-gyawali a {
	background: url(/images/teachers/nirmal-raj-gyawali.jpg) scroll 2px 2px no-repeat;
}
#patrick-oancia a {
	background: url(/images/teachers/patrick-oancia.jpg) scroll 2px 2px no-repeat;
}
#rebecca-pflaum a {
	background: url(/images/teachers/rebecca-pflaum.jpg) scroll 2px 2px no-repeat;
}
#ryoko a {
	background: url(/images/teachers/ryoko.jpg) scroll 2px 2px no-repeat;
}
#sara-shivani a {
	background: url(/images/teachers/sara-shivani.jpg) scroll 2px 2px no-repeat;
}
#satoko-horie a {
	background: url(/images/teachers/satoko-horie.jpg) scroll 2px 2px no-repeat;
}
#yu-natsume a {
	background: url(/images/teachers/yu-natsume.jpg) scroll 2px 2px no-repeat;
}
#yumiko-terasaki a {
	background: url(/images/teachers/yumiko-terasaki.jpg) scroll 2px 2px no-repeat;
}
#kresta-painter a {
	background: url(/images/teachers/kresta-painter.jpg) scroll 2px 2px no-repeat;
}
#teacher-icons a:hover {
	background-color:#ffa600;
}
#teacher-title {
	background-color:#f6f6f6;
	width:968px;
	margin-left:0px;
}
#teacher-title-text {
	width:450px;
	height:30px;
	float:left;
	margin-left:20px;
	font-family:Georgia;
	font-size:28px;
	line-height:36px;
	color:#757575;
	padding:5px 5px 10px 60px;
	background: url(/images/teachers.gif) scroll top left no-repeat;
}

#teacher-title-text a, #teacher-title-text a:visited {
	color:#757575;
	text-decoration:none;
}

#teachers-search {
	width:420px;
	height:30px;
	float:left;
}
#teachers-search div {
	/* This div will have the left image as a background */
    background: url(/images/search-box.gif) no-repeat left top;
	padding: 4px 10px 5px 80px;
	margin: 8px 10px 10px 120px;
	line-height: 18px;
	height:32px;
}
#teachers-search #q {
	/* Im going to apply a top and bottom border to this input so that it fits with my images and give it the gradient background */
    border:0px solid #999;
	padding: 4px 2px 2px 0;
	font-size:12px;
	height: 15px;
	width:170px;
}
#teachers-search input {
	/* Some reset styles to make my form elements play nice */
    vertical-align: top;
	margin: 0 !important;
	line-height: 1;
	outline:0 !important;
}
/*
----------------------------------

TEXT

----------------------------------
*/
#left-side {
	width:300px;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
}
#right-side {
	width:600px;
	float:left;
	margin-top:10px;
}

#two-columns-left {
	width:600px;
	float:left;
	margin-right:30px;
	margin-left:20px;
}
#two-columns-right {
	width:300px;
	float:left;
}



#yoga-lifestyle, #follow-us, #ads {
	width:280px;
	height:30px;
	float:left;
	font-family:Georgia;
	font-size:28px;
	line-height:36px;
	color:#757575;
	padding:5px 5px 10px 40px;
	background: url(/images/icon-yoga-lifestyle.gif) scroll 0px 6px no-repeat;
}



#schedule, #report, #schedule-search {
	width:380px;
	height:30px;
	float:left;
	font-family:Georgia;
	font-size:28px;
	line-height:36px;
	color:#757575;
	padding:5px 5px 10px 40px;
	margin-left:10px;
	background: url(/images/icon-schedule.gif) scroll 0px 6px no-repeat;
}

#schedule-search {
	background: url(/images/clock.gif) scroll 0px 6px no-repeat;
}

#schedule a, #schedule a:visited, #report a, #report a:visited  {
	font-size:14px;
	color:#777777;
	text-decoration:underline;
}
#schedule a:hover, #report a:hover {
	color:#EB632D;
	text-decoration:none;
}

#report {
	margin-top:30px;
}

	

#schedule-update {
	margin:20px;	
}




#text {
	font-size:12px;
	font-family:Arial;
	line-height:16px;
}
#text strong {
	font-weight:bold;
}
#text a, #text a:visited {
	color:#000000;
	text-decoration:underline;
}
#text a:hover {
	color:#EB632D;
	
}

#text h3 a, #text h3 a:visited {
	color:#777777;
	
}

#text h3 a, #text h3 a:visited, #text h4 a, #text h4 a:visited  {
	text-decoration:none;
}

#text h3 a:hover, #text h4 a:hover  {
	text-decoration:underline;
}


#text h4 {
	font-family:Georgia;
	font-size:16px;
	line-height:22px;
	margin-bottom:5px;
	margin-top:15px;
}


#text ul {
	margin:15px 0;
	
}
#text ul li  {
	margin: 5px 0 0 15px;
	padding-left: 15px;
	line-height: 18px;
	background: url(/images/small-red-bullet.gif) scroll top left no-repeat;
}

#text ol li  {
	margin: 5px 0 0 30px;
	line-height: 18px;
}

#aweber {
	background-color:#F6F6F6;
	margin-top:15px;
	padding-bottom:5px;
	padding-left:9px;
	
}

#social-media {
	width:310px;
	overflow:auto;
}

#social-media-jp {
	width:540px;
	margin-top:10px;
	margin-bottom:10px;
	overflow:auto;
}

#social-media img, #social-media-jp img {
	display:inline;
}


#text .social-icon, #text .social-icon-jp  {
	width:145px;
	line-height:22px;
	float:left;
	padding-left:9px;
}
#text .social-icon-jp  {
	width:245px;
}

#text div.social-icon a, #text div.social-icon-jp a {
	text-decoration:none;
	color:#000;
}
#text div.social-icon a:hover, #text div.social-icon-jp a:hover {
	color:#EB632D;
}


#text p {
	margin-top:5px;
	margin-bottom:15px;
	line-height:18px;
}

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

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

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

.alignright {
	float: right;
}

.alignleft {
	float: left
}

#bookmarks {
	margin:10px 0 0 400px;

}

#bookmarks h3 {
	margin:5px 0 20px 0;
	font-size:18px;
	line-height:24px;
}





table.event {
	border-width: 0px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
	margin-bottom:20px;
}
table.event th {
	border-width: 0px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.event td {
	border-width: 0px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}





/*
----------------------------------

SIDEBAR

----------------------------------
*/

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

.sidebar-item {
	margin-top:5px;
	margin-bottom:10px;
	
}

#text #future_event, #text #past_event {
	width:600px;
	float:left;
	margin-left:20px;
	color:#000000;
	font-family:Arial;
}

#inside-post-event {
	margin-top:25px;
	color:#777777;	
	margin-bottom:10px;
}

#text #future_event h3, #text #past_event h3, #text #inside-post-event h3 {
	font-size:18px;
	line-height:24px;
	color:#000000;
	margin-top:5px;
	font-family:Arial;
}
#future_event h3 a, #future_event h3 a:visited, #past_event h3 a, #past_event h3 a:visited, #inside-post-event h3 a , #inside-post-event h3 a:visited {
	color:#000000;
}
#future_event h3 a:hover, #past_event h3 a:hover, #inside-post-event h3 a:hover {
	color:#EB632D;
}


#text #future_event h4, #text #past_event h4, #text #inside-post-event h4 {
	font-size:14px;
	line-height:22px;
	color:#000000;
	display:inline;
	font-family:Arial;
}
#future_event h4 a, #future_event h4 a:visited, #past_event h4 a, #past_event h4 a:visited, #inside-post-event h4 a, #inside-post-event  h4:visited  {
	color:#000000;
	text-decoration:none;
}
#future_event h4 a:hover, #past_event h4 a:hover, #inside-post-event h4 a:hover {
	color:#EB632D;
	text-decoration:underline;
}

#future_event a, #future_event a:visited, #past_event a, #past_event a:visited, #inside-post-event a, #inside-post-event a:visited {
	text-decoration:underline;
}
#future_event a:hover, #past_event a:hover, #inside-post-event a:hover {
	text-decoration:none;
}



#future_event table, #past_event table {
	borderp:1px solid #ECECEC;
}


#articles {
	color:#464646;
}
#articles a, #articles a:visited, #text .right a, #text .right a:visited {
	color:#777777;
}
#articles a:hover, #text .right a:hover {
	color:#000;
}
#articles .article {
	margin-bottom:30px;
}
#articles h3, #post-title h3, #respond h3, h3 .take-action  {

	float:left;
	font-family:Georgia;
	font-size:18px;
	line-height:24px;
	color:#757575;
	padding:5px 5px 2px 40px;
	float:none;
	background: url(/images/icon-announcement.gif) scroll 5px top no-repeat;
}

#post-title h3 {
	margin-bottom:5px;

}

#text #post-title h3 {
	margin-bottom:10px;
	font-size:18px;
	line-height:24px;
}



#articles h4 {
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	margin-bottom:1px;
	margin-top:10px;
	font-family:Arial;
}
#articles .right, #text .right {
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	margin-top:5px;
}
#articles .right a, #text .right a  {
	text-decoration:underline;
}



#articles .announcements, #post-title .announcements  {
	background: url(/images/icon-announcement.gif) scroll 5px top no-repeat;
}
#articles .life-in-tokyo, #post-title .life-in-tokyo {
	background: url(/images/icon-life-in-tokyo.gif) scroll 5px top no-repeat;
}
#articles .clock, #post-title .clock {
	background: url(/images/clock.gif) scroll 5px top no-repeat;
	margin-left:20px;
}

#articles .people, #post-title .people {
	background: url(/images/icon-people.gif) scroll 5px top no-repeat;
}
#articles .take-action, #post-title .take-action, #respond .take-action  {
	background: url(/images/icon-take-action.gif) scroll 5px top no-repeat;
}
#articles .teacher-tips, #post-title .teacher-tips {
	background: url(/images/icon-teacher-tips.gif) scroll 5px top no-repeat;
}
#articles .tag-cloud, #post-title .tag-cloud {
	background: url(/images/icon-tag-cloud.gif) scroll 5px top no-repeat;
}

#text .post-item {
	display:block;
	margin-bottom:15px;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:10px;
}
#text .date {
	font-weight:bold;
	font-size:12px;
}

#text .future_event h4 {
	font-size:18px;
	line-height:24px;
	color:#000000;
	display:inline;
}
#text .post-item h4 a, #text .post-item h4 a:visited {
	color:#000000;
	font-size:18px;
	line-height:24px;
}
#text .post-item h4 a:hover {
	color:#EB632D;
}

#text h2 {
	font-size:18px;
	line-height:24px;
	margin-top:15px;
	font-family:Georgia;
}
#text h3 {
	font-size:16px;
	line-height:24px;
	font-family:Georgia;
}

#text #articles p {
	line-height:16px;
}

#text #contact {
	font-size:14px;
	line-height:32px;
}

#text #contact input {
	font-size:14px;
}

fieldset {
	border:none;	
}

/*
----------------------------------

SEARCH

----------------------------------
*/

#teachers-studios {
	width:660px;
	height:65px;
	float:left;
}

#additional-search-options {
	width:220px;
	height:65px;
	float:left;	
	line-height:20px;
	
}
#search-empty-space {
	width:10px;
	height:65px;
	float:left;
}
.search-input {
	font:Georgia;
	font-size:24px;
	width:300px;
}
#search-view {
		margin: 0px auto 0;
		width:400px;
}
#search-keyword {
		margin: 10px auto 10px;
		width:200px;
}
#search-control {
		width: 880px;
		margin: 0px auto 0;	
}
.search-schedule-icon {
	display:inline;
	margin-left:17px;
	margin-right:6px;
	
}


/*
----------------------------------

FOOTER

----------------------------------
*/


#footerWrapper {
	background: url(/images/footer-bg.gif) scroll 0 0 repeat-x;
}
#footer {
	width: 968px;
	margin: 20px auto 0;
	height:280px;
	color:#303030;
}
#footer a:hover {
	color:#808080;
}
#footer h3 {
	font-size:18px;
	line-height:24px;
	margin-top:10px;
}
#front-popular {
	width:968px;
	height:280px;
	color:#ffffff;
	font-size:11px;
	background-color:#303030;
}
#recentpost, #mostcommented, #recent_comments {
	width:310px;
	float:left;
	margin-left:10px;
}
#recentpost, #mostcommented {
	border-right:1px solid #808080;
}
#recentpost a, #mostcommented a, #recent_comments a {
	color:#fff;
}
#recentpost ul, #mostcommented ul, #recent_comments ul {
	margin-top:5px;
}
#recentpost li, #mostcommented li, #recent_comments li {
	list-style:none;
	background:url(images/dots_footer.gif) repeat-x top;
	padding-top:1px;
}
#recentpost ul li a, #mostcommented ul li a, #recent_comments ul li a {
	padding:3px 3px;
	width:293px;
	display:block;
	text-decoration:none;
}
#recentpost ul li a:hover, #mostcommented ul li a:hover, #recent_comments ul li a:hover {
	background:#000000;
	color:#fff;
}
#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
	background:none;
}
