/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0px;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1px;
}

a{
	text-decoration: none;
	font-size: 8pt;
}

body {
	background-color: #000000;
	font-family: verdana;
	font-size: 8pt;
}

	.button{
		display: inline-block;
		padding: 7px;
		font-size: 14px;
		color: #000000;
		cursor: pointer;
	}
	a.button{
		text-decoration: none;
	}

	#outer_content{
		position: relative;
		padding-bottom: 30px;
		background-image: url(../images/bg_content_repeat.png);
		background-repeat: repeat;
		background-position: 0px 114px;
	}
		#outer_content_top{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 124px;
			background-image: url(../images/bg_content_top.png);
			background-repeat: no-repeat;			
		}
		#outer_content_wrap{
			position: relative;
			width: 1150px;
			margin: 0px auto;
			overflow: hidden;
		}
			#outer_content_left{
				width: 575px;
				float: left;
				overflow: hidden;
			}
				#outer_content_left_top{
					position: relative;
					width: 489px;
					height: 662px;					
					padding-left: 70px;
					padding-right: 15px;
					float: right;
					background-image: url(../images/content-left-bg.jpg);
					background-position: 70px;
					background-repeat: no-repeat;
				}
					#outer_content_left_top_blister_left{
						position: absolute;
						left: 15px;
					}
					#outer_content_left_top_blister_right{
						position: absolute;
						right: 0px;
					}
					#outer_content_left_text{
						position: absolute;
						width: 245px;
						height: 330px;
						padding: 15px;
						left: 180px;
						top: 200px;
					}
						#outer_content_left_text_title{
							font-size: 17px;
							text-align: center;
							text-transform: uppercase;
							letter-spacing: 1px;
							color: #616467;
						}
						#outer_content_left_text_content{
							padding-top: 10px;
							text-align: center;
							line-height: 150%;
							font-size: 14px;
							color: #616467;
						}
							#outer_content_left_text_content p{
							
							}
								#outer_content_left_text_content p a{
									color: #616467;
								}
				#outer_content_left_bottom{
					width: 560px;
					min-height: 35px;
					padding-right: 15px;
					padding-bottom: 45px;
					float: right;
					background-image: url(../images/paperclip.png);
					background-position: right bottom;
					background-repeat: no-repeat;
					text-align: right;
				}
			#outer_content_overlay{
				display: none;
				position: absolute;
				z-index: 100;
				width: 1008px;
				height: 176px;
				left: 70px;
				top: 487px;
				border: 1px solid #cccccc;
			}
			#outer_content_right{
				width: 490px;
				padding-left: 15px;
				padding-right: 70px;
				float: right;
			}
				#menu{
					width: 480px;
					padding-left: 10px;
					margin-bottom: 15px;
					overflow: hidden;
				}
					#menu li{
						float: left;
						padding: 17px 7px 7px 7px;
					}
						#menu li a{
							text-transform: uppercase;
							letter-spacing: 2px;
							font-size: 8px;
							color: #000000;
						}
						#menu li.active, #menu li.hover{
							background-color: #ffffff;
						}
				#content{
					width: 475px;
					padding-left: 15px;
					padding-bottom: 100px;
					float: left;
					background-image: url(../images/pencil.png);
					background-position: 25px bottom;
					background-repeat: no-repeat;
				}
					#content_menu{
						width: 480px;
						margin-bottom: 15px;
						overflow: hidden;
					}
						#content_menu li{
							float: left;
							padding: 17px 7px 7px 7px;
						}
							#content_menu li a{
								text-transform: uppercase;
								letter-spacing: 2px;
								font-size: 10px;
								color: #000000;
							}
							#content_menu li.active, #content_menu li.hover{
								background-color: #ffffff;
							}
					#content_title{
						margin-bottom: 15px;
						font-size: 28px;
						color: #616467;
					}
					#content_subtitle{
						margin-bottom: 15px;
						font-size: 15px;
						line-height: 150%;
					}
						#content_subtitle a{
							font-size: 16px;
							color: #000000;
						}
					#content_text{
						line-height: 150%;
						font-size: 12px;
						color: #616467;
						overflow: hidden;
					}
						#content_text a{
							font-size: 12px;
							color: #000000;
						}
							#content_text a:hover{
								text-decoration: underline;
							}
						#content_text h2{
							padding-bottom: 5px;
							font-size: 15px;
							font-weight: normal;
							color: #000000;
						}
							#content_text h2 a{
								font-size: 15px;
							}
						#content_text img{
							padding: 10px 0px;
						}
						#content_files{
							width: 190px;
							float: left;
						}
							#content_files li{
								width: 174px;
								height: 58px;
							}
							#content_files li:hover{
								background-image: url(../images/file-blister.png);
								background-repeat: no-repeat;
							}
								#content_files li a{
									display: inline-block;
									width: 174px;
									height: 58px;
									padding-left: 45px;
									padding-top: 21px;
									font-size: 10px;
									color: #616467;
								}
								#content_files li a:hover{
									font-size: 12px;
									color: #000000;
								}
						#content_details{
							width: 300px;
							float: right;
						}
	#footer{
		width: 1010px;
		height: 35px;
		margin: 0px auto;
		margin-top: 10px;
		color: #ffffff;
	}
		#footer_left{
			position: relative;
			width: 490px;
			height: 35px;
			padding-right: 15px;
			float: left;
			text-align: left;
		}
			#footer_facebook{
				position: absolute;
				top: -35px;
				z-index: 999;
			}
			#footer_kolo_link{
				display: inline-block;
				padding-left: 67px;
				padding-right: 18px;
				vertical-align: middle;
				letter-spacing: 4px;
				font-size: 11px;
				color: #cccccc;
			}
			#footer_kolo_logo{
				display: inline-block;
				padding-left: 5px;
				padding-top: 5px;
				vertical-align: middle;
				line-height: 0px;
			}
		#footer_right{
			width: 490px;
			height: 35px;
			line-height: 35px;
			padding-left: 15px;
			float: right;
		}
			#footer_right span{
				display: inline-block;
				font-size: 12px;
			}
			#copyrights{
				font-family: tahoma;
				color: #ffffff;
			}
			#phone{
				padding-right: 35px;
				font-family: tahoma;
				color: #ffffff;
			}
		#footer_bottom{
			width: 490px;
			height: 25px;
			line-height: 25px;
			padding-left: 15px;
			padding-bottom: 15px;
			float: right;
			text-align: right;
			color: #cccccc;
		}
			#footer_bottom a{
				color: #ffffff;
			}
			#footer_bottom span{
				display: inline-block;
			}
			#footer_bottom #project{
				padding-right: 25px;
			}

/* Login form *****************************************************************/
#login_form{
	width: 280px;
	margin: 0px auto;
}
	#login_form table{
		color: #616467;
	}
		#login_form table td{
			padding: 5px;
		}
		#login_form td.form_label{
			width: 50px;
			text-align: right;
		}
		#login_form td.form_input{
			
		}
			#login_form td.form_input input{
				width: 150px;
				padding: 3px 6px;
				border: 1px solid #cccccc;
				font-size: 11px;
				color: #616467;
			}
		#login_form td.form_submit{
			text-align: center;
		}
#login_form_callback{
	padding: 10px;
	text-align: center;
	font-size: 14px;
}

/* User section - project list ************************************************/
#user_section_menu{
	width: 488px;
	overflow: hidden;
	border-left: 2px dotted #999999;
	border-bottom: 2px dotted #999999;
}
	#user_section_menu li{
		float: left;
	}

#user_section_projects_header{
	width: 461px;
	padding: 7px 0px 7px 7px;
	margin-left: 20px;
	margin-top: 20px;
	border-left: 2px dotted #999999;
	border-bottom: 2px dotted #999999;
	font-size: 14px;
}

.dotted_field{
	width: 461px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 7px 0px 7px 7px;
	border-left: 2px dotted #999999;
	border-bottom: 2px dotted #999999;
}
	.dotted_header{
		padding-bottom: 10px;
	}
		.dotted_header span{
			display: inline-block;
			padding-bottom: 5px;
			font-size: 14px;
		}
	.dotted_input_wide{
		width: 447px;
		padding: 3px 6px;
		border: 1px solid #cccccc;
		font-size: 11px;
	}
	.dotted_menu{

	}
		.dotted_menu ul{
			width: 461px;
			overflow: hidden;
		}
			.dotted_menu ul > li{
				float: right;
			}

#user_section_projects{
	width: 470px;
	margin-left: 20px;
}
	#user_section_projects > li{
		width: 461px;
		margin-top: 20px;
		padding: 7px 0px 7px 7px;
		border-left: 2px dotted #999999;
		border-bottom: 2px dotted #999999;
	}
		#user_section_projects > li .project_stamp{
			padding-bottom: 20px;
			font-size: 14px;
		}
		#user_section_projects > li .project_title{
			padding-bottom: 20px;
			font-size: 14px;
		}
		#user_section_projects > li .project_info{
			padding-bottom: 20px;
			text-align: justify;
			line-height: 150%;
			color: #616467;
		}
		#user_section_projects > li .project_crests{
			width: 461px;
			padding-bottom: 20px;
			overflow: hidden;
		}
			#user_section_projects > li .project_crests > li{
				width: 140px;
				padding-right: 20px;
				float: left;
			}
				#user_section_projects > li .project_crests > li .thumb{
					line-height: 0px;
				}
		#user_section_projects > li .project_options{
			width: 461px;
			overflow: hidden;
		}
			#user_section_projects > li .project_options li{
				float: right;
			}

/* User section - crests list *************************************************/
#user_section_crests{
	width: 461px;
	overflow: hidden;
}
	#user_section_crests > li{
		width: 140px;
		padding-right: 20px;		
		float: left;
	}
		#user_section_crests > li .thumb{
			line-height: 0px;
		}
		#user_section_crests > li .options{
			padding-top: 5px;
		}
			#user_section_crests > li .options span{
				font-size: 13px;
			}
			#user_section_crests > li .options a{
				padding-left: 15px;
				font-size: 13px;
				color: red;
			}

/* User section - new project *************************************************/
#new_project_callback{
	padding-bottom: 20px;
}
	#new_project_callback ul{

	}
		#new_project_callback ul > li{
			font-size: 14px;
			padding-bottom: 5px;
			color: red;
		}

#new_project_stamp{
	padding-bottom: 20px;
}
	#new_project_stamp span{
		display: inline-block;
		padding-bottom: 5px;
		font-size: 14px;
	}
	#new_project_stamp input{
		width: 40px;
		padding: 3px 6px;
		border: 1px solid #cccccc;
		font-size: 11px;
	}
#new_project_title{
	padding-bottom: 20px;
}
	#new_project_title span{
		display: inline-block;
		padding-bottom: 5px;
		font-size: 14px;
	}
	#new_project_title input{
		width: 447px;
		padding: 3px 6px;
		border: 1px solid #cccccc;
		font-size: 11px;
	}
#new_project_info{
	padding-bottom: 20px;
}
	#new_project_info span{
		display: inline-block;
		padding-bottom: 5px;
		font-size: 14px;
	}
#new_project_options{

}
	#new_project_options ul{
		width: 461px;
		overflow: hidden;
	}
		#new_project_options ul > li{
			float: right;
		}

/* User section - profile *****************************************************/

#user_edit_callback{
	padding-bottom: 20px;
}
	#user_edit_callback ul{

	}
		#user_edit_callback ul > li{
			font-size: 14px;
			padding-bottom: 5px;
			color: red;
		}
#user_edit_full_name, #user_edit_password{
	padding-bottom: 20px;
}
#user_edit_password2{
	padding-bottom: 10px;
}
#user_edit_note{
	padding-bottom: 20px;
}
	#user_edit_full_name span, #user_edit_password span, #user_edit_password2 span{
		display: inline-block;
		padding-bottom: 5px;
		font-size: 14px;
	}
	#user_edit_full_name input, #user_edit_password input, #user_edit_password2 input{
		width: 447px;
		padding: 3px 6px;
		border: 1px solid #cccccc;
		font-size: 11px;
	}
#user_edit_options{

}
	#user_edit_options ul{
		width: 461px;
		overflow: hidden;
	}
		#user_edit_options ul > li{
			float: right;
		}

/* Voting - projects list *****************************************************/

#contest_header{

}
	#contest_header p {
		font-size: 10pt;
	}

#search_form{
	
	padding-bottom: 10px;
}
	#search_form form{
		display: inline-block;
	}
		#search_form form input{
			width: 272px;
		}
	#search_form_notice{
		display: inline-block;
		font-size: 10px;
	}

#projects_list{

}
	#projects_list > li{
		width: 475px;
		margin-top: 30px;
		padding-bottom: 10px;
		border-bottom: 2px dotted #999999;
		overflow: hidden;
	}
		#projects_list > li .project_thumb{
			width: 140px;
			padding: 3px;
			margin-right: 10px;
			float: left;
			border: 1px dotted #999999;
			line-height: 0px;
		}
		#projects_list > li .project_info{
			width: 315px;
			float: right;
		}
			#projects_list > li .project_stamp{
				font-size: 16px;
			}
				#projects_list > li .project_stamp .project_link{
					float: right;
				}
					#projects_list > li .project_stamp .project_link a{
						padding: 0px;
						font-size: 12px;
						color: red;
					}
			#projects_list > li .project_title{
				padding-top: 20px;
				font-size: 14px;
			}
			#projects_list > li .project_user{
				padding-top: 10px;
				font-size: 14px;
			}
#paginator{
	margin-top: 30px;
	text-align: center;
}
	#paginator a{
		/*padding: 0px 1px;*/
		display: inline-block;
		font-size: 12px;
		color: #000000;
	}
	#paginator a.current{
		color: red;
	}

#callback{
	padding-top: 20px;
	text-align: center;
	font-size: 14px;
	color: red;
}

/* Voting - project details ***************************************************/

#project_details{

}
	#project_details_stamp{
		font-size: 16px;
	}
		#project_details_back_link{
			float: right;
		}
			#project_details_back_link a{
				padding: 0px;
				font-size: 12px;
				color: red;
			}
	#project_details_title{
		padding-top: 20px;
		font-size: 14px;
	}
	#project_details_user{
		padding-top: 10px;
		font-size: 14px;
	}
	#project_details_info{
		padding-top: 10px;
		line-height: 150%;
		text-align: justify;
		color: #616467;
	}
	#project_details_photos{
		width: 475px;
		padding-top: 30px;
		overflow: hidden;
	}
		#project_details_photos > li{
			width: 145px;
			margin-right: 18px;
			margin-bottom: 18px;
			float: left;
		}
			#project_details_photos > li a{
				display: inline-block;
				padding: 3px;
				line-height: 0px;
				border: 1px dotted #999999;
			}

#project_details_vote{
	padding-top: 10px;
	text-align: center;
}
	#project_details_vote span{
		font-size: 14px;
		color: #616467;
	}
	#project_details_vote a{
		font-size: 14px;
		color: red;
	}