/*
Theme Name: Onishi Gallery
Theme URI: http://onishigallery.com
Description: OG theme created by Shanx at Shanx.com
Version: 0.9
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: 145%;  }
body, *, div, form, input, select, option, textarea { 
  font-size: 0.98em;
  line-height:1.35em;
	color: #555;
}

strong { color: #222; }
.left { float:left }
.right { float:right }
.cen { text-align: center } .lef { text-align: left } .rig { text-align: right }
.clearall { clear:both; }
.vamoos { display: none }
.noborder { border: 0 !important; background: transparent !important  }

p+p  { margin-top: 1em }
hr { display: none }
code { color: #EECA6A; font-weight: bold }
blockquote { margin: 2em 0 2em 3em }
a, a:active, a:focus { outline: none; }
h1 { font-size: 2em }

body { 
  background: #f8f8f8; 
  color: #424242; 
  height:100%; /* this is the key! */
}

#wrap { margin: 0 auto; width: 98%; max-width: 85em}
#header { padding: 1em 0 2em 0; height: 65px }

 /*-- Logo */
 #logo { float:left; display: block; width: 25%; }
 #logo span { display: none; }
 #logo h1 a { width: 203px; display: block; height: 52px; background: url(/av/logo.png) top left no-repeat; text-indent: -10000%; float: left }
 #logo h1 a, #logo h1 { margin: 0; padding: 0; font-size: 0.5em }

.col1, .col2  { float: left; display: block; margin-bottom: 1.5em }
.col1 { width: 25%; min-width: 160px; }
.col2 { width: 73%; line-height: 1.5em } 
.col2 h5, .related h5 { margin: 0.6em 0 0.3em 0; clear: both ; font-weight: bold; text-transform: uppercase; color: #333 }
.col2 em { width: 5em ; float: left; font-style: normal; color: #B93541; clear: both }

dl.profile { clear: both; display: block; padding: 0; width: 95% ; margin: 1em 0; }
.profile dt { width: 11%; min-width: 100px; float: left; font-style: normal; color: #B93541; clear: left ; margin: 0; padding: 0.1em; border-bottom: 1px solid #f1f1f1;}
.profile dd { float: left; width: 80%; margin: 0; padding: 0.1em; border-bottom: 1px solid #f1f1f1;}

.artists ul  { list-style: none; margin: 0 0 1em 0;  }
ul#nav { margin: 0 1em 0 0 }
ul#nav li { font-size: 16px; list-style: none; text-transform: uppercase }
ul#nav li a { color: #999; text-decoration: none; display: block; margin: 0 0 1em 30px ;  padding: 0 0 2em 22px  }
ul#nav li a:hover { color: #222; }
ul#nav li a.curr { color: #B93541 !important; }
#footer { clear: both; padding: 2em 0 2em 0; font-size: 12px; color: #999; line-height: 10px }

.related { margin: 1em 0 }
.related ul  { list-style-type: circle; margin: 0 1em }

h2 { font-size: 22px; color: #B93541 }
h2.yy { font-size: 16px; font-weight: normal; color: #999 }
dl.yearly { margin: 0 0 1.5em 0 ; }
dl.yearly dt, dl.yearly dd, dl.yearly dd span, dl.yearly dd h4 { display: block; margin: 0 }
dl.yearly dt, dl.yearly dd { margin-bottom: 1em }
dl.yearly h4 { color: #B93541; font-weight: normal; font-size: 1.6em }
dl.yearly span.tday { color: #999; text-transform: uppercase; font-size: 0.8em }
dl.yearly span.artist { color: #666; font-size: 0.9em; margin-bottom: 1em }
dl.yearly a img { float: left; margin: 0 0.2em 0.2em 0; border: 1px #eee solid; background: #f4f4f4; padding: 5px }
dl.yearly a:hover img { float: left; border: 1px #aaa solid; background: #fff; padding: 5px }
dl.yearly a { text-decoration: none }
dl.yearly dt { clear: left }

/* ARTISTS */
dl.artists { float: left; display: block; font-size: 13px; width: 15%; min-width: 115px; margin-right: 6px  }
dl.artists dt { text-transform: uppercase; color: #666; }
dl.artists dd a { color: #999; text-decoration: none; }
.slab { color: #B93541; float: left; display: block; }
.slab a { color: #E99393; text-decoration: none; display: block; padding: 5px 10px 5px 12px;  margin: 1.5em 1em 0 0 ; min-width: 158px ; background: #fff; border: 1px solid #eee;  }
.slab a:hover { color: #B93541; background: #fff; border: 1px solid #ccc; 				 
            -webkit-box-shadow: 0 0 8px rgba(9,9,9,.1);
				    -moz-box-shadow: 0 0 8px rgba(9,9,9,.1);
				         box-shadow: 0 0 8px rgba(9,9,9,.1);
}
.slab a span { color: #DF6D6D;}
.slab a:hover span { color: #B93541; }
.slab img { margin-top: 3px; margin-right: 2px }

.hentry { font-size: 15px }
.hentry strong { color: #B93541; }
.hentry img { 
          color: #333; 
          text-shadow: none;
				 -webkit-box-shadow: 0 0 8px rgba(0,0,0,.5);
				    -moz-box-shadow: 0 0 8px rgba(9,9,9,.3);
				         box-shadow: 0 0 8px rgba(0,0,0,.5);
				 background-color: #fff;
				 padding: 15px; 
         border: 1px  solid #eee; 
    }

/*====================== END: DO NOT TOUCH =====================*/
/* Final touches */
body, *, div, form, input, select, option, textarea { 
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaLTStd-Roman", 	"HelveticaNeueLTPro-Lt", "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, .col2:after, .slab:after, dl.profile:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }