body{font-size:86%; margin:0; padding:0; color:#FFF; background-color:#000; text-align:center;} /* all subsequent fonts sized in ems ONLY. */


/* LAYOUT */
#page{position:relative;width:970px;margin:0 auto;padding:0;text-align:left;}
#header{margin:0 29px;min-height:174px;background:url(../images/bg-header.jpg) top right no-repeat;}
#footer{color:#FFF;background-color:#F00;clear:both;margin:2px 0 0 0;}
#subnav{background-color:#DDD;float:left;width:24.5%;}
#content{background:url(../images/bg-content.gif) top left repeat-y;}
.content-alt{background:#9a0000;margin:0 0 15px 0;}
#footer{padding:10px;}

	/* Singletons*/
	#singletons #content{background:transparent;}
	
	/* Image matching */
	#image-matching .content-alt{background:#9a0000 !important;border-top:1px solid #9a0000;}
	
	/* Competition */
	#competition #content{background:transparent;}
	#competition #content .padding{padding:12px 12px 5px 12px !important;}
	#competition #content #the-gallery .padding{padding:12px 12px 10px 12px !important;}
	#competition #content .panel{background:#9a0000;margin:0 0 10px 0;}
	#competition #content .col1{float:left;width:430px;}
	#competition #content .col2{float:right;width:432px;}
	
	/* Judges */
	#judges #content{background:transparent;}
	#judges #content .padding{padding:12px 12px 12px 12px !important;}
	#judges #content .panel{background:#9a0000;margin:0 0 10px 0;}
	#judges #content .col1{float:left;width:253px;}
	#judges #content .col2{float:right;width:625px;}
	
	/* Generic */
	#generic #content{background:transparent;}
	#generic #content .padding{padding:12px 12px 12px 12px !important;}
	#generic #content .panel{background:#9a0000;margin:0 0 10px 0;}
	
	#content .col1{float:left;width:515px;}
	#content .col2{float:right;width:380px;}
	#content .padding{padding:12px 12px 50px 12px !important;}
	
	.content-alt .col1{float:left;width:455px;}
	.content-alt .col2{float:right;width:455px;}
	.content-alt .padding{padding:12px 13px 12px 12px !important;}
	
	#page .padding{padding:0 29px;background:url(../images/bg-page.jpg) top left repeat-y;}
	#page .padding .padding{padding:10px;background:transparent;}
	
	/* Pairs */
	.pairs{background:#8c0000 url(../images/bg-pairs.gif) top left repeat-y;border-top:1px solid #800000;border-bottom:1px solid #740000;margin:5px 0 0 0;}
	.pairs-top{border-top:1px solid #b70000;}
	
	/* Pairs Form */
	.form{background:#8c0000 url(../images/bg-form.gif) top left repeat-y;border-top:1px solid #800000;border-bottom:1px solid #740000;margin:5px 0 0 0;}
	.form .col1{width:525px;}
	.form .col2{width:385px;}
	
	/* Homepage header */
	#homepage #header{min-height:148px;border-bottom:6px solid #870007;}



/* FORMAT */
abbr,acronym,dfn{cursor:help;border:0;}
a abbr,a acronym,a dfn{cursor:pointer;}

pre,address{margin:0;padding:0;}
p,blockquote{margin:0;padding:0 0 10px 0;line-height:1.3em;color:#FFF;}
p.intro{font-size:1.1em;font-weight:bold;padding:0 0 5px 0;}
img{border:0;}


/* FORMAT > fonts */
body,input,textarea,select{font-family:Trebuchet MS,Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:Trebuchet MS,Arial,Helvetica,sans-serif;}
em,i{font-style:italic;}
strong,b{font-weight:normal;color:#fa806f;}
p.intro strong{font-weight:bold;}
#content strong{color:#FFF;font-weight:bold;}
.content-alt p.intro{padding:3px 12px;font-style:italic;font-weight:normal;}
#about .col2 p{padding:0;}
dfn{font-style:normal;}
cite{font-style:italic;}
code,kbd,pre{font-family:"Courier New",Courier,mono;font-size:1em;}


/* ANCHORS */
a{text-decoration:none;color:#f7df13;}
a:link{ }
a:visited{ }
a:hover{color:#FFF;text-decoration:underline;}
a:active{ }


/* HEADERS */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#FFF;letter-spacing:0.03em;}
h1{font-size:1.25em;float:left;width:auto;background:#6d0003 url(../images/bg-h1.gif) bottom right no-repeat;margin:3px 0 5px 0;padding:1px 30px 8px 10px;font-weight:normal;min-width:150px;}
h2{font-size:1.2em;margin:0 0 8px 0;font-weight:normal;}
h3{font-size:0.94em;font-weight:bold;margin:0 0 5px 0;}
h4{font-size:1.25em;}
h5,h6{font-size:1em;}

#homepage h1{font-size:1.35em;}
.pairs h2{border-top:1px solid #710000;padding:4px 12px;background:#800000;margin:0;}
#gallery h2, #pairs h2, #pairs-index h3{font-size:1.1em;font-weight:normal;}
#gallery-index h3{font-size:1.1em;}

/* LISTS */
ul{margin:0;padding:0 0 1em 0;}
ul ul,ol ol,ol ul,ul ol{padding:0;margin:0 0 0 2em;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
li{margin:0 0 0 2em;padding:0;line-height:1.3em;}

dt{display:block;float:left;}
dd{margin-left:10em;}


/* FOOTER LINKS */
#footer{text-align:center;}
	#footer ul{list-style-type:none;margin:0;padding:0;}
	#footer ul li{display:inline;margin:0;padding:0;}
	#footer ul li a{padding:0 20px 0 0;color:#fff;}

	
/* FORMS */
form{margin:0;padding:0;}
fieldset{border:0;margin:0;padding:0;}
legend{display:none;}

form h2{background:#8a0000;padding:3px 15px;font-weight:bold;}
form h3{padding:10px 0 15px 15px;font-weight:normal !important;font-size:1.2em;}

.field{float:left;width:auto;padding:2px 0 5px 15px;}
.label{padding:0 0 2px 0;margin:0;text-align:left;}
.element{float:left;width:auto;margin:0;padding:0;border:1px solid #740000;}
	.element p{margin:0;padding:0;font-size:0.88em;}

.submit{clear:both;padding:10px 0 15px 15px;}
textarea{font-size:100%;border:1px solid #bc0000;margin:0;background:#920101;color:#eb7a64;padding:0.2em;overflow:auto;}
input.text{border:1px solid #bc0000;margin:0;background:#920101;color:#eb7a64;font-size:1em;}
select{border:1px solid #bc0000;background:#920101;color:#eb7a64;padding:0;margin:0;font-size:1em;}
option{padding:0;margin:0;}
.highlight{color:#F00;}

.upload{padding-left:0;}


/* SHORTCUTS */
#shortcuts{position: relative;list-style-type:none;}
#shortcuts ul{position:absolute;left:0;top:0;}
#shortcuts li{display:inline; background: none;}
#shortcuts li a{position: absolute; left: 0; top: -500px; width:970px;margin:0 auto;overflow: hidden;display:block;}
#shortcuts li a:Focus{z-index:10;left:0;top:0;color:#FFF;text-align:left;padding:3px 0 3px 20px;}
#shortcuts li a.show{z-index:10;left:0;top:0;color:#FFF;text-align:left;padding:3px 0 3px 20px;}
#toplink{position:absolute;left:-500px;height:1px;overflow:hidden;width:50%;}


/* LOGO */
#logo{float:left;width:230px;}
	#logo img{display:block;margin:27px 0 0 20px;}

	
/* SITE NAME */
#sitename{float:right;width:auto;}
	#sitename img{margin:9px 0 0 0;}

	
/* NAVIGATION IMAGES */
#navigation{float:right;width:633px;clear:right;margin:63px 0 0 0;}
	#navigation ul{list-style-type:none;margin:0;padding:0;}
	#navigation ul li{display:inline;margin:0;padding:0;}
	#navigation ul li a{display:block;width:auto;text-decoration:none;padding:0;}
	#navigation ul li a:hover{background-color:#ddd;color:#000;}
	#navigation ul li a.selected{background-color:#ddd;color:#000;}
	#navigation ul li a img{float:left;display:block;margin:0;}
	
	
/* SECTION NAME */
.section{clear:both;width:100%;margin:0;padding:25px 0 0 0;font-size:1.4em;letter-spacing:0.05em;}
.section a{color:#FFF;}
.section a:hover{color:#f7df13;}

/* WELCOME */
#welcome{background:#9a0000;margin:0 0 12px 0;}
	#welcome img{display:block;}
	#welcome .padding{padding:5px 12px 10px 12px !important;}
	#welcome p{padding:0;}
	#welcome h2{font-size:1.1em;font-weight:bold;padding:0 0 5px 0;margin:0;letter-spacing:0;}
	
	
/* HOMEPAGE PANELS */
#home-panels{margin:0 0 25px 0;background:url(../images/bg-home-panels.gif) top left repeat-y;}
	#home-panels .panel{width:450px;background:#8c0000;}
	#home-panels .panel img{display:block;border:1px solid #bc220e;margin:0 0 5px 0;}
	#home-panels .panel p{padding:0;}
	#home-panels .panel p.intro{padding:0 0 5px 0;}
	#home-panels .panel h2{font-size:1.2em;float:left;width:auto;background:#6d0003 url(../images/bg-h2-panel.gif) bottom right no-repeat;margin:3px 0 5px 0;padding:1px 30px 8px 10px;font-weight:normal;min-width:150px;}
	#home-panels .panel h3{font-size:1.1em;font-weight:bold;padding:0 0 5px 0;margin:0;letter-spacing:0;}
	#home-panels .panel h3 strong{font-weight:bold;}
	
	
/* BUTTONS */
.button{background:#920101 url(../images/bg-btn-top.gif) top left no-repeat;margin:0;}
.button-btm{background:url(../images/bg-btn-btm.gif) bottom right no-repeat;}
.button a{display:block;padding:8px 10px 9px 32px;text-decoration:none;background:url(../images/bg-button-a.gif) center left no-repeat;}
.button a:hover{color:#FFF;}

#competition .button{margin-top:10px;}
.pairs-header .button{margin:15px 10px 0 0;}

#homepage .button{margin:10px 0 0 0;}

.download{background:#990202 url(../images/bg-download-top.gif) top left no-repeat;margin:0 0 25px 0;}
.download .button-btm{background:url(../images/bg-download-btm.gif) bottom right no-repeat;}
.download a{font-size:1.2em;background:url(../images/bg-download-a.gif) center left no-repeat;padding:6px 10px 7px 32px;}

.previous a{background:url(../images/bg-previous-a.gif) center left no-repeat;}
.next a{background:url(../images/bg-next-a.gif) center right no-repeat;padding:8px 32px 9px 10px;}

.up a{background:url(../images/bg-button-up.gif) center left no-repeat;padding:8px 10px 9px 26px;}
.back a{background:url(../images/bg-button-back-a.gif) center left no-repeat;}


.small a{font-size:0.94em;padding:4px 10px 5px 32px;}

.right{float:right;width:auto;}
.left{float:left;width:auto;}
.second{margin:10px 10px 0 10px;}


/* OUR PARTNERS */
#partners{margin:10px 0 50px 0;background:#260000;}
	#partners .col1{float:left;width:700px;}
	#partners .col2{float:right;width:212px;}
	#partners h2{font-size:1em;padding:6px 10px 4px 10px;font-weight:normal;background:#9a0000;margin:0;}
	#partners .partners{}
		#partners .item{float:left;width:150px;text-align:center;padding:15px 0 10px 0;margin:0 10px;}
		#partners .last{margin:0 0 0 20px;}
		#partners .item h3{font-weight:normal;font-size:0.91em;margin:0;padding:0;}
		
.screenshot{padding:1px;border:3px solid #5d0000;}
.screenshot img{display:block;border:1px solid #000;}
p.caption{font-size:0.91em;background:#840000;color:#FFF;margin:3px 0 0 0;padding:5px 8px;}
p.image-caption{font-size:0.91em;color:#FFF;margin:3px 0 0 0;padding:5px 0;font-weight:normal;}
	

/* GAME DOWNLOAD */	
#game p.caption{font-weight:bold;}	
	
	
/* PAIRS */
.image{border:3px solid #5d0000;background:#c5220f;padding:1px;}
.image img{display:block;border:1px solid #000;}
.pairs-header .intro{float:left;width:600px;}


/* GALLERY */
.labels{padding:5px 10px 0 10px;}
.thumb{float:left;width:132px;border:3px solid #5d0000;background:#c5220f;padding:1px;margin:0 10px 0 0;}
.thumb img{border:1px solid #000;}

#gallery-index h2{font-size:1.25em;float:left;width:auto;background:#6d0003 url(../images/bg-h1.gif) bottom right no-repeat;margin:3px 0 5px 0;padding:1px 30px 8px 10px;font-weight:normal;min-width:150px;}
#gallery-index .pairs h3{border-top:1px solid #710000;padding:4px 12px;background:#800000;margin:0;font-weight:normal;}


/* PAIRS */ 
#pairs-index h2{font-size:1.25em;float:left;width:auto;background:#6d0003 url(../images/bg-h1.gif) bottom right no-repeat;margin:3px 0 5px 0;padding:1px 30px 8px 10px;font-weight:normal;min-width:150px;}
#pairs-index .pairs h3{border-top:1px solid #710000;padding:4px 12px;background:#800000;margin:0;font-weight:normal;}

#pairs-index .pairs{margin:0 0 10px 0;}


/* IMAGE MATCHING */
#image-matching .pairs{margin:15px 0 0 0;}
p.image-label{background:#850000;margin:1px 0 0 0;color:#c64e37;font-style:italic;padding:1px 10px;font-size:1em;}

.form-pair{background:#860001;}
.form-pair .padding{padding:12px 20px 10px 20px !important;}
.form-pair .col1{width:170px;font-size:1em;}
.form-pair .col2{width:170px;text-align:right;font-size:1em;}
.form-pair .col2 .thumb{float:right;margin:0;}
.form-pair .label{float:none;margin:5px 0 0 0;}
.form-pair .hr{margin:3px 0 5px 0;}

	
/* SINGLETONS */
.singletons{background:url(../images/bg-singletons.gif) top left repeat-y;margin:0 0 10px 0;}
.singleton-left{float:left;background:#9a0000;width:450px !important;}
.singleton-right{float:right;background:#8c0000;width:450px !important;}

.singletons .head{background:url(../images/bg-singleton-head.gif) bottom left repeat-x;padding:0 0 10px 0;}
.singletons .head img{float:right;margin:5px 5px 0 0;}
.singletons .head-alt{background:url(../images/bg-singleton-head.gif) bottom left repeat-x;height:10px;overflow:hidden;font-size:1px;}

.singleton-right h1{background-image:url(../images/bg-h2-panel.gif);}
.singletons p.entries{float:left;width:200px;padding:20px 0 0 10px;font-size:0.94em;}
.singletons .button{margin:10px 10px 10px 0;}

#content .singletons .padding{background:#8c0000 !important;border-bottom:1px solid #650000;padding:10px 10px 15px 10px !important;}
.singletons h2{border-top:1px solid #710000;padding:4px 12px;background:#800000;margin:0;font-weight:normal;}

/* SINGLETONS - ADDITIONAL STYLES - EXPERIMENTAL 16-11-2007 - IA */
.singletons-left-none{background:url(../images/bg-singletons-left-none.gif) top left repeat-y;margin:0 0 10px 0;}
.singletons-right-none{background:url(../images/bg-singletons-right-none.gif) top left repeat-y;margin:0 0 10px 0;}
/* END EXPERIMENTAL */
	
/* COMPETITION */
#competition p.caption{margin:5px 0 10px 0;font-size:1em;font-weight:bold;}
#competition p.caption em{font-weight:normal;}
#the-gallery p{font-size:0.94em;margin-top:5px;}


/* JUDGES */
#judges .panel img{width:243px;}
#judges .panel p.caption{font-size:1em;}
#judges .panel h2{background:#820002;padding:3px 10px;}


/* PAGINATION */
.pagination{background:#9a0000;margin:0 0 10px 0;padding:5px 10px;}

	.buttons{padding:10px;}

	.pagination .button{margin:0;}
	.pagination p{float:left;width:auto;padding:2px 0;margin:2px 10px 0 0;}
	.pagination ul{display:inline;float:left;list-style-type:none;margin:2px 0 0 0;padding:0;width:auto}
	.pagination ul li{display:block;float:left;width:auto;padding:0;margin:0;}
	.pagination ul li a{display:block;float:left;width:auto;padding:2px 3px 2px 2px;margin:0 2px;}
	.pagination ul li a:hover, .pagination ul li a.selected{background:#880001;color:#FFF;}
	
	.pagination ul li.prev-group{background:url(../images/bg-pagination-li.gif) top right no-repeat;padding:0 10px 0 0;margin:0 6px 0 0;}
	.pagination ul li.prev-group a{background:url(../images/bg-arrow-left.gif) center left no-repeat;padding-left:10px;}

	
	.pagination ul li.next-group{background:url(../images/bg-pagination-li.gif) top left no-repeat;padding:0 0 0 10px;margin:0 0 0 6px;}
	.pagination ul li.next-group a{background:url(../images/bg-arrow-right.gif) center right no-repeat;padding-right:10px;}

	.pagination ul li.prev-group a:hover{background:#880001 url(../images/bg-arrow-left.gif) center left no-repeat;color:#FFF;}
	.pagination ul li.next-group a:hover{background:#880001 url(../images/bg-arrow-right.gif) center right no-repeat;color:#FFF;}

	
/* IMAGES */
.image-left{float:left;display:block;width:auto;background-color:#ccc;margin:0 15px 10px 0;padding:0 0 2px 0;border:1px solid #FFF;}
	.image-left img{display:block;border-bottom:1px solid #fff;margin:0 0 0 0;}

.image-right{float:right;display:block;width:auto;background-color:#ccc;margin:0 0 10px 15px;padding:0 0 2px 0;border:1px solid #FFF;}
	.image-right img{display:block;border-bottom:1px solid #fff;margin:0 0 0 0;}

.caption{display:inline;border-top:0px;background-color:transparent;color:#000;padding:2px 0 0 5px;}

	
/* CLEARING */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}


/* GENERIC */
.padding{padding:10px;}
.left{float:left;}
.right{float:right;}

.hr{height:1px;background:#a40000;border-top:1px solid #7b0000;margin:8px 0 8px 0;}
.hr hr{display:none;}


/* POPUP */
#popup #page{width:590px;}
#popup #header{background:transparent;min-height:150px;}
#popup #logo{float:right;width:142px;}
#popup #content{margin:0 0 10px 0;}
#popup .section{padding:0;}
#popup .panel{}


/* FILTERS */
/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */