html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
margin:0pt;
padding:0pt;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
body {
min-width:770px;
}
ol, ul {
margin-left:2em;
}
blockquote {
margin:0pt 3em 1em;
}
dd {
margin-left:2em;
}
td, th {
padding:2px 6px;
}
a.view {
padding-right:10px;
}
button, input[type="submit"] {
cursor:pointer;
}
h2 {
margin-bottom:0.5em;
}
div.error-notice {
margin:0pt 0pt 1.5em;
min-height:48px;
padding:10px 10px 0pt 70px;
}

#branding {
position:relative;
}



h4#moz {
margin:0pt;
position:absolute;

/*top:10px;*/
top:0px;

z-index:1;
}

.html-rtl h4#moz {
left:0px;
}

.html-rtl h4#moz img {
left:-10px;
position:relative;
}

h4#moz a {
display:block;

/*height:44px;*/
height:150px;

/*padding-left:10px;*/
padding-left:0px;

/*width:100px;*/
width:150px;

}



#page-title {
/*height:13em;*/
height:150px;
}

#page-title div {
margin:0pt auto;
max-width:800px;
}



#page-title h1 {							/*  type.css (line 55)  */

/*font-size:300%;*/
font-size:325%;

font-weight:bold;
line-height:1.2;

letter-spacing:-3px;
padding-top: 1em;

}

#page-title h1, #page-title h1 a {			/*  color.css (line 50)  */
color:#88AAFF;
}
#page-title h1 a {											/*  type.css (line 56)  */
text-decoration:none;
}







.html-ltr #page-title div {
/*padding:25px 105px 0pt;*/
text-align:center;
}

#page-title h1 {
position:relative;
}


/*
.html-ltr #page-title h1 {
padding:10px 0pt 5px 125px;
}
*/

/*
padding-top
padding-right
padding-bottom
padding-left
*/




#page-title h1 img {
position:absolute;
top:0pt;
}
.html-ltr #page-title h1 img {
left:0pt;
}
.html-rtl #page-title h1 img {
right:200px;
}
#page-title p.page-intro {
margin-bottom:0pt;
max-width:650px;
width:42em;
}
.html-ltr #page-title p.page-intro {
padding-left:125px;
}
.html-rtl #page-title p.page-intro {
padding-right:320px;
}

.html-ltr #nav-user {
margin:-1.75em auto 0pt;
padding:0pt 50px;
}
.html-rtl #nav-user {
margin:-1.75em auto 0pt;
padding:0pt 0pt 0pt 50px;
}

.html-ltr #nav-user li {
margin-right:0.5em;
padding-left:1em;
}
.html-rtl #nav-user li {
margin-left:0.5em;
padding-right:1em;
}
.html-ltr #nav-user li:first-child {
border-left:0pt none;
padding-left:0pt;
}
.html-rtl #nav-user li:first-child {
border-right:0pt none;
padding-right:0pt;
}






#nav-apps {
margin-top:0.1em;
}
.html-ltr #nav-apps {
margin-left:0pt;
}
.html-rtl #nav-apps {
margin-right:0pt;
}
#nav-apps li {
display:inline;
}
.html-ltr #nav-apps li {
margin-right:10px;
}
.html-rtl #nav-apps li {
margin-left:10px;
}








#footer {
clear:both;
min-width:770px;
padding:1em 0pt;
position:relative;
width:100%;
}
#footer-lang-form {
max-width:900px;
min-width:770px;
position:relative;
}
.html-ltr #footer-lang-form {
margin:0pt auto;
padding:0pt 50px;
}
.html-rtl #footer-lang-form {
margin:0pt;
padding:0pt 0pt 0pt 50px;
}
.html-ltr #footer-lang-form p {
position:absolute;
right:50px;
}
.html-rtl #footer-lang-form p {
left:50px;
position:absolute;
}
#footer-legal {
margin:0pt auto;
max-width:900px;
min-width:770px;
padding:0pt 50px;
}
#copyright {
margin-bottom:0pt;
}
#nav-legal li {
display:inline;
margin-right:0.5em;
}
#footer-disclaimer {
margin-top:1em;
}
#content {
clear:both;

/*margin:0pt auto 1em;*/
margin: auto 0;

max-width:1000px;
min-width:700px;
padding:1em 50px;
position:relative;
}
#content-main {
margin-left:20%;

/*min-height:50em;*/
min-height:60em;			/*  needed room for sidebar, consider making it smaller  */

position:relative;
}
#content.main-page #content-main, #content.detail-page #content-main, #content.reviews-page #content-main, #content.versions-page #content-main {


/*padding-right:20%;*/
/*width:60%;*/


}
#content-main.full {
margin-left:0pt;
}
#content.detail-page #content-main.full, #content.reviews-page #content-main.full, #content.versions-page #content-main.full {
padding-right:25%;
width:75%;
}






#content #sidebar {

NOTborder: 2px dotted yellow;

left: 50px;
position:absolute;
top:1em;
width:16.2%;
}



#categories, #stuff {
margin-bottom:1em;
position:relative;
z-index:5;

NOTborder: 1px solid grey;

}


#categories h3, #stuff H3 {
margin:0pt -1px;
padding-left:6px;
}
#categories.collapsed h3 {
padding-left:18px;
}
#categories h3 span, #stuff H3 SPAN {
display:block;
padding:8px 4px;
}
#categories, #categories.collapsed #cat-list {
padding-bottom:6px;
}
#categories.collapsed h3 span {
padding-left:0pt;
text-indent:4px;
}
#cat-list, #stuff-list {
margin-left:0pt;
}
#cat-list li, #stuff-list li {
padding-right:1px;
}



#cat-list a, #cat-list span, #stuff-list a, #stuff-list span {
display:block;
padding:0.5em 10px;

text-decoration: none;

}



#categories a:hover, #categories a:active, #categories a:focus,
#stuff a:hover,      #stuff a:active,      #stuff a:focus
{

/*background:#F1F0F0 url(../img/cat-linkhover.png) repeat-x scroll center top;*/
background:#F1F0F0;

/*color:#1D587F;*/
color: #0E0E1E;

}

#categories a:link, #stuff a:link {		/*unvisited*/

/*color:#4E4E4E;*/
color: #1040F8;

}


#cat-list li.current, #stuff-list li.current {		/* add this class to the link if it is the 'valid category' blah blah */
background-color: white;

border-right: 0 none;
margin-right: -1px;

border-bottom: 1px solid #E8E6E6;
padding-bottom: 2px;

font-weight: bold;

}



#cat-list li, #stuff-list li {
border-bottom:3px double #E8E6E6;
}



#categories.collapsed h3 {
cursor:pointer;
}
#categories p, $stuff p {
margin:0pt -1px -6px;
padding:0.6em 10px;
}
#categories.collapsed #cat-list {
left:-999em;
position:absolute;
top:-999em;
}
#categories.collapsed #cat-list.visible {
height:auto;
left:0pt;
margin:0pt -1px;
overflow:visible;
top:3.35em;
width:100%;
z-index:99;
}
#categories.collapsed #cat-list a:active, #categories.collapsed #cat-list a:focus {
left:999em;
position:absolute;
top:1002.4em;
width:85%;
}
#categories.collapsed #cat-list.visible a:active, #categories.collapsed #cat-list.visible a:focus {
position:static;
width:auto;
}

#content-main p, #content-main ul, #content-main ol {
margin-bottom:1.25em;

line-height: 1.75em;

}

#content-main li {
margin-bottom:0.5em;
}
#content-main li ul, #content-main li ol {
margin-left:15px;
}






.stuff {
margin-bottom:1em;
padding:10px;
}

.pitch {
margin-bottom:1em;
padding:10px;
}
.pitch h3, .pitch p {
margin-bottom:1em;
}
.html-rtl .pitch ul {
padding-right:15px;
}
.pitch h3 img {
float:left;
margin:-4px 10px 0pt 0pt;
}































/*****  type.css  *****/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

/*font-family:inherit;*/
font-family: Verdana,"Trebuchet MS",sans-serif;

/*font-size:100%;*/
font-size: 97%;

font-style:inherit;
font-weight:inherit;
vertical-align:baseline;

}


h1, h2, h3, h4, h5, h6, caption, #rate-it legend {
font-family: Trebuchet,"Trebuchet MS","Lucida Grande",Arial,sans-serif;
}

h2 {
font-size:140%;
font-weight:bold;
}

h3, caption {
font-size:140%;
}

h4, #rate-it legend {
font-size:125%;
}


#cat-list, #stuff-list {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}





/*****  color.css  *****/


#cat-list, #stuff-list {
border-top:1px solid #E8E6E6;
}


#categories, #stuff {
background-color:#F6F6F6;
border-color:#D8DCDF;
border-style:solid;
border-width:0pt 1px 1px;
}

#categories, #stuff {
border-style:solid;
}























#categories, #stuff {
-moz-border-radius: 6px;
background-color:#F8F8F8;
border:1px solid #E4F3FA;
}







#cat-list a span.counts, #cat-list span span.counts {
background:transparent none repeat scroll 0% 0%;
color:#899195;
font-size:90%;
font-weight:normal;
text-decoration:none;

display: inline;

}



body  {  margin:0 auto;
         max-width:1000px;
         min-width:700px;

         background:#224488;

      }


#content  {  background: white;  }


/* we'll do this in php to get randomized background
/*  #page-title {  background: transparent url('layoutgraphics/backgroundpattern5.png');  }  */





#footer  {  background:transparent url(layoutgraphics/backgroundpattern5.png) repeat scroll 0% 0%;
            color:#FFFFFF;
            text-align:center;
            min-height: 3em;

            font-size: 80%;
            color: #DDE;

            }


















   #content-main .category-grouper  {  border: 1px solid #689; -moz-border-radius: 5px;
                                       margin: 0; padding: 0.5em;  }





   .entry  {  border: 2px solid #79A; -moz-border-radius: 5px;
              margin-bottom: 1em; padding: 0.5em;

              background-color: white;
              color: black;  }

   /* .entry .thumb  {  float: left; border: 1px solid green; -moz-border-radius: 3px; margin: 0.2em; padding: 0.2em;  } */



   .entry H2 A  {  color: #000020; text-decoration:none;
                   font-family: Trebuchet,"Trebuchet MS","Lucida Grande",Arial,sans-serif; }

   .entry .entry-info  {  float: right; margin: 0.2em; padding: 0.2em;   color:#666666;  margin-bottom: 13px; margin-left: 2em; text-align:right;  }

   .entry .entry-info a  {  text-decoration: none;  }






















a:hover, a:focus {

//color:#000033;
color:#F02010;

}

a:visited {
color:#105CB6;
}

a {
color:#105CB6;
cursor:pointer;
outline-color:-moz-use-text-color !important;
outline-style:none !important;
outline-width:medium !important;
}



.pages a, .pages span {
background:#FFFFFF none repeat scroll 0% 0%;
border:1px solid #FFFFFF;
display:block;
//float:left;

//margin-right:0.1em;
margin:0.25em;

padding:0.2em 0.5em;
}

.pages a:hover {

//border-color:#2E6AB1;
//background-color: #E2FAFB;

background:#E2FAFB;
color:#0448A4;

}

.pages a {
border:1px solid #9AAFE5;
text-decoration:none;
}



.pages span.current {
//background:#2E6AB1 none repeat scroll 0% 0%;
background:#E0E0E0 none repeat scroll 0% 0%;
border:1px solid #D0D0D0;
color:#FFFFFF;
font-weight:bold;

border-right: 0 none;
margin-right: -1px;

}

.pages {
font-size:90%;

text-align: center;
margin: 0.5em;

}













.hidden { display: none; }

















   .rounded-div  {  -moz-border-radius: 5px;  }

   /*  .action-div      {  margin-top: 0.5em; margin-bottom: 0.5em;   padding: 0.5em;   border: 1px solid #70A0C0;  }  */
   .action-div      {  margin-top: 0.5em; margin-bottom: 0.5em;  }

   /*  .action-sub-div  {  float: left; margin: 0.2em; padding: 0.5em;   border: 1px solid #70A0C0;  }  */
   .action-sub-div  {  float: left; margin: 0.2em; padding: 0.5em;   background: #70A0C0;  }


   .nontabbed-border-for-action-div  {  padding: 0.5em;   background: #E0E8FF;  }



   .comment  { padding: 0.5em; margin: 0.2em;
               -moz-border-radius: 3px;  }

   .alternating-bgcolor-0  { background: #F0F0F0; }
   .alternating-bgcolor-1  { background: #F8F8F8; }


   .action-div H2  {  font-size: 110%;  }



































.entry .entry-actions {
NOTleft:-2px;
position:relative;
margin: 0.5em;
margin-top:1em;
}



/***********************/
.action-link {
	cursor: pointer;
    border: 1px solid #C4C4C4;
    -moz-border-radius: 4px;
    background-color:#F8F8FD;

    padding: 5px;

    margin-left: 0.25em;

}

.action-link:hover {
color:#0448A4;

NOTfont-weight:bold;				// makes the 'button' change shape (size) too much

-moz-border-radius: 4px;
background-color: #C3D9FF;
    border-color: #79B;
}

/***********************/



.action-link .number-of-comments, .action-area .number-of-comments  {  color:#899195; display: inline; font-size:90%; font-weight:normal;  }





.entry .entry-actions .active {
background-color:#C3D9FF;
font-weight:bold;
border-bottom: 0;
padding-bottom:6px;
-moz-border-radius-bottomleft:0pt;
-moz-border-radius-bottomright:0pt;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;

NOTbackground-color: pink;

}



.entry .entry-actions .inactive {

NOTbackground-color: purple;

border-bottom: 0;
-moz-border-radius-bottomleft:0pt;
-moz-border-radius-bottomright:0pt;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}








.action-area {
background-color:#C3D9FF;

    margin-top: 4px;

    padding:0.5em;
    -moz-border-radius: 4px;
    border: 1px solid #C4C4C4;

}






.entry .description  {  margin: 1em; margin-left: 2em;  padding: 0.5em;   border: 1px solid #F0F0FF;  }



.read-more  { font-size: 90%; }


.entry .description .more-description  {  display: none;   }























/*  for comments */


.author-info {
float:left;
padding: 0.2em;
width: 20%;
font-size: 110%;
}

p.footnote {
color:#999999;
font-size:11px;
line-height:1.2em;
margin:0pt 0pt 3px;
padding:0pt;
}

.comment-info {
background:transparent none repeat scroll 0% 0%;
float:right;
overflow:hidden;
padding: 0.2em;
text-align:left;
width: 75%;
}

.comment-info p  { line-height:1.1em; margin: 0; margin-bottom:1.1em; }















notDIV  { border: 1px dotted grey; }








.grape  {  background-color: purple; font-size: 200%;  }