kirbysayshi/csslinttest.css

## csslinttest.css
@font-face {
    font-family: 'NevisBold';
    src: url('../font/nevis-webfont.eot');
    src: url('../font/nevis-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/nevis-webfont.woff') format('woff'),
         url('../font/nevis-webfont.ttf') format('truetype'),
         url('../font/nevis-webfont.svg#nevisBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* normalize.css: http://necolas.github.com/normalize.css/ */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio[controls],canvas,video{display:inline;zoom:1;}
html{font-size:100%;overflow-y:scroll;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,button,input,select,textarea{font-family:sans-serif;}
img{border:0;-ms-interpolation-mode:bicubic;}
a{color:#00e;}
a:visited{color:#551a8b;}
a:focus{outline:thin dotted;}
a:hover,a:active{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:700;}
blockquote{margin:1em 40px;}
dfn{font-style:italic;}
mark{background:#ff0;color:#000;}
pre,code,kbd,samp{font-family:monospace, monospace;_font-family:'courier new', monospace;font-size:1em;}
pre{white-space:pre-wrap;word-wrap:break-word;}
q{quotes:none;}
q:before,q:after{content:none;}
small{font-size:75%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
ul,ol{margin:0;padding:0;list-style:none;}
dd{margin:0;}
nav ul,nav ol{list-style:none;}
button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}
button,input{line-height:normal;overflow:visible;}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;}
input[type=checkbox],input[type=radio]{box-sizing:border-box;}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
th,td{text-align:left;vertical-align:middle;padding:0;}
body,figure,form,p{margin:0;}
/* end normalize.css */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { height:1px; }
.clearfix { display:block; min-width:0; }

/* Common elements */
body, select, input, textarea { color: #333; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; }
h1, h2, h3, h4, h5, h6 { color: #aa1b0f; font-family: NevisBold, Arial, Helvetica, Sans-Serif; margin: 0; }
a { color: #607890; text-decoration: none; outline: none; }
a:hover { color: #036; }

.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.upper { text-transform: uppercase; }
.white, .white a { color: #fff; }
.nevis { font-family: NevisBold, Arial, Helvetica, Sans-Serif; }
h3 { font-size: 20px; }

body { background: #230e04; }
.page { width: 960px; margin: auto; background: url(../img/bgWood.jpg) 0 0 no-repeat; position: relative; }

header { height: 105px; position: relative; }
header h1, header h2 { position: absolute; left: -9999px; }
header .right { padding: 8px; }
header .right .gmLink { background: url(../img/arrowWhiteRight.png) 0 1px no-repeat; padding-left: 10px; font-size: 10px; }
header .banner { position: absolute; top: 5px; width: 100%; height: 214px; background: url(../img/bgBanner.png) 50% 0 no-repeat; }
header a.home { display: block; position: absolute; width: 620px; height: 110px; left: 172px; top: 58px; z-index: 10; }
header a.gmLink { display: block; position: absolute; width: 130px; height: 60px; left: 397px; top: 8px; z-index: 10; }

footer { clear: both; text-align: center; padding: 20px 0; color: #9c4e09; font-size: 10px; }
footer p { margin: 0; }
footer a { color: #9c4e09; }
footer a:hover { text-decoration: underline; }
footer .upper { font-weight: bold; padding-bottom: 3px; font-size: 11px; }

.fsSignInBtn { display: block; width: 305px; height: 53px; margin: auto; background: url(../img/btnFourSquare.png) no-repeat 0 0; overflow: hidden; text-indent: -9000px; }
.flagThingy { position: absolute; top: 15px; left: 0; width: 183px; height: 38px; background: url(../img/bgRibbon.png) 0 0 no-repeat; color: #fff; font-size: 16px; }
.flagThingy .nevis { font-size: 26px; }
.flagThingy p { padding: 4px 10px; }
.grillStar { position: absolute; left: 0; top: -45px; width: 100%; height: 85px; background: url(../img/icnGrillStar.png) 50% 0 no-repeat; }

#main { width: 924px; margin: auto; background: url(../img/bgPoster.jpg) 0 0 no-repeat; padding: 10px; }
#main .mainWrapper { border: 5px solid #260e05; padding-top: 60px; }

#grillMatesTouts { width: 718px; height: 127px; margin: 20px auto; background: url(../img/toutBg.jpg) 0 0 no-repeat; }
#grillMatesTouts section { width: 215px; float: left; padding: 10px; }
#grillMatesTouts section .img { float: left; width: 75px; text-align: center; }
#grillMatesTouts section .text { margin-left: 85px; font-size: 11px; }
#grillMatesTouts section .text h4 { font-size: 13px; color: #fed18b; text-shadow: none; font-family: Helvetica, Arial, Sans-Serif; }
#grillMatesTouts section .text a { color: #fff; text-decoration: underline; }

/*home page*/
.floweryLong { background: url(../img/bgFloweryLong.png) 50% 0 no-repeat; }
.floweryShort { background: url(../img/bgFloweryShort.png) 50% 0 no-repeat; }

.homeHero { padding: 15px 0 30px; color: #462213; }
.homeHero .cols { padding-top: 28px; }
.homeHero .col { float: left; width: 50%; }
.homeHero .col h3 { padding-bottom: 10px; }
.homeHero .col p { padding: 0 10px 24px; line-height: 16px; }
.homeHero .col #flashHolder {  }
.homeHero .floweryShort { padding-bottom: 25px; }

.homePage .badges { background: url(../img/bgFloweryRedDouble.png) 50% 0 no-repeat; padding-top: 40px; position: relative; }
.homePage .badges .leftGrad { position: absolute; background: url(../img/gradLeftFade.png) 0 0 no-repeat; width: 119px; height: 94px; left: 20px; top: 31px; z-index: 20; }
.homePage .badges .rightGrad { position: absolute; background: url(../img/gradRightFade.png) 0 0 no-repeat; width: 119px; height: 94px; right: 20px; top: 37px; z-index: 20; }
#badgeMarquee { position: relative; margin: auto; overflow: hidden; width: 800px; height: 100px; background: url(../img/bgFloweryRed.png) 50% bottom no-repeat; }
#badgeMarquee ul { position: absolute; top: 0; left: 0; width: 2300px; }
#badgeMarquee ul li { width: 72px; padding: 0 15px; height: 100px; float: left; cursor: pointer; background: url(../img/badge.png) 0 0 no-repeat; }

.homePage #leaderboard { width: 745px; height: 410px; margin: 35px auto 0; background: #c6944c; background: -moz-radial-gradient(center 45deg, ellipse cover, #d7af6a 0%, #c6944c 100%); text-align: center; }
.homePage #leaderboard h3 { font-size: 36px; color: #482314; }
.homePage #leaderboard p { color: #482314; }

/*Registration page*/
#regForm { width: 750px; margin: auto; }
#regForm fieldset { border: none; margin: 0; padding: 0; }
#regForm .cols { position: relative; background: #7e0804 url(../img/gradRegForm.png) 0 0 repeat-x; color: #fff; font-weight: bold; padding: 25px; }
#regForm .cols h4 { color: #fff; font-size: 22px; text-align: center; }
#regForm .col { float: left; width: 300px; }
#regForm .firstCol { padding-right: 50px; margin-right: 49px; border-right: 1px dashed #fff; }
#regForm .item { font-size: 11px; }
#regForm .item label { text-transform: uppercase; }
#regForm .item .field { width: 275px; }
#regForm .item .field .input { background: #97140a url(../img/bgRegInputLeft.png) 0 0 no-repeat; padding-left: 10px; }
#regForm .item .field .input .wrapper { background: url(../img/bgRegInputRight.png) right 0 no-repeat; padding: 9px 10px 5px 0; }
#regForm .item .field .input .wrapper input { background: none; border: none; display: block; width: 100%; margin: 0; padding: 0; color: #fff; }
#regForm button { background: url(../img/btnStartGrilling.png) 0 0 no-repeat; border: none; width: 305px; height: 53px; text-indent: -9999px; margin: 35px 0; }

.registerPage .welcome { background: url(../img/bgFloweryShort.png) 50% bottom no-repeat; padding-bottom: 15px; }
.registerPage .welcome { font-size: 32px; }
.registerPage .welcome img { width: 26px; height: 26px; }
.registerPage .regDesc { padding: 15px 185px 55px; }
.registerPage .regDesc h3 { color: #462213; background: url(../img/bgGrayDivider.png) 50% bottom no-repeat; padding-bottom: 10px; margin-bottom: 5px; }
.registerPage .regDesc p { line-height: 16px; }

.registerPage .selectWrapper {  }
.registerPage .selectWrapper .dropdown { overflow: hidden; position: absolute; display: none; top: 0; left: 0; }
.registerPage .selectWrapper .dropdown .scroll {  }
.registerPage .selectWrapper ul { background: #014871; }
.registerPage .selectWrapper li { cursor: pointer; }
.registerPage .selectWrapper li:hover, #register .selectWrapper li.on { background: #2b89bf; }
.js .registerPage select { position: absolute; left: -9999px; }


/*
 * jScrollPane
 */
.jspContainer {  overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 2px; width: 5px; height: 100%; }
.jspVerticalBar * {       margin: 0; padding: 0; }
.jspCap { display: none; }
.jspTrack { background: #dde; position: relative; }
.jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; }
.jspArrow {      background: #50506d; text-indent: -20000px;     display: block;     cursor: pointer; }
.jspArrow.jspDisabled {  cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow {      height: 16px; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {       margin: 0 -3px 0 0; }

/* Temporary badge styles */
.tmpBadgeHolder { width: 450px; }
.tmpUserBadge { position: relative; float: left; width: 75px; height:75px; margin: 10px; border-radius: 45px; border-width: 5px; border-style: solid; color: #FFFFFF; font-size: 25px; text-align: center; }
.tmpUserBadge span { cursor: default; }
.tmpUserBadge .tooltip { position: absolute; top: -70px; width: 200px; padding: 20px; font-size: 14px; background-color: #333333; z-index: 9000; }
.tmpUserBadge .tooltip h1 { padding: 0px; margin: 0px; font-size: 12px; }
.tmpUserBadge .tooltip p { margin: 0px; padding: 0px; }
	@font-face {
	font-family: 'NevisBold';
	src: url('../font/nevis-webfont.eot');
	src: url('../font/nevis-webfont.eot?#iefix') format('embedded-opentype'),
	url('../font/nevis-webfont.woff') format('woff'),
	url('../font/nevis-webfont.ttf') format('truetype'),
	url('../font/nevis-webfont.svg#nevisBold') format('svg');
	font-weight: normal;
	font-style: normal;
	}

	/* normalize.css: http://necolas.github.com/normalize.css/ */
	article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
	audio[controls],canvas,video{display:inline;zoom:1;}
	html{font-size:100%;overflow-y:scroll;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
	body,button,input,select,textarea{font-family:sans-serif;}
	img{border:0;-ms-interpolation-mode:bicubic;}
	a{color:#00e;}
	a:visited{color:#551a8b;}
	a:focus{outline:thin dotted;}
	a:hover,a:active{outline:0;}
	abbr[title]{border-bottom:1px dotted;}
	b,strong{font-weight:700;}
	blockquote{margin:1em 40px;}
	dfn{font-style:italic;}
	mark{background:#ff0;color:#000;}
	pre,code,kbd,samp{font-family:monospace, monospace;_font-family:'courier new', monospace;font-size:1em;}
	pre{white-space:pre-wrap;word-wrap:break-word;}
	q{quotes:none;}
	q:before,q:after{content:none;}
	small{font-size:75%;}
	sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
	sup{top:-.5em;}
	sub{bottom:-.25em;}
	ul,ol{margin:0;padding:0;list-style:none;}
	dd{margin:0;}
	nav ul,nav ol{list-style:none;}
	button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}
	button,input{line-height:normal;overflow:visible;}
	button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;}
	input[type=checkbox],input[type=radio]{box-sizing:border-box;}
	input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
	input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
	button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
	textarea{overflow:auto;vertical-align:top;}
	table{border-collapse:collapse;border-spacing:0;}
	th,td{text-align:left;vertical-align:middle;padding:0;}
	body,figure,form,p{margin:0;}
	/* end normalize.css */

	.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	* html .clearfix { height:1px; }
	.clearfix { display:block; min-width:0; }

	/* Common elements */
	body, select, input, textarea { color: #333; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; }
	h1, h2, h3, h4, h5, h6 { color: #aa1b0f; font-family: NevisBold, Arial, Helvetica, Sans-Serif; margin: 0; }
	a { color: #607890; text-decoration: none; outline: none; }
	a:hover { color: #036; }

	.hidden { display: none; }
	.left { float: left; }
	.right { float: right; }
	.center { text-align: center; }
	.upper { text-transform: uppercase; }
	.white, .white a { color: #fff; }
	.nevis { font-family: NevisBold, Arial, Helvetica, Sans-Serif; }
	h3 { font-size: 20px; }

	body { background: #230e04; }
	.page { width: 960px; margin: auto; background: url(../img/bgWood.jpg) 0 0 no-repeat; position: relative; }

	header { height: 105px; position: relative; }
	header h1, header h2 { position: absolute; left: -9999px; }
	header .right { padding: 8px; }
	header .right .gmLink { background: url(../img/arrowWhiteRight.png) 0 1px no-repeat; padding-left: 10px; font-size: 10px; }
	header .banner { position: absolute; top: 5px; width: 100%; height: 214px; background: url(../img/bgBanner.png) 50% 0 no-repeat; }
	header a.home { display: block; position: absolute; width: 620px; height: 110px; left: 172px; top: 58px; z-index: 10; }
	header a.gmLink { display: block; position: absolute; width: 130px; height: 60px; left: 397px; top: 8px; z-index: 10; }

	footer { clear: both; text-align: center; padding: 20px 0; color: #9c4e09; font-size: 10px; }
	footer p { margin: 0; }
	footer a { color: #9c4e09; }
	footer a:hover { text-decoration: underline; }
	footer .upper { font-weight: bold; padding-bottom: 3px; font-size: 11px; }

	.fsSignInBtn { display: block; width: 305px; height: 53px; margin: auto; background: url(../img/btnFourSquare.png) no-repeat 0 0; overflow: hidden; text-indent: -9000px; }
	.flagThingy { position: absolute; top: 15px; left: 0; width: 183px; height: 38px; background: url(../img/bgRibbon.png) 0 0 no-repeat; color: #fff; font-size: 16px; }
	.flagThingy .nevis { font-size: 26px; }
	.flagThingy p { padding: 4px 10px; }
	.grillStar { position: absolute; left: 0; top: -45px; width: 100%; height: 85px; background: url(../img/icnGrillStar.png) 50% 0 no-repeat; }

	#main { width: 924px; margin: auto; background: url(../img/bgPoster.jpg) 0 0 no-repeat; padding: 10px; }
	#main .mainWrapper { border: 5px solid #260e05; padding-top: 60px; }

	#grillMatesTouts { width: 718px; height: 127px; margin: 20px auto; background: url(../img/toutBg.jpg) 0 0 no-repeat; }
	#grillMatesTouts section { width: 215px; float: left; padding: 10px; }
	#grillMatesTouts section .img { float: left; width: 75px; text-align: center; }
	#grillMatesTouts section .text { margin-left: 85px; font-size: 11px; }
	#grillMatesTouts section .text h4 { font-size: 13px; color: #fed18b; text-shadow: none; font-family: Helvetica, Arial, Sans-Serif; }
	#grillMatesTouts section .text a { color: #fff; text-decoration: underline; }

	/home page/
	.floweryLong { background: url(../img/bgFloweryLong.png) 50% 0 no-repeat; }
	.floweryShort { background: url(../img/bgFloweryShort.png) 50% 0 no-repeat; }

	.homeHero { padding: 15px 0 30px; color: #462213; }
	.homeHero .cols { padding-top: 28px; }
	.homeHero .col { float: left; width: 50%; }
	.homeHero .col h3 { padding-bottom: 10px; }
	.homeHero .col p { padding: 0 10px 24px; line-height: 16px; }
	.homeHero .col #flashHolder { }
	.homeHero .floweryShort { padding-bottom: 25px; }

	.homePage .badges { background: url(../img/bgFloweryRedDouble.png) 50% 0 no-repeat; padding-top: 40px; position: relative; }
	.homePage .badges .leftGrad { position: absolute; background: url(../img/gradLeftFade.png) 0 0 no-repeat; width: 119px; height: 94px; left: 20px; top: 31px; z-index: 20; }
	.homePage .badges .rightGrad { position: absolute; background: url(../img/gradRightFade.png) 0 0 no-repeat; width: 119px; height: 94px; right: 20px; top: 37px; z-index: 20; }
	#badgeMarquee { position: relative; margin: auto; overflow: hidden; width: 800px; height: 100px; background: url(../img/bgFloweryRed.png) 50% bottom no-repeat; }
	#badgeMarquee ul { position: absolute; top: 0; left: 0; width: 2300px; }
	#badgeMarquee ul li { width: 72px; padding: 0 15px; height: 100px; float: left; cursor: pointer; background: url(../img/badge.png) 0 0 no-repeat; }

	.homePage #leaderboard { width: 745px; height: 410px; margin: 35px auto 0; background: #c6944c; background: -moz-radial-gradient(center 45deg, ellipse cover, #d7af6a 0%, #c6944c 100%); text-align: center; }
	.homePage #leaderboard h3 { font-size: 36px; color: #482314; }
	.homePage #leaderboard p { color: #482314; }

	/Registration page/
	#regForm { width: 750px; margin: auto; }
	#regForm fieldset { border: none; margin: 0; padding: 0; }
	#regForm .cols { position: relative; background: #7e0804 url(../img/gradRegForm.png) 0 0 repeat-x; color: #fff; font-weight: bold; padding: 25px; }
	#regForm .cols h4 { color: #fff; font-size: 22px; text-align: center; }
	#regForm .col { float: left; width: 300px; }
	#regForm .firstCol { padding-right: 50px; margin-right: 49px; border-right: 1px dashed #fff; }
	#regForm .item { font-size: 11px; }
	#regForm .item label { text-transform: uppercase; }
	#regForm .item .field { width: 275px; }
	#regForm .item .field .input { background: #97140a url(../img/bgRegInputLeft.png) 0 0 no-repeat; padding-left: 10px; }
	#regForm .item .field .input .wrapper { background: url(../img/bgRegInputRight.png) right 0 no-repeat; padding: 9px 10px 5px 0; }
	#regForm .item .field .input .wrapper input { background: none; border: none; display: block; width: 100%; margin: 0; padding: 0; color: #fff; }
	#regForm button { background: url(../img/btnStartGrilling.png) 0 0 no-repeat; border: none; width: 305px; height: 53px; text-indent: -9999px; margin: 35px 0; }

	.registerPage .welcome { background: url(../img/bgFloweryShort.png) 50% bottom no-repeat; padding-bottom: 15px; }
	.registerPage .welcome { font-size: 32px; }
	.registerPage .welcome img { width: 26px; height: 26px; }
	.registerPage .regDesc { padding: 15px 185px 55px; }
	.registerPage .regDesc h3 { color: #462213; background: url(../img/bgGrayDivider.png) 50% bottom no-repeat; padding-bottom: 10px; margin-bottom: 5px; }
	.registerPage .regDesc p { line-height: 16px; }

	.registerPage .selectWrapper { }
	.registerPage .selectWrapper .dropdown { overflow: hidden; position: absolute; display: none; top: 0; left: 0; }
	.registerPage .selectWrapper .dropdown .scroll { }
	.registerPage .selectWrapper ul { background: #014871; }
	.registerPage .selectWrapper li { cursor: pointer; }
	.registerPage .selectWrapper li:hover, #register .selectWrapper li.on { background: #2b89bf; }
	.js .registerPage select { position: absolute; left: -9999px; }


	/*
	* jScrollPane
	*/
	.jspContainer { overflow: hidden; position: relative; }
	.jspPane { position: absolute; }
	.jspVerticalBar { position: absolute; top: 0; right: 2px; width: 5px; height: 100%; }
	.jspVerticalBar * { margin: 0; padding: 0; }
	.jspCap { display: none; }
	.jspTrack { background: #dde; position: relative; }
	.jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; }
	.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
	.jspArrow.jspDisabled { cursor: default; background: #80808d; }
	.jspVerticalBar .jspArrow { height: 16px; }
	.jspVerticalBar .jspArrow:focus { outline: none; }
	.jspCorner { background: #eeeef4; float: left; height: 100%; }
	/* Yuk! CSS Hack for IE6 3 pixel bug :( */
	* html .jspCorner { margin: 0 -3px 0 0; }

	/* Temporary badge styles */
	.tmpBadgeHolder { width: 450px; }
	.tmpUserBadge { position: relative; float: left; width: 75px; height:75px; margin: 10px; border-radius: 45px; border-width: 5px; border-style: solid; color: #FFFFFF; font-size: 25px; text-align: center; }
	.tmpUserBadge span { cursor: default; }
	.tmpUserBadge .tooltip { position: absolute; top: -70px; width: 200px; padding: 20px; font-size: 14px; background-color: #333333; z-index: 9000; }
	.tmpUserBadge .tooltip h1 { padding: 0px; margin: 0px; font-size: 12px; }
	.tmpUserBadge .tooltip p { margin: 0px; padding: 0px; }