/* 
Theme Name: JSDC Orange
Theme URI: http: //jsdc.org/
Description: Japan Social Dance Club (c)2005-2010.
Version: 1.0
Author: Naoko McCracken
Author URI: http: //nao-net.com/
*/

/*
RESETS
CSS Reset Reloaded by Eric Mayer  (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)
------------------------------------------
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
a:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul, li { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; width: 100%; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote: before, blockquote: after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/*
GENERIC CLASSES
------------------------------------------
*/
/* Float clearing options */
.clr { clear: both; height: 0px; overflow: hidden; font-size: 0; line-height: 0px; background: transparent; display: block; }
.cb { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.clearfix:after { content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End hide from IE Mac */
* html .clearfix { height: 1px; }

.inline { display: inline; }
.tac, .aligncenter { text-align: center; }
.tar { text-align: right; }
.dn { display: none; }
.db { display: block; }
.bottompad { padding-bottom: 15px; }

.fl, .alignleft { float: left; }
.fr, .alignright { float: right; }
/* image replacement class */
.replace { text-indent: -999em; display: block; }

p, dt, dd, li, td, th, address { line-height: 1.5; }
/*
GENERAL STRUCTURE
------------------------------------------
*/

body { color: #333; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 74%; background: url(images/gui/body-bg.jpg) repeat-x #ffeb97; }
body.loggedin { background-position-y: 28px; }
div#page { text-align: left; background: url(images/gui/multi-border.gif) repeat-x; }
div#header { width: 883px; padding: 9px 0 0 10px; }

div#content { clear: both; width: 895px; background: url(images/gui/sidebar-wide-bg.gif) right top repeat-y #fff; }
div#main { width: 659px; float: left; border-top: 1px solid #eee; }
div#page-body { margin: 0 20px 20px 20px; }
div.post { clear: both; padding-bottom: 0; }

body#home-page div#home-body, body#sub-page div#page-body { float: left; width: 430px; display: inline; }
body#home-page div#page-body { padding-top: 15px; margin-right: 0; }
body#home-page div#home-body { width: 360px; float: left; margin-right: 5px; border-right: 1px solid #dbdbdb; }
div#promo { float: left; width: 170px; margin: 0 0 0 10px; display: inline; overflow: hidden; position: relative; }
body#home-page div#home-events { float: left; width: 260px; }
body#home-page div#home-events div.section { padding-left: 10px; }

div.upcoming-info { float:left; width: 270px; margin-right: 20px; display: inline; }
div.last { margin: 0; }

ul#sidebar { float: right; width: 236px; padding-bottom: 10px; }
body#home-page ul#sidebar, body#sub-page ul#sidebar { position: relative; left: 0; }

div#footer { padding: 16px 10px 8px 10px; clear: both; background: url(images/gui/footer-bg.gif) no-repeat top left; }


/*
HEADINGS
------------------------------------------
*/

h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.3; clear: both; }
h2 { font-size: 1.46em; color: #333; margin-bottom:10px; }
h3, h4.posttitle { font-size: 1.3em; color: #f0580a; margin-bottom: 5px; }
body#home-page h3 { margin-bottom: 5px; }
h4 { font-size: 1.2em; color: #4a4a4a; border-bottom: 1px solid #dbdbdb; padding-bottom: 3px; margin: 0 5px 8px 0; }
div#profile h3 { border-top: 1px dotted #e6e6e6; padding-top: 10px; margin-top: 5px; }
h5 { font-size: 1.1em; margin-bottom: 3px; color: #555; }
h6 { font-size: 1em; margin-bottom: 3px; }

.postdate { color: #555; font-size: 1.1em; margin-bottom: 3px; font-weight: normal; }
.posttitle { font-size: 1.2em; color: #000; }
.topborder { border-top: 1px dashed #e6e6e6; padding-top: 20px; margin-top: 5px; }
.bottomborder { border-bottom: 1px dashed #e6e6e6; padding-bottom: 5px; margin-bottom: 10px; }

/*
Image replacement
------------------------------------------
*/

/*
LISTS
------------------------------------------
*/
ul#main-nav { float: right; }

li.promobox { display: block; background: url(images/gui/promobox-top.gif) no-repeat #91D040; padding: 2px; margin-bottom: 5px; }
li.promobox div { background: url(images/gui/promobox-top.gif) no-repeat #fff; padding: 1px; }
li.promobox div h2, li.promobox div h3 { color: #539200; font-size: 1.1em; background: #E7F5D7; padding: 6px 4px 4px 4px; margin: 0; border: solid 1px #fff; border-bottom: none; text-align: center; }
li.promobox div h3 { color: #444; font-size: 1em; border-top: none; padding-top: 0; }
li.promobox div li.bloglist h2 { background: url(images/icons/page_edit.png) no-repeat 7px 7px #E7F5D7; padding-left: 24px; text-align: left; }
li.promobox div ul, li.promobox div dl { background: url(images/gui/alpha-gradation.png) repeat-x left bottom #E7F5D7; margin: 0; border: solid 1px #fff; border-top: none; font-size: 0.9em; }
li.promobox dt { padding: 3px 4px 3px 6px; }
li.bloglist ul { padding-bottom: 8px; }
li.bloglist li { padding: 2px 2px 2px 15px; background: url(images/icons/bullet-orange.gif) no-repeat 4px 7px transparent; }
div#page-body ul li { padding: 0 0 0 11px; background: url(images/icons/bullet-orange.gif) 0 6px no-repeat transparent; }
div#promo ul, div#promo li.no-list-style { background: none; padding: 0; margin: 0; }

div#page-body dl, div#page-body ul { margin-bottom: 20px; }
div#page-body dl ul { margin-bottom: 0; }
div#page-body dl dt { font-weight: bold; width: 4.5em; margin-bottom: 0.4em; }
div#page-body dl dd { margin: -1.9em 0 0.4em 5em; }
div#page-body dl.longdt dt { width: 7em; }
div#page-body dl.longdt dd { margin-left: 7.5em; }
div#page-body dl.longlongdt dt { width: 12em; }
div#page-body dl.longlongdt dd { margin-left: 12.5em; }

div#page-body dl.contact-form dt { width: 9em; }
div#page-body dl.contact-form dd { margin-left: 9.5em; }
div#page-body div#profile dl dt { width: auto; }
div#page-body div#profile dl dd { margin: 0 0 0 12em }
div#page-body div#profile ul.profile { margin-left: 12em; }
div#page-body dl#event-list dt { width: 8em; color: #666; margin-bottom: 1em; font-weight: normal; }
div#page-body dl#event-list dd { margin-left: 8.5em; color: #333; margin-top: -2.5em; }

ul.update-info { padding-right: 15px; }
ul.update-info li { background: url(images/icons/note.png) no-repeat 0 3px; padding: 2px 0 0 20px; margin-bottom: 10px; }
div#page-body ul.event-info { margin-bottom: 0; }
div.upcoming-info ul#event-info li, div.upcoming-info ul#news-info li { padding-left: 20px; background-position: 0 1px; }
div#more-info-box { background:#fafafa; border: solid 1px #eee; padding: 15px; margin-top:15px; }

body#home-page div#page-body dl { width: 200px; margin: 0 15px 15px 0; float: left; display: inline; }
body#home-page div#page-body dl dt { font-size: 1.1em; margin-bottom:4px; width:auto; }
body#home-page div#page-body dl dd { margin: 0 0 8px 0; }
div#banners { margin-bottom: 13px; } /* Home and 404 */
div#banners img { margin: 0 3px 5px 0; }
body#home-page div#banners a img, body#general-page div#banners a img { border: 1px solid #ded5cd; }
body#home-page div#mini-banners { text-align: center; margin: 20px 5px 0 0; padding: 10px 0 0 28px; border-top: 1px solid #dbdbdb; }

ul.sidebyside li, div#page-body ul.sidebyside li { float: left; display: block; padding: 2px 8px 2px 0; margin: 5px 8px 5px 0; border-right: 1px solid #dbdbdb; line-height: 1; background: none; }
ul.sidebyside li.last, div#page-body ul.sidebyside li.last { border-right: none; padding-right: 0; }

div#page-body { margin-bottom: 1em; }
div#page-body ul.updatelist li, p.icon { padding: 2px 0 2px 20px; margin-bottom: 0 !important; background: no-repeat 0 3px }
div#page-body ul#more-updates li { padding-right: 8px; background-position: 0 0; }
div#page-body li.for-students { background-image: url(images/icons/students.gif) !important; }
div#page-body li.cat-schedule, ul#schedule-info li { background-image: url(images/icons/calendar.gif) !important; }
div#page-body li.cat-news, ul#news-info li { background-image: url(images/icons/newspaper.gif) !important; }
div#page-body li.cat-events, ul#event-info li, p.cat-events { background-image: url(images/icons/date.gif) !important; }
div#page-body li.cta { background-image: none !important; }

ul#links-list ul li { margin: 3px 0; }

/*
LINKS
------------------------------------------
*/
a:link { color: #36c; }
a:visited { color: #33b3cc; }
a:active { background: #efefef; }
a:hover { text-decoration: none; }

a img, a:visited img { border: 0; }

ul#main-nav a:link, ul#main-nav a:visited { color: #777; }
ul#main-nav a:active, ul#main-nav a:hover { color: #222; }

/*
PARAGRAPHS
------------------------------------------
*/
div#page-body p { margin-bottom: 1em; }
div#page-body p.postmeta { margin-bottom: 1.5em; }
div#promo p { font-size: 0.84em;margin-bottom: 10px; text-align: center; line-height: 1.4; }
div#promo p a:link, div#promo p a:visited { text-decoration: none; color: #666; }
div#footer p, div#footer li { color: #666; font-size: 0.86em; }

/*
CITATIONS
------------------------------------------
*/

/*
FORMS
------------------------------------------
*/
#searchform { height: 52px; background: url(images/gui/search-wide-bg.jpg) no-repeat left top; }
#searchform p { padding: 10px 5px 0 15px; }
input#s { width: 120px; padding: 4px 0; border:1px solid #dbdbdb; margin-right: 2px; }

button { padding: 3px 0 3px 4px; font-weight: bold; font-size: 1.1em; background: url(images/gui/gray-bg.jpg) left bottom repeat-x #fff; border:1px solid #dbdbdb; color:#333; letter-spacing: 4px; }
button#searchsubmit-en { letter-spacing: 0; text-transform: uppercase; padding: 3px 4px; font-weight: normal; }
button:hover, #searchform a:hover { border:1px solid #eee; color:#666; }
#searchform a:active {  border:1px solid #ddd;  color:#666; }

label, input { display: inline; }
/*
TABLES
------------------------------------------
*/
table { border-collapse: collapse; border: solid #ccc; border-width: 0 1px 1px 0; margin-bottom: 15px; }
th, td { border: solid #ccc; border-width: 1px 0 0 1px; padding: 4px 5px; }
th { background: #efefef; color: #555; font-weight: bold; padding: 4px 8px; text-align: center; vertical-align: middle; }
table.class_table td { text-align: center; }
.half { width: 50%; }
.nowrap {white-space: nowrap; }

/*
IMAGES
------------------------------------------
*/

img.fl, img.alignleft { margin: 0 8px 8px 0; }
img.fr, img.alignright, div.alignright { margin: 0 0 8px 8px; }
img.centered { margin: 0 0 10px 0; border: solid 1px #FFEE9E; }
a:link img.fl, a:visited img.fl, div.wp-caption img, img.border { border: solid 3px #FFEE9E; }
a:hover img.fl, a:active img.fl, a:focus img.fl { border: solid 3px #FFF6CD; }
div.wp-caption img { margin-bottom: 3px; }
div.wp-caption { text-align: center; font-size: 0.9em; }

a.thickbox img, a.imagelink img { float: left; border: solid 3px #FFEE9E; margin: 0 8px 8px 0; }
a.thickbox img.alignright { float: right; margin: 0 0 8px 8px; }

div#promo img.banner { margin-top: 5px; }
img.homeimg { margin-top: 10px; }
img.map { margin-top: 8px; border: solid 1px #d4d4d4; padding: 4px; background:#f5f5f5; }
img.buy-button { margin: 0 0 0 260px; }

/*
MISC PRESENTATION ELEMENTS
------------------------------------------
*/
strong { font-weight: bold; }
hr { color: #ccc; background: #ccc; height: 2px; border: 0px; border-top: 1px solid #4A667E; margin: 10px auto 10px auto; clear: both; display: block; }

strong.edit { background: url(images/icons/pencil.png) no-repeat; padding: 5px 0 15px 18px; }
strong.edit-page { background: url(images/icons/pencil.png) no-repeat 3px 8px #efefef; border: solid 2px #ccc; padding: 10px 5px 10px 23px; display: block; position: fixed; top: 28px; right: 0; }
a.bookmark { background: url(images/icons/page_white_link.png) no-repeat 0 3px; padding: 5px 0 15px 18px; }

/*.alt { background: #efefef; }
.over { background: #eee; }*/
div#page-body .cta { margin: 5px 0 0 0; font-weight: bold; background: none; } /* call to action*/

object { margin-right: 8px; border: solid 4px #FFEE9E; }

/*
GLOBAL NAVIGATION/UI
------------------------------------------
*/

div#header a { text-decoration: none; }
h1#sitetitle a { width: 381px; height: 67px; background: url(images/branding/logo.jpg) 0 3px no-repeat; float: left; }
h1#sitetitle a:link, h1#sitetitle a:visited { }
div#header ul#main-nav a { font-weight: bold; }

.breadcrumb { padding: 8px 0 12px 10px; margin: 0 0 15px 0; background: url(images/gui/gray-bg.jpg) 0 20px repeat-x #fff; color:#333; }
#home-page .breadcrumb { margin-bottom: 0; }
div#page-body .nav { padding: 0 10px; /* background: url(images/gui/gray-bg.jpg) 0 10px repeat-x #fff; */ color:#333; border-top: 1px solid #eee; margin: 0; clear: both; }
div#page-body .nav li { padding: 8px 0; background: none; }

li#side-contact { padding: 8px 15px 5px 10px; }
li#side-contact dl { background: #FFF6D2; padding: 8px; text-align: center; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
li#side-contact dd.phone span { font-weight: bold; color: #F0580A; font-size: 1.7em; }
li#side-contact dd span a, li#side-contact dd span a:link, li#side-contact dd span a:visited { font-weight: bold; color: #F0580A; text-decoration: none; font-size: 1.4em; }
li#side-contact dd span a:hover, li#side-contact dd span a:active { color: #F58D58; }
li#side-contact dd img { margin-top: 5px; }

ul#sidebar h2 { margin: 0; padding: 0; font-size: 1.25em; }
ul#sidebar li { margin: 0; line-height: 1.3; }
ul#sidebar li.pagenav a { margin: 0 5px 0 2px; padding: 8px; display: block; border-bottom: 1px dotted #ccc; text-decoration: none; }
ul#sidebar li.pagenav h2 a { border: none; background: url(images/gui/multi-border.gif) repeat-x bottom left; padding: 14px 8px 8px 8px; }
ul#sidebar li.pagenav a:link, ul#sidebar li.pagenav a:visited { color: #333; }
ul#sidebar li.pagenav a:hover { color: #333; background-color: #FFFBEE; } 
ul#sidebar li.pagenav a:active { color: #333; background-color: #FEF0BE; }
ul#sidebar li.current_page_item a:link, ul#sidebar li.current_page_item a:visited { background-color: #FEF0BE; }

ul#sidebar li.vcard { padding: 8px; font-style: normal; line-height: 1.5; }

.postmeta { color:#999; font-size: 0.9em; }
.postmeta a { text-decoration: none; padding-bottom: 1px; }
.postmeta a:link, .postmeta a:visited { color:#555; }
.postmeta a:hover, .postmeta a:active { color:#222; border-bottom: none; }

div#footer a { text-decoration: none; padding-bottom: 1px; }
div#footer a:link, div#footer a:visited { color:#000; border-bottom: 1px dotted #666; }
div#footer a:hover, div#footer a:active { color:#222; border-bottom: none; }

/*
ACCESSIBILITY
------------------------------------------
*/
.skiplink { position: absolute; left: -9999px; width: 990px; }

/*
COMPONENTS
------------------------------------------
*/
/* THICKBOX */
.TB_overlayBG { background-color:#FFEE9E; }
#TB_window { border: 4px solid #FFEE9E; }
#TB_caption{ padding: 4px 15px 10px 15px;}
#TB_closeWindow{ padding:5px 15px 0 0; }

/* FLICKR */
/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper { width:100px; float: left; }
#flickr_badge_wrapper {padding: 3px 0 10px 0; }
.flickr_badge_image {margin: 0 0 8px 0;}
.flickr_badge_image img {border: 3px solid #eee !important; }
#flickr_badge_wrapper_h { clear: both; }
#flickr_badge_wrapper_h img { float:left; margin-right:1px; display: inline; }
#flickr_www { display:block; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited { text-decoration:none !important; color:#3993ff; }
#flickr_badge_source { font: 11px Arial, Helvetica, Sans serif !important; color:#666666; }

div.wp-pagenavi { clear: both; font-size: 0.9em; border-top: 1px solid #dbdbdb; padding: 0 2px; overflow: auto; background: #fff; margin: 15px 0; }
div.wp-pagenavi a, div.wp-pagenavi span { padding: 5px; display: block; float: left; }
div.wp-pagenavi span.pages { color: #555; }
div.wp-pagenavi a:link, div.wp-pagenavi a:visited { color: #555; text-decoration: none; }
div.wp-pagenavi span.current { font-weight: bold; border: #ffeb97 solid; border-width: 0 1px; color: #fff; background: #fab602; }
div.wp-pagenavi a:hover { background: #fab602; color: #fff; }

body.popup { padding:20px; background:#fff; text-align:center; }
body.popup div#page { width:960px; margin:0 auto; background:none; }
body.popup table {border:solid #999; border-width:0 0 1px 1px; border-collapse: collapse; width:100%; margin-bottom:10px; }
body.popup td, body.popup th { font-size:11px; padding:2px; border:solid #999;border-width:1px 1px 0 0; text-align:center; }
body.popup table#practice td { width:12%; }
body.popup table#practice td.lighttd { width:8%; }
body.popup th { background: #FFFAE8; } /* light yellow */
body.popup th.date { background: #FFE295; width:123px !important; } /* dark yellow */
body.popup th.blank { background: #fff; }
body.popup th.boldborder { border-left:#999 double 3px; }
body.popup table#practice th { width:8%; }
body.popup table#practice td { width:12%; }
body.popup table#otsuka_schedule { width:350px; margin-left:300px; }
body.popup h2 { font-size:18px; margin:0; padding:0 0 0.2em 0; text-align:center; }
body.popup #footer { background:none; }
.nyumon { background:#C8DDEE; } /*入門*/
.syokyu { background:#C8EED1; } /*初級*/
.syochukyu { background:#DEEDC7; } /*初中級*/
.chukyu { background:#EDE1C7; } /*中級*/
.open { background:#EDC7C7; } /*オープン*/

/* Slideshow */
.slide-pics { width: 620px; height: 164px; padding:0; margin:0; overflow: hidden; } 
.slide-pics img { width: 614px; height: 150px; padding: 1px; border: 1px solid #e7d3c1; background-color: #e7d3c1; top:0; left:0 }
.slide-pics img { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div#page-body .slide-pics, div#page-body .slide-pics li { margin: 0; padding: 0; background: none; }

#slide-nav { margin-bottom: 8px; text-align: center; }
#slide-nav a, #s7 strong { margin: 0 2px; padding: 3px 5px; border: 1px solid #e7d3c1; background: #fcf4ec; font-weight: bold; }
#slide-nav a.activeSlide { background: #fbd6b9; }
#slide-nav a:link, #slide-nav a:visited { color: #7a7066; text-decoration: none; }
#slide-nav a:focus { outline: none; }

/* Mail Magazine */
div#magforms { margin-bottom: 1em; }
div#magforms form { width: 260px; background: #FFF6D2; padding: 8px; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin-bottom: 5px; }
div#magforms form#magsubscribe { margin-right: 10px; }
div#magforms form label { font-weight: bold; }
div#magforms p.fr { color: #555; font-size: 10px; }