/**
 * blog.shpyo.net
 *
 * @author Piotr Cichosz aka shpyo
 * @version 1.00 2008/09/15
 */

body,html {
	font: normal 11px tahoma, Helvetica, Geneva, sans-serif;
	background: #000;
	color: #000;
	margin: 0;
}

/******************************************************************
 * global styles
 */

*:focus { outline: none; }
a { text-decoration: none; -webkit-tap-highlight-color: #f0f0f0; }
a:hover { text-decoration: underline; }
img { border: 0; }
input, textarea { color: #666;  border: solid 1px #ccc; padding: 2px; font: normal 12px tahoma, Helvetica, Geneva, sans-serif; }
input.submit { cursor: pointer; border: 0; color: #000; font-weight: bold; background: transparent; }

hr { clear: both; }

.clearUl { margin: 0; padding: 0; list-style: none; }
.clear { clear: both; }
.r { float: right; }
.l { float: left; }
.c { text-align: center; }
.ri { text-align: right; }
.j { text-align: justify; }
.hide { display: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 5px 0; }

.bnm_row { text-align: center; }

#commentsForm p { clear: both; overflow: hidden; padding: 2px 0; }
#commentsForm p label { float: left; display: block; width: 100px; }
#commentsForm p input.text, #commentsForm p textarea.text { float: right; width: 250px; }
#commentsForm p textarea.text { height: 100px; }

/******************************************************************
 *  infoBox
 */
#infoBox { color: #fff; background: #1c3c63; padding: 0 1%; }
#infoBox span { font-weight: bold; display: block; padding: 3px 0; }
#infoBox div.wrapper { width: 100%;  }
#infoBox div.wrapper span { float: left; color: #78a9bb; }
#infoBox div.wrapper ul { float: right; }
#infoBox div.wrapper ul li { display: inline; padding: 0 5px 0 0; font-size: 11px; }
#infoBox div.wrapper ul li a { color: #78a9bb; }
#infoBox div.wrapper ul li a:hover { color: #a4cede; }

/******************************************************************
 *  mainBox
 */
#mainBox { width: 100%; overflow: auto; margin: auto; }
#topBox { height: 80px; position: relative; }
#topBox img.logo { position: absolute; top: 15px; left: 10px; }
#topBox p { color: #fff; margin: 0; padding: 0; position: absolute; top: 22px; left: 70px; }
#topBox p strong { display: block; }

div.wrapper { background: #fff; overflow: hidden; border-top: solid 2px #78a9bb; margin: 0; padding: 0; }

#menuBox { float: none; width: 100%; padding: 0; }
#menuBox h3 { font-size: 16px; padding: 1px 0; margin: 0; }
#menuBox ul { background: #fff; margin: 0; }
#menuBox ul li { padding: 3px 2px; margin: 0; display: inline; border: 0; }
#menuBox ul li a { display: inline; }
#menuBox ul li.selected { color: #1c3c63; }
#menuBox ul li.selected a { color: #1c3c63; font-weight: bold; }

#contentBox { line-height: 130%; float: none; width: 98%; padding: 0 1%; }
#pathBox { color: #1c3c63; font-size: 10px; margin: 0; padding: 5px 0; border-bottom: solid 1px #e2e2e2; }
#pathBox a { color: #1c3c63; text-decoration: underline; }

#contentBox h1, h2, h3 { margin: 10px 0; padding: 0; }
#contentBox h1 { font-size: 24px; line-height: 100%; }
#contentBox h1 a, #contentBox h2 a { color: #1c3c63; display: block; }
#contentBox h1 span, #contentBox h2 span { display: block; font-weight: normal; font-size: 10px; padding: 0; margin: 0; color: #aaa; }
#contentBox h1 span a { color: #aaa; }
#contentBox h2 { font-size: 18px; }
#contentBox h3 { font-size: 12px; padding: 0 0 15px 0; }
#contentBox blockquote { padding: 10px; color: #666; font-style: italic; }
#contentBox p a { color: #00d; }
#contentBox div.comments { border-top: solid 1px #eee; overflow: auto; padding: 10px 3px; }
#contentBox div.comments span { float: left; width: 120px; font-size: 10px; }
#contentBox div.comments span a { font-size: 12px; display: block; font-weight: bold; }
#contentBox div.comments p { float: right; width: 100%; margin: 0; }

#footerBox { padding: 10px 0; font-size: 10px; color: #fff; }
#footerBox ul li { margin: 0 10px; padding: 3px 0; }