/*
=====================================
= SORTED WEBSITE                    =
= v1.06.09.02                       =
= Designer + Programmer: Rob Wright =
=====================================
*/


/*  === FOR ALL PAGES */
body {
	background-image: url(pagebg.png);
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

p {
	margin: 0px 0px 15px 0px;
	clear: both;
}

hr { display: none; }

a:link {
	text-decoration: none;
	color: #32475E;
}

a:visited {
	text-decoration: none;
	color: #32475E;
}

a:hover {
	text-decoration: underline;
	color: #32475E;
}

a:active {
	text-decoration: none;
	color: #32475E;
}

#footergraphic {
	height: 35px;
	width: 910px;
	background: url(footer.png) no-repeat;
	vertical-align: middle;
	text-align: right;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 6px;
}

#footertext {
	margin-bottom:10px;
	font-size: 9px;
	clear: both;
}

#container {
	width: 910px;
	margin: 0px auto 0px auto;
}

#contentarea {
	background-image: url(contentbg.png);
	padding: 5px 13px 10px 13px;
	font-size: 14px;
	text-align: justify;
}

#footersmall { color: #788797; }

#footersmall a { color: #788797; }

h2 {
	font-size: 22px;
	color: #71592F;
	font-style: italic;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}

.rightimage {
	float: right;
	padding: 0px 0px 5px 10px;
}

.leftimage {
	float: left;
	padding: 0px 10px 5px 0px;
}

#footerchildnet {
	float: right;
	padding-left: 5px;
	position: relative;
	top: -6px;
}

#footericra {
	float: left;
	padding-right: 3px;
}

div.row {
	clear: both;
	padding-top: 5px;
}

div.row span.label {
	float: left;
	width: 100px;
	text-align: right;
}

div.row span.formw {
	float: right;
	width: 235px;
	text-align: left;
} 

div.spacer { clear: both; }


/*  === FRONT PAGE */
#frontheader {
	height: 352px;
	background-image: url(frontheader.png);
	margin-top: 15px;
}

#frontcontentarea {
	padding: 0px 5px 5px 5px;
	background-image: url(contentbg.png);
	text-align: center;
}

#fronttext {
	padding: 20px 10px 0px 10px;
	font-size: 13px;
	text-align: left;
}

#frontright {
	float: right;
	width: 335px;
	border: 1px solid #AD8E59;
	margin: 0px 0px 10px 10px;
	padding: 7px 7px 7px 7px;
	text-align: left;
	background: url(icon_frontthumb.jpg) bottom right no-repeat #E7BD77;
}

.frontlinks {
	margin-bottom: 8px;
}

.frontlinkssmall {
	font-size: 11px;
}


/*  === MAIN CONTENT PAGES */
#loading {
	height: 490px;
	background-image: url(loading.png);
	background-repeat: no-repeat;
}

.contentitems {
	padding: 5px 0px 10px 140px;
	border-bottom: 1px #D8A858 solid;
	background-repeat: no-repeat;
	clear: both;
	font-size: 14px;
	text-align: left;
	color: #FFFFFF;
}

.sortedlist {
	font-size: 14px;
	margin-top: 5px;
	padding-left: 35px;
	list-style-type: square;
	color: #FFFFFF;
}

#navmenu {
	width: 100px;
	height: 490px;
	float: right;
}

#contentlogo {
	width: 200px;
	height: 93px;
	position: relative;
	top: 40px;
	left: 23px;
}

#trojansviruses { background-image: url(trojansviruses.png); }
#spywareadware { background-image: url(spywareadware.png); }
#spamphishing { background-image: url(spamphishing.png); }
#identitytheft { background-image: url(identitytheft.png); }
#popups { background-image: url(popups.png); }
#filesharing { background-image: url(filesharing.png); }
#trojansviruses, #spywareadware, #spamphishing, #identitytheft, #popups, #filesharing { 
	height: 490px;
	background-repeat: no-repeat;
}


/*  === OTHER PAGES */
#miniheader {
	height: 107px;
	background-image: url(miniheader.png);
	padding: 0px 13px 0px 0px;
	margin-top: 15px;
}

#aboutpress {
	width: 90%;
    margin: 0 auto 0 auto;
	border: 1px solid #AD8E59;
	padding: 7px 7px 7px 7px;
	text-align: center;
	background-color: #E7BD77;
	font-style: italic;
	color: #AD8E59;
}

#aboutpress a, #aboutpress a:visited { color: #AD8E59; }

#contentarea table { margin-top: 15px; }

.showcasebox {
	border: 1px solid #AD8E59;
	margin: 0px 0px 10px 0px;
	padding: 7px 7px 7px 7px;
	text-align: left;
	background-color: #E7BD77;
	clear: both;
}

#haveyoursaybox {
	width: 350px;
	border: 1px solid #AD8E59;
   margin: 0px 0px 0px 0px;
	padding: 7px 7px 7px 7px;
	text-align: left;
	background-color: #E7BD77;

}

.showcasetitle {
	font-weight: bold;
}

.showcaseurl {
	font-size: 11px;
	font-weight: bold;
}

.showcaseurl a { color:#FFFFFF; }

.showcasedesc { }

.topic {
	font-size: 12px;
	padding: 10px 0px 5px 0px;
}
.topiccontent {
	padding-bottom: 10px;
	border-bottom: 1px #D8A858 solid;
	font-size: 12px;
	margin-left: 20px;
}

#advicelist {
	font-size: 12px; 
	margin-bottom: 20px;
}

#minilogo {
	width: 178px;
	height: 82px;
	position: relative;
	top: 14px;
	left: 23px;
}

#minititle {
	float: right;
	position: relative;
	top: 30px;
}


/*  === INDIVIDUAL ZARTS */
#aaagh {
	background-image: url(zart_aaagh.gif);
	background-position: 9px 5px;
  	min-height: 72px;
}

#exclamation {
	background-image: url(zart_exclamation.gif);
	background-position: 30px 5px;
	min-height: 108px;
}

#noooo {
	background-image: url(zart_noooo.gif);
	background-position: 7px 5px;
	min-height: 75px;
}

#sorted {
	background-image: url(zart_sorted.gif);
	background-position: 16px 5px;
	min-height: 114px;
}

#wha {
	background-image: url(zart_wha.gif);
	background-position: 24px 5px;
	min-height: 95px;
}