@charset "utf-8";
/* CSS Document */

@font-face{
	font-family: 'ultracondensed';
	src: url('ultracondensed-webfont.eot');
	src: local('☺'), 
		url('ultracondensed-webfont.woff') format('woff'), 
		url('ultracondensed-webfont.ttf') format('truetype'), 
		url('ultracondensed-webfont.svg#webfontD8O7Qkgm') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'lucida';
	src: url('lucida-webfont.eot');
	src: local('☺'), 
		url('lucida-webfont.woff') format('woff'), 
		url('lucida-webfont.ttf') format('truetype'), 
		url('lucida-webfont.svg#webfontD8O7Qkgm') format('svg');
	font-weight: normal;
	font-style: normal;
}

*{
	margin: 0px;
	padding: 0px;
	font: normal 15px lucida, Helvetica, Arial, sans-serif;
	line-height: 26px;
	text-align: left;
	}

body{	
	background: #443c37 url(../img/bg.jpg) fixed;
	}

a{
	color: #312c1b;
	font-family: inherit;
	font-size: inherit;
	text-decoration: none;
	text-transform: uppercase;
	border: inherit;
	}

a:hover{
	color: #f1a410;
	border-bottom: inherit;
	}
	
#main{
	position: relative;
	width: 700px;
	min-height: 400px;
	margin: 50px auto;
	padding: 50px;
	color: #222222;
	background: #ffffff;
	z-index: 2;
	
		-moz-box-shadow: 0px 6px 15px #000000;
		-webkit-box-shadow:  0px 6px 15px #000;
		box-shadow:  0px 6px 15px #000;
	}
	
#title{
	position: absolute;
	display: block;
	top: 0px;
	left: -83px;
	width: 86px;
	height: 517px;
	background: url(../img/title.png) no-repeat;
	z-index: 65000;
	}
	
#content{
	position: relative;
	width: 600px;
	}
	
	#content a{
	border-bottom: 2px solid #f1a410;
	}

	#content a:hover{
	border-bottom: none;
	}
		
#fade{
	position: relative;
	display: block;
	margin: -36px -100px 25px 0px;
	width: 700px;
	height: 340px;
	background: url(../img/hom/0.jpg) no-repeat;
	z-index: 3;
	}
	
#teamkarpakis{
	position: relative;
	display: block;
	width: 230px;
	height: 240px;
	margin: 10px -100px 10px 10px;
	float: right;
	background: url(../img/teamkarpakis.png) no-repeat;
	z-index: 64999;
	}

h1{
	position: relative;
	display: inline-block;
	margin: -90px 0px 30px -30px;
	width: 160px;
	height: 160px;
	color: #ffffff;
	font: 47px ultracondensed;
	line-height: 160px;
	text-align: center;
	text-transform: uppercase;
	z-index: 10;
		
		-webkit-border-radius: 83px;
		-khtml-border-radius: 83px;	
		-moz-border-radius: 83px;
		border-radius: 83px;
	
		-moz-box-shadow: 0px 4px 8px #222222;
		-webkit-box-shadow:  0px 4px 8px #222;
		box-shadow:  0px 4px 8px #222;
		
		-webkit-transform: rotate(-22deg); 
		-moz-transform: rotate(-22deg);
	}
	
h2{
	position: relative;
	display: block;
	margin: -126px -200px 60px 80px;
	width: 550px;
	color: #312c1b;
	font: 41px ultracondensed;
	line-height: 50px;
	text-indent: 70px;
	text-transform: uppercase;
	text-shadow: #bbbbbb 1px 2px 2px;
	border-bottom: 2px dashed #cccccc;
	z-index: 9;
	}
	
h4{
	display: block;
	color: #312c1b;
	font: 31px ultracondensed;
	line-height: 81px;
	text-transform: uppercase;	
	}
	
h5{
	position: relative;
	display: block;
	color: #776e51;
	font: 61px ultracondensed;
	line-height: 61px;
	text-align: left;
	text-transform: uppercase;	
	}
	
h6{
	position: relative;
	display: block;
	color: #a6c200;
	font-size: 18px;
	line-height: 40px;
	text-align: left;
	text-transform: uppercase;	
	}

#nav{
	position: absolute;
	display: block;
	top: 50px;
	right: -16px;
	width: 100px;
	z-index: 65000;
	}	
	
a.banner{
	position: relative;
	display: block;
	width: 100px;
	height: 75px;
	margin: 30px 0px 0px 0px;
	float: right;
	clear: right;
	font: 31px ultracondensed;
	line-height: 75px;
	text-align: center;
	text-transform: uppercase;
	z-index: 65000;
	
		-moz-box-shadow: 0px 4px 8px #222222;
		-webkit-box-shadow:  0px 4px 8px #222;
		box-shadow:  0px 4px 8px #222;
	}
	
	a.banner:after{
	content: "";
	display: block;
	position: absolute;
	right: 0px;
	bottom: -16px;
	width: 0px;
	height: 0px;
	border-width: 8px;
	border-style: solid;
	border-color:  #000000 transparent transparent #000000;
	z-index: 64999;
	}
	
a.button{
	position: relative;
	width: 80px;
	height: 80px;
	float: right;
	clear: right;
	margin: 30px -20px 0px -118px;
	font: 29px ultracondensed;
	line-height: 80px;
	text-align: center;
	text-transform: uppercase;
	z-index: 65000;
		
		-webkit-border-radius: 58px;
		-khtml-border-radius: 58px;	
		-moz-border-radius: 58px;
		 border-radius: 58px;
	
		-moz-box-shadow: 0px 4px 8px #222222;
		-webkit-box-shadow:  0px 4px 8px #222;
		box-shadow:  0px 4px 8px #222;
		
		-webkit-transform: rotate(-22deg); 
		-moz-transform: rotate(-22deg);
	}
	
.red{
	color: #ffffff;	
	background: #990000;
		background:-webkit-gradient(linear, 0 0, 0 100%, from(#cf181f), to(#96080b));
		background:-moz-linear-gradient(#cf181f, #96080b);
		background:-o-linear-gradient(#cf181f, #96080b);
		background:linear-gradient(#cf181f, #96080b);
	}
	
.grey{		
	color: #ffffff;		
	background: #ab9a79;
		background:-webkit-gradient(linear, 0 0, 0 100%, from(#c6b794), to(#968363));
		background:-moz-linear-gradient(#c6b794, #968363);
		background:-o-linear-gradient(#c6b794, #968363);
		background:linear-gradient(#c6b794, #968363);
	}
	
.orange{
	color: #ffffff;
	background: #a6c200;
		background:-webkit-gradient(linear, 0 0, 0 100%, from(#b5d700), to(#92a500));
		background:-moz-linear-gradient(#b5d700, #92a500);
		background:-o-linear-gradient(#b5d700, #92a500);
		background:linear-gradient(#b5d700, #92a500);
	}
	
	a.orange:hover, a.red:hover, a.grey:hover{
	color: #ffffff;
	background: #f1a410;
		background:-webkit-gradient(linear, 0 0, 0 100%, from(#fdad00), to(#dc8f00));
		background:-moz-linear-gradient(#fdad00, #dc8f00);
		background:-o-linear-gradient(#fdad00, #dc8f00);
		background:linear-gradient(#fdad00, #dc8f00);
	}
	
#opengraphs{
	position: absolute;
	width: 260px;
	height: 60px;
	bottom: -30px;
	right: -120px;
}

ul{
	padding: 25px;
	list-style-type: circle;
	}
	
hr{
	margin: 30px 0px;
	height: 1px;
	border-width: 0px 0px 0px 0px;
	border-bottom: 2px solid #eeeeee;
	}
	
.error{
	display: block;
	font-size: 20px;
	color: #ffae00;
}

input, select{
	display: inline-block;
	width: 280px;
	padding: 6px;
	margin: 0px 15px 15px 0px;
	color: #ffffff;
	background: #3a2f26;
	border: none;
	
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;	
		-moz-border-radius: 3px;
		border-radius: 3px;
	
		-moz-box-shadow: 0px 4px 8px #888888;
		-webkit-box-shadow:  0px 4px 8px #888;
		box-shadow:  0px 4px 8px #888;
}

textarea{
	display: block;
	width: 522px;
	height: 160px;
	padding: 6px;
	margin: 0px 0px 15px 0px;
	color: #ffffff;
	background: #3a2f26;
	border: none;
	
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;	
		-moz-border-radius: 3px;
		border-radius: 3px;
	
		-moz-box-shadow: 0px 4px 8px #888888;
		-webkit-box-shadow:  0px 4px 8px #888;
		box-shadow:  0px 4px 8px #888;
}
input.mailsend, input.submit{
	display: block;
	width: 150px;
	height: 50px;
	padding: 6px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	color: #ffffff;
	background: #a6c200;
		background:-webkit-gradient(linear, 0 0, 0 100%, from(#b5d700), to(#92a500));
		background:-moz-linear-gradient(#b5d700, #92a500);
		background:-o-linear-gradient(#b5d700, #92a500);
		background:linear-gradient(#b5d700, #92a500);
	
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;	
		-moz-border-radius: 3px;
		border-radius: 3px;
	
		-moz-box-shadow: 0px 4px 8px #888888;
		-webkit-box-shadow:  0px 4px 8px #888;
		box-shadow:  0px 4px 8px #888;
}

input.mailsend:hover, input.submit:hover{
	background: #f1a410;
		background:-webkit-gradient(linear, 0 0, 0 100%, from(#fdad00), to(#dc8f00));
		background:-moz-linear-gradient(#fdad00, #dc8f00);
		background:-o-linear-gradient(#fdad00, #dc8f00);
		background:linear-gradient(#fdad00, #dc8f00);
}
/*********************************************************************/

/* the entire html comment box container. applies to everything */
#HCB_comment_box:first-line{
	color: #eeeeee;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	}

#HCB_comment_box p.error{
	border: 4px solid #f88;
	background-color: #fee;
	color: #800;
	}
/*
#HCB_comment_box textarea{
	display: block;
	padding: 6px;
	margin: 0px 0px 6px 0px;
	height: 100px;
	background: #ffffff;
	border: 1px solid #dddddd;
	}
	
#HCB_comment_box input.text{
	display: block;
	padding: 6px;
	margin: 0px 0px 6px 0px;
	background: #ffffff;
	border: 1px solid #dddddd;
	width: 50%;
	}
*/
#HCB_comment_box span.home-desc{
	display: none;
	}

/* the individual comment display containers */
#HCB_comment_box div.comment{
	color: #444444;
	border-top: 2px dashed #cccccc;
	padding: 20px 0px;
	}

/* the moderator message */
.hcb-mod  b{}

#HCB_comment_box a{
	display: none !important;
	}
	
/* next, prev, ok and x link style */
.hcb-link{
	color: #87af00;
	font-family: inherit;
	font-size: inherit;
	text-decoration: none;
	border-bottom: 1px dashed #87af00;
}