/*-----------------------------------------------
WHITE SHAPES TEMPLATE
Author:   Nadja Macht
Version:  1, DEZEMBER 2008
----------------------------------------------- */

/*  CSS Layout
----------------------------------------------- */
div#cc-tp-padding-container { 
	position: relative;
	padding:0px 0px;
	text-align:center;
}

div#container {
	width:936px;
	margin:0 auto; 
	padding:0;	
	text-align:left;
}

div#top {
	width:936px;
	height:11px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='https://u.jimcdn.com/cms/o/layout/l6cac4037e357b4d3/img/top.png');
	background:none;
}

html > body div#top{background:url('https://u.jimcdn.com/cms/o/layout/l6cac4037e357b4d3/img/top.png') no-repeat 0 0;}

div#wrapper {
	width:916px;
	float:left;
	background-image:url('https://u.jimcdn.com/cms/o/layout/l6cac4037e357b4d3/img/container.png') !important;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='https://u.jimcdn.com/cms/o/layout/l6cac4037e357b4d3/img/container.png');
	background:none;
	background-repeat:repeat-y;
	padding:0 9px 0 9px;
	}
	
html > body div#wrapper {background:url('https://u.jimcdn.com/cms/o/layout/l6cac4037e357b4d3/img/container.png') repeat-y 0 0;}


div#btm {
	width:936px;
	height:10px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='https://u.jimcdn.com/cms/o/layout/l6cac4037e357b4d3/img/btm.png');
	background:none;
	float:left;
}

html > body div#btm {background:url('https://u.jimcdn.com/cms/o/layout/l6cac4037e357b4d3/img/btm.png') no-repeat 0 0;}
	
div#header {
	position:relative;
	padding:0 0 2px 0;
	margin:0 0 0 2px;
	border-bottom:4px solid #C2C6CD;
	}

div.gradient {
	position:relative;
	width:918px;
	float:left;
	background:url('https://u.jimcdn.com/cms/o/layout/l6cac4037e357b4d3/img/gradient.png') repeat-x left bottom;
	padding:15px 0 15px 0;
}

div.lines {
	position:relative;
	float:left;
	background:url('https://u.jimcdn.com/cms/o/layout/l6cac4037e357b4d3/img/lines.gif') repeat-y 187px 0;
}

div#navigation {
	float:left;
	width:188px;
	position:relative;
	overflow:visible;
}

div#content {
	float:left;
	width:530px;
	margin:0;
}

div#sidebar {
	float:left;
	width:190px;	
}

div#navigation div.gutter {padding:0 5px 10px 8px;}
div#sidebar div.gutter {padding:0 10px 0 10px;}
div#content div.gutter {padding:0 10px 10px 10px;}


div#footer {background:#d5d7de url('https://u.jimcdn.com/cms/o/layout/l6cac4037e357b4d3/img/footer.gif') no-repeat 0 1px; width:918px;}
div#footer div.gutter {padding:20px; color:#4B525C;}
div#footer div.gutter a {color:#4B525C; text-decoration:none;}

/*  Sub-Elements
----------------------------------------------- */

div.jimdofriends {
	float:left;
	width:0;
	padding:0 !important;
	margin:0 0 20px 0 !important;
}

div.jimdofriends .vcard {
	border:none !important;
	border-bottom:1px solid #D1CAC5 !important;
	background:transparent !important;
	padding:0 0 4px 0 !important;
	margin:4px 0 4px 0 !important;
	}
	
div#content div.jimdofriends {width:0; width:500px !important;}
div#content div.jimdofriends .vcard {width:0; width:500px !important;}

div#sidebar div.jimdofriends {width:0; width:160px !important;}
div#sidebar div.jimdofriends .vcard {width:0; width:160px !important;}

/*  Navigation
----------------------------------------------- */
div#navigation {
	width:188px;
	list-style:none;
	line-height:100%;
	margin:0 0 15px 0;
}

ul.mainNav1,
ul.mainNav2,
ul.mainNav3 {
	text-align:left;
	margin:0;
	padding:0;
	line-height:100%;
	list-style:none;
}

ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li {
	display:inline;
	margin:0;	
	padding:0;
	list-style:none;
}

ul.mainNav1 li a, ul.mainNav1 li a:visited {
	display:block;
	color:#4B525C;
	text-decoration:none;
	padding:6px 0 8px 10px;
	background:url('https://u.jimcdn.com/cms/o/layout/l6cac4037e357b4d3/img/dots.gif') repeat-x left bottom;
}

ul.mainNav1 li a:hover {
	color:#4B525C;
	font-weight:bold;	
}

ul.mainNav1 li a.current,
ul.mainNav1 li a.current:hover {
	font-weight:bold;
	color:#4B525C;	
}

ul.mainNav2 li a, ul.mainNav2 li a:visited {
	padding:6px 0 8px 16px;
}

ul.mainNav3 li a, ul.mainNav3 li a:visited {
	padding:6px 0 8px 22px;
}


