/* This Style sheet was made by aran @ studio7designs.com  if you have any questions please email me or visit http://www.studio7designs.com */

*{border:0;margin:0;padding:0;background:transparent;} 

a:active,
a:visited,
a:link                { color: #5B8FBE; text-decoration: none; }
a:hover               { color: #999999; text-decoration: none; }

p {
   margin-top: 10px;
   margin-bottom: 10px;
}

body
{
font-family: arial, tahoma;
color: #000000;
background-color: #ffffff;
margin-top: 0px;
font-size: 13px;
}

.box {
   position: relative;
   width: 1024px;
   left: 50%;
   margin-left: -512px;
   border: 1px solid #C0C0C0;
}

.on-page {
  color: #5B8FBE; 
  margin-bottom: 10px;
}

.on-page-date {
   position: relative;
   float: right;
   width: 165px;
   border-left: 1px solid #D0D0D0;
   border-bottom: 1px solid #D0D0D0;
   padding: 0px 5px 1px 5px;
   color: #5B8FBE;
}


.header {
   position: relative;
   width: 1024px;
   background-image: url('/images/head.gif');
   height: 153px;
   text-align: center;
}

#navi {
   position: relative;
   float: left;
   width: 1024px;
   background-color: #ff9900;  
   border-bottom: 2px solid #808080;
   border-top: 2px solid #808080;
}

#navi a:link, #navi a, #navi a:visited {
   float: left;
   padding: 5px;
   font-size: 13px;
   /*font-weight: bold;*/
   color: #ffffff;
   text-decoration: none;
   border-right: 2px solid #E0E0E0;
}

#navi .sel {
   float: left;
   padding: 5px;             
   font-size: 13px;
   font-weight: bold;
   color: #ffffff;
   background-color: #ab1616;
   text-decoration: none;
   border-right: 2px solid #c69912;;
}

#navi a:hover {
   color: #ffffff;
   /*text-decoration: underline;*/
   background-color: #ab1616;
}

/*---- user navi -------*/
#unavi {
   position: relative;
   float: left;
   width: 100%;
   background-color: #ff9900;  
   border-bottom: 2px solid #808080;
   border-top: 2px solid #808080;
}

#unavi a:link, #unavi a, #unavi a:visited {
   clear: left;
   float: left;
   width: 155px;  
   padding: 3px 5px 3px 5px;
   font-size: 13px;
   /*font-weight: bold;*/
   color: #ffffff;
   text-decoration: none;
   border-bottom: 2px solid #E0E0E0;
}

#unavi .sel {
   clear: left;
   float: left;
   width: 155px;  
   padding: 3px 5px 3px 5px;
   font-size: 13px;
   font-weight: bold;
   color: #ab1616;
   text-decoration: none;
   border-bottom: 2px solid #c69912;;
}

#unavi a:hover {
   color: #ab1616;
   /*text-decoration: underline;*/
   
}



.middle {
   position: relative;
   float: left;
   width: 1024px;
}

#m-left {
   position: relative;
   float: left;
   width: 160px;
   min-height: 200px;
   padding: 5px;
   margin-right: 0px;
}

#m-right {
   position: relative;
   float: right;
   width: 165px;
   min-height: 200px;
   padding: 5px 5px 5px 3px;
   margin: 0px;
}

.body{
   position: relative;
   float: left;
   width: 668px !important;
   width: 659px;
   border-right: 1px solid silver;
   border-left: 1px solid silver;
   text-align: justify;
   padding: 0px 5px 0px 5px;
   margin: 0px;
}

.related-title {
   margin-top: 10px;
   clear: both;
   padding: 5px;
   background-color: #FFFFC0;   
}


/* ~~~~~~~~~ footer ~~~~~~~~~ */
.footer
{
   clear: both;
    text-align: center;
   padding-top: 5px;
    padding-bottom: 5px;
    background-color: #ff9900;
   width: 1024px;    
   color: #ffffff;
   border-bottom: 2px solid #808080;
   border-top: 2px solid #808080;
}

/* ----- kaste h1 ---*/

.text-c {
   float: left;
   margin: 0;
   margin-top: 10px;
   border-top: 1px solid #E0E0E0;
   padding: 10px 0px 0px 0px;
   
}

.text-c-top {
   float: left;  
}

.text-c-title {
   font-size: 14px;   
   border-bottom: 0px solid black;
}

.text-c-body {
   padding-top: 10px;
}

.text-c-body li {
   margin-left: 30px;
}

.text-c-title a:link, .text-c-title a:visited, .text-c-title a {
   text-decoration: none;
   color: #000000;
}

.text-c-title a:hover {
   text-decoration: underline;
}

.text-c-t, .text-c-t a {
   font-weight: bold;
   text-decoration: none;
}    
 
.text-c-t h2 {
   padding-top: 0px;
   margin-top: 0px;
   font-size: 18px;
   /*font-family: Arial Narrow, Verdana, "Bitstream Vera Sans", sans-serif;
   color: #fe6601;
   */
} 

.pub-img {
   float: left;
   width: 160px;
   margin-right: 10px;
}

/* ----------------------------- login form --------------------*/
.login {
   border: 1px solid silver;
   background-color: #F0F0F0;
   padding: 2px;
}

.login-u {
   border: 1px solid silver;
   padding: 1px;
   width: 120px;
}

.login-b {
   margin-left: 20px; 
   border: 1px solid silver;
}

.login-l {
   padding-top: 1px;
   float: left;
   width: 20px;
}

.login-row {
   margin-bottom: 5px;
}

/* ---- Other thinks ---*/
.info-liste {
   clear: left;
   margin-top: 20px;
    padding: 5px;
    color: black; 
    font-weight: bold; 
    font-size: 20px;
    border-bottom: 1px dotted silver;
}

.comment {
   clear:left;
   margin-top: 20px;
   padding: 0px;
   color: black; 
   border-top: 1px dotted silver;
}   
    
/* ~~~~~~~~~ Headings ~~~~~~~~~ */    


/*------------------*/
#ss-form {
    margin: 0px;
    padding: 0px;
}

.f-line {
   display: block;
   padding: 0px;
    margin: 0px 0px 0px 0px;
    background: transparent;
}

.f-lab {
   float: left;
    position: relative;
   display: block;
   width: 150px;
   font-size: 12px;
   padding: 3px 3px 5px 3px;
}

.f-in {
   float: left;
   display: block;
   font-size: 12px;
   margin: 0px 0px 0px 0px;
   padding: 0px;

}

.f-cl {
    clear: left;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    font-size: 12px; 
}

/*-----messages----*/
#msg-error {
   background: #FAD2D2;
   border: 2px solid #F06C6C;
   color: #EC4E4E;
   font-weight: bold;
    padding-left: 20px;
}

#msg-ok {
   background: #E2F3D9;
   border: 2px solid #9DD880;
   color: #1F7F00;
   font-weight: bold;
    padding-left: 20px;
}

#msg-warn {
   background: #FFEED7;
   border: 2px solid #FFC87A;
   color: #EF7700;
   font-weight: bold;
}

/* ----- Gallery and resource --*/

.g-f {
   float: left;
   width: 80px;
   font-size: 15px;
   height: 110px;
   text-align: center;
   margin-right: 15px;
   border: 0px solid red;
}

.g-t {
   float: left;
   clear: left;
   width: 80px;
   font-size: 15px;
   height: 110px;
   text-align: center;
   margin-right: 0px;
   border: 0px solid red;
}

.g-t-n {
   float: left;
   clear: left;
   width: 80px;
   font-size: 15px;
   height: 90px;
   text-align: center;
   margin-right: 0px;
   border: 0px solid red;
}

.g-f-i {
   width: 80px;
   height: 80px;
   text-align: center;
   border: 0px solid red;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-color: #ffffff;
}

.g-f-i-i {
   width: 80px;
   height: 80px;
   text-align: center;
   border: 0px solid red;
   background-color: #FBA504;
   background-repeat: no-repeat;
   background-position: 50% 50%;
}

.g-f img, .g-t img{
   border: 0px;   
}


.g-f-f a {
   color: #788f3f;
   padding: 0px;
   margin: 0px;
} 
.g-f-f {
   width: 80px;
   height: 40px;
   overflow: hidden;
   border: 0px solid red;
   text-align: left;
   border: 0px solid red;
   font-size: 13px;
}

.g-b-box {
  width: 100%;
}

.g-b-b-i {
  text-align: center;
  vertical-align: middle;
}

.g-b-thum {
   position: relative;
   float: right;
   height: 500px;
   width: 110px;
   overflow: auto;
   padding-right: 20px;
   border-left: 0px solid #adc77e; 
}

.g-b-com {
   padding-right: 5px;
}
/*------------- member gallery ------------------*/
.m-gal-t {
   border: 1px solid silver;
}

.m-gal-t td {
   padding: 0px 2px 0px 2px;
}

.m-gal-t-head {
   background-color: silver;
}

.m-gal-t-r-1 {
   background-color: #F0F0F0;
}

.m-gal-t-r-2 {
   background-color: #E0E0E0;
}


/* -------- div buttons -----*/
.act-liste {
   float: left;
   width: 100%;
}

.div-add-btn {
   float:left;
   margin-left: 20px;
   background-image: url('/images/add.gif');
   background-repeat: no-repeat;
   padding-left: 20px;
   padding-bottom: 3px;
}

.div-back-btn {
   float:left;
   margin-left: 20px;
   background-image: url('/images/back.gif');
   background-repeat: no-repeat;
   padding-left: 20px;
   padding-bottom: 3px;
}

.div-more-btn {
   float:right;
   margin-left: 20px;
   background-image: url('/images/more.gif');
   background-repeat: no-repeat;
   padding-left: 20px;
   padding-bottom: 3px;
}

.div-list-btn {
   float:left;
   margin-left: 20px;
   background-image: url('/images/list.gif');
   background-repeat: no-repeat;
   padding-left: 20px;
   padding-bottom: 3px;
}

.div-f-view-btn {
   float:left;
   margin-left: 20px;
   background-image: url('/images/f-view-ico.gif');
   background-repeat: no-repeat;
   padding-left: 20px;
   padding-bottom: 3px;
}
/* ------------------- blog style -----------------*/
.b-t{
   border: 1px solid silver;
   width: 100%;
   margin-bottom: 20px;
}

.b-t-c {
   padding-top: 2px;
   padding-bottom : 2px;
}

/* --------------- mailbox -----------------------*/
#mail-fold {
   border-bottom: 1px solid silver; 
   float: left; 
   width: 100%; 
   margin-bottom: 20px;
}

#mail-fold a:link, #mail-fold a, #mail-fold a:visited {
   float: left;
   padding: 5px;
   font-size: 13px;
   margin-left: 5px;
   /*font-weight: bold;*/
   text-decoration: none;
   border-top: 1px solid silver;
   border-right: 1px solid silver;
   border-left: 1px solid silver;
}

#mail-fold .sel {
   float: left;
   padding: 5px;
   font-size: 13px;
   margin-left: 5px;
   color: #999999;
   /*font-weight: bold;*/
   text-decoration: none;
   border-top: 1px solid silver;
   border-right: 1px solid silver;
   border-left: 1px solid silver;
}

#mail-fold a:hover {
   color: #999999;
   /*text-decoration: underline;*/
}

.mail-old-msg {
   Border: 1px solid #ff9900;
}

/*----- page handler ----*/
.p-handler {
   text-align: center;
   width: 100%;
}

.p-handler a, .p-handler a:link, .p-handler a:visited {
   text-decoration: none;
}

.p-handler a:hover {
   text-decoration: underline;
}

.p-handler-sel {
   text-decoration: underline;
}

/* ------------------ last 10 comments --------------*/
.last-10 {
  float: left;
  position: relative;
  margin-top: 10px;  
}

.last-10-t {
    font-weight: bold;
    border-bottom: 1px solid silver;
}


/*------------ New messages ---------------*/
.new-msg {
   display: none;
   border: 2px solid red;
}

/*~~~~~~~~~~~~~~~~~~~~ tops ~~~~~~~~~~~~~~~~~~*/
.top {

}

.top-t{
    font-family: Arial Narrow, Verdana, "Bitstream Vera Sans", sans-serif;
    clear: left;
    color: #fe6601;
    font-size: 30px;
    border-bottom: 3px solid silver;
    margin-bottom: 0px;
}


/*~~~~~~~~~~~styles~~~~~~~~~~~~~~~*/

.style4 {
    color:#000000;
    font-family:geneva,arial,sans-serif;
    font-weight:normal;
    text-transform:uppercase;
    word-spacing:4px;
    letter-spacing:3px;
    font-size:1.2em;

    padding:0 2px;
    margin:0;
}
.style5 {
    font-size: 12px;
    color: #ffffff;
}

.i_text10 {
   width: 20px;
   padding: 0px;
   border: 1px solid silver;
}

.i_text400 {
   width: 400px;
   padding: 2px;
   border: 1px solid silver;
}

.i_text200 {
   width: 200px;
   padding: 2px;
   border: 1px solid silver;
}

.i_text300 {
   width: 300px;
   padding: 2px;
   border: 1px solid silver;
}

.i_text500 {
   width: 500px;
   padding: 2px;
   border: 1px solid silver;
}

.btn {
   border: 1px solid silver;
}

.ins-advance {
  width: 635px;
  height: 350px;
  padding: 2px;
  border: 1px solid silver;
}

.ins-advance-coment {
  width: 635px;
  height: 150px;
  padding: 2px;
  border: 1px solid silver;
}

.ins-msg {
  width: 635px;
  height: 150px;
  padding: 2px;
  border: 1px solid silver;
}   
   
.o-sel {
   border: 1px solid silver;
}