/*
Theme Name: ai-one
Theme URI: http://www.ai-one.com/
Description: The semantic system ai-one theme.
Version: 1.0
Author: Thomas Diggelmann
Author URI: http://www.semanticsystem.com
Tags: Orange, semantic system ag

*/

@charset "UTF-8";
/* CSS Document */

/*
	 * Content width: 800px
	 *
	 */
	
	* {margin:0;padding:0;}
	
	/* remove nasty safari textbox borders */
	* {outline: none;}  
	
	/* must declare 0 margins on everything, also for main layout components use padding, not 
	vertical margins (top and bottom) to add spacing, else those margins get added to total height 
	and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
	
	body {
		font: normal 85% Geneva, "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif !important;
		color: #ffffff; /* wa #000000 */
		line-height: 1.5em !important;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: Geneva, "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif !important;
		letter-spacing: 0;
	}
	
	h1 {
		border-bottom: 1px dotted  #999999;
		font-size: 1.5em !important;
		margin-bottom: 1em;
		padding-bottom: 0.4em;
	}
	
	h2 {
		font-size: 1.4em !important;
		margin-bottom: 0.6em;
	}
	
	h3 {
		font-size: 1.2em !important;
		margin-bottom: 0.4em;
	}

	
	html, body, #wrapper {height: 100%;}
	
	body > #wrapper {height: auto; min-height: 100%;}
	
	#wrapper {
		/* background-image: url(images/bg_main.png);
		background-repeat: repeat-x; */
		background: #ffffff url(images/bg_main.png) repeat-x; /* was #505050 */
		min-width: 900px;
	}
	
	#ai_upper {
		/*padding-bottom: 46px;*/ /* must be same height as the footer */
/*		background-image:url(images/brain_upper.png); */
		background-repeat: no-repeat;
		background-position: 270px 26px;
		/*clear: both;*/
	}
	
	#ai_lower {
		/* background-image:url(images/brain_lower.png); */
		background-repeat: no-repeat;
		min-height: 220px;
	}
	
	#ai_header, #ai_banner, #ai_border {
		width: 900px; /* 850px; */
		margin-left: auto;
		margin-right: auto;

	}
	
	#ai_header { height: 26px; }
	#ai_banner 	{ height: 162px; background:#F58025 url(images/brain_upper.png) no-repeat; /* was height: 122px */
 }
	#ai_border 	{ height: 3px; /* 32 */}
	
	#ai_contentBegins, #ai_contentEnds {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#ai_contentBegins {
		background-image: url(images/con_bg.gif);
		background-repeat: repeat-y;
	}
	
	#ai_contentHead {
		background-image: url(images/con_top.gif);
		background-repeat: no-repeat;
		min-height: 235px;
		padding: 0 25px 0 25px;
	}
	
	#ai_contentEnds {
		background-image: url(images/con_bottom.gif);
		height: 12px;
		background-repeat: no-repeat;
		margin-bottom: 10px;
	}
	
	/*Primary Menu */
	div#ai_primaryMenu {
		width: auto;
		margin-left: 0px; /*-8pxcompensate soft shadow*/
		margin-bottom: 20px;
	}
	
	#footer {
		position: relative;
		margin-top: -46px; /* negative value of footer height */
		height: 46px;
		/* background-image: url(images/pattern_bottom_gradient.png);*/
		min-width: 900px;
		clear:both;
	} 
	
	#footer .copyright {
		text-align: center;
		font-size: 9px;
		color: #808080;
		line-height: 14.5px;
		padding-top: 6px;
	}
	
	#footer .copyright a {
		color: #808080;
	}
	
	#footer .copyright a:hover {
		color: #999999;
	}
	
	#footer .copyright em {
		font-style:normal;
		font-weight: normal;
		font-size: 1.1em;
	}

	
	body { 
		margin: 0px 0px 0px 0px; 
		background-image: url(images/pattern_bg.png);
		background-color: #505050;
	}

	/* CLEAR FIX*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE-Patches für Clearfix */
.clearfix { display: inline-block; }
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende des Versteckspiels für den IE5/Mac */

	
	/*Orange Tabs*/
	div.orange_tabs {
		width: auto;
		float: left;
		background: url(images/menu_corner_o_l.png) left bottom no-repeat;
	}
	
	div.orange_tabs ul {
		width: auto;
		float: left;
		background: url(images/menu_corner_o_r.png) right bottom no-repeat;
		padding: 0 8px 0px;
		margin: 0;
	}
	
	div.orange_tabs li {
		width: auto;
		float: left;
		list-style: none;
		display: block;
		margin: 0;
		background-image:url(images/menu_bg_border_o.png);
		line-height: 33px;
		height: 34px;
		padding: 0 10px;
		font-size: 14px;
		/*border-bottom: 1px solid #383838;*/
	}
	
	div.orange_tabs li.first {
		background-image:url(images/menu_bg_o.png);
	}
	
	div.orange_tabs li.border {
		width: 2px;
		background-image: url(images/menu_bg_border_o.png);
		background-repeat: no-repeat;
		padding: 0;
		font-size: 1px; /* ei 6 hack */
	}
	
	div.orange_tabs li a {		
		width: auto;
		float: left;
		padding: 1px 0 0 0;
		line-height: 22px;
		font-size: 0.90em; /*0.87em;*/		
		font-weight: bold; /* added this */
		color: #FFFFFF; /* #D0D0D0; */
		text-decoration: none;
		margin-bottom: 0px;
		font-family:Arial, Helvetica, sans-serif; /* added this back */
	}
	
	div.orange_tabs li a:hover {
		color: #fff;
		border-bottom: 2px solid #742214; /* changed color */
		margin-bottom: 0;
	}
	
	div.orange_tabs li.current_page_item a,
	div.orange_tabs li.current_page_ancestor a,
	div.orange_tabs li.current_page_parent a,
	div.orange_tabs li.current_page_item a:hover,
	div.orange_tabs li.current_page_ancestor a:hover,
	div.orange_tabs li.current_page_parent a:hover {
		border-bottom: 2px solid #FFD300; 
		margin-bottom: 0;
		cursor: default;
		color: #FFFFFF; /* D0D0D0 changed color */
	}
	
	/* Top Menu & language selector */
	div#ai_topMenu, div#ai_languageSelector {
		width: auto;
		float: right;
	}
	
	div#ai_languageSelector {
		/*margin-right: 3px;*/
	}
	
	/*Small Menu*/
	div.ai_smallButtons {
		margin-top: 4px;
		background: url(images/top_menu_l.gif) left bottom no-repeat;
	}
	
	div.ai_smallButtons ul {
		width: auto;
		float: left;
		background: url(images/top_menu_r.gif) right bottom no-repeat;
		padding: 0 6px 0px;
		margin: 0;
	}
	
	
	div.ai_smallButtons li {
		width: auto;
		float: left;
		list-style: none;
		display: block;
		margin: 0;
		background-image:url(images/top_menu_bg.gif);
		line-height: 18px;
		height: 16px;
		padding: 0 4px;
		border-left: 1px solid #585858;
		border-right: 1px solid #000000;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
		line-height: 13px;
		font-size: 11px;
		color: #999999;
		cursor: default;
	}
	
	div.ai_smallButtons li.ai_first {
		border-left: none;
	}
	
	div.ai_smallButtons li.ai_last {
		border-right: none;
	}
	
	div.ai_smallButtons li a {
		width: auto;
		float: left;
		padding: 0;
		line-height: 13px;
		color: #D0D0D0;
		text-decoration: none;
		margin-bottom: 0px;
		/*font-family:Arial, Helvetica, sans-serif;*/
	}
	
	div.ai_smallButtons li.ai_current a, div.ai_smallButtons li.ai_current a:hover {
		border-bottom: 2px solid #999999;
		margin-bottom: 0;
		cursor: default;
		color: #D0D0D0;
	}
	
	div.ai_smallButtons li a:hover {
		color: #fff;
		border-bottom: 2px solid #CCCCCC;
		margin-bottom: 0;
	}
	
	/* logo */
	#ai_semanticLogo {
		width: auto;
		float: left;
		margin-top: 7px;
	}
	
	#content_left {
		width: 230px;
		margin-right: 1px;
		padding: 0 10px 0 10px;
		float: left;
	}
	
	#content_right {
		margin-top: 10px;
		margin-bottom: 10px;
		text-align:left;
		float: left;
		width: 629px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	input.ai_searchBox {
		margin-left: 6px;
    	border:0;
    	background: transparent url("images/search_box.png") no-repeat top left;
    	height: 20px;
    	width: 118px;
    	padding-top:3px;
		padding-left: 6px;
		padding-right: 19px;
		color: white;
	}
	
	#ai_searchForm {
		margin-top: 5px;
		float: right;
		padding: 0px;
	}
	
	#ai_searchForm label {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 0.9em;
		color: #3f3e3e;
		margin: 0;
		padding: 0;
		display: block;
		float: left;
	}
	
	#ai_searchFormSubmit {
		position: relative;
		z-index: 1;
		top: 7px;
		left: 830px;
		border: 0;
	}
	
	#ai_searchFormSubmit img {
		border: 0;
	}
	
	/* list menu */
	
	div.ai_listMenu {
		margin: 0 0 15px 0;
	}
	
	div.ai_listMenu span {
		font-size: 14px;
		color: #d66b1f;
		font-weight: normal; 
		display: block; 
		padding-bottom: 4px; 
		border-bottom: solid 1px #CCCCCC;
	}
	
	div.ai_listMenu span a {
		color: #d66b1f;
		text-decoration: none;
	}
	
	div.ai_listMenu span a:hover {
		color: #FF9900;
	}
	
	div.ai_listMenu ul {
		margin: 0;
		padding: 0;
	}
	
	div.ai_listMenu ul li {
		color: #666666; 
		font-size: 12px; 
		border-bottom: solid 1px #CCCCCC; 
		padding-top: 2px; 
		display:block;
	}
	
	div.ai_listMenu ul li a {
		text-decoration: none;
		color: #666666; 
	}
	
	div.ai_listMenu ul li a:hover {
		color: #909090; 
	}
	
	#ai_contentPane {
		margin: 0; 
		width: 605px; 
		float:left; 
		color: #666666;
	}
	
	#ai_contentPane em {
		color: #d66b1f; 
		font-weight:bold;
		font-style: normal;
	}
	
	#ai_contentPane a {
		color:#d66b1f;
		text-decoration: none;
	}
	
	#ai_contentPane a:hover {
		color:#FF9900;
	}
	
	#ai_menuPane {
		margin: 0; 
		width: 205px; 
		float:right;
	}

	#ai_welcomeMessage {
		font-size: 1.3em; 
		line-height: 1.4em;
		border-bottom: solid 2px #d66b1f; 
		padding-bottom: 45px; 
		margin-bottom: 10px;
                margin-top: 20px;
	}
	
	#ai_welcomeMessage em {
		/*font-size: 1.1em;*/ 
		color: #d66b1f; 
		font-weight: bold; 
		margin-bottom: 10px; 
		display: block;
	}
	
	#ai_welcomeMessage em a {
		color: #d66b1f;
		text-decoration: none;
	}
	
	h1.ai_sectionTitle {
		border-bottom: solid 2px #d66b1f; 
		padding-bottom: 5px;
		font-size: 1.4em !important;
		display: block; 
		color: #d66b1f; 
		font-weight:bold; 
		margin: 25px 0 10px 0;
	}
	
	div.post {
		margin-bottom: 25px;
	}
	
	div.post h2 {
		line-height: 1.4em;
	}
	
	div.post h3 {
		margin-bottom: 0px;
	}
	
	div.post h3 a {
		text-decoration: none;
		color: #666666 !important;	
	}
	
	div.post h3 a:hover {
		color: #909090 !important;	
	}
	
	div.post p.postmetadata {
		margin-top: 5px;
		color:#999999; 
	}
	
	div.post small {
		color:#999999; 
		font-size: 0.75em;
		margin-bottom: 10px;
		display: block;
	}
	
	div.navigation {
		margin-bottom: 10px;
	}

	#ai_news div.navigation {
		margin: 0;
	}
	
	div.navigation .alignleft {
		float: left;
	}
	
	div.navigation .alignright {
		float: right;
	}
	
	/* Begin Comments*/
	.alt {
		margin: 0;
		padding: 0px;
		}

	.commentlist {
		padding: 0;
		text-align: justify;
		}

	.commentlist li {
		margin: 15px 0 10px;
		padding: 5px 0 10px 10px;
		list-style: none;

		}
	.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
	}

	.commentlist p {
		margin: 10px 0 10px 0;
	}
	.children { padding: 0; }

	#commentform p {
		margin: 0 0;
		}

	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		}

	.commentmetadata {
		margin: 0;
		display: block;
		}
	/* End Comments */

.entry p, .entry ul {
	margin-bottom: 1em;
}

.entry ul {
	margin-left: 2em;
}

.entry strong {
        color: #d66b1f; 
        font-weight:bold;
        font-style: normal;
}

.entry img.alignleft {
  float:left;
  margin: 5px 10px 5px 0;
}

.entry img.alignright {
  float:right;
  margin: 5px 0 5px 10px;
}

.post h2{
        margin-bottom: 0;
}

.hentry h2{
        margin-bottom: 0.5em;
}