/* 
    Document   : layout
    Created on : 2009-09-19, 21:10:40
    Author     : wiktor_
    Description:
        Purpose of the stylesheet follows.
*/

body{
    background: url('/images/layout/background_main.png') repeat-x;
    background-color: #f2f2f2;
    margin:0px;
    padding:0px;
    color:#272727;
    font-family:'Tahoma',Helvetica,Arial,sans-serif;
    font-size:12px;
}
a{
    color: #444343;
    text-decoration: none;
    border: none;
}
a:hover {
    color: #686868;
    text-decoration: none;
}

#main_box{
    width: 920px;
    left:50%;
    margin: 0px 0px 0px -460px;
    padding: 0px;
    position:relative;
    top:0;
}
#header{
    width: 880px;
    height: 47px;
    background:  url('/images/layout/logo.png') top left no-repeat;
    float: left;
}
#logo{
    float: left;
    height:22px;
    margin:10px 0 0 0;
    width:176px;
}
#header_menu{
    float:right;
    width: 480px;
    text-align: right;
    margin: 15px 4px 0px 0px;
    color: #c1e7fb;
    font-size: 10px;
}
#header_menu a{
    color: #fff;
    border: 1px solid #4d4d4e;
    background-color: #424242;
    font-family:'Helvetica', Tahoma,Arial,sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 3px;
}
#header_menu a:hover {
    background-color: #5c5c5c;
    text-decoration: none;
}

#error,
#notice {
    position: fixed;
    padding: 40px 0px;
    left: 0;
    top: 0;
    width: 80%;
    margin: 0 10%;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;

    z-index: -1;
}
#notice {
    background: green;
    color: #fff;
}
#error {
    background: red;
    color: #fff;
}

.great_five_box{
    float: right;
    background:  url('/images/layout/great_five_box.png') no-repeat;
    width: 951px;
    height: 166px;
    margin: 0px 5px 0px 0px;
}
.content_box{
    float: left;
    width: 920px;
    margin: 8px 0px 0px 0px;
}
.text_area{
    margin: 10px;
}
.footer{
    float: left;
    margin: 10px 0px 0px 0px;
    background: #7a7a7a url('/images/layout/footer.png') repeat-x;
    width: 100%;
    min-height: 100px;
}
.footer_box{
    width: 880px;
    left:50%;
    margin: 10px 0px 10px -440px;
    padding: 0px;
    position:relative;
}
.footer_logo{
    background: url('/images/layout/footer_small.png') top center no-repeat;
    width: 570px;
    height: 30px;
    margin: 25px 0px 10px 150px;
    border-bottom: 1px solid #e1e0e0;
}
.part_one,
.part_two,
.part_three {
/*    padding-left: 10px;*/
    float: left;
    height: 200px;
}
.part_one {
    width: 320px;
}
.part_two {
    width: 290px;
    padding: 10px 20px 0 20px;
    margin-left: -20px;
}
.part_three {
    width: 250px;
}
.part_three h1 {
    font-size: 14px;
    color: #E1E0E0;
}
.mail_submit_baton {
    float: right;
    background: url('/images/layout/main_page/tag_box_mail_submit.png') no-repeat;
    width: 50px;
    height: 25px;
    border: none;
    margin: 0;
}
.footer_column {
    margin: 5px;
    width: 150px;
    height: 120px;
    float: left;
    color: #e1e0e0;
    line-height: 23px;
}
.footer_column b{
    font-family:'Helvetica', Tahoma,Arial,sans-serif;
    font-size: 14px;
}
.footer_column a{
    color: #E1E0E0;
    margin: 0px 0px 0px 15px;
}

.footer_column a:hover {
    color: #aaa;
}

.footer_column.leftie{
  position: relative;
  right: 30px;
}
.blip_anchor{
    background:transparent url(/images/layout/main_page/tag_box_small_icons.png) no-repeat scroll 0 0;
    display:block;
    float:left;
    height:17px;
    line-height:14px;
    margin:5px 13px 5px 0;
    padding:0 0 0 20px;
    width:100px;
}
.nk_anchor{
    background:transparent url(/images/layout/main_page/tag_box_small_icons.png) no-repeat scroll 0 -25px;
    display:block;
    float:left;
    height:17px;
    line-height:14px;
    margin:5px 13px 5px 0;
    padding:0 0 0 20px;
    width:100px;
}
.fb_anchor{
    background:transparent url(/images/layout/main_page/tag_box_small_icons.png) no-repeat scroll 0 -53px;
    display:block;
    float:left;
    height:17px;
    line-height:14px;
    margin:5px 13px 5px 0;
    padding:0 0 0 20px;
    width:100px;
}
.rss_anchor{
    background:transparent url(/images/layout/main_page/tag_box_small_icons.png) no-repeat scroll 0 -82px;
    display:block;
    float:left;
    height:17px;
    line-height:14px;
    margin:5px 13px 5px 0;
    padding:0 0 0 20px;
    width:100px;
}
.add_avatar_input .file_input {
    position: relative;
    top: 0;
    left: 0;
    height: 25px;
    width: 350px;
    margin: 0;
    padding: 0;
}
.add_avatar_input #contest_photo,
.add_avatar_input #user_avatar{
    position: absolute;
    left: 0;
    top: 5px;
    cursor: pointer;
    border: none;
    background: transparent;

    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
.add_avatar_input .contest_photo_path,
.add_avatar_input .user_avatar_path{
    position: absolute;
    left: 0;
    top: 5px;
}
.add_avatar_input{
    width: 345px;
    float: left;
    margin: 0;
    padding: 0;
    background:  url('/images/layout/new_contest/avatar_input.png') no-repeat;
}
.add_avatar_input_top{
    width: 250px;
    height: 5px;
    float: left;
}
.add_avatar_input_bottom{
    width: 250px;
    height: 7px;
    float: left;
}
.add_avatar_input input{
    background: transparent;
    border:none;
    margin: 0;
    padding: 0 0 0 5px;
    width:340px;
    height: 25px;
}
.add_avatar_input #temp {
    width: 238px;
}
#fresh_more {
    float: right;
    color: #274FD3;
    font-size: 10px;
    padding: 0 10px 5px 0;
}

body {background-color: #f2f2f2;}

#images{
  background-color: #ccc;
  clear: both;
  position: relative;
  top: 20px;
  padding: 5px;

  -border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#images img {
  background-color: white;
  padding: 4px;
  margin: 3px;
  border: 1px solid #444;
  -border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#images img.active {
  border: 2px solid #274fd3;
}

#images img:hover {
  background-color: #274fd3;
}