/*CSS stylesheet*/

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%;*/
    /*vertical-align: baseline;*/
    background: transparent;
}
body {
    line-height: 1em;
	font-size: 62.5%;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
    font: 1.1em Tahoma, sans-serif; 
    text-indent: 0.94em;
    line-height: 1.2em;
    
}

/* project definitions */
/* properties order: position, block, back, font */

.btn50 { width: 50px; height: 19px; padding: 0 0 1px; border: 0; background: #a1a1a1 url(../img/btn50x19.gif) no-repeat top left; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }
.btn100 { width: 100px; height: 19px; padding: 0 0 1px; border: 0; background: #a1a1a1 url(../img/btn100x19.gif) no-repeat top left; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }
.btn150 { width: 150px; height: 19px; padding: 0 0 1px; border: 0; background: #a1a1a1 url(../img/btn150x19.gif) no-repeat top left; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }
.btn200 { width: 200px; height: 19px; padding: 0 0 1px; border: 0; background: #a1a1a1 url(../img/btn200x19.gif) no-repeat top left; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }

.separator { clear: both; }
.pad { height: 23px; }


input.text, input[type="text"], 
input.password, input[type="password"], 
input.file, input[type="file"], 

select.narrow { width: 100px; }
select.medium { width: 200px; }
select.wide { width: 350px; }
select.max { width: 100%; }
input.normal { width: 200px; }
input.wide { width: 350px; }
input.max { width: 100%; }
textarea.wide { width: 350px; }
textarea.max { width: 100%; }

h1 { margin-bottom: 20px; font-size: 1.5em; font-weight: normal; font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Verdana, sans-serif; color: #000000; }
h2 { margin-bottom: 15px; font-size: 1.2em; font-weight: normal; font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Verdana, sans-serif; color: #000000; }
h3 { margin-bottom: 10px; font-size: 1em; font-weight: normal; font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Verdana, sans-serif; color: #000000; }


table.form tr td { vertical-align: top; padding: 5px 10px 5px 0;}
table.form tr td.center  { text-align: center;}
table.form tr td.right    { text-align: right; }

table.sys_msg_ok {background: #efe; color: #363; }
table.sys_msg_ok tr td { vertical-align: top; padding: 5px; }
table.sys_msg_err {background: #fee; color: #633; }
table.sys_msg_err tr td { vertical-align: top; padding: 5px; }

table.list tr th, table.list tr td  { padding: 5px 10px; vertical-align: middle; line-height: 1.2em; }

table.list tr th  { text-align: left; background-color: #848484; color: #E0E0E0; }
table.list tr th.center { text-align: center; background-color: #848484; color: #E0E0E0; }
table.list tr th.right { text-align: right; background-color: #848484; color: #E0E0E0; }

table.list tr td                { border-bottom: solid 1px #848484; }
table.list tr td.center  { text-align: center; border-bottom: solid 1px #848484; }
table.list tr td.right    { text-align: right; border-bottom: solid 1px #848484; }

body { background: #ffffff; color: #414141; text-align: center; }

text {}

#logo_login { position: absolute; width: 20%; top: 0px; left: 0px; z-index: 0; }
#logo_login img { position: absolute; top: 0px; left: 0px; }
#logo_login form { position: absolute; top: 295px; left: 80px;  font: 0.974em Tahoma, sans-serif; text-align: left; }
input.text-register { width: 75px; height: 20px; margin: 10px 0 0 0; background: transparent url(../img/grey_tab.gif) no-repeat 0 0; padding: 5px; border: 0px; font: 0.974em Tahoma, sans-serif; text-align: left; }
input.pass-register { width: 75px; height: 20px; margin: 20px 0 0 0; background: transparent url(../img/grey_tab.gif) no-repeat 0 0; padding: 5px; border: 0px; font: 0.974em Tahoma, sans-serif; text-align: left; }
#pass { margin-top: 0px; }
#notebook  { position: absolute; top: 0px; right: 0px; }


#header_text { position: relative; display: inline-block; width: 60%; top: 0px; right: 0%; left: 0%; padding-top: 30px; color: #6a6969; font: 1.1em Tahoma, sans-serif; text-align: center; z-index: 50; }
#header_text p { margin: 0 15% 0 10%; text-align: right; }
#header_text ul { margin: 125px 0 0; z-index: 60; }
#header_text ul li { display: inline; margin: 0 23px 0; font-size: 1.5em; }
#header_text ul a { color: #6a6969; }
#active_menu_item  a { text-decoration: none; }

#submenu { position: absolute; top: 7px; left: 60px; margin: 0; font-size: 1.1em; text-align: center;}
#submenu ul { margin: 0; text-align: center;}
#submenu ul li { display: inline; margin: 0 10px 0; font-size: 1.1em; }
#submenu ul a { color: #6a6969; }
#active_submenu_item  a { text-decoration: none; }


#grey_field { z-index: 0; position: relative	; width: 60%; min-width: 526px; top: 0px; right: 20%; left: 20%; background: #e8e8e8; text-align: left; }
.left_corner { float: left; }
.right_corner { float: right; }
#top_shadow { position: absolute; height: 62px; left: 0px; right: 0px; background: url(../img/t_shadow.gif) no-repeat 60px 0; }
#left_shadow { position: absolute; width: 64px; top: 62px; bottom: 0px; left: 0px; background: url(../img/l_shadow.gif) repeat-y; }
#right_shadow { position: absolute; width: 64px; top: 62px; bottom: 0px; right: 0px; background: url(../img/r_shadow.gif) repeat-y top right; }
#right_shadow  img { float: right; }
#bottom_shadow { position: relative; width: 100%; height: 62px; bottom: -31px; background: url(../img/b_shadow.gif) repeat-x 0px 30px; }

#center { line-height: 1.3em; font-size:13px; position: relative; min-height: 475px; left: 62px; right: 62px; top: 31px; bottom: 0px; padding: 31px 124px 31px 0; z-index: 100; }
#center p { margin: 8px 0 8px 0; text-align: left; font: 1.1em Tahoma, sans-serif; text-indent: 0.94em; }
#center ul { margin: 0 0 80px 45%; text-align: left; font: bold 1.208em Tahoma, sans-serif; line-height: 2.38em; }
#center ul a { text-decoration: none; color: #414141; }
#center ul li { margin: 0 0 0 20px; }


#left_menu { position: absolute; width: 20%; min-width: 200px; top: 400px; left: 0px; }
#left_menu ul { position: absolute; text-align: left; top: 70px; right: -20px; z-index: 50; }
#left_menu ul li { font: 1.281em Tahoma, sans-serif; line-height: 2.3em; }
#left_menu ul a { z-index: 50; color: #414141; }
#notes { position: absolute; top: 0px; right: -32px; z-index: 10; }


#right_menu { z-index: 100; position: absolute; width: 20%; height: 400px; min-width: 200px; top: 300px; right: 0px; text-align: left; }
#right_menu ul a { color: #414141; }
#right_menu ul li { background: url(../img/yellow_tab.gif) no-repeat; background-position: 0px 10px; font: 1.281em Tahoma, sans-serif; line-height: 3.5em; text-indent: 8px; }


#footer { position: relative; width: 60%; min-width: 526px; top: -31px; bottom: 0px; left:20%; right: 20%; text-align: left; padding: 0 0 20px 0; font: 0.9em Tahoma, sans-serif; color: #bbbbbb; }
#footer p { margin: 100px 0 0 31px; }
#footer a { color: #888888; text-decoration: none; }
#footer img { position: absolute; top: -100px; right: 0px; }

/*  START JOURNALS  */

#journal_navigation { }
#journal_navigation #years {margin: 10px 0;}
#journal_navigation #years div  {padding: 7px; float: left;}
#journal_navigation #years div.active  { background-color: #848484; }
#journal_navigation #years div.active  a { color: #E0E0E0; }

#journal_navigation #monthes {margin: 10px 0; }
#journal_navigation #monthes div  {padding: 7px; float: left;}
#journal_navigation #monthes div.active  {background-color: #848484; }
#journal_navigation #monthes div.active  a { color: #E0E0E0; }


.journal_entry_links   { }
#journal_entries .journal_entry_title  {font-weight: bold;}
#journal_entries .journal_entry_stext   {margin: 10px 0;}
#journal_entries .journal_entry_links .journal_entry_date   {margin-right: 10px; float: left;}

#journal_entry_text   {margin: 20px 0;}
#journal_entry_header #journal_entry_alias  {float: left; line-height:16px; font-weight: bold;}
#journal_entry_header #journal_entry_date {font-size: 0.85em; line-height:18px;}

#journal_band .journal_item  { margin-bottom: 30px; }
#journal_band .journal_item .date { font-size: 1em; line-height: 1.2em; padding-bottom: 5px; }
#journal_band .journal_item .title { margin-left: 5px; line-height: 1.2em; padding-bottom: 5px; font-size: 1.1em; }
#journal_band .journal_item .text { margin-left: 5px; line-height: 1.2em; padding-bottom: 15px; font-size: 1.1em; }
a.news_archive { font-size: 1em; font-weight: bold; }

/*  END JOURNALS    */