@charset "utf-8";
/* CSS Document */

*					{ margin: 0; padding: 0; }
body				{ font: 12px Verdana, Arial, Helvetica, sans-serif; background-color: #000000; background-image: url(../images/background-tri.png); background-attachment: fixed; }

a       			{ text-decoration: underline; outline: none; color: #3680a1; }
a:hover				{ color: #2e2e2e; }
a img				{ border: 0; background: none; }
a.footer   			{ text-decoration: underline; outline: none; color: #FFF; }

img.border			{ padding: 7px 7px 7px 7px; }

#header				{ width: 970px; margin: 0 auto; background-color: #000; vertical-align: middle; }
#wrapper 			{ width: 970px; margin: 0 auto; background-color: #FFF; }

table.comingup		{ font: 13px/21px Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif; color: #5e5d5d; }

#column_wrapper 	{ background-image: url(images/css-background.gif); background-repeat: repeat-y; }

#left				{ width: 730px; float: left; background-color: #FFF; padding: 20px 20px 30px 20px; }
#right				{ width: 160px; float: left; background-color: #FFF; padding: 0 10px; }
#shop				{ width: 730px; margin: 0 auto; background-color: #FFF; float: left; }
#content-left		{ width: 170px; float: left; }
#content-right		{ width: 525px; float: left; }
#content-top5		{ width: 105px; float: left; }
#content-featureleft { width: 100px; float: left; padding: 0 0 20px 0; }
#content-featureright { width: 400px; float: left; padding: 0 0 20px 0; }
#content-feature	{ width: 500px; float:left; padding: 10px; }
#content-wrapper	{ margin-bottom: 80px; }

.content-highlight	{ background: #FFFF00; }

#centre				{ vertical-align:middle; }

.att-header		{ font: 13px/21px Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif; color: #FFF; font-weight: bold; margin-left: 25px;}
a:hover.att-header		{ font: 13px/21px Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif; color: #EEC900; font-weight: bold; font-style: italic; }
a.att-header		{ font: 13px/21px Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif; color: #FFF; font-weight: bold; font-style: italic; }

p, li				{ font: 13px/21px Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif; color: #5e5d5d; }
.content p			{ margin: 12px 0; }
p.featured			{ font: 13px/21px Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif; color: #000; margin:5px 0; }
#dashed				{ padding: 20px 20px 10px 20px; border-style: dashed; color:#666; margin: 15px 0 0 0; }

.bold-text			{ font-weight: bold; }
.bold-text-red		{ font-weight: bold; color:#F00; }

ul.categories		{ font: 13px/21px Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif; color: #5e5d5d; margin: 0 0 0 20px; }
ul.wikihow			{ margin: 20px 20px 5px 20px; }
ol.wikihow			{ margin: 20px 20px 5px 20px; }

#list-wrap			{ margin: 5px 0 0 0px; width: 170px; }

#sidebar					{ float: right; width: 170px; padding: 5px 0 0 0px; position: relative; overflow: visible; }
#sidebar ul                 { list-style: none; margin: 0 0 25px; text-align:left; }
#sidebar ul li              { margin: 0; font-family: Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif; font-size: 12px; }
#sidebar ul li a            { display: block; border-bottom: 1px solid #666; padding: 4px; color: #000; text-decoration: none; }
#sidebar ul li a:hover      { background: #3680a1; color: white; }
#sidebar ul#sns-roll li a:hover	{ background-color: #3680a1; color: white; }

h1			{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #000; font-weight: bold; }
h1.shopheading		{ background-color: #393; color: #fff; padding: 2px 0 2px; }
h1.newsheading		{ background-color: #C60; color: #fff; padding: 2px 0 2px; }
h1.bestsellers		{ padding: 15px 0 0 0; color: #C00; }
h1.top5			{ display: block; border-bottom: 1px solid #C00; padding: 4px; color: #C00; text-decoration: none; }
h1.category		{ display: block; border-bottom: 1px solid #FFF; padding: 4px; color: #000; text-decoration: none; }

h2					{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #000; font-weight: bold; }
h2.wikihow			{ margin: 20px 0 0 0; }

h3					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: bold; }
.shop-products-big	{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #CC0000; font-weight: bold; } 
p.blogquote			{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #000; font-style: italic; }

#shop-text			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; margin: 0px 5px 5px 5px; }

.shop-text-red	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000;  font-weight: bold; }

.nomargintop		{ margin-top: 0; }

p.herald			{ margin: 0 0 20px 0; font: 10px Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif; color: #000; }
p.herald a			{ text-decoration: none; outline: none; color: #3680a1; }
p.herald a:hover	{ color: #2e2e2e; }
p.nexttesthead		{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #000; font-weight: bold; margin: 0 0 0 0; }
p.nexttesttext		{ margin: 0 0 0 0; }
p.shop-text			{ color: #363; margin: 5px 0 0 0; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }
p.haka				{ color: #000; margin: 5px 0 0 0; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
p.highlightblack	{ background-color:yellow; color: #000; }

#win				{ color: #060; }
#loss				{ color: #900; }
#draw				{ color: #990; }

#stats				{ width: 725px; margin: 0 auto; background-color: #FFF; float: left; }
#stats-testno		{ width: 40px; float: left; }
#stats-date			{ width: 150px; float: left; }
#stats-opposition	{ width: 130px; float: left; }
#stats-venue		{ width: 220px; float: left; }
#stats-score		{ width: 185px; float: left; }
p.stats				{ margin: 5px 0 0 0; }

#stats-summary		{ width: 600px; margin: 0 auto; background-color: #FFF; float: left; }
#stats-summary-left	{ width: 300px; float: left; }
#stats-summary-rght	{ width: 300px; float: left; }

#haka				{ width: 620px; margin: 0 auto; background-color: #FFF; float: left; }
#haka-left			{ width: 300px; float: left; }
#haka-right			{ width: 300px; float: left; padding: 0 0 0 20px; }

#videos				{ width: 870px; margin: 0 auto; background-color: #FFF; float: left; vertical-align:middle; }
#videos-centre		{ width: 435px; float: left; padding: 10px 0px 0px 0px; }

#mexted				{ padding: 10px 10px 10px 10px; margin: 30px; text-align: center; background-color: #D7F3FD; }

#testimonial-wrapper		{ width: 180px; margin: 35px 0 0 0; }
p.testimonial			{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #5e5d5d; font-style: italic; }
p.black				{color: #000; }
p.wikihow-c			{ padding: 0 0 0 20px; }
#wikihow			{ width: 230px; float:right; position:relative; }

#grunge				{ background-image:url(../images/background-grunge.jpg); padding: 5px 10px 5px 10px; }

#clear-all			{ clear: both; }

#20px-margin-top	{ padding-top: 20px; }

#footer				{ color: #FFF; background-color: #000000; padding: 0px; margin: 0; font-size: 10px; clear: both; }
#footer .content	{ padding: 5px 0 10px 20px; }