/*
Theme Name: Shanx-KyotoInternational
Theme URI: http://kyotointernational.com/
Description: Theme for Nana Onishi's Kyoto International website, by Shanx
Author: Shashank Tripathi
Author URI: http://shanx.com/
*/

/* RESET - first */
:focus { outline: 0; }
* { padding:0; margin:0 }
table { border-collapse: separate; border-spacing: 0; width: 95%}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" "";}

/* FONT SIZES */
body, div { line-height: 135%;  }
body, *, div, form, input, select, option, textarea { 
  font-size: 0.98em;
}
.furthernav { clear: left; margin-top: 1em; border-top: 1px #ccc solid; padding-top: 1em ; text-align: right }

.left { float:left }
.right { float:right }
.cen { text-align: center } .lef { text-align: left } .rig { text-align: right }
.clearall { clear:both; height:1px; font-size:1px; line-height:1px ; margin-top: 1em }
.cline { clear: both; margin: 1em 0 ; height: 1px background: #aaa }
.vamoos { display: none }
.noborder { border: 0 !important; background: transparent !important  }
#top, .barorange, .bo { margin: 0; padding: 0; background: #993213; height: 8px; }
.bo { margin-top: 1em; }
p+p { margin-top: 1em }
h1 { font-size: 2em; font-weight: normal }
h2 { font-size: 1.8em; font-weight: normal;}  
h3 { font-size: 1.5em; font-weight: normal; }
hr { display: none }
code { color: #EECA6A; font-weight: bold }
blockquote { margin: 2em 0 2em 3em }
a, a:active, a:focus { outline: none; }

body {
 margin: 0 auto;
 padding: 0; 
 color: #929292;
 background: #282723 url("/av/bg-bottom.png?0.3")  bottom repeat-x;
 text-align: center; 
}

/*======= NAVIGATION ========*/
/* Top Header */
#header { background: transparent url('/av/bg-gold.png?0.1') repeat-x; margin: 0; height: 114px; padding: 0; display: block }
.inside { width:90%; max-width:75em; margin: 0 auto; display: block ; text-align: left}

 /*-- Logo */
 #logo { float:left; display: block; width: 25%;  }
 #logo span { display: none; }
 #logo h1 a { width: 175px; display: block; height: 54px; display: block; background: url(/av/bg-all.png?0.3) top left no-repeat; }
 #logo h1 a, #logo h1, #header h2, #header h3 { margin: 0; padding: 0; font-size: 0.5em }

/*======= NAVIGATION ========*/
#nav   { float: left; display: block;  width: 50%;  height: 30px; text-align: center; padding: 0 }
ul#pn    { float: right; display: block; width: 438px; margin: 0.5em auto; padding: 0; }
ul#pn li { list-style: none }
ul#pn a  { height: 30px; background: url(/av/bg-all.png?0.3) no-repeat; display: block; float: left; text-indent: -10000%; padding: 0; margin: 0 }

a#home             { width: 37px; background-position: 0px -87px !important }
a#home:hover       { background-position: 0px -116px !important; }
.homeon a#home     { background-position: 0px -58px !important; }

a#events           { width: 68px; background-position: -36px -87px  !important ; }
a#events:hover     { background-position: -36px -116px !important ; }
.eventson a#events { background-position: -36px -58px !important ; }

a#gallery          { width: 79px; background-position: -103px -87px !important ; }
a#gallery:hover    { background-position: -103px -116px !important ; }
.galleryon a#gallery { background-position: -103px -58px !important ; }

a#profile            { width: 79px; background-position: -181px -87px !important ; }
a#profile:hover      { background-position: -181px -116px !important ; }
.profileon a#profile   { background-position: -181px -58px !important ; }

a#media          { width: 69px; background-position: -259px -87px !important ; }
a#media:hover    { background-position: -259px -116px !important ; }
.mediaon a#media { background-position: -259px -58px !important ; }

a#contact          { width: 79px; background-position: -327px -87px !important ; }
a#contact:hover    { background-position: -327px -116px !important ; }
.contacton a#contact { background-position: -327px -58px !important ; }

/*-- Search */
#search { text-align:right; margin: 0; width: 20%; margin-top: 0.3em; float: right; display: block; }
#search #q { background:#f7f7f7 url(/av/search.gif) right center no-repeat !important; padding: 2px; border:1px #ccc solid ; width: 80%; max-width: 10em}
#search #q:focus { background-color:#fff !important; border:1px #e395b6 solid !important }

#header a:hover { border: 0 }
#logo, #nav, #search { padding-top: 35px; }

h2.pagetitle, .post h2, .col2 h2, .lined { border-bottom: 1px solid #424242; padding-bottom: 0.3em; margin: 0.5em 0 1em 0  }
.col2 h2 { color: #aaa !important   }
.col2 h3 { margin: 1em 0 0.3em 0; color: #fff; }
.col2 h4 { color: #999; margin: 1em 0}

#content { text-align: left ; }
.col1 { float: left; display: block; width: 22%; padding: 3% 2% 1% 1% } /* Same as #logo */
.col2 { float: left; display: block; width: 72%; padding: 1% 1% 1% 1%  } /* Same as #logo */
.col1 h3 { line-height: 1.5em; color: #515151; font-size: 1.2em; clear: left }
#content em { float: left; min-width: 150px ; font-style: normal; color: #960;  }

.col2 h4 a { padding-bottom: 0.2em }
#respond h3 { margin: 2em 0 }
#commentform p { padding: 0.5em 0 }
#content .entry { margin: 0.5em 1em 1em 5em }
#content .entry a img { background: #000; float: left; padding: 0.6em; margin: 0.3em 0.5em 0.3em 0.3em ; border: 1px solid #333 }
.hentry img, .post img, .post embed { background: #000; float: left; padding: 0.6em; margin: 0.3em 1em 0.3em 0; }

.hentry { padding: 0.35em 0.7em }
.hentry a.more { color: #201F1C; color: #282723; float: right }
.hentry:hover, dl.srch:hover  { background: #1D1C19 }
.hentry:hover a, .hentry:hover a.more, dl.srch a:hover { color: #A78A45; }
.hentry:hover h3 a { color: #A78A45; }
.hentry:hover a.excerpt-text { color: #aaa }
.hentry:hover img { border: 1px solid #A78A45; }
small, .small { color: #666; text-transform: uppercase; font-size: 12px; font-weight: normal }
.hh4 { color: #ccc; text-transform: uppercase; font-weight: 700}
#footer  { margin: 5em 0 0.5em 0; clear: both;  }

/* Links */
a:link, a:visited {	color: #aa4324;	text-decoration: none; }
a:hover   { color: #A78A45; border-bottom: 1px #A78A45 solid; }
a:active  { color: #fff; border-bottom: 1px #fff solid; }

dl.srch { line-height: 1.3em; padding: 1em }
dl.srch b { color: #aaa }
span.url { color: #ddd }
.fd_results { display: none }

/* Contact Form */
.contactform { display: block; width: 100%; padding: 0; }
#wpcf { float: left; display: block; width: 100%; padding: 2em 0; }
#wpcf label { clear: both; display: block; float: left; width: 10em; padding: 0 }
#wpcf input[type=checkbox] {	margin-top: 10px; }
#wpcf input[type=text] {	float: left; display: block; width: 200px; padding: 1px; margin: 0.5em 0 0 0 ; }
#wpcf textarea { float: left; display: block; width: 50%; height: 100px; padding: 1px; margin: 0.5em 0 0 0 ;  }
#wpcf #contactsubmit { clear: left; margin: 1em 0; }
code { padding-right: 1em }

ul.prevnext { margin: 3em 0; }
ul.prevnext li { list-style: none; display: block;  padding: 1em 0; }
ul.prevnext small, h4.inmedia { font-weight: normal; color: #515151; font-family: "Georgia","Segoe UI", "SegoeUI", "serif";  }

h4.inmedia { margin: 5em 0 1em 0; text-transform: uppercase; color: #777 }
ul.inmedia { padding-right: 2em }
ul.inmedia li { list-style: none; display: block; }
ul.inmedia li a { display: block; padding: 0.3em 0.1em; border-bottom: 1px #333 solid }
ul.inmedia li a:hover { background: #222 url(/av/out.gif) no-repeat right center; color: #ccc}

a.excerpt-text       { border: 0 ; color: #929292 }
a.excerpt-text:hover { color: #aaa }

a.lvbutton { float: left; display: block; text-align: left; width: 187px; height: 37px; background: url(/av/slideshow.png?0.1) no-repeat; text-indent: -10000%; padding: 0; margin: 0 }
a.lvbutton:hover  { background-position: 0px -36px !important; border: 0 }

h4.subtitle { color: #666; margin: 1em 0 1em 0 ; font-weight: bold; text-transform: uppercase; text-decoration: underline }

/*====================== END: DO NOT TOUCH =====================*/
/* Final touches */
body, *, div, form, input, select, option, textarea { 
   font-family: "Avenir", "Helvetica Neue", "Segoe UI", "SegoeUI", "Helvetica", "Arial", "sans-serif";
}
a img { border: none }
img.s { padding:1em; background:#eee; border:1px #ccc solid; margin: 1em }
#header:after, .inside:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* INDEX SCROLL */
#myGallery {
  margin: 0 auto; 
	width: 850px !important;
	height: 429px !important;
}