/*
Theme Name:	Titan PRO Child Theme
Theme URI: 	http://themes.jestro.com/titan/
Description: 	Custom child theme for Titan PRO Members.
Version: 1.11
Author:		Drew Strojny
Author URI:	http://www.jestro.com
Template: titan
*/

/* Import Stylesheets, don't remove these.
-----------------------------------------------------------*/
@import url("../titan/css/undo.css");
@import url("../titan/css/master.css");

/* Required Wordpress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
  }
.alignleft { float: left; }
.alignright { float: right; }

/* Make all custom CSS changes BELOW this line
-----------------------------------------------------------*/
/* Example: Change the sidebar background to blue:
#sidebar {
	background: blue;
	}
*/

/* Logo
-----------------------------------------------------------*/

div#title-logo {
  float: left;
/*  padding: 30px 0;*/
  position: relative;
  top: 15px;
	}

/* Page Templates
-----------------------------------------------------------*/

#content.no-sidebar { width: 920px; margin: 0 auto;}
#content.no-sidebar .entry.page { width: 900px; }

body.left-sidebar #sidebar { float: left; }
body.left-sidebar #content { float: right; }


/*----------------------------------------------------------
 * My custom styles 
-----------------------------------------------------------*/

 
/* Overrides of the master.css file from titan theme
-----------------------------------------------------------*/
	
#description {
  color: #F9F7F5;
  font-size: 1.5em;
}

div.notice {
  padding: 6px 0;
}

.entry ul, .c-body ul {
	margin: 0 0 0 10px;
}

.entry ul li, .c-body ul li {
	display: block;
	margin: 5px 0;
	padding: 0;
	background-image: none;
}

h1.pagetitle, h2.pagetitle {
	border-top: 0;
    padding-top: 0;
}

#header {
  	background-color: #F9F7F5;
  	width: 960px;
  	margin: 0 auto;
  	border-bottom: none;
  	background: none;
}

#navigation {
	margin-top: 4px;
}

#nav {
	background: #F9F7F5 url(./images/nav-background.gif) no-repeat scroll 0 0;	
}

#nav, #nav ul {
	line-height: 40px;	
}

#nav li {
	border-right: 1px solid #d2cdc6; 
}

#nav li.home {
	border-left: none;	
}

#nav li.home:hover a, #nav li.home.sfhover a { background: #F9F7F5 url(./images/nav-rollover.gif) no-repeat scroll 0 0; }

#nav li:hover a, #nav li.sfhover a { background: #F9F7F5 url(./images/nav-rollover-squared.gif) no-repeat scroll 0 0; }

#nav li.home:hover {
	background-position: 0 -40px;	
}
	
#nav li:hover, #nav li.sfhover {
     background: none ;
     color: #F9F7F5;
}

#nav .current_page_parent, #nav .current_page_ancestor, #nav .current-cat-parent {
    background: #F9F7F5 url(./images/nav-rollover-squared.gif) no-repeat scroll 0 0;
    color: #000;
    }
    
#nav .current-cat, #nav .current_page_item {
   background: #F9F7F5 url(./images/nav-rollover-squared.gif) no-repeat scroll 0 0;
   color: #000;
}

#nav .current_home_page_item {
   background: #F9F7F5 url(./images/nav-rollover.gif) no-repeat scroll 0 0;
   color: #000;
}

#header #logo {
	position: relative;
	top: 4px;
	left: 4px;
	margin-bottom: 2px;
	float: left;
}

.content-background {
 	background: none;	
}

#spacer {
	height: 10px;
}
	
#footer {
	padding: 0;
	border: 0;
	background-color: #FFFFFF;
	border-top: 1px solid #DFDAD5; 
	width: 960px;
	color: #444444; 
	margin: 0 auto;
}

#copyright {
	float: left;
	display: inline;
	border-top: 0 none;
	padding-top: 0;
	clear: none;
}

#footer_menu {
	float: right;
	display: inline;
	clear: none;
	font-size: 1.1em;
	border-top: 0 none;
}

#content {
	width: 670px;	
}

#sidebar {
	position: relative;
	top: -10px;
	width: 250px;	
}

#search_form input.search {
	width: 160px;
}

.entry.page { 
	width: 100%;
	}
	
/* Widgets
-----------------------------------------------------------*/
.textwidget {
	font-size: 1.1em;
}

/* Personal Contact */

#evelina_contact {
	float:left; 
	margin: 0 5px 2px 0;
}

/* Home
-----------------------------------------------------------*/
#home_content {
	width: 960px;	
}

#home {
	width: 960px;
}

.newsbox {
	width: 228px;
	float: left;
	margin-top: 12px;	
}

.marginleft {
	margin-left: 16px;
}

/* Shop
-----------------------------------------------------------*/
#left {
	float: left;
}

#right {
	float: left;
}

/* Features
-----------------------------------------------------------*/

/* Basis */

#features {
	position: relative;
	top: 0;
	left: 0;
	width: 668px;
	height: 400px;
}

#features img#basis {
	position: absolute;
	top: 30px;
	left: 167px;
}

/* Tiefree */

#features div#tiefree {
	position: absolute;
	top: 17px;
	left: 70px; 
	width: 200px;
	z-index: 1;	
}

/* Smell */

#features div#smell {
	position: absolute;
	top: 100px;
	left: 0; 
	z-index: 1;	
}

/* Sweat */

#features div#sweat {
	position: absolute;
	top: 210px;
	left: 5px; 
	z-index: 1;	
}

/* Ironfree */

#features div#ironfree {
	position: absolute;
	top: 300px;
	left: 80px; 
	width: 128px;
	z-index: 1;	
}

/* Austrian */

#features div#austrian {
	position: absolute;
	top: 10px; 
	left: 340px;
	width: 200px;
	z-index: 1;	
}

/* Design */

#features div#design {
	position: absolute;
	top: 85px; 
	left: 430px; 
	z-index: 1;	
}

/* Ecological */

#features div#ecological {
	position: absolute;
	top: 190px;
	left: 450px; 
	z-index: 1;	
}

/* Investment */

#features div#investment {
	position: absolute;
	top: 285px;
	left: 400px; 
	z-index: 1;	
}

/* Packaging */

#features div#packaging {
	position: absolute;
	top: 330px;
	left: 305px; 
	z-index: 1;	
}

/* Feature Details */

#feature_detail_wrapper {
	position:absolute;
	width: 1%;
	height: 90%;
	left: 50%;
	top: 8%;
	display: inline;
	z-index: 1;
}

#feature_detail {
	position: relative;
	left: -300px;
	width: 600px;
	height: 560px;
	background: #F9F7F5;
	border: #444444 solid 1px;
}

#feature_detail #feature_detail_header {
	width: 99%;
	text-align: right;
	padding-top: 2px;
	font-size: 1.2em;
}

#feature_detail #feature_detail_header a {
	color: #444444;
}

#feature_detail #feature_detail_header a:hover {
	color: #888888;
}

#feature_detail #left_column {
	width: 140px;
	height: 95%;
	float: left;
	padding: 0 0 0 20px;
}

#feature_detail #right_column {
	height: 95%;
	padding: 0 20px 20px 0;
}

#feature_detail #right_column h2 {
	padding: 0 0 5px;
}

/* Images
-----------------------------------------------------------*/

.mapped {
  	border: 0px;	
}

/* Widgets
-----------------------------------------------------------*/
#newsletter input {
	background:#F3F3F3 none repeat scroll 0 0;
	border: 1px solid #999;	
	padding: 4px 2px;
	width: 120px;
	color: #555555;
	margin: 5px 0;
}

#newsletter input#subcribe_newsletter_button {
	width: 90px;	
}

#newsletter input:focus{
	  background:#FFFFFF none repeat scroll 0 0;
}

/* Shopping basket in Navigation 
-----------------------------------------------------------*/

#shoppingbasket {
	position: relative;
	top:8px;
	right: 4px;
  	float: right;
}

#shoppingbasketcontent {
	float: right;
	margin-left: 8px;
	margin-top: 7px;
	font-size: 1.2em;
}
	
#shoppingbasketicon {
	float: right;
}


#shoppingbasket a {
  color: #444444;
}

#shoppingbasket a img{
  position:relative;
  top: 5px;
}


/* YUI Tab Navigation HACK!!!
-----------------------------------------------------------*/

.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li,.yui-navset .yui-navset-bottom .yui-nav li {
	margin:0 .5em 0 0;
}

.yui-navset-left .yui-nav li,.yui-navset-right .yui-nav li {
	margin:0 0 .5em;
}

.yui-navset .yui-content .yui-navset .yui-navset-left .yui-nav,.yui-navset .yui-navset-right .yui-nav,.yui-navset-left .yui-nav,.yui-navset-right .yui-nav {
	width:6em;
}

.yui-navset-top .yui-nav,.yui-navset-bottom .yui-nav {
	width:auto;
}

.yui-navset .yui-navset-left,.yui-navset-left {
	padding:0 0 0 6em;
}

.yui-navset-right {
	padding:0 6em 0 0;
}

.yui-navset-top,.yui-navset-bottom {
	padding:auto;
	margin-top: 8px;
}

.yui-nav,.yui-nav li {
	margin:0;
	padding:0;
	list-style:none;
}
.yui-navset li em{font-style:normal;}.yui-navset{position:relative;zoom:1;}.yui-navset .yui-content,.yui-navset .yui-content div{zoom:1;}.yui-navset .yui-content:after{content:'';display:block;clear:both;}.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li,.yui-navset .yui-navset-bottom .yui-nav li{display:inline-block;display:-moz-inline-stack;*display:inline;vertical-align:bottom;cursor:pointer;zoom:1;}.yui-navset-left .yui-nav li,.yui-navset-right .yui-nav li{display:block;}.yui-navset .yui-nav a{position:relative;}.yui-navset .yui-nav li a,.yui-navset-top .yui-nav li a,.yui-navset-bottom .yui-nav li a{display:block;display:inline-block;vertical-align:bottom;zoom:1;}.yui-navset-left .yui-nav li a,.yui-navset-right .yui-nav li a{display:block;}.yui-navset-bottom .yui-nav li a{vertical-align:text-top;}.yui-navset .yui-nav li a em,.yui-navset-top .yui-nav li a em,.yui-navset-bottom .yui-nav li a em{display:block;}.yui-navset .yui-navset-left .yui-nav,.yui-navset .yui-navset-right .yui-nav,.yui-navset-left .yui-nav,.yui-navset-right .yui-nav{position:absolute;z-index:1;}.yui-navset-top .yui-nav,.yui-navset-bottom .yui-nav{position:static;}.yui-navset .yui-navset-left .yui-nav,.yui-navset-left .yui-nav{left:0;right:auto;}.yui-navset .yui-navset-right .yui-nav,.yui-navset-right .yui-nav{right:0;left:auto;}.yui-skin-sam .yui-navset .yui-nav,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav{border:solid #2647a0;border-width:0 0 5px;zoom:1;}.yui-skin-sam .yui-navset .yui-nav li,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav li{margin:0 .16em 0 0;padding:1px 0 0;zoom:1;}.yui-skin-sam .yui-navset .yui-nav .selected,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected{margin:0 .16em -1px 0;}.yui-skin-sam .yui-navset .yui-nav a,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a{background:#d8d8d8 url(http://yui.yahooapis.com/2.7.0/build/assets/skins/sam/sprite.png) repeat-x;border:solid #a3a3a3;border-width:0 1px;color:#000;position:relative;text-decoration:none;}.yui-skin-sam .yui-navset .yui-nav a em,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em{border:solid #a3a3a3;border-width:1px 0 0;cursor:hand;padding:.25em .75em;left:0;right:0;bottom:0;top:-1px;position:relative;}.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a:focus,.yui-skin-sam .yui-navset .yui-nav .selected a:hover{background:#2647a0 url(http://yui.yahooapis.com/2.7.0/build/assets/skins/sam/sprite.png) repeat-x left -1400px;color:#fff;}.yui-skin-sam .yui-navset .yui-nav a:hover,.yui-skin-sam .yui-navset .yui-nav a:focus{background:#bfdaff url(http://yui.yahooapis.com/2.7.0/build/assets/skins/sam/sprite.png) repeat-x left -1300px;outline:0;}.yui-skin-sam .yui-navset .yui-nav .selected a em{padding:.35em .75em;}.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a em{border-color:#243356;}.yui-skin-sam .yui-navset .yui-content{background:#edf5ff;}.yui-skin-sam .yui-navset .yui-content,.yui-skin-sam .yui-navset .yui-navset-top .yui-content{border:1px solid #808080;border-top-color:#243356;padding:.25em .5em;}.yui-skin-sam .yui-navset-left .yui-nav,.yui-skin-sam .yui-navset .yui-navset-left .yui-nav,.yui-skin-sam .yui-navset .yui-navset-right .yui-nav,.yui-skin-sam .yui-navset-right .yui-nav{border-width:0 5px 0 0;Xposition:absolute;top:0;bottom:0;}.yui-skin-sam .yui-navset .yui-navset-right .yui-nav,.yui-skin-sam .yui-navset-right .yui-nav{border-width:0 0 0 5px;}.yui-skin-sam .yui-navset-left .yui-nav li,.yui-skin-sam .yui-navset .yui-navset-left .yui-nav li,.yui-skin-sam .yui-navset-right .yui-nav li{margin:0 0 .16em;padding:0 0 0 1px;}.yui-skin-sam .yui-navset-right .yui-nav li{padding:0 1px 0 0;}.yui-skin-sam .yui-navset-left .yui-nav .selected,.yui-skin-sam .yui-navset .yui-navset-left .yui-nav .selected{margin:0 -1px .16em 0;}.yui-skin-sam .yui-navset-right .yui-nav .selected{margin:0 0 .16em -1px;}.yui-skin-sam .yui-navset-left .yui-nav a,.yui-skin-sam .yui-navset-right .yui-nav a{border-width:1px 0;}.yui-skin-sam .yui-navset-left .yui-nav a em,.yui-skin-sam .yui-navset .yui-navset-left .yui-nav a em,.yui-skin-sam .yui-navset-right .yui-nav a em{border-width:0 0 0 1px;padding:.2em .75em;top:auto;left:-1px;}.yui-skin-sam .yui-navset-right .yui-nav a em{border-width:0 1px 0 0;left:auto;right:-1px;}.yui-skin-sam .yui-navset-left .yui-nav a,.yui-skin-sam .yui-navset-left .yui-nav .selected a,.yui-skin-sam .yui-navset-left .yui-nav a:hover,.yui-skin-sam .yui-navset-right .yui-nav a,.yui-skin-sam .yui-navset-right .yui-nav .selected a,.yui-skin-sam .yui-navset-right .yui-nav a:hover,.yui-skin-sam .yui-navset-bottom .yui-nav a,.yui-skin-sam .yui-navset-bottom .yui-nav .selected a,.yui-skin-sam .yui-navset-bottom .yui-nav a:hover{background-image:none;}.yui-skin-sam .yui-navset-left .yui-content{border:1px solid #808080;border-left-color:#243356;}.yui-skin-sam .yui-navset-bottom .yui-nav,.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav{border-width:5px 0 0;}.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav .selected,.yui-skin-sam .yui-navset-bottom .yui-nav .selected{margin:-1px .16em 0 0;}.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav li,.yui-skin-sam .yui-navset-bottom .yui-nav li{padding:0 0 1px 0;vertical-align:top;}.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav a em,.yui-skin-sam .yui-navset-bottom .yui-nav a em{border-width:0 0 1px;top:auto;bottom:-1px;}

.yui-navset .yui-navset-bottom .yui-content {
	border:1px solid #808080;
	border-bottom-color:#243356;
}

.yui-content {
	border:1px solid #DFDAD5;
	padding: 0 8px 8px 8px;
}

.yui-hidden {
	position:absolute;left:-999999px;visibility:hidden; top:0px;
}

.yui-navset li em {
	font-style:normal;
	color: #555555;
}

.entry .yui-nav li {
  padding: 4px 5px 3px 3px;
  border-top:1px solid #DFDAD5;
  border-left:1px solid #DFDAD5;
  border-right:1px solid #DFDAD5; 
}

.entry .yui-nav li.selected {
  background:#E7E1DE;
  padding: 5px 7px 3px 7px;
  border-top:1px solid #DFDAD5;
  border-left:1px solid #DFDAD5;
  border-right:1px solid #DFDAD5; 
}

