/* 
    Document   : main.css
    Created on : 29.11.2008, 5:26:22
    Author     : smart
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
   body { min-width:900px; margin:0; padding:0 0 40px 0; background:url(/images/bg.gif) repeat 50% 1px #327195; font-family:arial, tahoma, sans-serif; font-size:12px; color:#768071;}

  .top_page {height:32px; width:100%; background:#17425b url(/images/icons/top_bg.gif) repeat-x scroll 50% 100%;}

  .top_page a.left {float:left; margin-top:8px; margin-left:10px; display:block; padding:0.45em 0 0; text-align:center; font-size:9px; line-height:9px; width:70px; min-height:17px; color:#6e9abe; text-transform:uppercase; text-decoration:none; background: transparent url(/images/icons/p_lang.gif) no-repeat scroll 0 0}
  .top_page a.right {float:right; margin-top:8px; margin-right:10px; display:block; padding:0.45em 0 0; text-align:center; font-size:9px; line-height:9px; width:70px; min-height:17px; color:#6e9abe; text-transform:uppercase; text-decoration:none; background: transparent url(/images/icons/p_lang.gif) no-repeat scroll 0 0}

  .main {background:#FFFFFF none repeat scroll 0 0;min-height:400px;position:relative;margin:0 auto;width:890px;margin-top:30px;}
  .main .content {margin:0 10px;padding:15px 0;overflow:hidden;position:relative;background:#fff;}

  .ang {width:100%; position:absolute; left:0}
  .ang div {width:100%}
  .ang.at {top:0}
  .ang.ab {top:100%}

  .ang.cnt.at {height:19px; margin:-13px 0 0 -4px; background:url(/images/misc/corner_top_left.png) no-repeat 0 0}
  .ang.cnt.at div {height:19px; position:absolute; top:0; left:0; margin-left:8px; background:url(/images/misc/corner_top_right.png) no-repeat 100% 0}
  .ang.cnt.at div div {width:874px; height:16px; margin:3px 0 0 3px; background:#fff}

  .ang.cnt.ab {height:21px; margin:0px 0 0 -4px; background:url(/images/misc/corner_bottom_left.png) no-repeat 0 0; font-size:1px;}
  .ang.cnt.ab div {height:21px; position:absolute; top:0; left:0; margin-left:8px; background:url(/images/misc/corner_bottom_right.png) no-repeat 100% 0}
  .ang.cnt.ab div div {width:874px; height:16px; background:#ddd; margin:0px 0px 0px 4px; margin-top:-6px;}

  .hshadow {width:872px; position:absolute; left:0; margin-left:9px}
  .hshadow.top {height:3px; top:0; margin-top:-13px; background:url(/images/misc/sh_mt.png) repeat-x 0 0;}
  .hshadow.bottom {height:5px; top:100%; margin-top:10px; background:url(/images/misc/sh_mb.png) repeat-x 0 0;}

  .vshadow {width:4px; height:100%; position:absolute; top:0}
  .vshadow.leftside {left:-4px; background:url(/images/misc/sh_ml.png) repeat-y 0 0}
  .vshadow.rightside {left:100%; background:url(/images/misc/sh_mr.png) repeat-y 0 0}

  .header {padding:30px 0px 0px 0px;}

  .content .mainleft {width:550px;margin-left:10px;position:relative;float:left;}

  .content .column {width:260px;position:relative;float:left;margin-left:30px;}

  .rounded.text {padding-bottom:10px}
  .rounded.text h3 {font-size:2em; margin:14px 20px 9px}
  .rounded.text ul {list-style:none; margin:10px 20px 15px; padding:0}
  .rounded.text li {margin:9px 0; padding:0; color:#3c3c3c; font-size:1em}
  .rounded.text a {font-weight:normal}

  .rounded {padding:1px 0; margin-bottom:35px; position:relative}
  .rounded h3 {font-size:1.7em; margin:8px 20px 6px 16px}

  .rounded.yellow {background:#f7eeca}
  .rounded.yellow h3{color:#A79866;}

  .rounded.blue {background:#e4ecf0}
  .rounded.blue h3 {color:#5eb3af}

  .rounded.green {background:#ecf2e9}
  .rounded.green h3 {color:#5eb3af}

  .rounded.grey {background:#eee}
  .rounded.grey h3 {color:#333}

  .rounded.white {background:#fff; margin:0px 5px 10px 5px; padding:10px;}
  .rounded.white p {line-height:1.25em; font-size:1.2em;}

  .ang {width:100%; position:absolute; left:0}
  .ang div {width:100%}
  .ang.at {top:0}
  .ang.ab {top:100%}

  .ang.round, .ang.round div {height:5px}
  .ang.round.ab {margin-top:-5px}

  .rounded.yellow .round.at {background:url(/images/misc/ay_tl.gif) no-repeat 0 0}
  .rounded.yellow .round.at div {background:url(/images/misc/ay_tr.gif) no-repeat 100% 0}

  .rounded.yellow .round.ab {background:url(/images/misc/ay_bl.gif) no-repeat 0 0}
  .rounded.yellow .round.ab div {background:url(/images/misc/ay_br.gif) no-repeat 100% 0}

  .rounded.yellow ul li a {color:#b74d0d;}
  .rounded.yellow ul li a:visited {color:#a44500;}
  .rounded.yellow ul li a:hover {color:#381000;}

  .rounded.blue .round.at {background:url(/images/misc/ab_tl.gif) no-repeat 0 0}
  .rounded.blue .round.at div {background:url(/images/misc/ab_tr.gif) no-repeat 100% 0}

  .rounded.blue .round.ab {background:url(/images/misc/ab_bl.gif) no-repeat 0 0}
  .rounded.blue .round.ab div {background:url(/images/misc/ab_br.gif) no-repeat 100% 0}

  .rounded.blue ul li a {color:#3b709d;}
  .rounded.blue ul li a:visited {color:#6e9abe;}
  .rounded.blue ul li a:hover {color:#194972;}

  .rounded.green .round.at {background:url(/images/misc/ag_tl.gif) no-repeat 0 0}
  .rounded.green .round.at div {background:url(/images/misc/ag_tr.gif) no-repeat 100% 0}

  .rounded.green .round.ab {background:url(/images/misc/ag_bl.gif) no-repeat 0 0}
  .rounded.green .round.ab div {background:url(/images/misc/ag_br.gif) no-repeat 100% 0}

  .rounded.grey {margin-bottom:15px;}
  .rounded.grey .round.at {background:url(/images/misc/ab_tl.gif) no-repeat 0 0}
  .rounded.grey .round.at div {background:url(/images/misc/ab_tr.gif) no-repeat 100% 0}

  .rounded.grey .round.ab {background:url(/images/misc/ab_bl.gif) no-repeat 0 0}
  .rounded.grey .round.ab div {background:url(/images/misc/ab_br.gif) no-repeat 100% 0}

  .rounded.white .round.at {background:url(/images/misc/agr_tl.gif) no-repeat 0 0}
  .rounded.white .round.at div {background:url(/images/misc/agr_tr.gif) no-repeat 100% 0}

  .rounded.white .round.ab {background:url(/images/misc/agr_bl.gif) no-repeat 0 0}
  .rounded.white .round.ab div {background:url(/images/misc/agr_br.gif) no-repeat 100% 0}

  .footer .ang.round.ab{background-color:#fff; position:relative;top:2px;}
  .footer .round.ab {background:url(/images/misc/agr_bl_n.gif) no-repeat 0 0}
  .footer .round.ab div {background:url(/images/misc/agr_br_n.gif) no-repeat 100% 0}

  .rounded.green.comment p {background-color:transparent; padding:10px 20px 13px; margin:0px; border-bottom:2px solid white;}
  .rounded.green.comment p span { font-size:0.9em;}
  .rounded.green.comment p span a {text-decoration:none;color:#627863;display:inline;font-weight:normal;}

  .rounded.green.comment p a {font-size:1em;font-weight:bold;display:block;color:#627863;padding-bottom:6px;text-decoration:none;}
  .rounded.green.comment p.noborder {border:0px;}
  .rounded.green.comment p:hover {background-color:#e1e8de}

  .rounded .post_bottom {margin:0px 6px 6px 10px;font-size:0.9em;}
  .rounded .post_bottom .user{position:relative;float:left;display:block;margin-left:6px;}
  .rounded .post_bottom .comments{display:block;margin-right:10px;float:right;}
  .rounded .post_bottom span a {color:#555;}
  .rounded .post_bottom span a:hover {color:#222;}

  h3 {font-size:1.6em; font-weight:normal; margin:20px 0 14px}
  .spacer {border-top:1px dashed #eee;height:15px;}

  .footer { position:relative; bottom:0px;background:#ddd;width:100%;height:34px;padding-top:2px;}

  div.topmenu {z-index:10; position:relative; top:-10px; height:42px; margin:0px;}
  div.topmenu div {width:451px; background:transparent; height:42px; float:right;}
  div.topmenu div a.left {text-decoration:none; color:#555;display:block;float:left;padding: 12px 15px;margin:0px;font-size:16px;font-family:Arial;font-weight:bold;}

  a.left.about {width:66px;background:url(/images/misc/about_bg.png) no-repeat;}
  a.left.about:hover {width:66px;background:url(/images/misc/about_bg_selected.png) no-repeat;color:white;cursor:pointer;}

  a.left.blog {width:39px;background:url(/images/misc/blog_bg.png) no-repeat;}
  a.left.blog:hover {width:39px;background:url(/images/misc/blog_bg_selected.png) no-repeat;color:white;cursor:pointer;}

  a.left.friends {width:58px;background:url(/images/misc/friends_bg.png) no-repeat;}
  a.left.friends:hover {width:58px;background:url(/images/misc/friends_bg_selected.png) no-repeat;color:white;cursor:pointer;}

  a.left.process {background:url(/images/misc/process_bg.png) no-repeat;}
  a.left.process:hover {background:url(/images/misc/process_bg_selected.png) no-repeat;color:white;cursor:pointer;}

  a.left.work {width:70px;background:url(/images/misc/work_bg.png) no-repeat;}
  a.left.work:hover {width:70px;background:url(/images/misc/work_bg_selected.png) no-repeat;color:white;cursor:pointer;}

.login_form {
  background:#555 !important;
 /* height:150px; */
  width:548px;
  display:none;
  padding-bottom:20px;
}

.login_header {
  width:100%;
  height:24px;
  padding-top:8px;
  background:#222;
}

.login_header div {
  display:block;
  width:25%;
  color:white;
  float:left;
  text-align:center;
}

.login_header div.marker {
  position:relative;
  margin-top:-6px;
  margin-left:50%;
}

.login_header div a {
  color:white;
  font-size:1.2em;
  text-decoration:none;
}

.login_form .login_main h3 {
  color:white;
  font-size:2em;
  color:#FFFFFF !important;
  margin:0 15px 10px;
  padding-top:10px;
  font-weight:normal;
  font-family:arial,tahoma,sans-serif;
}

.form {
  margin-left:16px;
}

.form .title {
  color:white;
  font-size:1.1em;
}

.form input.button {
  width:80px;
  height:20px;
  border:1px solid #222;
}

.form input.openid {
  background:#FFFFFF url(/images/icons/openid.png) no-repeat 2px 50%;
  border:1px solid #222;
  height:16px;
  font-size:1em;
  padding-left:20px;
  width:350px;
}

.form input.lj {
  background:#FFFFFF url(/images/icons/lj.png) no-repeat 2px 50%;
  height:16px;
  font-size:1em;
  border:1px solid #222;
  padding-left:20px;
  width:350px;
}

.form input.site_login, .form input.site_password{
  border:1px solid #222;
  height:16px;
  font-size:1em;
  width:175px;
}