/* remove all padding, borders, margins */
html, body, p, h1, h2, h3, form, a, div, img{margin: 0; padding: 0; border: 0;}

/* remove list bullets */
dl, ul {
list-style-type: none;
margin: 0; padding: 0;
}
dd, dt, li {
margin: 0; padding: 0;
margin-bottom: 2px;
}
dt {
font-weight: bold;
}

img {
border:none;
}

/* re-style italics - or IE italics bug breaks layout */
i {
font-style: normal;
color: #800080;
}
#pagebackground {
width: 900px; /* set px width not % to force scrollbar for right ad column in 800x600 */
background-color: #ffffff; /* was e5f4df */
}
#header {
width: 900px;
background-color: #e5f4df;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#header img {
border: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

/* set page wrapper */
#wrapper {
width: 900px; /* layout is 5-160-5-540-5-180-5 = 900
text-align: left; /* counteracts body center align so works in other browsers than IE5 ok */
margin: 0px 0px 0px 0px;
}

/* set outside right ad column 
#rightadcolumn {
float: left;
text-align: left;
width: 130px;     was 170px
 */
/*
margin-top: 70px;
margin-left: 10px; margin-right: auto;
padding: 3px;
}
*/
/* 
#rightad-banner {
	margin-left: 10px;
}
*/

/* set width for search results page wrapper */
#searchresultswrapper {
text-align:left;
}
#searchresultspage {
float: right;
}

body { color: #000000;
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 78%;
text-align: left;
margin: 0em;
margin-top: 0em;
padding: 0em;
padding-top: 0em;}

.headerline {
height: 2px;
background-color: #458781;
}

#topbar {
text-align: left; background-color: #ffffff; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto;
}
#topbarleft {
float: left;
}
#topbarright {
float: right;
}
#topnavbar li{display: inline; padding: 0px 10px 0px 0px; border-right: 1px dotted #c0c0c0;
background-color: #ffffff;
}
#topnavbar a {font-size: 105%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #004ed3; text-decoration: none;}

#mainpagewrapper {
text-align: center;
background-color: #ffffff;
width: 900px;
}

#sidebar {
float:left;
margin-left: 5px; /* outside */
width:160px;
text-align: left;
padding:0px 0px 0px 0px;
}
#sidebar img {
border:0px;
}

#tipscategories {
background-color: #eeeeee;
border-style: solid;
border-color: #000000;
border-width: 1px;
padding: 2px;
margin: 0px;
}
.categoryshortlinks ul {margin-left: 2px;}
.categoryshortlinks li {display: inline; padding: 0px 10px 0px 0px;}
.categoryshortlinks-top {font-size: 100%; font-weight: bold;}

.sidebarcatlist ul {list-style-type: disc;
margin: 0px; padding: 0px;
}
.sidebarcatlist li {padding: 0px 10px 0px 0px}
.sidebarcatlist a:link {color: #236eb5;
text-decoration: none; font-size: 90%;}
.sidebarcatlist a:visited {
text-decoration: none;
color: #82a9e9; font-size: 90%;}
.sidebarcatlist a:hover {color: #ff0000;
text-decoration: none; font-size: 90%;}
.sidebarcatlist a:active {
color: #ff0000;
text-decoration: none; font-size: 90%;}

.newsdate {
font-style: normal;
font-size: 90%;
color: #800080;
}

#softwarearchivelinks a:link {color: #008000;
text-decoration: none;}
#softwarearchivelinks a:visited {
text-decoration: none;
color: #5c9187;}
#softwarearchivelinks a:hover {color: #ff0000;
text-decoration: none;}
#softwarearchivelinks a:active {
color: #ff0000;
text-decoration: none;}

.forumsections ul {
list-style-type: none;
}
.forumsections li {
border-bottom: 1px;
text-align:left;
}

.headingbar {
background-color: #198ea8;
padding: 0px; 
margin: 0px;
}
.headingbar h1 {
color: #ffffff;
}
.headingbar h2 {
color: #ffffff;
}
.headingbarlink a:link {color: #ffffff;
text-decoration: underline;}
.headingbarlink a:visited {
text-decoration: underline;
color: #ffffff;}
.headingbarlink a:hover {color: #e5f4df;
text-decoration: underline;}
.headingbarlink a:active {
color: #e5f4df;
text-decoration: underline;}

.catlinkheadingbar {
background-color: #e5f4df;
padding: 0px; margin: 0px;
}

.categoryheadingbar {
background-color: #e5f4df;
clear: both;
}
.categoryheadingbar h1 {
color: #000000;
}
.categoryheadingbar h2 {
color: #000000;
}
#mainpageleft {
float:left;
width:540px;
margin-left: 5px; /* outside */
text-align: left;
}

.indextoparticleleft {
width:220px;
float:left;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.indextoparticleright {
width:200px;
float: right;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.indextoparticleright h2 {
text-align: center;
}

#indexlatesttips {
border-style: solid;
border-color: #c0c0c0;
border-width: 1px;
}

.indextipscreenshotleft {
padding: 5px;
float: left;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#indextoptipleft {
width:260px;
float:left;
text-align: left;
padding: 1px;
}

#indextoptipright {
width:260px;
float: right;
text-align: left;
padding: 1px;
}

.indexmiddlecategories {
border-style: solid;
border-color: #c0c0c0;
border-width: 1px;
}

.indexmiddlecategoriesleft {
width:260px;
float:left;
text-align: left;
padding: 1px;
}

.indexmiddlecategoriesright {
width:260px;
float: right;
text-align: left;
padding: 1px;
}

.indexcatlinkheadingbar {
background-color: #e5f4df;
padding: 0px; margin: 0px;
}

#indextipsarealeft {
width:260px;
float:left;
text-align: left;
padding: 1px;
border-style: solid;
border-color: #c0c0c0;
border-width: 1px;
}

#indextipsarearight {
width:260px;
float: right;
text-align: left;
padding: 1px;
border-style: solid;
border-color: #c0c0c0;
border-width: 1px;
}
#indextipsarearight h2 {
text-align: left;
}
#indexlowerimageleft {
width:102px;
float:left;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#indexlowerimageleft h2 {
text-align: center;
}
#indexlowerimageright {
width:106px;
float: right;
margin-left: auto;
margin-right: auto;
text-align: left;
}

.mainpagerightarticlesmalltext ul {list-style-type: disc;
margin: 0px; padding: 0px;
}
.mainpagerightarticlesmalltext li {padding: 0px 10px 0px 0px}
.mainpagerightarticlesmalltext a:link {color: #236eb5;
text-decoration: none; font-size: 90%;}
.mainpagerightarticlesmalltext a:visited {
text-decoration: none;
color: #82a9e9; font-size: 90%;}
.mainpagerightarticlesmalltext a:hover {color: #ff0000;
text-decoration: none; font-size: 90%;}
.mainpagerightarticlesmalltext a:active {
color: #ff0000;
text-decoration: none; font-size: 90%;}

#relatednewslist li {padding: 0px 10px 0px 0px}
#relatednewslist a:link {color: #236eb5;
text-decoration: none; font-size: 90%;}
#relatednewslist a:visited {
text-decoration: none;
color: #82a9e9; font-size: 90%;}
#relatednewslist a:hover {color: #ff0000;
text-decoration: none; font-size: 90%;}
#relatednewslist a:active {
color: #ff0000;
text-decoration: none; font-size: 90%;}

#othernewslist ul {list-style-type: disc;
margin: 0px; padding: 0px;
}
#othernewslist li {padding: 0px 10px 0px 0px}
#othernewslist a:link {color: #236eb5;
text-decoration: none; font-size: 90%;}
#othernewslist a:visited {
text-decoration: none;
color: #82a9e9; font-size: 90%;}
#othernewslist a:hover {color: #ff0000;
text-decoration: none; font-size: 90%;}
#othernewslist a:active {
color: #ff0000;
text-decoration: none; font-size: 90%;}

#othersoftwarelist ul {list-style-type: disc;
margin: 0px; padding: 0px;
}
#othersoftwarelist li {padding: 0px 10px 0px 0px}
#othersoftwarelist a:link {color: #236eb5;
text-decoration: none; font-size: 90%;}
#othersoftwarelist a:visited {
text-decoration: none;
color: #82a9e9; font-size: 90%;}
#othersoftwarelist a:hover {color: #ff0000;
text-decoration: none; font-size: 90%;}
#othersoftwarelist a:active {
color: #ff0000;
text-decoration: none; font-size: 90%;}

.categorytipsarealeft {
width:220px;
float:left;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.categorytipsarearight {
width:200px;
float: right;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.categorytipsarearight h2 {
text-align: center;
}

#tipscategoryindexleft {
width:216px;
float:left;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#tipscategoryindexright {
width:204px;
float: right;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#tipscategoryindexrightad {
width: 200px;
margin-left: 4px;
margin-right: auto;
text-align: right;
}

#tipspagesintro { /* redundant if use left and right below */
width: 420px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#tipspagesintroleft {
width: 216px;
float: left;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#tipspagesintroleft a:link {color: #008000;
text-decoration: none;}
#tipspagesintroleft a:visited {
text-decoration: none;
color: #5c9187;}
#tipspagesintroleft a:hover {color: #ff0000;
text-decoration: none;}
#tipspagesintroleft a:active {
color: #ff0000;
text-decoration: none;}
#tipspagesintroleft p {
margin: 2px;}

#tipspagesintroright {
width: 204px;
float: right;
margin-left: auto;
margin-right: auto;
text-align: left;
/* background: url(images/ad-line.jpg) no-repeat #ffffff; */
}
#tipspagesintrorightad {
width: 200px;
margin-left: 4px;
margin-right: auto;
text-align: center;
}

#tipspagesmiddlead {
width: 204px;
float: right;
margin-left: auto;
margin-right: auto;
text-align: right;
/* background: url(images/ad-line.jpg) no-repeat #ffffff; */
}
#tipspagesmiddleadright {
width: 200px;
margin-left: 4px;
margin-right: auto;
text-align: center;
}

#newspagesrightad {
width: 204px;
float: right;
margin-left: auto;
margin-right: auto;
text-align: right;
/* background: url(images/ad-line.jpg) no-repeat #ffffff; */
}
#newspagesrightadright {
width: 200px;
margin-left: 4px;
margin-right: auto;
text-align: center;
}

#softwarepagesrightad {
width: 204px;
float: right;
margin-left: auto;
margin-right: auto;
text-align: right;
/* background: url(images/ad-line.jpg) no-repeat #ffffff; */
}
#softwarepagesrightadright {
width: 200px;
margin-left: 4px;
margin-right: auto;
text-align: center;
}

#newspagelist li{padding: 0px 10px 0px 0px;}
#newspagelist a:link {color: #236eb5;
text-decoration: none; font-size: 90%;}
#newspagelist a:visited {
text-decoration: none;
color: #82a9e9; font-size: 90%;}
#newspagelist a:hover {color: #ff0000;
text-decoration: none; font-size: 90%;}
#newspagelist a:active {
color: #ff0000;
text-decoration: none; font-size: 90%;}

.tipspagesscreenshotleft {
padding: 5px;
float: left;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.tipspagesscreenshotright {
padding: 5px;
float: right;
margin-left: auto;
margin-right: auto;
text-align: left;
}

.buyingpcscreenshotleft {
padding: 5px;
float: left;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.buyingpcscreenshotright {
padding: 5px;
float: right;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#mainpageright {
width:180px;
margin-left: 5px; /* outside */
margin-right: 5px; /* outside */
float: left;
text-align: center;
}

.mainpagerightarticle {
border-style: solid;
border-color: #000000;
border-width: 1px;
padding: 2px;
text-align: left;
background-color: #eeeeee;
}
.mainpagerightarticle h3 {
color: #3f817f;
}

.mainpagerightlist li{padding: 0px 10px 0px 0px;}
.mainpagerightlist a:link {color: #236eb5;
text-decoration: none; font-size: 90%;}
.mainpagerightlist a:visited {
text-decoration: none;
color: #82a9e9; font-size: 90%;}
.mainpagerightlist a:hover {color: #ff0000;
text-decoration: none; font-size: 90%;}
.mainpagerightlist a:active {
color: #ff0000;
text-decoration: none; font-size: 90%;}

.mainpagerightlisttext {font-size: 90%;}

.jargonbox {  
border-style: solid;
border-color: #000000;
border-width: 1px;
background-color: #eaeaea; 
overflow: auto;
width: 96%;
text-align:left;
}
/* width as % not px so left column is not forced to overlap at certain res */

.jargonboxtitle {background-color: #e7f6e1;
width: 96%;
border-style: solid;
border-color: #000000;
border-width: 1px;}
.jargonboxtitle h1 {
padding: 0px 0px 0px 5px;
color: #005858;
}

#staysafeonlinebox {
background-color: #e7f6e1;
border-style: solid;
border-color: #000000;
border-width: 1px;
padding: 2px;
text-align: left;
color:#005858;
}
#staysafeleft {
width: 105px;
float: left;
}
#staysaferight {
width: 92px;
float: right;
text-align: center;
}
.galleryarealeft {
width:210px;
float:left;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.galleryarearight {
width:210px;
float: right;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#getjargonboxcss {
color: #008000;
}

#getjargonboxhtml {
color: #008000;
}

#quicktipspagefloat1left {
width:48%;
float:left;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#quicktipspagefloat1right  {
width:48%;
float: right;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#storepage {
width:802px;
margin-left: auto;
margin-right: auto;
text-align: left;
border-style: solid;
border-color: #c0c0c0;
border-width: 1px;
}

.phppageextract {color:#000000;
text-decoration: none;}

#welcomefont {
font-size: 90%;
}

.advertisementtext {
font-size: 80%;
text-transform: uppercase;
}

.separator {
height: 2px;
background-color: #198ea8;
clear: both;
margin: 1em 0;
}
.separator-small {
height: 1px;
background-color: #c0c0c0;
clear: both;
margin: 1em 0;
}
.separator-category {
height: 2px;
background-color: #198ea8;
clear: both;
margin: 2px 0;
}
.separator-noline {
margin: 1em 0;
}

/* use clearing div to push down after columns */
.clear{clear: both;}
.clearandspace{clear: both; height: 5px;}
/* also used on gallery page */

#footer{
text-align: center;
background-color: #f0f0f0;
}
.footerbanner{
text-align: center;
margin-left: auto;
margin-right: auto;
}

a[name]:hover {color:#000000;
text-decoration: none;}

/* must specify link colors or IE uses default */
/* correct order is link, visited, hover then active */
a:link {color: #236eb5;
text-decoration: none;}
a:visited {
text-decoration: none;
color: #82a9e9;}
a:hover {color: #ff0000;
text-decoration: none;}
a:active {
color: #ff0000;
text-decoration: none;}

/* headings - h1 always largest, h2 smaller and so on */
h1, h2, h3 {
margin-top: 2px; 
margin-bottom: 2px;
}
/* heading 1  */
h1 {font-size: 110%;
color: #005858;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
}
/* heading 2  */
h2 {font-size: 105%;
color: #005858;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
}
/* heading 3 = article and paragraph headings */
h3 {font-size: 105%;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
}
p {
margin-top: 2px; 
margin-bottom: 2px;
}
p.center {
text-align:center;
margin-left:auto; margin-right:auto;
}