/* some portions from Blueprint Reset CSS */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body { line-height:1.5; font-size:75%; color:#222; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}
strong {font-weight:bold;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
hr { clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none;}
.clearfix:after, #container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, #container {display:inline-block;}
* html .clearfix, * html #container {height:1%;}
.clearfix, #container {display:block;}
.clear {clear:both;}
textarea, select {margin:0.5em 0;border:1px solid #bbb;}
select:focus {border:1px solid #666;}

body { background: #333 url(../images/body-bg.png) repeat-x scroll 0 0; }
img { margin: 0 3px 3px 0; cursor: pointer }
dl { margin-bottom: 2px }
dd { color: #666 }
ol, li, blockquote { margin: 2px }
hr { color: #CBE2A7; margin: 10px 0 }
.small { font-size:.8em; margin-bottom: 1.875em; line-height: 1.875em;}

#container { width:950px; margin: 0 auto }
#top-bar, #shahi, #search-bar, #items, #imgs, #defs, #footer { float: left; margin-right: 10px }

#top-bar { width:950px; margin: 20px 0 15px 0 }
	#shahi { width:270px }
		#logo { float: left; width: 70px; }
			#logo-link { color: #D6D6D6; font-size: 1.2em }
		#about { border-left: 1px solid #E8C8C8; color: #777; padding-left: 10px; float: left; width: 185px; }

	#search-bar { width:670px; margin-right:0; padding-right:0; text-align: center; }
		#word-form { display: inline; float: left; margin-left: 100px }
			#word { font-size: 16pt; height: 25px; width: 300px; border: 1px solid #666; color:#696969; margin-top: 15px; padding-left: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
			#word-submit { background: transparent url(/images/word-submit-small.png) no-repeat scroll 0 0; cursor: pointer; height: 28px; width: 28px; border: 0 solid #fff; position: relative; left: -34px; vertical-align: baseline }
		#img-feed-selector { float: left; margin-top: 15px; width: 50px; height: 28px; text-align: left; padding-left: 6px; background: #000 url(../images/arrow.png) no-repeat scroll right center; cursor: pointer; border: 1px solid #666; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
			#img-feed-selector img { display: none; margin-top: 2px }

#items { width: 950px; margin:0; }
	#imgs   { width: 270px; background-color: #555; padding-top: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; }
		div.gallery { cursor: pointer; color:#aaa; height: 202px; width: 270px; overflow: hidden; text-align:center; margin-bottom: 10px; border-bottom: 1px solid #E8C8C8; background: #555 url(../images/gallery-bg.png) repeat-x scroll bottom left;  }
				#imgs .gal-tabs { display: block; list-style-type: none; margin: 0 0 5px 0; padding: 0 0 0 10px; border-bottom:1px solid #666666; }
				.gal-tabs li { float: left; padding: 1px 5px; margin: 0 0 0 5px; background-color: #666666; font-weight:bold; color:#2a2a2a; text-shadow: 0 1px 1px #AAAAAA; border-left: 1px solid #777777; border-right:1px solid #444444; border-top:1px solid #777777; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; }
				.gal-tabs li:hover { background-color: #222222; color: #999999 }
					.gal-tabs li.on { background-color: #AEAEAE; color: #333333; text-shadow: 0 1px 1px #EEEEEE }
			.board { display: none }
				.thumb { border: 1px solid #aaa; width: 75px; height: 75px; }
				.thumb:hover { border-color: #CCFFFF }
				.load-imgs { border-bottom: 1px dashed #39c; cursor: pointer }
				.load-imgs:hover { border-bottom: 1px dashed #65CB34 }
				.img-error { padding: 10px; background-color: #444; color: #aaa }
	
	#defs   { width: 670px; position: relative; left: -15px; border-bottom: 1px solid #666; margin-right: 0; padding-right: 0; }
		div.item { min-height: 207px; background-color: #fff; padding-bottom: 5px; border-top: 1px solid #555; border-right: 1px solid #555 }
			.word { display: inline-block; background-color: #F8FECD; font-weight: bold; color: #888973; padding: 10px 20px; margin:0 0 5px 0; border: 1px solid #A9C003; letter-spacing: 0.2em; position: relative; top: -11px; left: -8px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
				.word a { text-decoration: none; color: #51757D; }
				.word a:hover { text-decoration: underline }
			.sp { background-color: #FFFF99 }
			.nf { background-color: #663333; color: #fff; border: 1px solid #B66B6B }
			.see { text-align: right; margin-right: 15px; margin-top: -20px; }
				.definition a, .see a { border-bottom: 1px solid #83B7FE; color: #222; background-color:#EEF2D9; text-decoration: none}
				.definition a:hover , .see a:hover { background-color: #B5D4FE; border-bottom: 1px solid #EEF2D9}
				.definition ul { list-style-type:none }
					.pos { background-color:#888; color: #fff; letter-spacing: 0.1em; padding: 1px 5px; position: relative; left: -15px}

#footer { width:950px; margin:0; margin-top: 30px }
	#footer, #footer a { color: #777 }
	.dia-link { border-bottom: 1px dashed #aaa; cursor: pointer }
	#blachan-icon { float: left; margin-top: 5px; }
	#footer-text { float: left; padding-left: 20px; }

#img-feeds { display: none; position: absolute; z-index: 50; width: 50px; padding: 0 3px 3px 3px; border: 1px solid #666; background-color: #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
	#img-feeds div { padding: 4px 0; border-bottom: 1px solid #222; color: #777; cursor: pointer }
	#img-feeds div:hover {border-bottom: 1px solid #aaa }
#shahi-status, #shahi-contact { display: none; position: absolute; z-index: 50; background-color: #F8FECD; padding: 5px; color: #444; border:1px solid #A9C003; top: auto; height: auto; margin-top: auto; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; }

.gal-tabs { display: none }
#hover-img {position: absolute; display:none; left:0; padding:4px; background-color:#fff; border: 2px solid #ABC5CB; z-index: 10}
#bg-overlay { background-color: #000; position: absolute; top: 0; left: 0; z-index: 17; opacity: 0.7; filter: alpha(opacity=70); display: none; width: 100%;}
	#focus-img, #focus-cap { position: absolute; top: 0; left: 0; display: none; z-index: 20 }
	#focus-img { border: 1px solid #aaa; filter: alpha(opacity=100); }
	#focus-cap { border: 1px solid #333; background-color: #000; padding: 10px 0; text-indent: 15px; margin-top: 2px; color: #ccc; }
		#focus-cap a { color: #39f }