/****************************************************** 
	Title:    Wizzard
	Author:   Wizzard
	Style:    COMMON Stylesheet
******************************************************/



/* ******************************* LAYOUT */

/* ...................... Body */

html {
	font-size: 1.25em; /*20px*/
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

	body {
		font-size: 50%; /*10px*/
		background-color: #000000;
	}

		div.wrapper {
			margin: 0px auto;
			width: 90em;
		}
		
		#wrapper_outer
		{
			min-width:99.5em;
		}


/* ..................... Links */

a {
	color:#333333;
}




/* ...................... =Logo */

#header div.logo a {
	margin: 0 auto;
	display: block;
	width:100%;
	height: 20.3em;
	
	background: url(../images/site_images/backgrounds/main_logo.png) center top no-repeat;
}
	

/* ................. =Copyright */


#footer div.copyright address {
	text-align: right;
}


/* ................. =Wizzard Address */

div.address {
	float: left;
}

	div.address address {
		margin: 1em 0 0 8em;
		padding: 1em 0 0 0;
		text-transform: uppercase;
	}
	
		div.address address span {
			color: #fcea59;
		}


/* ................ =Wizzard */

div#wizzard {
	margin: 0.5em 0 0 0;
}

div#wizzard * {
	float: left;
}
	
	div#wizzard a {
		color: #b1b1b1;
		text-decoration: none;
	}
	
		div#wizzard a.design_text,
		div#wizzard span {
			margin-top: 22px;	
		}
		
			div#wizzard span {
				padding: 0 5px 0 5px;
			}


/* .................... =Header */

#header
{
	position:relative;
}
		
#header a.rss_icon {
	display: block;
	width: 48px;
	height: 48px;
	padding: 0 0 0 55px;
	position:absolute;
	right:0px;
	top:30px;
	z-index:20;
	
	background: url(../images/site_images/icons/rss.png) left top no-repeat;
}

	#header a.rss_icon:hover {
		background: url(../images/site_images/icons/rss_hover.png) left top no-repeat;
	}

	#header a.rss_icon span {
		display: block;
		width: 36px;
		height: 32px;
		padding: 0 0 8px 0;
		text-indent: -99999px;
		
		background: url(../images/site_images/backgrounds/rss_feed.png) left 8px no-repeat;
	}



/* .................... =Footer */

div#footer_wrapper_left {
	padding-left: 15px;
	height: 92px;
	
	background: url(../images/site_images/backgrounds/wrapper_footer_left.gif) left top no-repeat;
}

	div#footer_wrapper_right {
	padding-right: 15px;
	height: 92px;
	
	background: url(../images/site_images/backgrounds/wrapper_footer_right.gif) right top no-repeat;
}

	div#footer_wrapper {
		height: 92px;
		background: url(../images/site_images/backgrounds/footer.gif) left top repeat-x;
	}
	
		div#footer {
			margin: 0 auto;
			width: 89em;
			font-size: 11px;
			color: #b1b1b1;
			overflow: hidden;
			position: relative;
			zoom: 1;
			clear:both;
		}


/* *************************** NAVIGATION */

/* ................ =Quick menu */
	
#header ul#lang {
	position:absolute;
	right:0px;
	top:0px;
	margin-bottom: 10px;
}

	#header ul#lang li {
		float: left;
		list-style-type: none;
		color: #ffffff;
	}

		#header ul#lang li a {
			font-size: 1em;
			color: #ffffff;
		}
		
			#header ul#lang li a:hover,
			#header ul#lang li a.active {
				text-decoration: none;
			}
/* ............... =Effects */

div#effects_left, div#effects_right
{
	position:absolute;
	top:203px;
	width:331px;
	height:37px;
	z-index:0;
}

div#effects_left { left:0; background:url(../images/site_images/backgrounds/bgr_stars_left.png) left top no-repeat; }
div#effects_right { right:0; background:url(../images/site_images/backgrounds/bgr_stars_right.png) left top no-repeat; }

/* ............... =Footer menu */

div.footer_links {
	float: left;
	margin: 0;
	padding: 1em 0 0 0;
}

div.footer_links ul {
	width: 285px;
}

	div.footer_links ul li {
		float: left;
		width: 8em;
		padding: 0 0 8px 0;
		list-style-type: none;
	}
	
		div.footer_links li a {
			font-size: 11px;
			color: #b1b1b1;
			text-decoration: none;
		}
		
		div.footer_links li a:hover
		{
			text-decoration:underline;
		}
		
div.copyright {
	float: right;
	margin: 1em 4em 0 0;
}

/* ****************************** CLASSES */


/* .................... Others */

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

.clearfix {
	zoom: 1;
}

.clear {
	clear: both;
}

.hide {
	position: absolute;
	left: -9999px;
	top: 0px;
}

span.error,
span.success {
	display: block;
	font-weight: bold;
}

span.error {
	margin: 0 0 10px 205px;
	color: #FF0000 !important;
}

span.success  {
	margin: 0 0 10px 205px;
	color: #00BB27 !important;
 }

input.error {
	font-size: 11px;
	font-weight: bold;
	color: red;
}