/* CSS for pictures page */


/* Page Header */
#page_header {
    margin: 5px 0px;
    font-size: 24px;
    font-weight: bold;
}


/* Top Banners */
#ad_top_cont {
    margin: 0px auto;
    padding: 2px;
    width: 944px;           /* IE5 */
    width/**/:/**/ 934px;   /* IE6+ and other browsers */
    height: 380px;          /* IE5 */
    height/**/:/**/ 370px;  /* IE6+ and other browsers */
    border: 3px solid #0CF;
    overflow: hidden;
    text-align: left;
}

.ad_top {
    width: 382px;
    height: 370px;
}

#ad_top_center {
    width: 166px;
    position: relative;
    top: -370px;
    left: 384px;
}

#ad_top_right {
    position: relative;
    top: -740px;
    left: 552px;
}

.ad_top_wrap {
    margin: 0px;
    padding: 10px 22px;
    height: 370px;          /* IE5 */
    height/**/:/**/ 348px;  /* IE6+ and other browsers */
    border: 1px solid #0CF;
    overflow: hidden;
}


/* Main content */
#main_cont {
    margin: 0px auto;
    padding: 2px;
    width: 944px;           /* IE5 */                    
    width/**/:/**/ 934px;   /* IE6+ and other browsers */
    text-align: center;
    border: 3px solid #0CF;
    overflow: hidden;
}

#main_wrap {
    float: left;
    overflow: hidden;
}

.main_col, .main_col_b {
    float: left;
    border: 1px solid #0CF;
    width: 166px;           /* IE5 */
    width/**/:/**/ 164px;   /* IE6+ and other browsers */
    margin-right: 2px;
}

.main_col {
    margin-bottom: -30000px;
    padding-bottom: 30000px;
}

.main_col_b {
    border-bottom: none;
    height: 1px;            /* IE5 */                    
    height/**/:/**/ 0px;    /* IE6+ and other browsers */
    overflow: hidden;
}

#main_col2, #main_col2_b {
    width: 598px;           /* IE5 */
    width/**/:/**/ 596px;   /* IE6+ and other browsers */
}

#main_col3, #main_col3_b {
    margin-right: 0px;
}

.main_col_wrap {
    padding: 5px 2px;
}


/* Bottom Banner */
#ad_bottom_cont {
    margin: 0px auto;
    padding: 2px;
    width: 944px;           /* IE5 */                    
    width/**/:/**/ 934px;   /* IE6+ and other browsers */
    text-align: center;     
    border: 3px solid #0CF;
    overflow: hidden;
}

.ad_bottom_col {
    border: 1px solid #0CF;
    width: 934px;           /* IE5 */                    
    width/**/:/**/ 932px;   /* IE6+ and other browsers */
    margin-right: 2px;
    overflow: hidden;
}

.ad_bottom_col_wrap {
    padding: 10px 102px;
}


/* Header and Footer Menus */
.menu_cont {
    width: 944px;           /* IE5 */                    
    width/**/:/**/ 934px;   /* IE6+ and other browsers */
    height: 36px;           /* IE5 */                    
    height/**/:/**/ 28px;   /* IE6+ and other browsers */
    border: 3px solid #0CF;
}


/* Pictures */
div.pic_url_box {
    margin: 5px 0px 25px 0px;
    font-size: 10px;
    font-weight: bold;
    color: #0CF;         /* color of the hint above the code box */
}

div.pic_url_box textarea {
    color: #0CF;                 /* color of the text inside the picture code box */
    border: 12px double #0CF;    /* color and style of the code box border */
    background-color: #000000;      /* background color of the code box */
}

/* Pagination */
.pagination {
    margin: 15px 135px;
    font-weight: bold;
}

.pag_ap {
    color: #FF6600;         /* color of the current page in pagination */
}