body
{
	margin:0px;
}

a img
{
	border: 0px none;
}

input
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

textarea
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

.warn {
	background: #FF88AA;
	padding: 4px;
	border: 4px solid #ec008c;
}


#pagetop
{
	height:55px;
	background-color: #00c6b1;
	background-repeat: repeat-x;
	background-position: top left;
	padding-top:11px;
	padding-left:121px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#pagetop img
{
	vertical-align: middle;
	margin-top: -2px;
}




#navmain {
	background-color: #000;
	font-size: 0; /* a trick to avoid the extra space created below an inline-block for letters like pqgjy */
	display: block;
}
#navmain a {
	text-decoration: none;
}
#navmain > ul {
	list-style: none;
	margin-left: 101px;
	padding: 0;
	white-space: nowrap;
	font-family: 'montserratbold', Arial, sans-serif;
	text-transform: uppercase;
}
#navmain > ul > li {
	display: table-cell;
	color: #fff;
	font-weight: bold;
	padding-top: 1px;
}
#navmain .ws { /* With Submenu */
	line-height: 35px;
	display: block;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	font-size: 14px; /* reset the 0 from #navmain */
	white-space: nowrap;
	cursor: pointer;
	position: relative;
}
#navmain .ws span {
	padding: 0px 20px;
}
.navmainNoJS a:hover+div, #navmain div:hover {
	display:block !important;
}
#navmain .dropdown {
	display: none;
	position: absolute;
	z-index: 99;
	min-width: 200px;
	font-size: 14px;
	margin-left: -10px;
}
#navmain ul.content {
	margin-top: 10px;
	padding: 20px 30px;
	line-height: 120%;
	background-color: rgba(0, 0, 0, 0.8);
	list-style-type: square;
	list-style-position: inside;
	color: #01c6b2;
	font-size: 20px;
}
#navmain .content a {
	font-size: 14px;
	color: #fff;
	text-shadow: 0 1px 0 #000;
}
#navmain .content a.current {
	color: #01c6b2;
}
#navmain .content a:hover {
	text-decoration: underline;
}





.colleft
{
	font-family: "Helvetica Neue",'TeXGyreHeros',arial;
	color: #444;
	width: 492px;
	margin-left:121px;
	margin-top:32px;
	margin-bottom:22px;
	margin-right: 44px;
	float: left;
}

.colright
{
	width: 300px;
	padding-left:44px;
	float: left;
	margin-top: 32px;
}

.frontcats
{
	margin-left:121px;
	margin-top:32px;
	margin-bottom:22px;
	float:left;
	max-width: 1100px;
}

.divscreenshot
{
	position:relative;
}
.screenshot
{
	width:492px;
	height:274px;
}
.numberstar
{
	position:absolute;
	top:55px;
	left:-58px;
}

.collefttext
{
}

h1
{
	font-size:22px;
	letter-spacing: -0.5px;
	font-family: 'montserratbold', Arial, sans-serif;
	text-transform: uppercase;
	color:#01c6b2;
	font-weight:bold;
	margin:6px 0px 0px 0px;
	padding:0px;
}

.frontcat
{
	display: inline-block;
	width: 224px;
	margin-right: 40px;
	margin-top: 25px;
}

.frontcat a
{
	color:#000;
	text-decoration: none;
}

.frontcat a:hover
{
	text-decoration: underline;
}

.catimg
{
	border: 2px solid #999;
	width: 220px;
	height: 132px;
}

.frontcat h2
{
	font-size:14px;
	letter-spacing: -0.1px;
	font-family: 'montserratbold', Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	color: #999;
}

.frontcat a h2
{
	color: #000;
	text-decoration: none;
}

.facts
{
	list-style-type:none;
	font-size:12px;
	margin:10px 0;
	padding:0px;
}
.facts li
{
	display:inline;
	padding-right:5px;
}
.facts span
{
	font-weight:bold;
}

.collefttext p
{
	font-size: 15px;
	line-height: 20px;
}

.collefttext p a
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.collefttext p a:hover
{
	text-decoration: underline;
}

.author
{
	font-weight:bold;
	font-family:arial;
	font-size:11px;
}

.colright p
{
	font-family: verdana;
	font-size:11px;
}

.readReview
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	float: right;
}
.readReview:hover
{
	text-decoration:underline;
}

.nicelink
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px
}
.nicelink:hover
{
	text-decoration:underline;
}

.linkdecoration
{
	color: #01c6b2;
}

a.votebutton
{
	background-color:#1c1c1c;
	color:#fff;
	border-radius:3px;
	padding:9px 11px;
	text-transform:uppercase;
	font-weight:bold;
	font-family:'montserratbold', verdana;
	font-size:11px;
	text-decoration:none;
}
a.votebutton:hover
{
	text-decoration:underline;
}

#voteform
{
	font-family: verdana;
	font-size:11px;
	line-height:16px;
	margin: 10px 0;
}
.loginToVote
{
	margin:0px 0px 8px 0px;
}
#voteform a
{
	color: #000000;
	text-decoration:none;
}
#voteform a:hover
{
	color: #01c6b2;
	text-decoration:underline;
}
#voteform label
{
	font-weight:bold;
	font-family:arial;
	float:left;
	clear:left;
	margin:0px 0px 5px 0px;
	width:95px;
}
#username, #password
{
	border:1px solid #434449;
	background-color:#efefef;
	margin:0px 0px 5px 0px;
	padding:0px;
	float:left;
}




.comments
{
	margin-top: 30px;
	margin-left: -90px;
	display: block;
}

.commentslist h2
{
	border-bottom: 2px solid #ddd;
	display: block;
	padding: 0;
	font-size: 14px;
	font-family: 'montserratbold';
	text-transform: uppercase;
	font-weight: bold;
	margin: 10px 0 10px 90px;
}

.commentslist .speechbubble {
	width: 452px;
}

.loginToComment a
{
	font-weight: bold;
	color: #00c6b1;
}

.commenttext a
{
	color: #00c6b1;
}

div.functionRow a
{
	color: #00c6b1;
}

.modFunctions a
{
	color: #00c6b1;
}

.ajaxlink, .ajaxlinks span {
	color: #00c6b1;
	cursor: pointer;
}
.ajaxlink:hover, .ajaxlinks span:hover {
	color: #098;
	text-decoration: none !important;
}




/* rules for the standard compose form */

#composeform label, #editform label
{
	font-weight:bold;
	font-family:arial;
	float:left;
	clear:left;
	margin:0px 0px 5px 0px;
	width:95px;
}

#composeform #message
{
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	border: 1px solid #434449;
	padding: 3px;
	margin: -4px 0px 10px -4px;
	width: 100%;
	height: 173px;
	resize: vertical;
	float: none;
	display: block;
	overflow: auto;
	background: #fff;
	line-height: 14px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
}

#composeform .smilegend
{
	margin: 0 0 10px -4px;
	float: left;
}

.userpass
{
	display: block;
}

#toUsername, #subject, #username2, #password2
{
	border:1px solid #434449;
	margin:0px 0px 5px 0px;
	padding:0px;
	float:left;
}

.smilegend img
{
	cursor: pointer;
}

#editform
{
	clear:both;
	margin:0px;
}
#editform textarea
{
	background-color: #fff;
}

/* end of rules for the standard compose form */


.btn1ajax, .btn1link {
	cursor: pointer;
	display: inline-block;
	padding: 5px 6px;
	text-transform: uppercase;
	font-family: "Helvetica Neue", 'TeXGyreHeros', arial;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	border-radius: 6px;
	background-color: #009ee3;
/*	Multiple background images don't work in IE8. When I try it, no background image is used, not even the first one :(
	background-image: url('/lay/redesign/btnbg1.png'), url('/lay/redesign/btnbg2.png');
	background-position: top left, bottom right;*/
	background-image: url('/lay/redesign/btnbg.png');
	background-position: top left;
	background-repeat: no-repeat;
	border-width: 2px;
	border-style: solid;
	border-color: #34b2e9 #0094d4 #0094d4 #34b2e9;
}
.btn1ajax:hover, .btn1link:hover, .btn1ajax:focus, .btn1link:focus {
	border-color: #54c9f4 #0094d4 #0094d4 #54c9f4;
	background-color: #34b2e9;
	background-image: none;
}
.btn1link:hover {
	text-decoration: underline;
}
a.btn1ajax:hover {
	text-decoration: none;
}
a.btn1ajax, a.btn1link {
	color: #fff; /* just to override */
}
/* Note that color:#fff also affects the outline-color, which makes it invisible on white background :(
That is NOT nice for keyboard users! To fix it, I've set black outline color below.
But of course that makes it invisible on black backgrounds instead.
So remember to set a better outline-color each time you use these buttons on a dark background */
a.btn1ajax:focus, a.btn1link:focus {
	outline-color: #000;
}


.warn
{
	padding: 4px;
	border: 4px solid #ec008c;
}
.warn a
{
	color: #ec008c;
	font-weight: bold;
}

#votecats
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	width:200px;
	border:1px solid #01c6b2;
	background-color:#ffffff;
	padding-top:10px;
	padding-bottom:10px;
}

.fronttext1
{
	padding:80px 50px 0 50px;
	font-size:40px;
	font-weight:bold;
	font-family:'montserratbold', Arial;
	letter-spacing: -1px;
}

.fronttext2
{
	padding:20px 50px 20px 50px;
	font-size:20px;
	font-family:Arial;
}