/*  
Theme Name: UI Design
Theme URI: http://www.uidesign.at
*/

/****************************************************
 Basic Layout and Positioning
****************************************************/
img {
	border: none;
}
acronym, abbr, span.caps {
	cursor: help;
}
* {
	font-style: normal;
	list-style: none;
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none;
}
html, body {
	font: small/150% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	width: 100%;
	min-height: 100%;
	height: 100%;
	margin: 0px auto;
	color: #293644;
}
body {
	background: #ffffff url(images/bg_bottomholder_repy.gif) repeat-y fixed 50% 0pt;
}
#topHolder, #middleHolder, #bottomHolder {
	width: 100%;
	margin: 0px auto;
}
#topHolder {
	background: #e8edf3 url(images/bg_topholder_repx.gif) repeat-x 0 0;
	text-align: left;
	height: 125px;
	overflow: hidden;
}
#middleHolder {
	clear:both;
	background: #fff url(images/bg_middleholder_repy.gif) repeat-y fixed 50% 0pt;
	position: relative;
	float: left;
}
#bottomHolderSeparator {
	clear:both;
	background: #e8edf3 url(images/bg_bottomholderseparator_repx.gif) repeat-x 0 0;
	height: 2px;
	line-height: 2px;  /* For IE 6 PC */
	font-size: 1px;  /* For IE 6 PC */
}
#bottomHolder {
	clear:both;
}
#pagebody {
	width: 850px;
	margin: 0px auto;
}
#pagebody .pagebody_center {
	text-align: left;
	background: #ffffff;
	float: left;
	overflow: hidden;
	width: 100%;
}
#pagebody .pagebody_center {
	background: #FFFFFF url(images/bg_pagebody_repy.gif) repeat-y 0 0;
}
#pagebody .pagebody_center .maincontent {
	background: #FFFFFF url(images/bg_maincontent_repx.gif) repeat-x 0 0;
	float: left;
	position: relative;
	width: 630px;
	min-height: 400px;
	margin-left: 2px;
}
*html #pagebody .pagebody_center .maincontent {
	height: 400px;
}

#pagebody .pagebody_center .maincontent.leftbar {
	margin-left: 0px;
}

#pagebody .pagebody_center .maincontent.norightbar {
	width: 846px;
}
#bottomHolder .footer {
	width: 850px;
	margin: 0px auto;
}
#rightbar, #leftbar {
	background: transparent url(images/bg_maincontent_repx.gif) repeat-x 0px 0px;
	float: left;
	width: 216px;
}
#leftbar {
	margin-left: 2px;
}

/****************************************************
 TOP Holder
****************************************************/
#topHolder .header, #topHolder .toolbar {
	width: 850px;
	margin: 0px auto;
	height: 90px;
}
#topHolder .toolbar {
	height: 25px;
}
#topHolder .toolbar span {
	position: relative;
	float: left;
	margin-top: 3px;
	/*font: 13px/20px "Georgia", verdana, helvetica, arial, sans-serif;*/
	
}
#topHolder .toolbar span.more {
	/*
		height: 23px;
	position: relative;
	float: left;
	
*/
	padding: 0px 19px 0px 8px;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(images/icon_more.gif) no-repeat right 6px;
}


/****************************************************
 Header
****************************************************/
.header h1 {
	height: 60px;
	line-height: 350px;
	overflow: hidden;
	width: 130px;
	padding: 0px 0px 0px 0px;
	margin-left: 2px;
	float: left;
	position: absolute;
	background: none;
	z-index: 5;
	top: 44px;
}
.header h1 a {
	position: absolute;
	z-index: 5;
	height: 60px;
	margin-top: 0px;
	width: 130px;
	overflow: hidden;
	text-decoration: none;
	top: 0px;
	cursor: pointer;
}
/*
.header h1 a.uidesign {
	background-repeat: no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_uidesign.png');
}
*/
html > body .header h1 a.uidesign {
	background: transparent url(images/logo_uidesign.png) no-repeat 0 0;
}


/****************************************************
 Banner
****************************************************/
#pagebody .banner {
	background: url(images/banner.jpg) no-repeat;
	float: left;
	height: 260px;
	width: 848px;
	margin-left: 2px;
	border-bottom: 1px solid #ffffff;
}

#pagebody .banner.wallpaper {
	background: url(images/wallpaper.jpg) no-repeat;
	cursor: pointer
}

#pagebody .banner .section {
	float: left;
	position: relative;
	top: 35px;
	left: 35px;
	width: 220px;
}
#pagebody .banner .section p {
	font: medium/150% "Georgia", "Lucida Grande", verdana, helvetica, arial, sans-serif;
}



/****************************************************
 Navigation (ul, li)
****************************************************/

ul {
	list-style: none;
}
li {
	list-style: none;
	/*clear: both;
	
	padding-left: 0px;*/
}



/****************************************************
 Navigation: Main Menu
****************************************************/
.navigation {
	padding: 0px 0px 0px 350px;
	top: 50px;
	position: relative;
	list-style: none;
	height: 50px;
}
* html .navigation { top: 60px; } /* For IE 6 PC */
.navigation ul {
	list-style: none;
}
.navigation li {
	clear: none;
	list-style: none;
	float: left;
	width: 100px;
	background: none;
	height: 50px;
	text-align: left;
	margin-left: 10px;
	padding-left: 6px;
	line-height: 110%;
}
.navigation li span.meta {
	font-size: x-small;	
	color: #82909f;
}
.navigation li a {
	background: none;
	color: #e0dec1;
	overflow: hidden;
	height: 50px;
	position: relative;
	/*padding-bottom: 20px;*/
	text-decoration: none;
	color: #bdccdc;
	font-size: 120%;
	line-height: 100%;
}
.navigation .selected {
	background: url(images/bg_navigation.gif) repeat-x 0 17px;
}
* html .navigation .selected { margin-top: -2px; } /* For IE 6 PC */


/****************************************************
 Basic Styles
****************************************************/
a {
	text-decoration: none;
	color: #0d6ccb; /*006edb*/
}
a:hover {
	color: #0059b1;
	/*text-decoration: underline;*/
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Georgia", "Lucida Grande", verdana, helvetica, arial, sans-serif;
	font-weight: normal;
	color: #333;
}
h1 { /* Main headline of each main page */
	font-size: 200%;
	line-height: 200%;
	color: #6c7e91;
	padding-top: 10px;
}
h2 { /* e.g. comments */
	font-size: 150%;
	line-height: 140%;
	color: #9db3ca;
}
.journalsection h2, .contentsection h2 {
	padding-top: 20px;
}
h3 {
	font-size: 170%;
	line-height: 140%;
}
h3 a, h3:hover {
	text-decoration: none !important;
}
h4 { /* e.g. recent comments */
	font-size: small;
	font-weight: bold;
	color: #9db3ca;
}
h5 { /* e.g. footer */
	font-size: 85%;
	font-weight: bold;
	color: #9db3ca;
}
h6 { /* e.g. Headline within post */
	font-size: 130%;
	color: #9db3ca;
	margin-left: -220px;
	margin-bottom: -20px;
	padding-top: 20px;
}
.journalsection h6 {
	width: 220px;
	position: relative;
}
.txt_info {
	font-size: 85%;
	color: #606c8c;
}
.txt_user {
	color: #606c8c;
}
.txt_time,.txt_date {
	font-size: 90%;
	color: #9db3ca;
}
.txt_time p {
	line-height: 138%;
}


/****** Journal & Content Pages ******/
.journalsection, .contentsection {
	clear: both;
	float: left;
	position: relative;
	padding: 5px 10px 20px 20px;
	
	
}

/****** Items (Headline, Content,...) ******/
.journalsection .items {
	float: left;
	padding: 25px 20px 5px 50px;
}
.journalsection .items.single {
	padding-left: 10px;
}
.journalsection .items p {
	padding-bottom: 20px;
}
.journalsection p .excerpt {
	font-size: 130%;
	line-height: 140%;
}
.journalsection.list .items p {
	padding-bottom: 5px;
}
.journalsection .items .entry {
	float: left;
	padding-top: 5px;
}
.pagebody_center .maincontent .pagenumbers {
	float: left;
	position: relative;
	width: 100%;
}
/****** Images in content area ******/
.journalsection .items img, .contentsection img {
	border: 7px solid #f6f8fa;
	position: relative;
	clear: both;
	margin-bottom: 5px;
}
.journalsection .items img.noborder, .contentsection img.noborder {
	border: none;
}
.wp-smiley {
	border: none !important;
	margin: 0px !important;
}
.contentsection img {
	float: left;
	margin-right: 15px;
}
/****** List formatting in content area ******/
.journalsection .items ul, .journalsection .items ol, .contentsection ul {
	padding: 0px 0px 8px 21px;
	list-style: none;
}
.journalsection .items li, .contentsection li {
	list-style: none;
	padding-bottom: 15px;
	list-style-image: url(images/icon_bullet.gif);
}
.contentsection li {
	padding-bottom: 0px;
}

/****** Images in content area ******/
.contentsection .column1, .contentsection .column2 {
	position: relative;
	padding: 30px 20px 0px 0px;
	float: left;
	width: 280px;
}
.contentsection .column1 {
	clear: left;
}
.contentsection .aboutme {
	background: url(images/stephanlenhart.jpg) no-repeat 0 0;
	border: 7px solid #f6f8fa;
	position: relative;
	float: left;
	margin-top: 5px;
	width: 150px;
	height: 206px;
	margin-right: 15px;
}
.contentsection .column1 p, .contentsection .column2 p {
	padding-top: 5px;
}
.contentsection .column1 {
	clear: left;
}
.contentsection .thumbnail img {
	border: none;
	margin-left: 30px;
	padding-top: 4px;
}
.contentsection .column2 {
	clear: none;
	width: 500px;
	padding-right: 0px;
}

/****** Date icon ******/
.journalsection .date, .sidebarsection .date {
	width: 47px;
	height: 49px;
	position: absolute;
	margin-left: -55px;
	background: transparent url(images/icon_calendar.gif) no-repeat 0 0;
}
.sidebarsection .date {
	margin-left: 0px;
	margin-top: 7px;
	position: relative;
	float: left;
}
.sidebarsection .datedetails {
	margin-top: 7px;
	margin-left: 5px;
	position: relative;
	float: left;
}
.journalsection .date .month, .journalsection .date .day, .sidebarsection .date .month, .sidebarsection .date .day  {
	color: #fff;
	font-size: smaller;
	text-align: center;
	width: 45px;
	position: relative;
	float: left;
	padding-top: 1px;
}
.journalsection .date .day, .sidebarsection .date .day {
	color: #000;
	font-size: 130%;
	padding-top: 2px;
}
.journalsection .meta, .journalsection .comments, .sidebarsection.meta {
	font-size: 90%;
	color: #657688;
	/*float: left;*/
}
.journalsection .items.single .meta {
	position: relative;
	clear: both;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 5px;
}
.journalsection .comments {
	padding-left: 15px;
	margin-left: 15px;
	background: url(images/icon_comment.gif) no-repeat 0 5px;
}


/****** Contact, Portfolio ******/
.contentsection .items {
	clear: both;
	float: left;
}

/****************************************************
 Sidebar
****************************************************/

.sidebarsection {
	float: left;
	position: relative;
	clear: left;
	padding: 0px 12px 25px 10px;
	width: 200px;
}
#leftbar .sidebarsection  {
	padding-left: 20px;
	margin-left: 5px;
}
.sidebarsection.firstitem {
	padding-top: 27px;	
}
.sidebarsection.comments {
	margin-top: -20px;
}
.sidebarsection .recentcomments {
	padding-top: 5px;
}
.sidebarsection .recentcomments li {
	background: url(images/icon_comment.gif) no-repeat 0 5px;
	padding-left: 17px;
}
.sidebarsection .recentcomments .excerpt {
	text-decoration: none;
	color: #293644;
}
.sidebarsection .recentcomments img {
	border: none;
}
.sidebarsection .recentcomments li {
	padding-bottom: 10px;
	
}

/****** RSS, Trackback ******/
.journalsection .rssfeed, .journalsection .trackback {
	height: 26px;
	width: 26px;
	position: relative;
	float: right;
	background: url(images/icon_rss.gif) no-repeat 0 0;
	padding-right: 20px;
}
.journalsection .trackback {
	margin-right: 4px;
	background: url(images/icon_trackback.gif) no-repeat 0 0;
	padding-right: 0px;
}


/****************************************************
 Buttons
****************************************************/
.button_smart, .button_download {
	height: 23px;
	position: relative;
	float: left;
	padding: 3px 19px 0px 8px;
	cursor: pointer;
	text-decoration: none;
	background: #ebf3fa url(images/icon_more.gif) no-repeat right 9px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.button_smart:hover {
	background-color: #e2eefa;
}
.button_download {
	height: 26px;
	position: static;
	float: none;
	padding: 4px 0px 10px 30px;
	background: transparent url(images/icon_download.gif) no-repeat 0px 0px;
}
.sidebarsection .tags ul {
   list-style: none;
}
.sidebarsection .tags li {
	list-style: none;
	background:  url(images/icon_tag.gif) no-repeat 0px 3px;
	float: left;
	clear: both;
	padding: 0px 0px 2px 19px;
}
.sidebarsection .current-cat, .sidebarsection .current-year {
	font-weight: bold;
}



/****************************************************
 Footer
****************************************************/
#bottomHolder .footer p, #bottomHolder .footer span {
	text-align: left;
	color: #9db3ca;
	line-height: 130%;
	font-size: 85%;
	padding-top: 6px;
}
#bottomHolder .footer div {
	padding: 15px 0px 15px 15px;
}
#bottomHolder .footer .disclaimer, #bottomHolder .footer .feedandtrack, #bottomHolder .footer .about, #bottomHolder .footer .search {
	float: left;
	width: 190px;
	text-align: left;
}
#bottomHolder .footer .copyright {
	clear: both;
	text-align: left;
	padding: 0px;
	padding-left: 18px;
}
#bottomHolder .footer .copyright p {
	padding: 0px;
	padding-bottom: 15px;
}
#bottomHolder .feedandtrack .rss {
	background: url(images/icon_rss_footer.gif) no-repeat 0 0;
	position: relative;
	height: 20px;
	clear: both;
	float: left;
	padding-left: 25px;
	padding-top: 4px;
	margin-top: 4px;

}


/****************************************************
 Sidenotes
****************************************************/
#pagebody .pagebody_center.sidenotes, #pagebody .pagebody_center.comments {
	background: #e8edf3 url(images/bg_sidenotes_repx.gif) repeat-x 0 0;
	width: 100%;
}
#pagebody .pagebody_center.sidenotes .sidenotessection {
	padding: 15px;
	position:relative;
	float:left;
}
.sidenotessection .sidenotes {
	padding-top: 5px;
	width: 100%;
	list-style: none;
	float: left;
	position: relative;
}
.sidenotessection .sidenotes date {
	color: #9db3ca;
	font-size: small;
}
.sidenotessection .sidenotes li a {
	text-decoration: none;
	color: #293644;
}
.sidenotessection .sidenotes li, .sidenotessection .sidenotes .items {
	clear: none;
	list-style: none;
	float: left;
	width: 190px;
	margin-right: 15px;
	text-align: left;
}
.sidenotessection .sidenotes li span {
	color: #293644;
}
.sidenotessection .sidenotes li span.date {
	color: #9db3ca;
}
.sidenotessection .sidenotes li a:hover {
	text-decoration: none;
}
/****** Further content in sidenotes area ******/
.sidenotessection .sidenotes .items {
	cursor: default;
}
.sidenotessection .sidenotes .items a {
	color: #006edb;
}
/****** Elsewhere items ******/
.sidenotessection .sidenotes .facebook, .sidenotessection .sidenotes .twitter {
	height: 26px;
	width: 26px;
	position: relative;
	float: left;
	clear: both;
	background: url(images/icon_facebook.gif) no-repeat 0 0;
	padding: 3px 0px 0px 30px;
}
.sidenotessection .sidenotes .twitter {
	background: url(images/icon_twitter.gif) no-repeat 0 0;
}
.sidenotessection .sidenotes a .facebook, .sidenotessection .sidenotes a .twitter {
	text-decoration: none;
	color: #293644;
}


/****************************************************
 Comments
****************************************************/
.commentsection {
	padding: 20px 30px 5px 30px;
	float: left;
}
.comment_container {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 15px;
	padding-top: 15px;
}
.comment_user, .comment_bubble, .comment_content {
	position: relative;
	float: left;
	width: 210px;
}
.comment_user div {
	margin-top: 12px;
}
.commentlist .comment_avatar {
	margin-top: 11px;
	position: relative;
	float: left;
	height: 52px;
	width: 52px;
	border: 4px solid #dce5ef;
	margin-right: 5px;
}
.commentlist .comment_avatar img {
	border: 1px solid #edf1f6;
}
.commentlist .comment_userinfo {
	position: relative;
	float: left;
	line-height: 140%;
}
.comment_bubble {
	width: 10px;
	height: 40px;
	background: transparent url("images/comment_bubble.gif") no-repeat 0 10px;
}
.comment_content {
	width: 540px;
	background-color: #dce5ef;
	border-bottom: 1px solid #b5c3d4;
	min-height: 80px;
}
*html .comment_content {
	height: 80px;
}
.comment_content div {
	padding: 10px 15px 10px 15px;
}
#commentform p {
	margin: 5px 0;
}
#commentform #comment {
	width: 490px;
}


/****************************************************
 Formulare
****************************************************/

textarea, input {
	padding: 0.3em;
	background: #f6f8fa;
	
	border: 1px solid #bdccdc;
	color: #606c8c;
	background: #f6f8fa;
}

textarea {
	border: 1px solid #bdccdc;
	color: #606c8c;
	background: #f6f8fa;
}


textarea:focus {
	background: #fff;
}
input {
	border: 1px solid #bdccdc;
	background: #f6f8fa;
}
input:focus {
	background: #fff;
}
#searchform {
	padding-top: 5px;
}
#searchform #s {
	border: 1px solid #54677a;
	width: 140px;
	background: #6c7e91;
}
#searchform #s:focus {
	width: 140px;
	background: #bdccdc;
}
#searchform .button, #commentform .button {
	width: 40px;
	text-align: left;
	position: relative;
	padding-left: 3px;
	color: #0059b1;
	text-decoration: none;
	background: #ebf3fa url(images/icon_more.gif) no-repeat right 8px;
	cusor: pointer;
	margin-left: -1px;
	
	border: 1px solid #54677a;
	/*height: 26px;
	top: 1px;
	*/
}
#commentform .button {
	width: auto;
	text-align: left;
	padding-right: 20px;
	margin-left: 0px;
	border: 1px solid #bdccdc;	
}



/****** Formatting for sidebar ******/
.sidebarsection #searchform #s {
	border: 1px solid #bdccdc;
	background: #f6f8fa;
}
.sidebarsection #searchform #s:focus {
	background: #fff;
}
.sidebarsection #searchform .button {
	border: 1px solid #bdccdc;
	background: #ebf3fa url(images/icon_more.gif) no-repeat right 8px;
}


/****************************************************
 Code formatting
****************************************************/
.wp_syntax {
	background-color: #f6f8fb !important;
	border: 1px solid #e6ecf5 !important;
	width: 490px !important
}
.wp_syntax .line_numbers {
	min-width: 20px !important;
	background-color: #e6ecf5 !important;
	color: #203962 !important;
}
.wp_syntax pre {
	font: 11px/16px "Courier New", Courier, monospace !important;
}