/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * This CSS file is for customization purpose only
 */ 
/* Frontpage Showcase */
.frontpageshowcase {
	position: absolute;
	top: 20px;
	left: 40px;
	z-index: 1;
	width: 400px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
 .frontpageshowcase2 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 560px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
 .frontpageshowcase3 {
	position: absolute;
	top: 471px;
	left: 0px;
	z-index: 1;
	width: 760px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
 .frontpageshowcase4 {
	position: absolute;
    width: 760px;
    margin-top: -125px;
	padding: 0px 0px 0px 0px;
	bootom: 0px;
	left: 0px;
	z-index: 3;
	width: 760px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.pageshowcase {
	position: absolute;
	top: 20px;
	right: 40px;
	z-index: 1;
	width: 400px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.pageshowcase10 {
	position: absolute;
	top: 0px;
	right: 40px;
	z-index: 3;
	width: 400px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.pageshowcase2 {
	position: absolute;
	top: 180px;
	right: 40px;
	z-index: 1;
	width: 400px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.pageshowcase3 {
	position: absolute;
	top: 200px;
	left: 20px;
	z-index: 1;
	width: 200px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.pageshowcase3a {
	position: absolute;
	top: 150px;
	left: 20px;
	z-index: 1;
	width: 200px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.pageshowcase4 {
	position: absolute;
	top: 200px;
	right: 40px;
	z-index: 1;
	width: 400px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.pageshowcase4a {
	position: absolute;
	top: 150px;
	right: 40px;
	z-index: 1;
	width: 400px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.pageshowcase5 {
	position: absolute;
	top: 310px;
	right: 40px;
	z-index: 1;
	width: 400px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.pageshowcase6 {
	position: absolute;
	top: 310px;
	left: 20px;
	z-index: 1;
	width: 200px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.pageshowcase7 {
	position: absolute;
	top: 60px;
	right: 20px;
	z-index: 1;
	width: 200px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
 .pageshowcase8 {
	position: absolute;
	top: 600px;
	right: 20px;
	z-index: 1;
	width: 200px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.pageshowcase9 {
	position: absolute;
	top: 170px;
	right: 300px;
	z-index: 10;
	width: 40px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.pageshowcase10 {
	position: absolute;
	top: 0px;
	right: 10px;
	z-index: 1;
	width: 200px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.frontpageshowcase.black { color: #444; }

/* Frontpage List */
.frontpagelist img { margin: -20px -20px -20px 0; }

.frontpagelist h2 {
	font-size: 28px;
	line-height: 28px;
}

/* Frontpage Botton */
#page .frontpagebottom {
	min-height: 124px;
	margin: -13px;
	padding: 13px 120px 13px 13px;
	border-radius: 0px;
	overflow: hidden;
}


/* Frontpage Separator */
#page .frontpageseparator {
	margin: -3px;
	overflow: hidden;
	text-transform: uppercase;
}

.frontpageseparator > div > div {
	padding-left: 15px;
	border-left: 1px solid #ddd;
	box-shadow: inset 1px 0 0 #fff;
	overflow: hidden;
}

.frontpageseparator > div:first-child > div {
	border-left: none;
	box-shadow: none;
}

.frontpageseparator img {
	margin: 4px 15px 0 0;
	float: left;
}

#logo a.logo-icon {
	display: block;
	width: 200px;
	height: 100px;
	background: url(../../../images/stories/logo.png) 0 0 no-repeat;
}
.style-blue #logo a.logo-icon { background-image: url(../../../images/stories/logo_blue.png); }
/*.style-green #logo a.logo-icon { background-image: url(../../../images/stories/logo_turk.png); }*/

.style-green #logo a.logo-icon { background-image: url(../../../images/stories/logo_green.png); } 
.style-orange #logo a.logo-icon { background-image: url(../../../images/stories/logo_orange.png); }
.style-pink #logo a.logo-icon { background-image: url(../../../images/stories/logo_pink.png); }
.style-turquoise #logo a.logo-icon { background-image: url(../../../images/stories/logo_turk.png); }

/* rss + twitter toolbar icons */
#toolbar a.rss,
#toolbar a.twitter {
	display: inline-block;
	margin-top: 7px;
	opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}
#toolbar a.rss:hover,
#toolbar a.twitter:hover {
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}

/* demo content: spotlight teaser */
.warpspotlight .teaser {
	height: 190px;
	/*background: url(../../../images/yootheme/home_header_spotlight_blog.jpg) 0 0 no-repeat;*/
}




/* demo content: icons page */
.iconbox {
	padding: 5px;
	border: 0px solid #E5E5E5;
	background: #FAFBFB;
	overflow: hidden;
}
.iconbox2 {
    margin-top: 10px;
	padding: 5px;
	border: 1px solid #E5E5E5;
	background: #FAFBFB;
	overflow: hidden;
}
.iconbox-front {
    margin-top: 5px;
	padding: 5px 0 5px 0px;
	border: 2px solid #333;
	background: #FAFBFB;
	overflow: hidden;
}
.iconbox-front2 {
    margin-top: 10px;
	padding: 0px 0 0px 0px;
	border: 1px solid #333;
	background: #FAFBFB;
	overflow: hidden;
}
.iconbox-front3 {
    width: 760px;
    margin-top: -120px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #333;
	overflow: hidden;
    z-index: 3;
}
.iconbox-front4 {
    margin-top: 0px;
	padding: 0px 0 0px 0px;
	border: 2px solid #333;
	overflow: hidden;
}
.iconbox-frontpage  {
    width: 250px;
    margin-top: 0px;
	padding: 0px 0 0px 0px;
	border: 2px solid #333;
	overflow: hidden;
}
/* demo content: social bookmarks */
#socialbookmarks a {
	display: block;
	height: 25px;
	width: 30px;
	/*background: url(../../../images/yootheme/socialbookmarks.png) 0 0 no-repeat;*/
}

#socialbookmarks a.twitter:hover { background-position: 0 -30px; }
#socialbookmarks a.facebook { background-position: 0 -60px; }
#socialbookmarks a.facebook:hover { background-position: 0 -90px; }
#socialbookmarks a.flickr { background-position: 0 -120px; }
#socialbookmarks a.flickr:hover { background-position: 0 -150px; }
#socialbookmarks a.linkedin { background-position: 0 -180px; }
#socialbookmarks a.linkedin:hover { background-position: 0 -210px; }
#socialbookmarks a.myspace { background-position: 0 -240px; }
#socialbookmarks a.myspace:hover { background-position: 0 -270px; }

/* Button More */
a.button-more {
	border-bottom: 1px solid #90a846;
	background: #A8C550;
	background: -moz-linear-gradient(
					top,
					rgba(186,208,117,1.0) 0%,
					rgba(168,197,80,1.0) 100%
				);
	background: -webkit-linear-gradient(
					top,
					rgba(186,208,117,1.0) 0%,
					rgba(168,197,80,1.0) 100%
				);
	background: -webkit-gradient( 
					linear,
					50% 0%,
					50% 100%,
					color-stop(0%, #BAD075),
					color-stop(100%, #A8C550)
				);
	background: -o-linear-gradient(
					top,
					rgba(186,208,117,1.0) 0%,
					rgba(168,197,80,1.0) 100%
				);
	background: linear-gradient(
					top,
					rgba(186,208,117,1.0) 0%,
					rgba(168,197,80,1.0) 100%
				);
	background: -ms-linear-gradient(
					top,
					rgba(186,208,117,1.0) 0%,
					rgba(168,197,80,1.0) 100%
				);
}

a.button-more:hover {
	border-bottom-color: #728a2a;
	color: #476C1E!important;
}

a.button-more:active { border-top: 1px solid #728a2a; }

/* Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

a.button-more {
	padding: 4px 10px 3px 10px;
	border-radius: 4px;
	color: #fdfdff!important;
	font-size: 11px;
	text-shadow: 0 1px 1px rgba(0,0,2,0.3);
	text-transform: uppercase;
}

a.button-more:hover {
	text-shadow: 0 1px 0 rgba(253,253,255,0.2);
	cursor: default;
	text-decoration: none;
}

a.button-more:active {
	border-bottom: none;
	box-shadow:
		inset 0 1px 2px rgba(0,0,2,0.1),
		inset 0 0 0 1px rgba(0,0,2,0.08),
		0 1px 0 rgba(253,253,255,0.6);
}

/* Button Black */
.mod-black a.button-more {
	border-bottom: 1px solid #262628;
	background: #4e4e50;
	background: -moz-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(78,78,80,1.0) 100%
				);
	background: -webkit-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(78,78,80,1.0) 100%
				);
	background: -webkit-gradient( 
					linear,
					50% 0%,
					50% 100%,
					color-stop(0%, rgba(90,90,92,1.0)),
					color-stop(100%, rgba(78,78,80,1.0))
				);
	background: -o-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(78,78,80,1.0) 100%
				);
	background: linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(78,78,80,1.0) 100%
				);
	background: -ms-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(78,78,80,1.0) 100%
				);
	color: #fdfdff;
	text-shadow: 0 1px 1px rgba(0,0,2,0.6);
}

.mod-black a.button-more:hover {
	border-bottom-color: #18181a;
	color: #18181a!important;
	text-shadow: 0 1px 0 rgba(253,253,255,0.1);
}

.mod-black a.button-more:active {
	border-top: 1px solid #18181a;
	border-bottom: none;
	box-shadow: inset 0 1px 1px rgba(0,0,2,0.25);
}

/* Button Color */
.mod-color a.button-more:active {
	box-shadow:
		inset 0 1px 2px rgba(0,0,2,0.1),
		inset 0 0 0 1px rgba(0,0,2,0.08),
		0 1px 0 rgba(253,253,255,0.2);
}
.arcus-error{
	border-radius: 4px;
	color: #333!important;
	font-size: 14px;
	background-color: #3C6;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border: 1px solid #693;
	height: 45px;
}
.topastro {margin: -25px;padding: 5px;}
.topastro2 {margin: -100px;padding: 0px;}
/*
 * download
 */

/* display: image link */
.yoo-zoo.element-download-type {
	display: block;
	width: 100px;
	height: 100px;
	background: url(../images/download/download_type_default.png) 0 0 no-repeat;
}

.yoo-zoo.element-download-type-zip { background-image: url(../images/download/download_type_zip.png); }
.yoo-zoo.element-download-type-tar { background-image: url(../images/download/download_type_tar.png); }
.yoo-zoo.element-download-type-rar { background-image: url(../images/download/download_type_rar.png); }
.yoo-zoo.element-download-type-bz2 { background-image: url(../images/download/download_type_bz2.png); }
.yoo-zoo.element-download-type-gz { background-image: url(../images/download/download_type_gz.png); }
.yoo-zoo.element-download-type-targz { background-image: url(../images/download/download_type_tgz.png); }
.yoo-zoo.element-download-type-doc { background-image: url(../images/download/download_type_doc.png); }
.yoo-zoo.element-download-type-jp2,
.yoo-zoo.element-download-type-jpg,
.yoo-zoo.element-download-type-jpe,
.yoo-zoo.element-download-type-jpeg { background-image: url(../images/download/download_type_jpeg.png); }
.yoo-zoo.element-download-type-mov { background-image: url(../images/download/download_type_mov.png); }
.yoo-zoo.element-download-type-mp3 { background-image: url(../images/download/download_type_mp3.png); }
.yoo-zoo.element-download-type-mp2,
.yoo-zoo.element-download-type-mpe,
.yoo-zoo.element-download-type-mpeg,
.yoo-zoo.element-download-type-mpg { background-image: url(../images/download/download_type_mpeg.png); }
.yoo-zoo.element-download-type-pdf { background-image: url(../images/download/download_type_pdf.png); }
.yoo-zoo.element-download-type-png { background-image: url(../images/download/download_type_png.png); }
.yoo-zoo.element-download-type-ppt { background-image: url(../images/download/download_type_ppt.png); }
.yoo-zoo.element-download-type-psd { background-image: url(../images/download/download_type_psd.png); }
.yoo-zoo.element-download-type-rtf { background-image: url(../images/download/download_type_rtf.png); }
.yoo-zoo.element-download-type-tif,
.yoo-zoo.element-download-type-tiff { background-image: url(../images/download/download_type_tiff.png); }
.yoo-zoo.element-download-type-wav { background-image: url(../images/download/download_type_wav.png); }
.yoo-zoo.element-download-type-wmv { background-image: url(../images/download/download_type_wmv.png); }
.yoo-zoo.element-download-type-xls { background-image: url(../images/download/download_type_xls.png); }

/* display: button link */
.yoo-zoo.element-download-button,
.yoo-zoo.element-download-button span { display: block; }

.yoo-zoo.element-download-button {
	width: 100px;
	background: url(../images/download/download_button.png) 0 0 no-repeat;
}

.yoo-zoo.element-download-button:link,
.yoo-zoo.element-download-button:visited { color: #646464; }

.yoo-zoo.element-download-button:hover {
	color: #505050;
	text-decoration: none;
}

.yoo-zoo.element-download-button > span {
	padding: 0px 26px 0px 11px;
	background: url(../images/download/download_button.png) 100% -30px no-repeat;
}

.yoo-zoo.element-download-button > span > span {
	height: 25px;
	padding-right: 4px;
	background: url(../images/download/download_button.png) 0 -60px repeat-x;
	overflow: hidden;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
}

.yoo-zoo.element-download-button:hover { background-position: 0 -90px; }
.yoo-zoo.element-download-button:hover > span { background-position: 100% -120px; }
.yoo-zoo.element-download-button:hover > span > span { background-position: 0 -150px; }