/*
New Author (ported to joomla and edit some things) kreditkartenvergleich.org

Theme Name: Mystique
Theme URI: http://digitalnature.ro/projects/mystique
Description:  Feature-packed theme with a solid design, built-in widgets and a intuitive theme settings interface... Designed by <a href="http://digitalnature.ro/">digitalnature</a>.
Version: 1.72
Author: digitalnature
Author URI: http://digitalnature.ro

Mystique Wordpress theme
http://digitalnature.ro/projects/mystique

Theme designed by digitalnature. See the project page for more info and updates

Both the design and code are released under GPL.
http://www.opensource.org/licenses/gpl-license.php
*/


/* reset spacing */
*{margin:0;padding:0;font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;}

html,body{min-height:100%;}
body{background:#000 url(../images/bg.png) repeat-x center bottom;font-size:13px;font-style:normal;color:#4e4e4e;}

#pagemain{background:transparent url(../images/header.jpg) no-repeat center top;}

/* page width. default = fluid @ 780-1190px (max. possible width is 1735px)  */
.page-content{width:100%;/* <- do not change this! use max-width to set the page width! */max-width:980px;min-width:780px;margin:0 auto;}


/*** GENERAL ELEMENTS ***/

/* links */
a{color:#0071bb;outline:none; text-decoration:none;}
a:hover{color:#ed1e24;text-decoration:none;}

/* headings */
h1{font-weight:normal;font-size:270%;letter-spacing:-.04em;line-height:100%;margin:.8em 0 .2em;letter-spacing:-0.04em;}
h2{font-weight:normal;font-size:200%;letter-spacing:-.04em;line-height:110%;margin:.7em 0 .2em;letter-spacing:-0.03em;}
h3{font-size:160%;font-weight:normal;letter-spacing:-.04em;line-height:110%;margin:.7em 0 .2em;text-shadow:#fff 1px 1px 1px;letter-spacing:-0.02em;}
h4{font-size:140%;font-weight:bold;margin:.7em 0 .2em;letter-spacing:-0.02em;}
h5{font-family:"Palatino Linotype", Georgia, Serif;font-size:140%;font-weight:bold;margin:.5em 0 .2em;letter-spacing:-0.02em;}
h6{font-size:120%;font-weight:normal;text-transform:uppercase;margin:.5em 0 .2em;}

/* tables */
table{margin:.5em 0 1em; width:100%}
table td,table th{text-align:left;border-right:1px solid #fff;padding:.4em .8em;}
table th{background-color:#5e5e5e;color:#fff;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #e8e1c8;}
table td{background-color:#eee;}
table th a{color:#d6f325;}
table th a:hover{color:#fff;}
table tr.even td{background-color:#ddd;}
table tr:hover td{background-color:#fff;}

table.nostyle td,table.nostyle th,table.nostyle tr.even td,table.nostyle tr:hover td{border:0;background:none;background-color:transparent;}


/* forms */
input,textarea,select{font-size:100%;margin:.2em 0;}
input,textarea{padding:.2em .4em;margin:0 2px 4px 2px;}
input.radio,input.checkbox{background-color:#fff;padding:2px;}
textarea{width:90%;}
form label{font-weight:normal;margin:0 2px;}
form .row label{display:block;margin:10px 2px 0 2px;}
fieldset{padding:.8em;border:1px solid #ddd;background-color:#fff;margin:1em 0;}
legend{padding:2px 15px 10px;text-transform:uppercase;font-style:italic;font-size:115%;background-color:#fff;border-top:1px solid #ddd;}

/* lists */
ul,ol{margin:.4em 0 1em;line-height:150%;}
ul li,ol li{list-style-position:outside;margin-left:2.5em;}
dl{padding:.3em 0 .8em;}
dt{font-weight:bold;text-decoration:underline;}
dd{}

/* other */
p{margin:.6em 0 .3em;line-height:150%;}
img{border:0;}
hr{color:#b4aca1;background-color:#b4aca1;border-bottom:1px solid #f6f4eb;}
small{font-size:80%;}
pre{overflow:auto;white-space:pre-wrap;/* <- css3 */white-space:0;/* <- ff */font-size:12px;font-family:"Courier New", Courier, "Lucida Console", Monaco, "DejaVu Sans Mono", "Nimbus Mono L", "Bitstream Vera Sans Mono";background-color:#fff;padding:.4em;margin:1em 0;}
pre{width:80%;overflow:hidden;border:1px solid #ddd;background-color:#fff;padding:.8em;margin:1em 0;}
blockquote{margin:1em 25% 1em 0;min-height:40px;padding:.6em 1em .6em 2.4em;border:1px dotted #ddd;font-style:italic;color:#474747;background:#fff url(../images/blockquote.png) no-repeat 4px top;}
blockquote p{padding:8px;margin:2px;}
blockquote blockquote{margin:1em 0 1em;}


#header{display:block;position:relative;z-index:5;height:180px;}

#header .nav-extra{width:64px;height:36px;display:block;position:absolute;bottom:28px;z-index:10;}
#header .nav-extra span{display:none;}
#header .nav-extra.rss{background:transparent url(../images/nav-icons.png) no-repeat right top;right:20px;}
#header a.twitter{background:transparent url(../images/nav-icons.png) no-repeat left top;right:85px;}

/*** LOGO & HEADLINE ***/

#site-title{position:absolute;left:0;top:40px;z-index:6;}
#site-title #logo{font-size:400%;font-weight:bold;font-style:normal;margin:0;padding:0;float:left;line-height:60px;}
#site-title #logo a{color:#fff;text-decoration:none;text-shadow:#000 1px 1px 1px;font-variant:small-caps;letter-spacing:-0.04em;}
#site-title #logo a:hover{color:#ed1e24;}
#site-title p.headline{float:left;border-left:1px solid #999;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:140%;line-height:64px;letter-spacing:0.4em;}


/*** TOP NAVIGATION ***/

#navigation ul.menu{background:#eee url(../images/nav.png) repeat-x left top;position:absolute;z-index:15;bottom:0;left:0;width:100%;padding:0;margin:0;list-style-type:none;}
#navigation ul.menu li{display:block;position:relative;float:left;list-style-type:none;padding:0 1px 0 0;margin:0;background:transparent url(../images/nav-div.png) no-repeat right top;}
#navigation ul.menu li a{min-height:32px;display:block;font-weight:bold;font-size:115%;text-transform:uppercase;text-decoration:none;text-shadow:#fff 1px 1px 1px;text-align:center;color:#4e4e4e;padding:0 13px 0 11px;position:relative;line-height:31px;}
#navigation ul.menu li a.home span.title{background:transparent url(../images/icons.png) no-repeat 0px -756px;padding-left:22px;}
#navigation ul.menu li a:hover,#navigation ul.menu li:hover a{background-color:#fff;}
#navigation ul.menu li.active a:hover,#navigation ul.menu li.active:hover a{background-color:#000;}

#navigation ul.menu li.active a,
#navigation ul.menu li.current_page_item a,#navigation ul.menu li.current_page_parent a,#navigation ul.menu li.current_page_ancestor a,
#navigation ul.menu li.current-cat a,#navigation ul.menu li.current-cat-parent a,#navigation ul.menu li.current-cat-ancestor a
{background:#000 url(../images/nav-active.png) no-repeat left top;color:#dedede;text-shadow:#000 1px 1px 1px;}

#navigation ul.menu li a span.arrow{display:none;}

/* submenus */
#navigation ul.menu ul{list-style-type:none;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;position:absolute;display:none;width:250px;top:32px;left:0;margin:0 0 0 -1px;padding:4px;line-height:normal;background-color:#fff;-moz-box-shadow:0px 8px 14px rgba(0,0,0,0.3);-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;-webkit-box-shadow:0px 8px 14px rgba(0,0,0,0.3);-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;box-shadow:0px 8px 14px rgba(0,0,0,0.3);border-bottom-right-radius:8px;border-bottom-left-radius:8px; }

#navigation ul.menu li.active ul,
#navigation ul.menu li.current_page_item ul,#navigation ul.menu li.current_page_parent ul,#navigation ul.menu li.current_page_ancestor ul,
#navigation ul.menu li.current-cat ul,#navigation ul.menu li.current-cat-parent ul,#navigation ul.menu li.current-cat-ancestor ul
{background-color:#000;border-bottom:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;}

#navigation ul.menu li.active li a{background:none;}

#navigation ul.menu ul li{float:none;margin:0;background:none;}
#navigation ul.menu ul li a{min-height:1px;height:auto;padding:8px 14px 8px 8px;margin:0;text-align:left;text-transform:none;line-height:125%;}
#navigation ul.menu li.active ul a{background:none;}
#navigation ul.menu ul li a:hover{background-color:#333;color:#fff;text-shadow:#333 1px 1px 1px;}
#navigation ul.menu ul li.active a{color:#f8b013;}
#navigation ul.menu ul ul{left:250px;top:0;border-top:1px solid #ccc;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}

#navigation ul.menu li:hover ul ul,#navigation ul.menu li:hover ul ul ul,#navigation ul.menu li:hover ul ul ul ul{display:none;}
#navigation ul.menu li:hover ul,#navigation ul.menu li li:hover ul,#navigation ul.menu li li li:hover ul,#navigation ul.menu li li li li:hover ul{display:block;}
#navigation ul.menu li li a span.arrow{display:block;position:absolute;right:6px;top:0;line-height:32px;}



/*** MAIN LAYOUT ***/

.shadow-left{background:url(../images/shadow.png) no-repeat left bottom;}
.shadow-footer-l{background:url(../images/shadow.png) no-repeat left top;}
.shadow-right{background:url(../images/shadow.png) no-repeat right bottom;}
.shadow-footer-r{background:url(../images/shadow.png) no-repeat right top;}
#main{background:#fff url(../images/main-right.jpg) no-repeat right top;}
#main-inside{background:transparent url(../images/main-left.jpg) no-repeat left top;min-height:380px;padding:1em;}

#primary-content{width:100%;top:0;left:0;position:relative;float:left;z-index:0;overflow:hidden;}
#sidebar{width:30%;position:relative;right:0;top:0;float:left;z-index:0;overflow:hidden;}
#sidebar2{width:30%;position:relative;right:0;top:0;float:left;z-index:0;overflow:hidden;}

div.sidebar-blocks,div.sidebar-blocks div.block{list-style-type:none;padding:0;}
div.sidebar-blocks{margin-left:1em;/* <- space between main content and sidebar */}
div.sidebar-blocks div.block, .arbitrary-block{margin:1em 0 2.6em;position:relative;}

.block ul{list-style-type:none;margin:0 0 .4em 0;}
.block li{background:transparent url(../images/icons.png) no-repeat 4px -816px;margin:0;padding:0 0 0 18px;}
.block li:hover{background-position:4px -1005px;}
.block li li{margin-left:.4em;}

/* no sidebars */
body.col-1 #primary-content{width:100%;}

/* left sidebar */
body.col-2-left #primary-content{left:30%;}
body.col-2-left #sidebar{left:-70%;}
body.col-2-left div.sidebar-blocks{margin:0 1em 0 0;}

/* right sidebar (default) */
body.col-2-right #primary-content{left:0%;}
body.col-2-right #sidebar{right:0;}
body.col-2-right div.sidebar-blocks{margin:0 0 0 1em;}

/* 3 col: sidebar1 + primary + sidebar2 */
body.col-3 #primary-content{left:25%;width:50%;}
body.col-3 #sidebar{left:-75%;width:25%;}
body.col-3 #sidebar2{left:25%;width:25%;}
body.col-3 #sidebar div.sidebar-blocks{margin:0 1em 0 0;}
body.col-3 #sidebar2 div.sidebar-blocks{margin:0 0 0 1em;}


/* 3 col: sidebar1 + sidebar2 + primary */
body.col-3-left #primary-content{left:50%;width:50%;}
body.col-3-left #sidebar{left:-75%;width:25%;}
body.col-3-left #sidebar2{left:-25%;width:25%;}
body.col-3-left div.sidebar-blocks{margin:0 1em 0 0;}

/* 3 col: primary + sidebar1 + sidebar2 */
body.col-3-right #primary-content{left:0%;width:50%;}
body.col-3-right #sidebar{left:-25%;width:25%;}
body.col-3-right #sidebar2{left:25%;width:25%;}
body.col-3-right div.sidebar-blocks{margin:0 0 0 1em;}


h1.componentheading{
  font-weight: bold;
  font-size: 250%;
  text-shadow: #fff 1px 1px 1px;
  margin: .5em 0 .3em 0;
  padding: 0;
}

/* post */
.post, .page{margin:1em 0 2em 0;padding:0 0 .6em;display:block;background:transparent url(../images/dot.gif) repeat-x left bottom;}
.post.preview-title{background:none;}
body.single-page .page, body.single-post .post{background: none;margin:0;padding:0;}


h2.contentheading{
  font-weight: bold;
  font-size: 180%;
  margin:0 0 .2em 0;
  padding:.2em 0 0 0;
  text-shadow: #fff 1px 1px 1px;
}


.postbox{
	margin-top:8px;
}
.post-info{background:transparent url(../images/info-bar.png) no-repeat right top;height:42px;margin-left:11px;color:#bbb;text-shadow:#fff 1px 1px 1px;  }
.post-info a{font-weight:bold;color:#999;}
.post-info a:hover{color:#ed1e24;}
.post-info p.author{padding: 0 0 0 6px;margin:0;line-height:34px; }
.post-date{background:transparent url(../images/info-bar.png) no-repeat left -75px;padding-left:11px;padding-right:11px;float:left;text-transform:uppercase;font-weight:bold;}
.post-date p.day{background:transparent url(../images/info-bar.png) no-repeat right -42px;height:33px;padding:0 16px 0 0;margin:0;line-height:33px;color:#fff;}


/* search */
.search-form{position:relative;margin:0 8px 0 4px;width:auto !important;width: 400px;max-width:400px;}
.search-form form fieldset{border:0;margin:0;padding:0;background:none;background-color:transparent;}
.search-form #searchfield{background-repeat:no-repeat;background-position:left top;height:34px;display:block;margin-right:55px;}
.search-form input.text{border:0;margin:9px 0 0 34px;padding:0;}
.search-form input.submit{background-color:transparent;background-repeat:no-repeat;background-position:right -34px;height:34px;width:56px;margin:0;padding:0;position:absolute;right:0;top:0;border:0;text-transform:uppercase;text-shadow:#fff 1px 1px 1px;font-weight:bold;font-size:160%;color:#9b9b9b;cursor:pointer;}
.search-form input.submit:hover{background-position:right bottom;}
#primary-content .search-form{margin:2em 0;}

/* block style */

.block h3{font-weight:bold;font-size:130%;background-repeat:no-repeat;background-position:left top;color:#fff;line-height:100%;letter-spacing:normal;margin:0;padding:0;text-shadow:1px 1px 1px rgba(0,0,0,0.4);text-transform:uppercase;text-align:left;line-height:23px;}
.block h3{display:block;padding:4px 8px 0 11px; height:57px; margin: -10px ;}

.block fieldset{margin:0;padding:0 1.3em;border:0;background-color:transparent;}

/* more foot */
#morefoot {
	margin: 0 auto;
	width: 950px;
	}

.morefoot-item {
	float: left;
	}

#morefoot .count1 {
	width: 100%;
	}

#morefoot .count2 {
	width: 50%;
	}

#morefoot .count3 {
	width: 33%;
	}

#morefoot .count4 {
	width: 25%;
	}

.morefoot-item h3 {
	background: #eee url(../images/bg-lightgray.png) no-repeat left top;
	color:#797979;
	font-size:160%;
	font-weight:bold;
	line-height:100%;
	margin:0 5px 0.2em;
	padding:0.4em 0.6em;
	position:relative;
	text-shadow:1px 1px 1px #FFFFFF;
	}


/* footer*/
#footer {
  clear: both;
  color: #fff;
  padding: 5px 10px 10px 4px;
  width:100%;/* <- do not change this! use max-width to set the page width! */max-width:970px;min-width:780px;margin:0 auto 8px;
  font-size: 9px;
  }
#footer p {
  padding: 0;
  }
#footer a {
  color: #bbb;
  text-decoration: underline;
  }
#footer a:hover {
  color: #fff;
  }
#footerleft {
  float: left;
  width: 585px;
  }
#footerright {
  float: right;
  width: 215px;
  text-align: right;
  color: #444;
  }
 
#footerright a,
#footerright a:hover {
	color: #444;
	text-decoration: none;
	cursor:text;
	}

/* form container */
div.form{width:50%;}
#sidebar div.form,#footer div.form{width:100%;}
/* full width if there's only one widget in the footer */
#footer ul.slides li.slide .slide-content ul.blocks.widgetcount-1 div.form{width:50%;}
div.form .error{font-weight:bold;}
div.form fieldset{margin:0;padding:0;background:transparent;border:0;}

/*** PRINT STYLES ***/

@media print {
 body{background:white;color:black;font-size:10pt}
 .header-wrapper{display:none;}
 .shadow-left.main-wrapper,.main-wrapper .shadow-right,#main,#main-inside{background:none;}
 #main{background-color:#fff;}
 .page-content{width:100% !important;max-width:none !important;min-width:0 !important;}
 .footer-content{width:100% !important;max-width:none !important;min-width:0 !important;}
 #footer-blocks .leftFade,#footer-blocks .rightFade{display:none;}
}

/*** JOOMLA ***/

p.counter{
	text-align:center;
}

ul.pagination {
	padding: 0;
	text-align:center;
}

ul.pagination li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
	padding: 2px 5px;
}

.form-login label{ 
	width:160px;
	display:block;
	margin-top:3px;
}
.block .module{
	padding: 0 10px 40px 10px;
}
.inputbox,
.button,
.poll a{ 
	background: #fefefe;
	border:1px solid #ccc;
	color:#c2dc15;
	font-weight:bold;
	margin:5px;
	line-height:16px;
	padding:2px;
}
.poll .button{
	display:block;
	float:left;
}
.poll a{
	padding:4px 4px 3px 4px;
	display:block;
	float:left;
}
.poll{
	padding-bottom:25px;
}


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