@import 'less/grid.less';
@import "less/layout";
@import "less/nav.less";
@import "less/elements.less";

@columns: 12;
@column-width: 60;
@gutter-width: 20;

.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}
h2, h3{font-size:1.5em;line-height:normal;letter-spacing:-0.054em;font-weight:bold;margin-bottom:0;padding-bottom:0;}
h4 {font-weight:bold;}

.top-margin{
	margin-top:0;
	-webkit-margin-before:0;
}

.bottom-margin{
	margin-bottom:0;
	-webkit-margin-after:0;
}


header{
	h1{
		width:440px;
		height:86px;
		display:block;
		
		a{
			background: #FFF url('/assets/g/logo.gif') no-repeat;
			width:440px;
			height:86px;
			display:block;
			&:hover{background: #FFF url('/assets/g/logo-over.gif') no-repeat;}
			
			span {
				display:block;
				visibility:hidden;
				float:left;
				margin-left:-9999px;
			}
		}
	}
}

footer{
}

ul{
	list-style-type:none;
	margin:0;
	padding:0;
	
	li{
		list-style-type:none;
		margin:0;
		padding:0;
	}
}

.content {
	a {
		color: #000;
		text-decoration:none;
		border-bottom: 1px solid #dadada;
		&:hover {
			color: #fff;
			background:#000;
			}
	}

	ul.judges {
		list-style-type:none;
		display:block;
		padding:0;
		margin:0;
		background-color:#fff;
		
		h3, p{
			padding:0;
			margin:0;
		}
		
		li {
			.column(2);
			display:inline;
			margin: 0 8px 14px 0;
			height: 244px;
			position:relative;
			
			span{
				display:block;
				color:#666;
			}
			
			img {
			  width: 130px;
			  height: 130px;
			}
			
			div.i {
			  height:224px;
				margin:0;
				padding:4px;
				border: 1px solid #dadada;
			
				div {
					height:226px;
					width:132px;
					padding:4px 2px 4px 6px;
					background:#000;
					color:#fff;
					position: absolute;
					top:0;
					left:0;
					cursor:pointer;
					
					span {
						color:#FFF;
					}
					
					a{
						color:#999;
						text-decoration:none;
					}
					
					img {
						margin: -10px 0 -10px -10px;
					}
				}
			}
		}
	}
	
	.content-left{
		width:48%;
		margin-right:2%;
		float:left;
	}
	
	.content-right{
		width:48%;
		float:right;
		margin-right:2%;
	}
	
	.content-left-form{
		width:46%;
		margin-right:2%;
		float:left;
	}
	
	.content-right-form{
		width:46%;
		float:right;
		margin-right:2%;
	}

	.categories{
		h4{
			margin-top:0;
			-webkit-margin-before:0;
			margin-bottom:0;
			-webkit-margin-after:0;
		}
		p {
		  margin:0;
		  padding:0;
		}
	}
	
	.judges-left{
		width:140px;
		margin-right:2%;
		float:left;
	}
	
	.judges-left img, #big_img{max-width:460px;}
	
	
	.judges-right{
		width:460px;
		float:right;
	}
}

.iframe {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding:10px 0;
}

.f {
	color: #7D7D7D;
	a {
		color: #7D7D7D;
		text-decoration:none;
		&:hover {color: #000;}
	}
}
// --------------------------- Bespoke rules --------------------------- //
form{
	padding:0;
	width:95%;

	p{
		margin-top:1em;
	}
	
	fieldset{
		margin:0;
		padding:0;
		border:0;
	}
	
	label{
		clear:both;
		&:hover {border-color:#9e9e9e;cursor:pointer;}
		&:focus {border-color:#9e9e9e;cursor:pointer;}
	}
	
	input, textarea, select{
		display:block;
		width:100%;
		margin-top:0.1em;
		padding:0.2em 0.1em;
		font:1em/1.5em Arial, sans-serif;letter-spacing:normal;
		line-height:normal;
		border:1px solid #58595B;
	}
	
	.submit{
		width:auto;
		display:inline;
		background:#fff;
		padding:0.25em 1em;
	}
}

.notification.warning{padding-left:24px;background:transparent url("../g/icon/warning.png") no-repeat 0 0;}
.notification.accept{padding-left:24px;background:transparent url("../g/icon/tick-green.png") no-repeat 0 0;}
.error, .errors{color:#f00!important;}
.error label{border-color:#ff9d9d;}
.error label:hover,.error label:focus{border-color:#ff6161;}
.additional_info{margin-bottom:1em!important;}

// --------------------------- Bespoke rules (structure) --------------------------- //
#list_news{
	margin:0;
	padding:0;
	list-style-type:none;
	
	li{
		margin:0;
		padding:0;
		
		h3{
			margin:0;
			padding:0;
			font-size:1em;
		}
		
		p {
			margin-top:0;
			padding-top:0;
		}
	}
}

// Sponsors logos on sponsors page

ul.sponsors {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0; 
    
		li {
      float: left;
      margin-top: 0;
      margin-bottom: 20px;
      margin-left: 0;
      margin-right: 0;
      padding: 0; 
			
			a {
				display: block;
        border: 0;
				
				&:hover {
					border: 0;
        	background: none;
				}
				
				img {
				 border:0;	
				}
				
		}
	}
}
		
#entry-r {
	float:right;
	padding:0;
	margin:0;
	width:140px;

	ul{
	padding:0:
	margin:0;
	}

}

// --------------------------- Countdown --------------------------- //

/* jQuery Countdown styles 1.5.11. */
.hasCountdown {
}

.countdown_rtl {
	direction: rtl;
}

.countdown_row {
	clear: both;
	width: 100%;
	padding: 0;
	text-align: center;
	
	.countdown_show1 .countdown_section {
		width: 98%;
	}
	
	.countdown_show2 .countdown_section {
		width: 48%;
	}
	
	.countdown_show3 .countdown_section {
		width: 32.5%;
	}
	
	.countdown_show4 .countdown_section {
		width: 24.5%;
	}
	
	.countdown_show5 .countdown_section {
		width: 19.5%;
	}
	
	.countdown_show6 .countdown_section {
		width: 16.25%;
	}
	
	.countdown_show7 .countdown_section {
		width: 14%;
		margin-top:100px;
	}
	
	.countdown_section {
		width: 60px;
		height: 50px;
		margin: 0 15px 0 0;
		padding: 10px 0 0 0;
		display: block;
		float: left;
		text-align: center;
		background:#000;
		color:#fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-redius: 5px;
	}
	
	.countdown_amount {
		font-size: 200%;
	}
	
	.countdown_descr {
		display: block;
		width: 100%;
	}
}

#fmMlist {
	margin-top:50px;
}