/*
Theme Name: Shanx-Artmiya
Theme URI: http://artmiya.com/
Description: Theme for Sachiko Tsuchiya-san, by Shanx
Author: Shashank Tripathi
Author URI: http://shanx.com/
*/
/* RESET */
: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: "" "";}

body { font-size: 12px; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0 }
li, dd { margin-left:5% }
fieldset { padding:.5em }
select option { padding:0 5px }
.hide, .print-logo, .close-button { display:none }
.left { float:left }
.right { float:right }
.cen { text-align: center } .lef { text-align: left } .rig { text-align: right }
.clear { clear:both; height:1px; font-size:1px; line-height:1px }
a, a:active, a:focus { outline: none; }

.inside { width:90%; max-width:85em; margin:0 auto }
a { color:#FFF }
p { line-height:1.75em }
ul li { list-style-type:square; margin:0.5em 0 0.5em 2em }
pre { width:100%; padding:1em 0; overflow:auto; border-top:1px dotted #333; border-bottom:1px dotted #333 }
table { width:100%; border-spacing:2px; margin:1.5em 0 }
table th, table td { padding:0.3em 0.75em }
table th {  border-bottom: 1px #999 solid ; font-weight: bold }
table td {  border-bottom: 1px #ccc solid }
table caption { text-align:left; color:#FFF; margin-bottom:-1em; margin-top:1em }
.rule { border-top:1px solid #CCC; height:1px; font-size:1px; line-height:1px; margin:1.5em 0 }

#primary { padding:2.5em 0; color: #888; width: 100% }
#primary em { color: #c14f80; font-style: normal ; font-weight: bold }
#primary .primary { float:right; width:65% }
#primary .secondary { float:right; width:32%; margin-right:3%; padding-top:2em; display:inline }
* html #primary .secondary { margin-right:3% }

.secondary .featured dl { margin:0 0; border-bottom:1px solid #333333; padding:0.5em 0 0.6em 0 }
.secondary .featured .f { border-top:1px solid #ccc; clear: left }
.secondary dt { display:inline; margin:0; padding:0; color:#AAA }
.secondary dd { display:inline; margin:0; padding:0 }
.secondary dd a { color:#808080 }
.secondary dd a:hover { color:#FFF }
.single-post h1, .single-post h2 { margin-top:0 }
#secondary { background:#0C0C0C; padding:2em 2em; border-top:1px solid #1b1b1b }
.comment-head { border-bottom:1px solid #1b1b1b; padding:0.8em 2em 1.0em 2em }
.comment-head a { text-decoration:none; color:#868686 }
ol#comments { list-style-type:none; margin:2em 0 }
ol#comments li { list-style-type:none; margin:2em 0 }
#comments cite { float:left; width:31%; font-style:normal; text-align:right }
* html #comments cite { width:30.6% }
#comments cite span { display:block }
#comments cite .author a { text-decoration:none }
#comments cite .admin-tools { margin:5px 0 }
#comments cite .admin-tools a { float:right; margin:0 5px; padding:0px 3px 3px; background:#666; border:1px solid #999; text-decoration:none }
#primary .secondary .admin-tools { margin:1em 0 }
#preview { margin:1em 0; padding:0.5em; border:1px solid #333 }
#preview p { margin:1em 0 0 0 }
#errors { color:#FF0000; font-weight:bold }
#comments .pingback cite .author { display:block; padding-top:68px; background:url(/cms/wp-content/themes/hemingway/images/trackback_pingback.gif) 100% 0 no-repeat }
#comments .content { float:left; width:60%; margin-left:1.9%; border-left:1px solid #868686; padding:0 0 0 2% }
#comments .content p { margin:0 0 1em 0 }
#comments .content h3 { margin:0; }
#comment-form { margin:2em 0 2em 35.4%; width:36em }

input.textfield { width:15em; margin:5px 0 }
textarea.commentbox { width:28em; height:10em; padding:0.25em; margin:5px 0; }
label.text { position:relative; left:0.5em; top:-0.5em }
.formactions input.submit { float:right; margin:-1em 0 0 0; padding:0 0.5em }
.formactions .spinner { float:right; margin:-8px -20px 0 0 }

#ancillary { padding: 1em 0 0 0; background: #E5E5E5; border-top:1px solid #D5D5D5; text-align: center; }
#ancillary .inside { width:97%; margin:0 auto; max-width: 97%; }
#ancillary .block { float:left; margin: 0 0 0 2% }
* html #ancillary .block { margin-left:3.9% }
#ancillary .twice-length { width:65% }
#ancillary .thrice-length { width:100% }
#ancillary .first, * html #ancillary .first { clear:both; margin:0 }
#ancillary .block-separator { clear:both; height:2.5em }
#ancillary .block h2, #ancillary .block h3 { margin:0 0 1em 0 }
.firy { width:18% !important; margin-left: 1em; text-align: left;  }
.second { width:43% !important; text-align: left;  }
.third { width:33% !important; text-align: left;  }

body, #primary { color:#424242; background:#fff }
#secondary { background:#F3F3F3 }
a, .story .details a, .story .details a:hover { color:#000 }
.story .details a:hover { text-decoration:underline }
.story .details { border-top:1px solid #7F7F7F }
.secondary .featured p { border-bottom:1px solid #CCC; border-top:1px solid #CCC }
.secondary .featured dl { border-bottom:1px solid #CCC }
.secondary dd a { color:#7F7F7F }
.secondary dd a:hover { color:#000 }
.secondary .featured dt { color: #c14f80 }
#primary .story h2, #primary .primary h2, .primary h5, #primary .single-story .primary h3, .story h3, .story h3 a { color:#333 }
#secondary { border-top:1px solid #E3E3E3 }
.comment-head { border-bottom:1px solid #E3E3E3 }

ul.dat { list-style-type:none; margin:1em 0 2em 0; border-top:1px solid #C2C2C2 }
ul.dat li { list-style-type:none; margin:0; border-bottom:1px solid #C2C2C2; padding:0.5em 1em}
ul.dat li span { min-width: 6em }

ul.dat li li { border-bottom:0 }
ul.dat a { color:#555; text-decoration:none }
ul.dat a:hover { color:#000 }
ul.dat li:focus { background:#fff }
ul.dat { border-top:0 !important}
ul.dat li i { color: #ccc }

ol.dat { list-style-type:none; margin:1em 0 2em 0; padding-left: 0; display: block }
ol.dat li { float: left; display: block; width: 80px !important; }
ol.dat li a img { padding: 0.5em; background: #fff; margin: 0.2em 0; display: block}
ol.dat li a:hover img { background: #f9c8dc !important }
ol.dat li, ol.dat li a, ol.dat li a img { margin-right: 0 !important; }

/* OL.DAT is used in the footer too, but below is for the left hand artist menu */
.secondary ol.dat { padding: 1em 0  }
.secondary ol.dat:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.secondary ol.dat li a img { background: #d9d9d9; }

.artists  { padding: 0; margin: 0 }
.artists li { border-bottom: 1px #aaa solid !important; margin: 0 ; padding: 0 }
.artists li a { display: block ; padding: 0.5em 1em ; margin: 0 ; text-decoration: none; border: 0; color: #666 }
.artists li a:hover { color: #333 }
.artists li a .a { color:#c14f80; padding: 0}
.artists li a .b { padding: 0 ; font-weight: bold; margin-bottom: 0.5em; color: #424242 }
.artists li a img { padding: 0.5em; background: #dfdfdf ; float: left; margin: 0.5em 0.7em 0.1em 0}
.artists li a:hover img { background: #f9c8dc }

.line { padding: 0.3em 0 0 0; margin-bottom: 0.3em; border-bottom: 1px solid #ccc }
.msg { display: block; padding: 0.3em 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 1em }
.msg a { display: block; background: #f2f2f2; padding: 0.5em 0.5em 0.5em 2.6em ; text-decoration: none; color: #777 }
.msg a:hover { background-color: #f8e4ec; color: #000 }
.pdf { width: 12em !important; text-transform: uppercase; }
.pdf a { background: #f2f2f2 url('/pdf.png') 0.5em center no-repeat }
.info { margin: 0 auto }
.info a { background: #E9E9C4 url('/tags.gif') 0.5em 0.5em no-repeat ; }
.error { margin: 0 auto 2em auto; color: #e4503a }
.error a, .error a:hover { background: #f2f2f2 url('/exclaim.png') 0.5em center no-repeat; color: #E4503A }

/* Only for ancillary, background color change */
.hilite { background: #f8ffdf; color: #000; padding: 0 0.1em 0.3em }
#ancillary ul.dat li { padding:0 }
#ancillary ul.dat li a { display:block; padding:0.5em 1em }
#ancillary ul.dat li a:hover  { background:#eee url(/readon_black.gif) center right no-repeat }
#ancillary a  { color:#555; text-decoration:none; }
#ancillary a:hover { color:#000; }

.pagelink { padding: 0.3em 0 0.3em 0 ; margin-top:2em; vertical-align: middle ; display: block; width: 100%}
.pagelink span { padding:0.2em 0.5em; margin:0 0.3em ; float: left ; border: 1px solid #ddd }
.pagelink .i { padding:0.2em 0.5em; margin:0 0.3em ; float: left ; border: 0 }
.pagelink a { background:#efefef; color: #666; padding:0.3em 0.5em; margin:0 0.3em ; text-decoration: none; display: block ; float: left }
.pagelink a:hover { background: #f8e4ec; color:#000 }
.pagelink a span { border:0; padding:0; margin:0  }

input[type=submit],input[type=button] { background: #eee url(/bg_switcher.png) repeat-x left bottom !important; margin-right:1px; border:solid 1px #bbb ; cursor:pointer; color:#424242; padding: 0.3em 0.5em !important }
input[type=submit]:hover,input[type=button]:hover { background-image: none !important; border: solid 1px #aaa !important; color:#333 !important }

/* Top Header */
#header { background: transparent url('/bg_top_pattern.jpg') top repeat-x; vertical-align: middle; height: 100px }
#header .inside { padding:2em 0 0 0 }
#header p { padding:1em 0; margin:0; line-height:1em }
 /*-- Logo */
#logo { float:left; display: block; width: 30%}
#logo span { display: none; }
#logo h1 a { width: 175px; height: 42px; display: block; background: url(/artmiya_logo.gif) top left no-repeat; float: left; }
#logo h1 a, #logo h1, #header h2, #header h3 { margin: 0; padding: 0 }

h4#contactdet { display: block; padding-bottom: 75px; background: url(/contact.gif) bottom right no-repeat; float: left; color: #777; font-weight: normal }
h4#contactdet strong { color: #000; display: block; float: left; min-width: 42px; font-weight: normal }
h4#contactdet span { color: #BF4D7F; font-weight: bold }


/*======= NAVIGATION ========*/
#nav   { float: left; display: block;  width: 45%; min-width: height: 40px; width: 419px; text-align:center; padding: 0 }
#pn    { float: left; display: block; width: 419px; margin: 0.5em auto; padding: 0}
#pn a  { height: 40px; background: url(/nav.gif?0.2) no-repeat; border: 0 ; display: block; float: left; text-indent: -10000%;  }

a#home             { width: 32px; background-position: -387px 0px; }
a#home:hover       { background-position: -387px -40px; }
.homeon a#home     { background-position: -387px -80px; }

a#artists          { width: 82px; background-position: 0px 0px; }
a#artists:hover    { background-position: 0px -40px; }
.artistson a#artists { background-position: 0px -80px; }

a#events           { width: 76px; background-position: -82px 0px; }
a#events:hover     { background-position: -82px -40px; }
.eventson a#events { background-position: -82px -80px; }

a#musings          { width: 83px; background-position: -158px 0px; }
a#musings:hover    { background-position: -158px -40px; }
.musingson a#musings { background-position: -158px -80px; }

a#about            { width: 70px; background-position: -241px 0px; }
a#about:hover      { background-position: -241px -40px; }
.abouton a#about   { background-position: -241px -80px; }

a#contact          { width: 76px; background-position: -311px 0px; }
a#contact:hover    { background-position: -311px -40px; }
.contacton a#contact { background-position: -311px -80px; }

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

/* Footer */
#footer { background:#e5e5e5 url('/bg_grey_pattern.png') top repeat-x; margin:0 auto; text-align:center; clear:both; padding:1em 0; vertical-align: middle }
#footer a, #footer p.attributes a { padding:2px 5px; color:#fff; background:#c14f80; text-decoration: none }
#footer a:hover, #footer p.attributes a:hover { color: #c14f80; border: 1px solid; background:#c14f80; background:#fff }

/* Final touches */
body, *, div, input { font-family: "Helvetica Neue", "Segoe UI", "SegoeUI", "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif }
blockquote, blockquote p { color: #777 }
a img { border:none }
a.more { background:url(/readon_black.gif) center right no-repeat !important; padding-right: 20px !important; text-decoration: none; display: block; margin: 0 0 1em 0.3em; color: #000 !important; text-align: right }
a.more:hover { text-decoration: underline !important}
.fornon { display: none }
img.s { padding:1em; background:#eee; border:1px #ccc solid; margin: 1em }
#primary h1 { text-transform:capitalize; display:block; border-bottom:1px solid #555 }
.primary ul { list-style-type: none }
.primary ul li { list-style-type:none; border-bottom: 1px solid #eee; padding: 0.2em 0 0.6em 1em;  }
.primary ul li em { float: left; margin-right: 1em; display: block; min-width: 6em; min-height: 2em }
.em3 { min-height: 5em }
.primary h1, .primary h2, .primary h3 { text-transform:capitalize; display:block; border-bottom:1px solid #777; clear: left; padding-bottom: 0.3em }
.primary h3 { color: #777; border-bottom:1px solid #ccc }

/* Contact form (PXS) */
form dl, dl.labels { margin:0em; margin-top:0.5em }
form dt, dl.labels dt { float:left; width:10em; margin-bottom:0.8em; color:#555; text-align:right; font-weight:normal; position:relative; font-weight: bold /*IEWin hack*/ }
form dd, dl.labels dd { margin-left:10.5em; margin-bottom:0.8em; font-style:normal; padding-left:0.5em }
form dd.submit, dl.labels dd.submit { margin-top:2em }
.y_msg, form dd textarea { width:20em !important}
form dd input[type=text] { width: 10em }

.nomargin { margin: 0 !important }
.noborder { border: 0 !important }

blockquote { padding: 0.2em 0.3em 0.3em 3.5em; margin: 1.5em; clear: left; background: url('/quote.gif') 0.5em 0.5em no-repeat; color: #000  }

/* FONT SIZES */
body { line-height: 1.5em; }
body, div, form, input, select, option, textarea { font-size: 14px }
#primary, .primary { font-size: 1.15em }
h1 { font-size:1.6em }
h2 { font-size:1.5em }
h3 { font-size:1.4em }

ul.dat .date { color:#c14f80; padding:0 1.5em 0 0; display: block; float: left; }
ul.dat li a:hover .date { color:#666 !important }
li .date { display: block; float: left; }

.siteowner { color: #000 }
.siteowner .author, .siteowner .date { color: #c15080; }
.siteowner .content { border-left: 1px #c15080 solid !important ; color: #c15080; }
.furthernav { clear: left; margin-top: 1em; border-top: 1px #ccc solid; padding-top: 1em ; text-align: right }

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