/* $Id: style.css 3812 2017-05-26 09:02:09Z jeroen $ */

*
{
	text-rendering		: optimizeLegibility;
	font-family		: "Lucida Grande", "Helvetica", "Arial", "Verdana", "sans-serif";
	-webkit-font-smoothing	: antialiased;
	line-height		: 1.4737;
	color			: #383838;
}

body 
{
	background-color	: white;
	color			: black;
	margin			: 0px;
	padding			: 0px;
	height			: 100%;
	width			: 100%;
	border-style		: none;
}

.small
{
	font-size		: xx-small;
}

.main
{
	border-top		: 3px solid black;
	border-bottom		: 3px solid black;
	height			: 100%;
	width			: 100%;
	background-image	: url(/s/sixxs-background.jpg);
}

/* Background color, normally gray, but pink for Alexis's birthday */
.backshade, .frontpagecolor, .menupane, .menuborder, .top, .bottom, input.noborder, select, th
{
	background-color	: #eeeeee;
}

.readonly
{
	background-color	: #bbbbbb;
}

.top
{
	min-height		: 50px;
}

.top, .bottom
{
	position		: relative;
	width			: 100%;
}

.toplogo
{
	float			: left;
	clear			: left;
	padding-left		: 15px;
}

.topmenu
{
	position		: absolute;
	bottom			: 1px;
	left			: 142px;
}

.toplogin
{
	float			: right;
	margin			: 5px;
}

div.bottom div
{
	float			: left;
	margin-left		: 5px;
	font-size		: xx-small;
	padding-top		: 5px;
	padding-bottom		: 5px;
}

.bottomcopy
{
	position		: absolute;
	bottom			: 1px;
	right			: 10px;
	font-size		: xx-small;
}

.clearfix:after, .bottom:after, .top:after, .hentry:after
{
	content			: ".";
	display			: block;
	height			: 0;
	clear			: both;
	visibility		: hidden;
}

.line
{
	height			: 3px;
	padding			: 0px;
}

.normal
{
	border			: 1px solid black;
}

table, table.border
{
	border-spacing		: 0px;
	padding-bottom		: 10px;
	border-collapse		: collapse;
}

th.border, td.border, th.borderfirst, td.borderfirst
{
	padding-left		: 3px;
	padding-right		: 3px;
	white-space		: nowrap;
	border-right		: 1px solid black;
	border-bottom		: 1px solid black;
}

th.border, th.borderfirst
{
	border-top		: 1px solid black;
	border-bottom		: 2px solid black;
}

th.borderfirst, td.borderfirst
{
	border-left		: 1px solid black;
}

.borderright, .borderbottom, .borderrightbottom, .bordertopbottom
{
	padding-left		: 3px;
	padding-right		: 3px;
	white-space		: nowrap;
}

.borderright
{
	border-right		: 1px solid black;
}

.borderbottom
{
	border-bottom		: 1px solid black;
}

.borderrightbottom
{
	border-right		: 1px solid black;
	border-bottom		: 1px solid black;
}

.bordertopbottom
{
	border-top		: 3px solid black;
	border-bottom		: 3px solid black;
}

a,a:visited,a:link,a:active
{
	color			: black;
	text-decoration		: none;
	border-top		: none;
	border-left		: none;
	border-right		: none;
	border-bottom		: 1px solid #fbb917;
}

a.headerlink {
	font-size: 14px;
	display: none;
	padding-left: .5em;
}

a.menuunder:hover, a.menuunder:hover, #menuunder a:hover, a.menuunder
{
	border-bottom		: 1px solid #fbb917;
}

a.menu:hover, #menu a:hover, a.menuunder:hover, #menuunder a:hover, #sectmenubottom a:hover, #sectmenuleft a:hover, #sectmenu a:hover, #sectmenuleft li:hover, #toplogin a:hover
{
	text-decoration		: none;
	border-bottom		: none;
	background-color	: #fbb917;
	list-style-type		: none;
}

#sectmenuleft a, #menu a, #sectmenu a, #toplogin a
{
	text-decoration		: none;
	border-bottom		: none;
}

#menu, #menuunder, #sectmenubottom, #sectmenuleft, #sectmenu
{
	padding			: 0px;
	margin			: 0px;
}

#menu li, #menu ul, #menuunder li, #sectmenubottom li, #sectmenu li, #sectmenuleft ul
{
	padding			: 0px;
	display			: inline;
	list-style-type		: none;
}

#sectmenuleft li
{
	margin-right		: 5px;
}

div.menu, div.menutop, div.menubottom, div.menuleft
{
	background-color	: #f4f4f4;
	padding-left		: 10px;
}

#menu li, #menuunder li, #sectmenubottom li, #sectmenu li
{
	padding-right		: 5px;
	border-right		: 1px solid black;
}

#menu li.menulast, #menuunder li.menulast, #sectmenubottom li.menulast, #sectmenu li.menulast
{
	border-right		: 0px;
}

div.menu, div.menuunder
{
	border-bottom		: 1px solid black;
}

div.menuleft
{
	float			: left;
	border-right		: 1px solid black;
	border-bottom		: 1px solid black;
	padding-top		: 10px;
	padding-bottom		: 10px;
	margin-bottom		: 100px;
}

div.menubottom
{
	border-top		: 1px solid black;
}

a.nolines
{
	text-decoration		: none;
	border-bottom		: none;
	background-color	: transparent;
}

a.nolines:hover
{
	text-decoration		: none;
	border			: none;
	background-color	: transparent;
}

hr
{
	border-style		: dotted;
	background-color	: transparent;
	color			: black;
}

ul
{
	margin-left		: 10px;
}

li
{
	display			: list-item;
}

form fieldset
{
	min-width		: 350px;
	display			: block;
}

label
{
	display			: block;
	float			: left;
	width			: 100px;
	text-align		: right;
	margin			: 0px 5px 0px 0px;
}

input
{
	background-color	: #f5f5f5 !important;
	color			: black;
	border			: 1px solid black;
}

input.noborder
{
	color			: black;
	border			: 0px solid black;
}

input:disabled
{
	opacity			: 0.42;
	background-color	: #aaa !important;
}

textarea
{
	background-color	: #f5f5f5;
	color			: black;
	border			: 1px solid black;
}

select
{
	background-color	: #f5f5f5;
	color			: black;
}

img
{
	border			: 0px;
}

img.country
{
	border			: 1px solid black;
}

h1, h2, h3, h4, h5, h6
{
	font-weight		: bold;
	margin-bottom		: 0px;
}

h1
{
	font-size		: 18px;
}

h2
{
	font-size		: 17px;
}

h3
{
	font-size		: 14px;
}

.text
{
	margin-bottom		: 10px;
}

tr, td, th
{
	vertical-align		: top;
}

th
{
	font-weight		: bold;
	text-align		: left;
}

p
{
	margin-top		: 0px;
}

div.warn
{
	padding			: 5px;
}

.warn, .warntip, .example
{
	background-color	: #ffee8f;
	color			: black;
	padding			: 5px;
	border			: 2px dotted #ffb900;
	margin			: 10px;
}

.warntip
{
	float			: right;
}

a.warn
{
	margin			: 0px;
	padding			: 0px;
}

.backsixxs
{
	background-image	: url(/s/sixxs-background.jpg);
}

.frontone
{
	position		: absolute;
	left			: 0px;
	top			: 25%;
	width			: 100%;
	margin-top		: -40px;
	text-align		: center;
}

.frontborders
{
	border-top		: 2px solid black;
	border-bottom		: 2px solid black;
}

.frontnews
{
	clear			: none;
	float			: left;
	font-size		: xx-small;
	border			: 1px dotted black;
	margin			: 10px;
	padding-left		: 100px;
	padding-top		: 5px;
	padding-bottom		: 10px;
	padding-right		: 10px;
	background-color	: #f5f5f5;
	background-image	: url(/s/news.gif);
	background-repeat	: no-repeat;
	background-position	: 0px -10px;
}

.frontnewsitem
{
	border-bottom		: 1px solid black;
	padding-bottom		: 2px;
	font-size		: xx-small;
}

.frontsection
{
	clear			: both;
	text-align		: center;
	margin-top		: 20px;
}

.margincenter
{
	margin-left		: 50%;
}

.frontpoplogos
{
	clear			: both;
	margin-top		: 40px;
	margin-left		: -400px;
	border			: 1px solid black;
	width			: 800px;
	text-align		: center;
}

.frontcopy
{
	position		: absolute;
	left			: 0px;
	bottom			: 0px;
	width			: 100%;
	text-align		: center;
}

li.faqitem
{
	list-style-type		: none;
}

.faqitem
{
	margin-left		: 5px;
	padding-left		: 5px;
}

.extrafaq, .extrabefore, .tip
{
	float			: right;
	clear			: right;
}

.tipleft
{
	float			: left;
	clear			: left;
}

.extrafaq, .extrabefore, .tip, .tipleft
{
	font-size		: xx-small;
	border			: 1px dotted black;
	margin			: 10px;
}

.extrafaq
{
	padding-top		: 0px;
	padding-bottom		: 0px;
	padding-left		: 5px;
	padding-right		: 5px;
	background-color	: #ffe7af;
}

.extrabefore, .tip, .tipleft, .note
{
	padding-top		: 10px;
	padding-bottom		: 10px;
	padding-left		: 10px;
	padding-right		: 10px;
}

.extrabefore
{
	background-color	: #eeeeee;
}

.tip, .tipleft, .ok, .note
{
	background-color	: #c4efa1;
}

.tip:hover, .tipleft:hover, input:hover, input.noborder:hover, textarea:hover, select:hover
{
	background-color	: #ffe7af !important;
}

.error
{
	border			: 2px dotted red;
	background-color	: #ffe7af;
}

.error, .ok, .note
{
	padding			: 10px;
	margin			: 10px;
	color			: black;
}

.ok
{
	border			: 2px dotted green;
	background-color	: #c4efa1;
}

.note
{
	border			: 1px dotted green;
	background-color	: #c4efa1;
}

fieldset
{
	border			: 0px;
	padding			: 0px;
}

.newslinks
{
	font-size		: xx-small;
	text-align		: center
}

.newslinksbox
{
	float			: right;
	clear			: right;
	padding-bottom		: 20px;
	padding-left		: 10px;
}

caption
{
	background-color	: #eeeeee;
}

.quote
{
	border-left		: 2px solid #fbb917;
	color			: #555555;
	padding-left		: 10px;
}

code
{
	border			: 1px solid black;
	border-bottom		: 2px solid #cccccc;
	color			: black;
	background-color	: #eeeeee;
	padding			: 10px;
	font-size		: 12px;
	font-family		: Consolas, "Liberation Mono", Courier, monospace;
	-webkit-border-radius	: 5px;
	-moz-border-radius	: 5px;
	border-radius		: 5px;
	display			: block;
	white-space		: pre-wrap;
}

.preview
{
	padding-left		: 10px;
	border-left		: 3px solid #fbb917;
}

.forumerror
{
	padding-left		: 10px;
	border-left		: 3px solid red;
}

.forumstatus
{
	border			: 1px solid black;
	width			: 15px;
	float			: left;
}

img.forummode
{
	width			: 12px;
	height			: 12px;
}

.forumnested
{
	padding-left		: 20px;
}

.forummsg
{
	background-color	: #eeeeee;
	float			: none;
	clear			: both;
}

.forummsgw
{
	background-color	: #eeeeee;
	width			: 100%;
}

.forummsgl
{
	background-color	: #eeeeee;
	float			: left;
	clear			: left;
}

.forummsgr
{
	background-color	: #eeeeee;
	float			: right;
	clear			: right;
}

.forummsgcontent
{
	clear			: both;
	margin-bottom		: 10px;
	margin-top		: 5px;
	white-space		: pre-wrap;
}

.forumindex
{
	background-color	: #eeeeee;
	border			: 1px solid black;
	padding			: 5px;
	margin-bottom		: 5px;
	width			: 100%;
}

header
{
	background-color	: #eeeeee;
}

header abbr
{
	font-size		: xx-small;
	padding-left		: 5px;
}

.twitterbox
{
	float			: right;
	font-size		: xx-small;
	font-weight		: bold;
	text-align		: center;
	text-shadow		: 0 1px 0 rgba(255,255,255, 0.5);
	margin			: 5px;
}

.poplogos
{
	float			: right;
	clear			: none;
	text-align		: center;
	width			: 300px;
	border			: 1px solid black;
	margin-left		: 10px;
}

.poplogosback
{
	text-align		: center;
	background-color	: #eeeeee;
	border-bottom		: 1px solid black;
	padding-bottom		: 5px;
}

.popsponsor
{
	text-align		: center;
	padding			: 10px;
	float			: left;
	border			: 1px solid #eee;
}

img.poplogo
{
	margin			: 5px;
	width			: 50px;
	height			: 50px;
}

.popinfo
{
	float			: left;
	border			: 1px solid black;
	margin-right		: 40px;
}

h3.popheader
{
	background-color	: #eeeeee;
	margin			: 0px;
	border-bottom		: 1px solid black;
}

.popmap
{
	border			: 1px solid black;
	width			: 550px;
}

.popstatus
{
	height			: 7px;
	width			: 7px;
}

.menunextborder
{
	border-top		: 2px solid black;
	margin-top		: 6px;
	padding-top		: 6px;
}

.padleft16
{
	padding-left		: 16px;
}

.padright16
{
	padding-right		: 16px;
}

.textcenter
{
	text-align		: center;
}

.textleft
{
	text-align		: left;
}

.textright
{
	text-align		: right;
}

.floatleft
{
	float			: left;
	text-align		: left;
}

.floatright
{
	float			: right;
	text-align		: right;
}

.width100
{
	width			: 100%;
}

.sect180, .sect10
{
	padding-top		: 0px;
	padding-right		: 10px;
	padding-bottom		: 10px
}

.sect180
{
	padding-left		: 180px;
}

.sect10
{
	padding-left		: 10px;
}

.quicklinks
{
	float			: left;
	margin			: 10px;
}

.nowrap
{
	white-space		: nowrap;
}

.clearleft
{
	clear			: left;
}

.clearboth
{
	clear			: both;
}

.clearnone
{
	clear			: none;
}

div.ack
{
	float			: left;
	width			: 125px;
}

.red
{
	color			: red;
}

.orange
{
	color			: orange;
}

.green
{
	color			: green;
}

.gray
{
	color			: gray;
}

.backred
{
	background-color	: red;
}

.backorange
{
	background-color	: orange;
}

.backgreen
{
	background-color	: green;
}

.backgray
{
	background-color	: gray;
}

.backorange
{
	background-color	: orange;
}

.verifybox
{
	border			: 1px solid black;
}

.cacertinfo
{
	float			: right;
	border			: 1px dotted black;
	margin			: 25px;
	padding			: 5px;
	background-color	: #eeeeee;
	text-align		: center;
	font-size		: xx-small;
}

.snow
{
	background-image	: url(/s/snowtop.gif);
	background-repeat	: repeat-x;
}

.logo
{
	width			: 70px
	height			: 50px;
}

.logoking
{
	width			: 53px;
	height			: 35px;
}

.traceroute25
{
	color			: #ff9900;
}

.traceroute50
{
	color			: #ff9966;
}

.traceroute75
{
	color			: #ff6633;
}

.traceroute100
{
	color			: #ff0000;
}

.removebutton
{
	color			: red;
	border			: 2px solid red;
}

div.vcard, .hidden
{
	visibility		: hidden;
}

div.newsold
{
	border-top		: 1px solid black;
	margin-top		: 50px;
	clear			: both;
}

/* ribbon (v) */

.ribbon
{
	background-color	: #aa0000;
	overflow		: hidden;
	white-space		: nowrap;

	/* top right corner */
	position		: absolute;
	right			: -70px;
	top			: 70px;
	width			: 400px;
	z-index			: 1000;

	/* 45 deg ccw rotation */
	-webkit-transform	: rotate(45deg);
	   -moz-transform	: rotate(45deg);
	    -ms-transform	: rotate(45deg);
	     -o-transform	: rotate(45deg);
	        transform	: rotate(45deg);

	/* shadow */
	-webkit-box-shadow	: 0 0 10px #888;
	   -moz-box-shadow	: 0 0 10px #888;
	        box-shadow	: 0 0 10px #888;
}

.ribbonlogo
{
	margin-right		: 120px !important;
}

.ribbon div
{
	border			: 1px solid #ffaaaa;
	margin			: 1px 0;
	padding			: 10px 50px;
	display			: block;
}

.ribbon a, .ribbon div
{
	font			: bold 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color			: #ffffff;
	text-align		: center;
	text-decoration		: none;
	/* shadow */
	text-shadow		: 0 0 5px #444;
}

.ribbon a:hover
{
	background-color	: #880000;
}

/* ribbon (^) */

.blink
{
	animation		: blink 1s steps(1,end) 0s infinite;
}

@keyframes blink
{
	80%			{ color: black; }
	20%			{ color: #fca604; }
}

article
{
	max-width		: 800px;
	text-align		: justify;
}

article.hentry
{
	max-width		: initial;
}

.sunset
{
	background-image	: url(/s/sunset.jpg);
	background-repeat	: no-repeat;
	background-size		: 600px 250px;
	padding-top		: 50px;
	height 			: 200px;
	width			: 600px;
	text-align		: center;
	border			: 1px solid black;
}

.sunset p
{
	color			: white;
	background-color	: rgba(0, 0, 0, 0.42);
}

.sunset p a
{
	color			: orange;
}