@import url('/fonts.css');

body  { background: #dfdfdf url(images/Texture.jpg); }

blockquote { 
             text-align: justify;
             }

p, ul {
        text-align: justify;
        margin: 10px 20px;
        padding: 0;
        }

ul { padding: 0 0 0 15px; }

h1, h2, .myheading {
                     font-size: 12px;
                     margin: 20px 20px 10px;
                     color: #484848;
                     }

h3 {
     margin: 15px 15px 7px;
     font-size: 11px;
     color: #484848;
     }

p.center {
           text-align: center;
           }

#sidebar p, #sidebar ul {
                          margin: 7px 15px 10px;
                          padding: 0;
                          text-align: left;
                          }

#sidebar ul { padding-left: 15px; }

.date {
        color: #7d7d7d;
        font-weight: normal;
        float: right;
        }

img.right {
            float: right;
            margin: 0 0 3px 10px;
            }

img.left {
           float: left;
           margin: 0 10px 3px 0;
           }

a img {
        border-width: 0;
        }

/*<group=Header>*/

h1 { margin: 0; padding: 0; }
h1 a { display: block; text-indent: -1000em; /*\*/overflow: hidden; /**/
       width: 100%; height: 76px; background: rgb(102,102,102) url(images/Header.jpg);
       width: 100%;
       font-size: 10px;
       }

/*</group>*/

/*<group=Tabs>*/

#tabs { display: block;
        background: #e6e6e6 url(images/TabMosaic.gif) repeat-x 0 100%;
        }

#tabs ul
{
  display: inline;
  padding: 0;
  margin: 0;
  font-size: 11px;
  line-height: 13px;
  text-align: left;
  }

#tabs ul li { display: block; margin: 2px 0 0 -1px; padding: 0; float: left;}

#tabs ul li a { display: block; padding: 7px 10px 8px 10px; float: left; color: #5b5b5b; text-decoration: none; }

#tabs ul li span { display: block; float: left; /*background-image: url(images/TabIcons.gif);*/ background-repeat: no-repeat }

#tabs li a { background: url(images/TabMosaic.gif) no-repeat 100% -120px; }
#tabs li.active { background: url(images/TabMosaic.gif) no-repeat 0px 0px #fff; }
#tabs li.active a { background: url(images/TabMosaic.gif) no-repeat 100% -60px; }

/*</group>*/

/*<group=Main Layout>*/

#pagewrapper { display: block; width: 708px; margin: 20px auto 0;
               background: url(images/ShadowMosaic.gif) repeat-y -708px 0;
               }

#shadowwrapper {
                 padding: 2px 4px 0;
                 background: url(images/ShadowMosaic.gif) no-repeat 0 0;
                 }

#content {
           display: block;
           background: #fff;
           padding-top: 0;
           }

.content {
           display: block;
           background: #fff;
           padding-top: 0;
           }

#content.columns {
                   background: #fff url(images/ShadowMosaic.gif) repeat-y -2124px 2px;
                   }

.clear {
         display: block;
         clear: both;
         width: 100%;
         height: 1px;
         margin: 0 0 -1px;
         font-size: 1px;
         line-height: 1px;
         }

#footer {
          display:  block;
          background: url(images/ShadowMosaic.gif) no-repeat -1416px 0px;
          padding: 15px 4px 10px;
          width: 700px;
          margin: -4px auto 0;
          font-size: 10px;
          text-align: center;
          color: #666;
          }

#main {
        float: left;
        width: 500px;
        padding: 0 0 15px;
        }

#mainFull {
            float: left;
            width: 690px;
            padding: 0 0 15px;
            }

#sidebar {
           float: right;
           width: 199px;
           }

/*</group>*/

/*<group=Software Pages>*/

#currentpath {
               border-bottom: 1px solid #cccccc;
               padding-bottom: 7px;
               margin-bottom: 15px;
               }

#actions {
           background: #dcdcdc url(images/ActionCorners.gif) no-repeat 0px 0px;
           font-size: 12px;
           font-weight: bold;
           text-align: center;
           width: 179px;
           color: #7d7d7d;
           line-height: 2.6em;
           margin: 12px 11px 4px;
           }

#actions p {
             background: url(images/ActionCorners.gif) no-repeat -179px 100%;
             font-weight: bold;
             text-align: center;
             margin: 0;
             padding: 0;
             }

#actions p a {
               color: #454545;
               }

#actions p a#dl {
                  /*)	background: url(images/ActionIcons.gif) no-repeat 0px 50%;*/
                  padding-left: 14px;
                  }

#actions p a#bn {
                  /*	background: url(images/ActionIcons.gif) no-repeat -200px 50%;*/
                  padding-left: 15px;
                  }

#sidebar .smallinfo {
                      color: #555;
                      text-align: center;
                      margin-top: 4px;
                      }

hr {
     border: 0;
     width: 90%;
     color: #dedede;
     background-color: #dedede;
     height: 1px;
     margin: 15px auto;
     padding: 0;
     }

p#ratings img {
                padding: 5px 1px 2px 2px;
                }

p#quotes {
           font-style: italic;
           color: #4c4c4c;
           }

.screenshot {
              border: 1px solid #cccccc;
              padding: 1px;
              }

ul#sections, ul#sections a {
                             font-size: 12px;
                             line-height: 1.7em;
                             color: #484848;
                             }

ul#sections li {
                 list-style: none outside;
                 }

ul#sections li.active, ul#sections li.active a {
                                                 font-weight: bold;
                                                 text-decoration: none;
                                                 list-style: url(images/Bullet.gif);
                                                 }

#softheader {
              margin: 12px 5px 0px 12px;
              }

/*</group>*/

/*<group=Front Page>*/

#appshowcase {
               display: block;
               width: 700px;
               height: 270px;
               margin: 0;
               padding: 0;
               background: url(images/FrontPage.jpg) no-repeat;
               position: relative;
               top: 0;
               left: 0;
               }

#appshowcase li {
                  list-style: none;
                  }

#appshowcase #cssedit a, #appshowcase #deskshade a {
                                                     display: block;
                                                     width: 350px;
                                                     height: 270px;
                                                     position: absolute;
                                                     text-indent: -1000em;
                                                     }

#appshowcase #cssedit a {
                          top: 0;
                          left: 0;
                          }

#appshowcase #deskshade a {
                            top: 0;
                            left: 350px;
                            }

p.frontpage {
              margin-bottom: 30px;
              }

/*</group>*/

input,.tbox,textarea{
       border: rgb(102,102,102) 1px solid;
       font: 11px/1.6em "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; margin: 0; color: #333;
       }

.button{
         background-color: #dddddd;
         border: #000000 1px solid;
         text-align: center;
         background-image : url(images/button.gif);
         font: 11px/1.6em "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; margin: 0; 
         color: #333;
         }

.listno { 
          list-style-type: none;
          }


/* links */
a {
    text-decoration:none;
}

a { 
    color:#339933;
 }

a:hover {
          background-color:#339933;
          color:#fffccc;
}

/* misc */

.warning { 
           color:#770000;
 }

.posted { 
          clear:both;
          margin-top:20px;
 }

#blogstats {
    font-size:0.8em;
}