/*---------------------------------------*/
/*         CSS by Tomas Sardyha          */
/*            (  Darsain  )              */
/*     (  http://www.darsain.net/  )     */
/*---------------------------------------*/

/* ------ CSS RESET ------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 font-weight: inherit;
 font-style: inherit;
 font-family: inherit;
 text-decoration: none;
 vertical-align: baseline;
 background: transparent;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }
u { text-decoration: underline; }

:focus { outline: 0; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

/* ------ Global tags ------- */

body {
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	font-family: Tahoma, Verdana, sans-serif;
  color: #000;
  text-decoration: none;
  background: url('body-bg.png') repeat-x center top #c1c1c1;
}

h1 { font-size: 22px; line-height: 22px; padding: 15px 0; text-shadow: #d8d8d8 1px 1px 0;  }
h2 { font-size: 16px; line-height: 16px; padding: 10px 0; }
h3 { font-size: 13px; font-weight: bold; line-height: 13px; margin: 5px 0; }


a { color: #3f3f3f; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

td { vertical-align: middle; }


/* ------ Global classes ------- */

.left { float: left; }

.right { float: right; }

.ffix { position: relative; clear: both; margin: 0; padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; }

.hidden { display: none; }


/* ------ Elements ------- */

#mainwrapper { width: 900px; margin-bottom: 70px; text-align: left; }

#footer { position: fixed; bottom: 0; left: 0; width: 100%; height: 40px; padding: 0 20px; color: #b6b6b6; line-height: 40px; background: #2a2a2a; text-align: left; }
#footer a { color: #fff; }

.control { width: 200px; text-align: right; }


/* ------ Title ------- */

#title { height: 66px; margin-bottom: 10px; padding: 0 10px; }

#title a.bloglink { display: block; float: right; width: 105px; height: 40px; margin-top: 5px; background: url('icon-blog.png') no-repeat; }

#title h3 { display: block; margin-top: 10px; font-size: 14px; line-height: 14px; font-weight: normal; color: #888484; text-align: left; }
#title a.articlelink { display: block; float: left; margin-top: -3px; font-size: 24px; line-height: 24px; color: #d9d8d8; text-align: left; text-decoration: none; }
#title a.articlelink:hover { border-bottom: 1px solid #d9d8d8; }


/* ------ Box ------- */

div.box { clear: both; height: 100px; margin: 2px 0; padding: 10px; background: #d1d1d1; text-align: justify; }


/* ------ Button ------- */

.button { display: block; float: left; margin: 1px 2px 1px 0; width: 200px; height: 33px; font-size: 12px; line-height: 33px; color: #000; text-align: center; background: url('button.png') no-repeat left 0px; cursor: pointer; }
.button:hover { color: #c2c2c2; background-position: left -33px; }
.button:active { color: #454545; background-position: left -66px; }


/* Table */

#options { border-collapse: separate; border-spacing: 8px; }

#target { width: 100%; margin-top: 5px; }

#target th { padding: 8px 15px; color: #fff; font-weight: bold; text-align: left; background: url('table-title.png') repeat-x left top #403f3f; }
#target td { padding: 12px 15px; background: #e8e8e8; }
#target tr { border-bottom: 1px solid #8e8e8e; }