/*
Theme Name: Wost Architects accordeon Jquery - (7)  0.1
Theme URI: http://www.krembo99.com
Description: Custom Design Theme For Wost Architects Berlin / New Layout (AGAIN) and javascript
Version: 0.1.7
Author: krembo99
Author URI: http://krembo99.com/

TO DO LIST : (will it never end?? )

****************************************
- Clean code for IE , after ALLLL changes (possiable??) will be finished.
- Compress CSS
- Compress Javascript
- Check CSS redudency
- Change the [..] class to make wrapping with float
- Make better archive page. Links page-
*****************************************

Changelog

Version: 0.1.7
Adedd slideshow (why??)
Add class .interfade - for slideshow
added text-align: left !important; to accomodate IE.
added patrick gallery function to functions.php
changed .pageContent width=800 (was 960 - or 970)
changed class="current" to class="title" on projects. (auto-open on load)
changed settings--> media settings --> Medium size to 175x175 (was 200x200)
commented the jquery of accordeon on header (1.3.2) - using the one from innerfade plugin (PatrickFadeGallery)
Moved update (news) section - attention to the changes made in UL - LI order !!! (compare with previous version 1-6)
added TITLE LI IMAG and TITLE LI DIV IMG to accomodate 800px . to delete after changes
added #singletitle IMG for the same reason as above - delete
Version: 0.1.6
Add Single Page + single classes
Added Search page, 404
Changed #single#noimg#p to margin-top : -20 because of pages with no title image thumb.
Added Sociable - seperated display none and single display inline
Version: 0.1.5
Seperated header info and name
Adjust of Captions for images , #notxt wpü-caption p display:inline


Version: 0.1.4
Recerted to online version (1.2) - problems with IE UL P and DIVS
Disabled .accordion LI DIV width
Disabled .accordion LI DIV Padding
Dropped <li> tag from custom attributes and added a new DIV
Changed Footer

Version: 0.1.3
Changed Class of PROJECTS to CUrretn , to make opening on load , with respective CSS classes

Version: 0.1.2
Added custom fields
Added links to single
Added Footer Info

+++++++++++++++++++
ATTENTION!!!! Stylyser changed this hack format , should be with simple comment between the html> and body*/
HTML>BODY
{
	overflow-y: scroll;
/*hide hack - No version of Internet Explorer sees this*/
}
BODY
{
	font: 0.8em Arial, sans-serif;
}
.pageContent
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.pageContent
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.accordion
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 30px;
	border-top: none;
	border-left: none;
}
.accordion UL
{
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100%;
}
.accordion LI
{
	cursor: pointer;
	list-style-type: none;
	padding: 0;
	margin: 0px 0 6px;
	float: left;
	display: block;
	width: 100%;
}
.accordion LI A
{
}
.accordion LI.active>A
{
	background: url(close.gif) no-repeat center right;
}
.accordion LI DIV
{
	/*[disabled]padding:0 20px 20px;*/
	display: block;
	clear: both;
	float: left;
	#width: 100%;
}
.accordion A
{
	text-decoration: none;
	font: bold 1.1em/2em Arial, sans-serif;
	color: #222;
	padding: 0 10px;
	display: block;
	cursor: pointer;
	background: url(open.gif) no-repeat center right;
	height: 30px;
}
/*Level 2*/
.accordion LI UL LI
{
	font-size: 0.9em;
}
.accordion LI UL LI
{
	font-size: 0.9em;
}
/********* addedd to accomodate 800px .. to DELETE*/
.title LI IMG
{
	z-index: -9;
	margin-top: 0px;
	position: inherit;
	width: 800px;
}
.title LI DIV IMG
{
	z-index: -9;
	margin-top: 0px;
	position: inherit;
	width: 100%;
}
/********* addedd to accomodate 800px .. to DELETE*/
.accordion .gg
{
	z-index: 9;
	margin-top: 0px;
	background-color: #D5C2CC;
	float: left;
	position: absolute;
	opacity: 0.8;
}
.title.active A:hover
{
	/*[disabled]background:#A5E126 none;*/
}
.title A:hover
{
	background-color: #E264A6;
}
.current .active A:hover
{
	/*[disabled]background-color:#A5E126;*/
}
.current A:hover
{
	background-color: #A5E126;
}
SPAN .postcontent
{
}
#title
{
	margin-top: 5em;
	font-size: 1.5em;
}
#headerinfo
{
	font: bold 1em Arial;
	text-decoration: none;
	text-transform: lowercase;
	color: #B5AFAF;
	margin-left: 4px;
}
#header A:hover
{
	/*[disabled]text-decoration:overline;*/
	color: #B8B7B7;
}
#header
{
	font: normal normal bold 1em Arial;
	text-align: left;
	text-transform: uppercase;
	text-decoration: none;
}
#headername A
{
	font: normal normal bold 1em Arial;
	text-transform: uppercase;
	text-decoration: none;
	color: #656565;
}
#headerdes A
{
	text-decoration: none;
	text-transform: lowercase;
	color: #B5AFAF;
}
#footer, #footer A
{
	text-align: right;
	font: 0.9em Arial;
	color: #706F6F;
}
.meta
{
	margin: 3px 0 7px;
	padding: 0;
	width: 100%;
}
#single .meta
{
	float: left;
}
#single #noimg P
{
	margin-top: 20px;
}
#singletitle
{
	margin: 30px 0 10px;
}
/********* addedd to accomodate 800px .. to DELETE*/
#singletitle IMG
{
	width: 800px;
}
/********* addedd to accomodate 800px .. to DELETE*/
#singletitle A:hover
{
	background-color: #E264A6;
}
#single A
{
	text-decoration: none;
	font: bold 1.1em/2em Arial, sans-serif;
	color: #222;
	padding: 0 10px;
	display: block;
	cursor: pointer;
	background: url(open.gif) no-repeat center right;
	height: 30px;
}
#single #foreign A
{
	font: bold 0.8em/2em Arial, sans-serif;
}
#single #categ
{
	float: right;
	list-style: none;
	clear: both;
	margin-top: 10px;
}
#single #categ LI
{
	list-style: none;
	float: left;
	height: auto;
}
#single #categ A
{
	text-decoration: none;
	font-size: smaller;
	float: left;
	background-color: #FFFFFF;
}
#single .gg
{
	z-index: 9;
	margin-top: 0px;
	background-color: #D5C2CC;
	float: left;
	position: absolute;
	opacity: 0.8;
}
#hide-post-meta .postmeta
{
	margin: 3px 0 7px;
	padding: 0;
	width: 100%;
	float: left;
}
.meta .postmeta
{
	margin: 3px 0 7px;
	padding: 0;
	width: 100%;
	float: left;
}
.meta LI
{
	/*[disabled]margin-top:3px;*/
	/*[disabled]float:left;*/
	/*[disabled]position:relative;*/
	/*[disabled]width:25%;*/
}
.meta LI
{
	/*[disabled]margin-top:3px;*/
	/*[disabled]float:left;*/
	/*[disabled]position:relative;*/
	/*[disabled]width:25%;*/
}
.meta .postmeta
{
	float: left;
	clear: none;
	width: 25%;
}
.postmeta
{
	float: left;
}
.postmeta SPAN
{
	float: left;
	position: relative;
}
.post-meta-key
{
	background-color: #A5E126;
	color: #FFFFFF;
}
#foreign A
{
	float: left;
	font: 0.9em Arial;
	padding: 0 0 0 0px;
	line-height: 1;
	height: auto;
}
#foreign
{
	margin-bottom: 25px;
	padding-left: 10px;
}
#foreign LI
{
	/*[disabled]margin-top:6px;*/
}
#foreign .postmeta
{
	margin-top: 6px;
}
#more
{
	float: left;
	margin: 0;
	padding: 0;
	font: normal larger sans-serif;
}
#more1
{
	position: relative;
	height: auto;
	font: smaller sans-serif;
}
#more .post-meta-key
{
	background-color: #E264A6;
}
#notxt P
{
	display: none;
}
.wp-caption P
{
	display: inherit !important;
	margin: 5px;
	font: italic 0.95em Arial;
	background-color: #F1F1F1;
	float: left;
}
.wp-caption
{
	padding: 6px 0;
}
#noimg P
{
	display: inline-block;
}
#noimg DIV
{
	display: none;
}
.wp-caption DD
{
	font: italic 1em sans-serif;
	background-color: #F7F7F7;
	float: left;
	margin-top: 5px;
}
DIV #perma A
{
	height: auto;
	float: right;
	font: 0.8em sans-serif;
	position: relative;
	background-color: #F1F1F1;
}
#contact P, ADDRESS
{
	margin-left: 10px;
}
/*** START SINGLE ***/
#single .meta
{
	float: left;
}
#singletitle A:hover
{
	background-color: #E264A6;
}
#single A
{
	text-decoration: none;
	font: bold 1.1em/2em Arial, sans-serif;
	color: #222;
}
#single #categ LI
{
}
#single #categ UL
{
	text-decoration: none;
	font-size: smaller;
	float: left;
	padding: 0;
	margin: 0;
}
#single .gg
{
	z-index: 9;
	margin-top: 0px;
	background-color: #D5C2CC;
	float: left;
	position: absolute;
	opacity: 0.8;
}
#single .takeme A
{
	clear: both;
	font: normal normal 0.8em sans-serif;
	text-align: right;
}
/*++404++*/
#errorpage, #errorpage A
{
	text-decoration: none;
	color: #222;
}
#errorpage LI
{
	background-color: #F1F1F1;
	list-style: none;
	list-style-type: none;
}
#errorpage A:hover
{
	background-color: #E264A6;
}
/*++search*/
#searchform INPUT
{
	background-color: #F0F0F0;
	font-size: 0.8em;
}
#searchpage A
{
	color: #6F6E6E;
	margin-top: 5px;
}
#searchpage A:hover
{
	background-color: #A5E126;
	color: #000000;
}
#single #notxt .sociable
{
	float: left;
	width: 100%;
	font-size: 0.9em;
	color: #222;
	display: inline;
}
#notxt .sociable
{
	display: none;
}
#notxt .sociable LI
{
	float: left;
	padding: 0;
	margin: 5px 0 0;
}
/****START INNERFADE PATRICK FADE GALLERY****/
.innerfade
{
	float: left;
	margin-left: 0px;
	text-align: left !important;
}
.innerfade IMG
{
	border: none;
}