/*  
Theme Name: pieshop theme
Theme URI: http://www.pieshop.ch
Description: custom theme for pieshop,cg
Version: 0.5
Author: gofor / moltidev
Author URI: http://www.moltidev.ch

v01 -> base styling
v02 -> add styles for subMenu, page_item, current_page_item
v03 -> fix contentBox to adjust height when longer content
       adjust styles min-height
	   use <div class="brclear"></div> before ending contentBox div
v04 -> add header infoboxes (absolute positions)
	   fix ie (boxes, transparent png) 
v05 -> adjust/fix: toplogo position, infobox headerbar color (green), searchbar 
       add styles for impressum

/* -------------------------------------------------------------------
STYLES FOR PAGE ELEMENTS
--------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #F3F0DA;
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

#page {	
	margin: 0px;
	padding: 0px;
}


#header {
	background-image: url(images/tmp_headerline.png);
	background-repeat: repeat-x;
	height: 168px;
}

#menu{
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px;
}
/* the outer green box*/
#contentBoxOut{
	margin-left: 250px;
	margin-right: 0px;
	width: 690px;
	background-color: #FFFFFF;
	border: 5px solid #014C2C;
}
/* special box for home page */
#contentBoxHome{
	margin-left: 243px;
	margin-right: 0px;
	width: 750px;	
}
/* the inner green box and content box*/
#contentBox	{
	background-color: #FFFFFF;
	margin: 6px 4px;
	padding: 0px;
	/* automatic height but minimum is 284px 
	   fix for ie: use 284px, will automatically increase if more content */	
	min-height: 284px !important;
	height: auto !important;
	height: 276px;
	border: 3px solid #014C2C;
	background-image: url(images/bg_content.gif);	
}
	
.contentImage{
	float:left;
	margin: 0px;
	padding: 0px;
	width:321px;	
	min-height: 284px !important;
	height: auto !important;
	height: 276px;
}
.contentText{
	margin-left:324px;
	padding: 8px 15px;
}
/* used for full page templats: search results */
#contentBoxFull	{
	background-color: #FFFFFF;
	margin: 6px 4px;
	padding: 8px 15px;
	/* automatic height but minimum is 284px 
	   fix for ie: use 284px, will automatically increase if more content */	
	min-height: 284px !important;
	height: auto !important;
	height: 276px;
	border: 3px solid #014C2C;
	
	
}

#footer	{
	clear: both;
	margin-left: 250px;
	font-size: 80%;
	color: #014C2C;
	margin-top: 30px;
}
#footer a:hover { background-color: #DAC58F; }


/* -------------------------------------------------------------------
STYLES FOR MAIN MENU PAGES
--------------------------------------------------------------------*/
#menu ul {
	list-style:none;
	margin:0px 0px 0px 5px;
	padding:0px;
	width: 208px;
}
#menu li {	
	margin:0px;
	padding:0px;
	height:28px;	
}

/* default style for links in menu */
#menu li a:link, #menu li a:visited, #menu li a:active {
	display:block;
	width: 100%;
	margin:0px;
	padding: 2px 0px 6px;	
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 48px;	
	font: bold 100% "Courier New", Courier, mono;
	letter-spacing: 0em;	
	background: url(images/btnMenu.gif) no-repeat;		
}
#menu li a:hover{ background-image: url(images/btnMenuOn.gif); }
/* selected page menu items */
#menu li.page_item_current_page_item a:link{ background-image:url(images/btnMenuOn.gif); }
#menu li.page_item_current_page_item a:active{ background-image:url(images/btnMenuOn.gif); }
#menu li.page_item_current_page_item a:visited{ background-image:url(images/btnMenuOn.gif); }
/* fix ie: use transparent png as background / ie will ignore [id]*/
#menu[id] li a{ background-image: url(images/btnMenu.png); }
#menu[id] li a:hover{ background-image: url(images/btnMenuOn.png); }
#menu[id] li.page_item_current_page_item a{ background-image: url(images/btnMenuOn.png); }



/* -------------------------------------------------------------------
STYLES FOR SUB MENU PAGES
--------------------------------------------------------------------*/
#subMenu ul{
	list-style: none;
	background-color:#DAC58F;
	width:198px;
	margin-left:15px;
	padding: 5px 0px 8px;
}
#subMenu li {	
	margin:0px;
	padding:0px;
	height: 18px;
}


#subMenu li a:link, #subMenu li a:visited, #subMenu li a:active {
	display:block;
	margin:0px;
	padding:0px 2px;	
	font: bold 100% "Courier New", Courier, mono;
	letter-spacing: 0em;		
	text-decoration: none;	
	text-indent: 34px;
	color: #000000;
	background: url(images/btnBlackLine.gif) no-repeat 6px;	
}


#subMenu li a:hover {
	background-image: url(images/btnWhiteLine.gif);
	color: #FFFFFF;
}

#subMenu li.page_item_current_page_item a:link{ background-image: url(images/btnWhiteLine.gif); color:#FFFFFF; }
#subMenu li.page_item_current_page_item a:active{ background-image: url(images/btnWhiteLine.gif); color:#FFFFFF; }
#subMenu li.page_item_current_page_item a:visited{ background-image: url(images/btnWhiteLine.gif); color:#FFFFFF; }


#subMenu[id] li a{ background-image: url(images/btnBlackLine.gif); }
#subMenu[id] li a:hover{ background-image: url(images/btnWhiteLine.gif); }
#subMenu[id] li.page_item_current_page_item a{ background-image: url(images/btnWhiteLine.gif); color:#FFFFFF; }

/* -------------------------------------------------------------------
STYLES FOR PAGES AND POSTS
--------------------------------------------------------------------*/

/* default links */
a, a:link, a:visited, a:active{ color: #014C2C; text-decoration: underline; }
a:hover { background-color:#DAC58F; }
/*a:hover { background-color:#DAC58F; }*/


h1 { }
/* default page,post title*/
h2 {
	margin:0px;
	padding:0px;
	font: bold 125% "Courier New", Courier, mono;
	letter-spacing: 0.1em;
	color: #000000;
	background: url(images/bg_h2.gif) no-repeat left;	
	text-indent: 1.2em;
}
h2 a:link, h2 a:active, h2 a:visited{ color: #000000; text-decoration: none; }
h2 a:hover{ background-color:#DAC58F; }
/* post title in frontpage boxes*/
h3{
	margin:0px;
	padding: 10px 2px 1px 10px;
	font-size: 95%;
	font-weight:normal;
}
h3 a:link, h3 a:active, h3 a:visited{ color: #FFFFFF; text-decoration: underline; }
h3 a:hover{ background-color:#DAC58F; }
/* post title in search result page*/
h4{
	margin:0px;
	padding: 0px;
	font-size: 100%;
	color: #014C2C;
}



/* default for text within post/page*/
p{
	color: #000000;
	margin: 0px;
	padding: 4px 0px;	
}

/* post styles within div class post*/
.entry {
	/*border-bottom: 1px dotted #014C2C;
	padding-bottom: 5px;	
	margin-bottom: 15px;*/
}

.meta {
	color: #014C2C;
	font-size: 90%;
	padding: 5px 0px;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.result_item{	
	width:400px;
	margin-top: 20px;
}


small{
	font-size: 70%;
}

/* -------------------------------------------------------------------
STYLES FOR BOXES ON HOME PAGE (news, latest, event posts)
--------------------------------------------------------------------*/
/* infobox holder div below home image */
#contentBottom{
	margin:0px;
	padding: 40px 0px 0px 10px;
}

.infoBox {
	float: left;
	width: 195px;
	background-color: #000000;
	margin-right: 40px;
	background: url(images/bg_box.jpg) no-repeat;
	height: 157px;	
}
.infoBox p{
	display:block;
	margin:0px;
	padding: 3px 5px 3px 10px;
	font-size: 95%;
	line-height: 1.5em;	
	color: #FFFFFF;	
}

/* title of infobox */
.infoBox h5{
	display:block;
	margin:0px;
	padding: 3px 3px 3px 10px;
	background-color:#014C2C;
	font-size: 100%;
	font-weight: bold;		
	color: #FFFFFF;	
}

.infoBox a:link, .infoBox a:active, .infoBox a:visited { color: #FFFFFF; text-decoration: underline; }
.infoBox a:hover{ background-color:#DAC58F; }


/* miscellaneous styles */
.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0px;
	 
}

/* -------------------------------------------------------------------
STYLES FOR NAVIGATION WITHIN PAGES
--------------------------------------------------------------------*/

.navigation{
	/*width: 400px;*/
	padding: 5px 0px 0px;
	border-top: 1px solid #014C2C;
	margin: 5px 0px 0px;
}


/* next,previous and all categories display */
ul.post-categories {
	margin: 0px;
	padding: 0px;
	list-style: none;	
	display:inline;
}
ul.post-categories li {
	display:inline;
	margin-right: 20px;
}


/* -------------------------------------------------------------------
STYLES HEADER ELEMENTS: use absolute positioning
--------------------------------------------------------------------*/
/* address hide (displayed only for print) */
#print_address{ display:none; }
#top_logo {
	position:absolute;
	left:25px;
	top:22px;
	width:190px;
	height:140px;
	z-index:6;
	background:url(images/logo.gif) no-repeat;	
}
/* fix ie -> for mozilla browswers*/
#top_logo[id]{
background-image:url(images/logo.png);
}
#top_slogan {
	position:absolute;
	left:255px;
	top:92px;
	width:520px;
	height:25px;
	z-index:1;
	font-size: 16px;
	font-weight: bold;
	color: #014C2C;
	margin: 0px;
	padding: 0px;
}
#top_opentime {
	position:absolute;
	left:255px;
	top:140px;
	width:320px;
	height:20px;
	z-index:2;
	font-size: 13px;
	font-weight: bold;
	color: #014C2C;
	margin: 0px;
	padding: 0px;
}
#top_search {
	position:absolute;
	left:585px;
	top:135px;
	width:230px;
	height:25px;
	z-index:3;
	padding: 0px;
	margin: 0px;
}

.searchBtn {
	font-size:11px;
	border: 1px solid #000000;
	background-color:#014C2C;
	color:#FFFFFF;
	width:auto;
	font-weight: bold;	
}
.searchBox {
	width: 160px;
	font-size:11px;
	border: 1px solid #014C2C;
}


#top_nav {
	position:absolute;
	left:830px;
	top:140px;
	width:120px;
	height:18px;
	z-index:4;
	margin: 0px;
	padding: 0px;
}
#top_lang {
	position:absolute;
	left:795px;
	top:92px;
	width:150px;
	height:25px;
	z-index:5;
	font-size: 13px;
	font-weight: bold;
	color: #003300;
	margin: 0px;
	padding: 0px;
	text-align: right;
	font-size:95%;
}

#top_lang ul { margin: 0px;padding: 0px; }
#top_lang li { margin: 0px; padding-right: 4px; list-style: none; display: inline; text-transform: uppercase; }
#top_lang li.langLabel{ text-transform: capitalize; color:#014C2C; text-decoration: none;}
#top_lang li a:link, #top_lang li a:active, #top_lang li a:visited { color:#014C2C; text-decoration: none; }
#top_lang li a:hover { background-color:#DAC58F; text-decoration: underline;}


/* -------------------------------------------------------------------
STYLES FOR IMPRESSUM PAGE / SITEMAP PAGE
--------------------------------------------------------------------*/

.impHeader {	
	padding: 6px 6px 6px 15px;	
}
.impLeftBox {
	font: 100%/1.5em Arial, Helvetica, sans-serif;
	float: left;
	width: 321px;
	border-top: solid 2px #014C2C;
	padding: 15px;
}
.impRightBox {
	font: 100%/1.5em Arial, Helvetica, sans-serif;
	margin-left: 324px;
	border-top: solid 2px #014C2C;
	padding: 15px;	
}

.impLeftBox p, .impRightBox p {
	font: 100%/1.5em Arial, Helvetica, sans-serif;
	margin: 0px;	
	padding: 15px;
}


ul.sitemap{	
	margin: 30px 30px 0px;
	padding: 0px;
	list-style:url(images/li_sitemap.gif); 
}
ul.sitemap[class]{ 
	margin: 0px;
	padding: 15px 15px 0px;
	list-style:url(images/li_sitemap.gif) inside;  
}

ul.sitemap li, ul.sitemap2 li {
	margin: 0px;
	padding:0px;
}

ul.sitemap li a:link, ul.sitemap li a:visited, ul.sitemap li a:active{
	font-family: "Courier New", Courier, mono;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

ul.sitemap li a:hover{
	background-color:#DAC58F;
	text-decoration: underline;
}
/* sub list not working */
ul.sitemap ul {padding-left:25px; margin:0px;}
ul.sitemap ul li a:link, ul.sitemap ul li a:active, ul.sitemap ul li a:visited {font-weight: normal;}
/*ul.sitemap ul li.page_item a:link, ul.sitemap ul li.page_item a:active, ul.sitemap ul li.page_item a:visited {font-weight: normal;}*/

ul.sitemap2{
	margin: 0px 30px;
	padding: 0px;
	list-style:url(images/li_sitemap.gif); 
}
ul.sitemap2 li a:link, ul.sitemap2 li a:visited, ul.sitemap2 li a:active{
	font-family: "Courier New", Courier, mono;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

ul.sitemap2 li a:hover{
	background-color:#DAC58F;
	text-decoration: underline;
}