/* :: =================================================================

	Author: www.Spot.bg

 ================================================================ :: */

* {
	margin: 0; padding: 0;
	background: none;
}

img {border: none;}

body {
	font: 14px/1.5 Georgia, "Times New Roman", Times, serif;
	height: 100%;
	background: url(page_b.jpg);
}

#site {padding-bottom: 1.5em;}

.wrapper {
	position: relative; text-align: left;
	width: 990px;
	margin: 0 auto;
}

/* :: Header 
===================================================================================================== :: */

#header {position: relative; padding: 1px 0 0;}

	#intro {height: 92px;}

	#site-logo {
		position: absolute; top: 14px; left: 50%; z-index: 1000;
		width: 370px; height: 91px;
		margin: 0 0 0 -185px; padding: 0;
		background: url(logo.png) no-repeat 0 0;
	}
	
	#site-logo a {display: block; height: 91px;}
	
	#graphic {
		height: 327px;
		padding: 5px 0;
		background: url(graphic_01.jpg) no-repeat 0 5px;
		border-style: solid; border-width: 1px 0;
	}

/* :: Language :: */ 

[lang] .meta ul {list-style: none; margin-top: 1em;}
	[lang] .meta a {
		display: inline-block;
		padding: .1em .5em;
		font-size: 1.4em;
		text-decoration: none;
		background: url(lang_b.png);
		text-shadow: 1px 1px 5px rgba(0,0,0,.8);
	}
	
	[lang] .meta a:hover {opacity: .7;}

/* :: Tags 
===================================================================================================== :: */

h1, h2, h3, h4, h5, h6 {
	margin: .1em 0 .5em; padding: .1em 0;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif; 
}

h1 {font-size: 2.2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

ul, ol {padding-left: 1.5em;}

#content ul, #content ol {margin-bottom: 1em;}
#content ul {list-style: url(bullet_01.png);}

li {margin: 0 0 .3em;}

p {margin-bottom: 1em;}

a {text-decoration: underline; outline: none;}		a:visited {}		a:hover {text-decoration: none;}

small {font-size: .9em;}

hr {
	clear: both; position: relative; top: 1em;
	height: 0; margin: 0 0 2em; 
	border: 1px dashed; border-width: 1px 0 0;
}


/* :: Navigations 
===================================================================================================== :: */


/* :: Main and Content 
===================================================================================================== :: */

#main {padding: 15px 0 30px;}

#content {
	position: relative;
	float: left;
	width: 740px; min-height: 63px;
}

/* :: Side Bar 
===================================================================================================== :: */

#side-bar {
	position: relative; float: right;
	width: 215px;
	margin-top: 10px; padding: 0 15px;
	background-color: rgba(255,255,255, .5);
}

	#side-bar h3 {
		margin: 0 -15px .5em; padding: .3em 15px;
		font-size: 1.4em;
		background: url(h3_b.png);
		text-shadow: 1px 1px 5px rgba(0,0,0,.8);
	}


/* :: Footer
===================================================================================================== :: */

#footer .wrapper {
	padding: 1em 0 0;
	text-align: center; font-size: .9em;
	border-style: solid; border-width: 1px 0;
}

	.footer-copy {
		display: inline-block;
		padding: 0 30px;
		background: url(icon_star.png) no-repeat 0 50%, url(icon_star.png) no-repeat 100% 50%
	}
	
/* :: Spot.bg :: */

#spot {clear: both; float: none; margin: .5em 0 1.5em;}
#spot.center {clear: both; text-align: center;}
	#spot a {
		position: relative; display: inline-block; margin: 0 0 0 auto; padding: 5px 24px 0 0; text-decoration: none; 
		font: normal 11px Arial, Helvetica, sans-serif; color: #777;
		background: url(spot-logo.png) no-repeat 100% 0;
	}
	#spot a:hover {text-decoration: underline;}
	#spot em {
		position: absolute; top: -3em; right: 0;
		padding: .5em .8em; white-space: nowrap; text-align: center; font-style: normal;
		background: #f6f6f6;
		border: 1px solid white;
		border-radius: 5px 0 5px 0;
		box-shadow: 1px 1px 5px rgba(0,0,0,.3);
		visibility: hidden; opacity: 0;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#spot a:hover em {visibility: visible; opacity: 1;}

/* :: Special Classes and styling
===================================================================================================== :: */

.special-link {
	position: relative;
	display: inline-block;
	padding: .2em .8em .3em 1.5em;
	text-decoration: none; font-weight: bold;
	background: url(bullet_02.png) no-repeat .4em 50%;
	border: 1px solid;
}
	.special-link a {text-decoration: none;}


.separator {white-space: nowrap; margin: 0 .3em;}



.special-link,
.small-tooltip .tooltip-title,
input[type="submit"] {
	-webkit-box-shadow: 1px 1px 3px #888;
	-moz-box-shadow: 1px 1px 3px #888;
	box-shadow: 1px 1px 3px #888;
}

#window-info-box .inner-window {
	-moz-border-radius: 10px;
	border-radius: 10px;
}

input[type="submit"] {
	-moz-border-radius: 5px;
	border-radius: 5px;
}


input[type="text"], input[type="password"], textarea {
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* :: Hide :: */

#site-logo span,
.hide {
	display: none;
}

/* :: Clear & Float :: */

.fL {float: left;}	.fR {float: right;}	.cL {clear: left;}	.cR {clear: right;}	.cB {clear: both;}

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