body 
  { background:url(./images/grad.jpg) repeat-x #c0c0c0; 
  }

.odd {
	background-color: #ccc;
  background:none;
}
.info_fieldset {	
	border: 1px solid #ccc;
}
.even {
	background-color: rgb(236,236,236);
}
.head-table {
	background-color:#666666;
	color: #EEE1FD;font-size : 1.05em;
}
           
a {
   text-decoration: none;
   color: #474747;
   padding: 5px;
}

a:hover {
   text-decoration: none;
   color: #f2965c;
   padding: 5px;
}
.selected 
  { border-bottom:1px solid #db5500;  
  }
li 
  { padding-left:15px; 
    background:url(./images/icon_status_white.gif) 0 5.9px no-repeat; 
  }
    
#container {
   margin: 0;
   width: 960px;
}

#container>header {
   padding: 10px 80px 10px;
   width: 800px;
   overflow: hidden;
   border: 1px solid #ccc;
   border-width: 0 0 1px 0;
}

#container>footer {
   padding: 10px 80px 10px;
   width: 800px;
   overflow: hidden;
   border: 1px solid #ccc;
   border-width: 0 0 0 0;
}
    #container > header li, #container > footer li
    { float:left;
      padding:0 7px 0 0;
      background:none;
   display: inline;
    }
  #container > section
    { background:#fdfdfd;
      padding:0 40px 40px 80px;
      float:left;
      width:493px;
      border-right:1px solid #ccc;
   border-bottom: 1px solid #ccc;
   -moz-border-radius: 0 0 7px 0;
   -khtml-border-radius: 0 0 7px 0;
   -webkit-border-radius: 0 0 7px 0;
   border-radius: 0 0 7px 0;
    }

#pageContent{
   float: left;
   width: 493px;
   display: inline;
}

#aside{
   padding-top: 0;
   float: left;
   width: 346px;
   display: inline;
}

  #container > aside
    { padding-top:0;
      float:left;
      width:346px;
    }

#container > footer {
   padding: 10px 80px 10px;
   background: none;
}
    #container > footer li:after
    { content:" |"
    }
      #container > footer li:last-child:after
      { content:""
      }

.post                     
  { overflow:visible; 
    margin-top:40px; 
  }
  .post > header          
    { margin:0 0 20px 0; 
      position:relative; 
    }

.post .date {
   padding: 2px 4px;
   background: #474747;
   color: #ececec;
   font-weight: bold;
   transform: rotate(270deg);
   -moz-transform: rotate(270deg);
   -webkit-transform: rotate(270deg);
   position: absolute;
   top: 60px;
   left: -105.5px;
   padding: 5px 10px;
   text-align: center;
   background-color: #666666;
   color: white;
   -moz-border-radius: 7px;
   -khtml-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-radius: 7px;
   display: block;
   margin-right: 10px;
   border: 2px solid #ccc;
   width: 125px;
}
  .post img               
    { float:left;  
      margin-right:10px;
    }
    .post.ext img         
      { float:right; 
      margin-left:10px;
      }
  .post footer            
    { overflow:hidden; 
    }
  .post footer li
    { float:left;
      background:none;
    }

.side-box 
  { padding: 3px 40px 20px 20px; 
  }
  .side-box:not(:last-child) 
    { border-bottom:0px solid #ccc;  
   
    }
    .side-box > header h3 
      { margin-bottom:0;  
      }
    .side-box > header p  
    { text-transform:uppercase; 
      font-style:italic; 
      font-size:90%; 
    }


    /* using > is faster, for the same reason you don't need a license to snorkel (AFAIK): you aren't going as deep.  */

.pop-out > section > * 
  { 
   display: block;
   background: #fefefe;
   border: 1px solid #ccc;
   padding: 15px;
   position: relative;
   width: 82%;
   left: 20px;
   -moz-border-radius: 0 7px 7px 7px;
   -khtml-border-radius:  0 7px 7px 7px;
   -webkit-border-radius: 0 7px 7px 7px;
   border-radius: 0 7px 7px 7px;
  }


.post-it 
  { 
   border: 1px solid #db5500;
   font-style: italic;
   position: relative;
   background: #f2965c;
   color: #333;
   transform: rotate(356deg);
   -moz-transform: rotate(356deg);
   -webkit-transform: rotate(356deg);
   z-index: 10;
   top: 1px;
   box-shadow: 1px 1px 0px #f2965c;
   -moz-box-shadow: 1px 1px 0px #f2965c;
   -webkit-box-shadow: 1px 1px 0px #f2965c;
   padding: 5px 10px;
   text-align: center;
   color: white;
   -moz-border-radius:  7px;
   -khtml-border-radius:  7px;
   -webkit-border-radius:  7px;
   border-radius: 7px;
   display: block;
   margin-right: 10px;
   border: 1px solid #666666;;
  }
         
.meta 
  { font-size:75%; 
    font-style:italic; 
  }
.subtitle 
  { text-transform:uppercase; 
    font-weight:bold; 
    letter-spacing:1.33em; 
    text-shadow:1px 1px 0  #474747;; 
  color: #f2965c;
font-size: 0.88em;
  }

.comment 
  { border:1px solid #ccc; 
    border-radius:7px; 
    -moz-border-radius:7px; 
    -webkit-border-radius:7px; 
    padding:10px; 
    margin:0 0 10px 0;
  }
  .comment > header > p 
    { font-weight:bold;  
      display:inline; 
      margin:0 10px 20px 0; 
    }
  .reply.comment 
    { margin-left:80px; 
    }
  .author.comment 
    { color:#ececec; 
      background:#474747; 
    }
    
.comments-form p 
  { padding:5px; 
    border-radius:7px;  
    -moz-border-radius:7px;  
    -webkit-border-radius:7px; 
  }
.comments-form p:hover 
  { background:#ececec;  
  }
.comments-form label 
  { display:inline-block; 
    width:70px; 
    vertical-align:top; }
.comments-form label:after 
  { content: " : "; 
  }
.comments-form input[type=text]:focus,.comments-form input[type=password]:focus,.comments-form textarea:focus
   {
	border:1px solid #000033;
}


.comments-form input[type=text],.comments-form input[type=password],.comments-form button,.comments-form textarea
   {
   width: 200px;
   border: 1px solid #ccc;
   border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   padding: 2px;
}

.comments-form button[type=submit] 
  { margin-left:70px; 
  }#rounded {
   width: 800px;
   margin: 20px auto;
   text-align: left;
}

#rounded li {
   display: inline;
   list-style: none;
}
#rounded li a,#rounded li a:visited {
   padding: 5px 10px;
   text-align: center;
   background-color: #666666;
   color: white;
   -moz-border-radius: 7px;
   -khtml-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-radius: 7px;
   margin-right: 10px;
   font-weight: bold;
   border: 2px solid #ccc;
}


#rounded li a.selected {
   border-bottom: 1px solid #db5500;
   border: 2px solid #db5500;
}

#rounded li a:hover {
   background-color: #f2965c;
   text-decoration: none;
   background: #f2965c;
   font-weight: bold;
   border: 2px solid #ccc;
   color: #333;
}

#loading {
   visibility: hidden;
   display: inline;
}

.clear {
   clear: both;
}

.myBox {
   padding: 0;
   margin: 33px auto;
   width: 900px;
   border: 2px solid #ccc;
   background: #ececec;
   /* Do rounding (native in Firefox and Safari, CC in IE) 
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    CCborderRadius: 15px;*/
}