/*
Theme Name: Upminders
Theme URI: http://upminders.com/
Description: Upminders theme.
Version: 1.0
Author: Alexey Doronin
Author URI: http://upminders.com/
Tags: clean, fixed width
Text Domain: kubrick

	This theme was designed and built by Alexey Doronin
*/



/* __ Reset */

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style-type: none;
	font-size: 100%;
}


/* __Overall */

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.noborder {
	border: none;
}

.clearboth {
	clear: both;
}


/* Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* Clearfix Patches f�r den IE */
.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 */


/** HIDING FOCUSRING */
a:active, a { 
	outline: none; 
}
 
:focus { 
	-moz-outline-style: none; 
}
 
:-moz-any-link:focus {
	outline: none;
}

a {
	color:#d40000;
	border-bottom: 1px dotted #000;
	cursor: pointer;
}

a:hover {
	color:#000;
	border-bottom: 2px solid #d40000;
}

a:active {
	color: #aaa;
}

a img { border:none; }

h1 a, h1 a:hover {
	font-weight: normal;
	border:none;
}

h2 {
	font-size: 200%;
	line-height: 1.2;
}

h3 {
	font-size: 170%;
	line-height: 1.2;
}

/* __ Body */
html, body {
	overflow: hidden;
	color: #555;
/*	font: normal 13px/20px Georgia, "Times New Roman", Times, serif;	*/
	font: normal 13px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
/*line-height:1.7;*/
	height: 100%;
} 

/* __ Background */
.georgia { font-family:Georgia, "Times New Roman", Times, serif; }
.courier-new { font-family:"Courier New", Courier, monospace; }
.arial { font-family:Arial, Helvetica, sans-serif; }
.arial-black { font-family:"Arial Black", Gadget, sans-serif; }
.tahoma { font-family:Tahoma, Geneva, sans-serif; }
.trebuchet-ms { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.times-new-roman { font-family:"Times New Roman", Times, serif; }
.gray-ccc {	color: #ccc; }
.gray-aaa {	color: #aaa; }
.gray-888 {	color: #888; }
.gray-666 {	color: #666; }
.gray-444 {	color: #444; }
.gray-222 {	color: #222; }
.red {	color: #d40000; }
.small { font-size: 15px; }
.normal { font-size: 30px; }
.big {	font-size: 50px; }
.mega {
	font-size: 70px;
	letter-spacing: -2px;
	line-height: 25px;
}
.bold {	font-weight: bold; }


/* __ Page */

#page-wrapper {
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	z-index: 2;
	background: url(images/gradient.jpg) repeat-x;
/*	background: url(images/blog-background-grey.jpg) no-repeat scroll center top;*/
/*	background: url(images/decorative_01.gif) repeat;*/
/*	background: url(images/pattern8-pattern-20b.png) repeat;*/
}


/* __ Center Content */

#page-wrapper #content-wrapper {
	width: 880px;
	background: #fff;
	padding: 40px;
	padding-bottom: 20px;
	margin: 15px auto;
	margin-bottom: 0px;
	position: relative;
	z-index: 30;
}


/* __ Header */

/*
#page-wrapper #logo-wrapper {
	width: 980px;
	height: 100px;
	background: transparent;
	margin: 0 auto;
}
*/

#header-wrapper {
	width: 920px;
	height: 96px;
/*	background: transparent url(images/mountains_3.jpg) no-repeat 672px bottom;	*/
	margin: 0 auto;
	position: relative;
	/*
	width: 940px;
	background: #fff;
	padding: 0 10px 50px 30px;
	margin: 20px auto;
	margin-bottom: 0px;
	*/
}

#logo {
	display:block;
	width:271px;
	height:60px;
	border:none;
	background-color: #ccc5bd;
	/*background-color: #fff;*/
}
#testimonial { position:absolute; top:0px; right: 50px; width:220px; height:80px; }
	#block {
		background:transparent url(images/color-black-10-percent-trans.png) repeat scroll 0 0;
		padding: 10px;
		width: 210px;
	}
	#triangle {
		background:transparent url(images/color-black-10-percent-triangle-trans.png) no-repeat scroll 20px top;
		height:10px;
		margin:0 10px 15px 0;
		width:210px;
	}

#twitter_div {
	background:transparent url(images/twitter_box.gif) repeat-y scroll 0 0;
	position: absolute;
	top: -27px;
	right: 36px;
	width: 276px;
}
#twitter_div_top {
	background:transparent url(images/twitter_box_top.gif) no-repeat scroll 0 top;
}
#twitter_div_bottom {
	background:transparent url(images/twitter_box_bottom.gif) no-repeat scroll 0 bottom;
	height:1%;
	padding:36px 14px 29px 10px;
}

#portfolio-showcase-div {
	float:left;
	position:relative;
	overflow:hidden;
	width:868px; padding:5px; margin-bottom: 16px;
	border:#dedede 1px solid; background-color:#fff;
	z-index:34;
}

#portfolio-showcase-div a {
	text-decoration:none; border:none;
}
#portfolio-showcase {
	display: block;
	height: 196px;
	overflow: hidden;
}

div.info-block {
	position:relative;
	float:left;
	width:264px;
	height:130px;
	padding:10px;
	border:#dedede 1px solid;
	margin: 0px 11px 1px 0px;
	background: #F8F8F8;
	z-index:34;
}
div.info-block-last {margin-right:0px}
div.info-block h2 {
	font-size: 140%;
	text-align: center;
	margin-bottom: 10px;
}
div.info-block p {
	text-align: justify;
	text-indent: 2em;
}

.shadow { position:absolute; z-index:33; background-color:#f0f0f0; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; }
/*
#shadow0 { top:146px; left:45px; width:880px; height:208px;  }
#shadow1 { top:370px; left:45px; width:286px; height:152px; }
#shadow2 { top:370px; left:342px; width:286px; height:152px; }
#shadow3 { top:370px; left:640px; width:286px; height:152px; }
*/
#navigation {
	/*
	position: absolute;
	top:-5px; left:100px;
	*/
}

#extramenu {
	position: absolute;
	top: 10px;
	left: 40px;
}

.navigation li {
	float: left;
	margin-right: 5px;
}

.navigation li.trenner {
	color:#eee;
	font-weight:bold;
}

.navigation li a {
	color: #aaa;
	border: none;
	font-size: 16px;
/*	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;	*/
	text-transform: lowercase;
}

.navigation li.current_page_item a {
	color:#000;
/*	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	*/
	font-size: 18px;
}

.navigation li a:hover {
	color:#000;
}

#langs { position:absolute; top:13px; right: 18px; z-index:32; width:300px; }
#langs a { border:none; }
#langs div {
	float:right;
	height:37px;
	margin:-3px 0 -4px -20px;
	width:55px;
}
#langs a.icon, #langs a.sound, #langs span {
	display:block;
	float:left;
}
#langs a.icon {
	height:26px;
	margin-left:6px;
	overflow:hidden;
	width:21px;
}
#langs span {
	color:#585858;
	float:left;
	height:22px;
	line-height:22px;
	margin-right: 16px;
	margin-top:-4px;
	padding-left:4px;
}
#showhide { background: url('images/plus-minus.jpg') 0px 0px; }

/* __ Left Box */
#content-wrapper #content-block {
	float:left;
	clear: both;
}

/* __ Left Box */

#content-wrapper #left {
	float: left;
	clear: both;
	width: 560px;
/*	padding: 0 50px 0 0;*/
/*	border-right:2px dotted #eee;*/
	margin: 0;
}

#left h4 {
	float: left;
	clear: both;
/*	font: italic normal 12px/16px Georgia, "Times New Roman", Times, serif;	*/
	font: italic normal 12px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
	width: 100%;
	text-align: center;
	color: #aaa;
	margin: 0 0 10px 0;
}

#left p {
	float: left;
	clear: both;
	width: 560px;
	padding: 10px 0;
}

#left .initial {
	float: left;
	width: auto;
	clear: none;
	font-size: 40px;
	line-height: 39px;
	padding: 0;
	margin: 0 5px 0 0;
	color: #333;
}

#left .meta, #left .autor {
	width: 100px;
	float: right;
	clear: none;
	text-align: left;
	border-left: 1px solid #555;
	font-size: 11px;
	line-height: 20px;
	padding: 0 0 0 10px;
	margin: 0 0 20px 20px;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
}

#left .autor {
	width: 50px;
	height: 50px;
}


#left blockquote {
	float: left;
	clear: both;
	width: 515px;
	padding: 0 0 0 10px;
	text-align:justify;
	color: #999;
	margin: 10px 0 10px 30px;
	border-left: 5px solid #333;
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
}

#left .more-articles {
	float: left;
	clear: both;
	width: 520px;
	border-top:2px dotted #eee;
	margin: 40px 0 0 0;
	padding: 20px 0 0 0;
}

#left .more-articles li {
	float: left;
	width: 520px;
	margin: 10px 0 30px 0;
}

#left .more-articles li.right {
	float: right;
}

#left .more-articles li h2 {
	font-size: 25px;
	line-height: 40px;
	margin: 0 0 5px 0;
}

/* __Comments */

#left .comments {
	float: left;
	clear: both;
	width: 520px;
/*	border-top:2px dotted #eee;	*/
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
}

#left .comments li {
	float: left;
	width: 560px;
/*	margin: 0 0 10px 0;
	padding: 0 0 10px 0;	*/
/*	border-bottom: 1px dotted #aaa;	*/
}

#left .comments li.admin {
	width: 520px;
	padding: 15px;
	border: 5px solid #d40000;
	background: #fefefe;
}

#left .comments li.admin p {
	width: 520px;
}

#left .comments li.form {
	width: 530px;
	padding: 15px;
	background: #000;
	color: #fff;
	float: left;
}

#left .comments li.form label, #left .comments li.form input, #left .comments li.form textarea {
	float: left;
	clear: both;
	margin: 0 0 5px 0;	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#left .comments li.form input, #left .comments li.form textarea {
	background: #eee;
	border: 5px solid #666;
	padding: 5px;
	width: 200px;
	float: left;
	clear: both;
}

#left .comments li.form textarea {
	width: 460px;
	float: left;
	clear: both;
}

#left .comments li.form input.button {
	background: #d40000;
	border: 5px solid #d40000;
	padding: 5px;
	float: left;
	clear: both;
	cursor: pointer;
	color: #fff;
	margin: 10px 0 0 0;
	font-weight: bold;
}

#left .comments li.form input.button:hover {
	background: #b40000;
}

#left .comments li.form input:focus, #left .comments li.form textarea:focus {
	background: #fff;
	border: 5px solid #eee;
}

#left .comments li.headline {
	border-bottom:none;
}

#left .comments li h2 {
	font-size: 25px;
	line-height: 40px;
	margin: 0 0 5px 0;
	float: left;
}

#left .comments li h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 20px 0 5px 0;
	float: left;
}

#left .comments li.headline2 { position:relative; }
#left .comments li.headline2 h2 { background:#f0f0f0 none repeat scroll 0 0; color:#555; left:-56px; padding:10px 20px; position:relative; width:578px; margin:0; }
#left .comments li.headline2 h2 img { position:absolute; left:0; top:100%; }


/* __ Portfolio */

#portfolio-gallery{
	width: 880px;
	height: 472px;
	margin: 0;
	float: none;
	overflow:hidden;
	position: relative;
}
#portfolio-gallery ul {
	position: absolute;
	width: 20000px;
	top:0;
	left:0;
}
.project{
	width: 290px;
	margin-bottom: 5px;
	position: relative;
}
.project a{
	border: 2px solid #dedede;
	background-color: #dedede;
	color: #555;
	display: block;
	width: 286px;
	height: 150px;
	overflow: hidden;
	position: relative;
}
.project a img{
  position: absolute;
  z-index: 35;
  border: none;
}
.project a span.project-title{
  position: absolute;
  left: 3px;
  bottom: 0;
  height: 16px;
  width: auto;
  white-space: nowrap;
  line-height: 1em;
  color: #333 !important;
  font-size: 10px;
  text-transform: uppercase;
  z-index: 30;
  opacity: 0;
}

li.portfolio-column { width:290px; float:left; margin-right: 5px; }
li.last-column { margin-right:0px; }
.portfolio-controls {
	position:absolute;
	width: 50px;
	height: 100%;
	z-index: 36;
	
}
.portfolio-controls a {
	display: block;
	width:50px;
	height:100%;
	z-index: 37;
	padding: 0 5px;
	border: none;
}
.portfolio-controls a:hover { border:none; }
#portfolio-prev { left:0px; }
#portfolio-next { right:0px; }


/*url(images/portfolio-left.png) no-repeat center;*/
#portfolio-prev a { background: #e5e5e5; opacity: 0.4; /*transparent url(images/color-black-10-percent-trans.png) repeat scroll 0 0*/ ; }
#portfolio-next a { background: #e5e5e5; opacity: 0.4; /*transparent url(images/color-black-10-percent-trans.png) repeat scroll 0 0*/ ; }

/* __ Portfolio detail */

#portfolio-detail {
	float: left;
	clear: both;
	width: 880px;
}
#portfolio-detail #project-cover { margin-bottom:16px; }
#portfolio-detail #project-cover a, #portfolio-detail #project-cover img { border:none; }
#portfolio-detail h2 {
	float: left;
	clear: both;
/*	font:normal 30px/45px Georgia, "Times New Roman", Times, serif; */
	font:normal 30px/45px "Trebuchet MS", Helvetica, Arial, sans-serif;
	width: 100%;
	text-align: center;
	background: url(images/plane.png) no-repeat scroll center bottom;
	padding-bottom: 3px;
	color: #333;
	margin: 0 0 11px 0;
}
#portfolio-detail > li {
	float: left;
	width: 880px;
/*	padding: 0 0 10px 0;	*/
	border: none;
/*	border-bottom: 1px dotted #aaa;	*/
}
#portfolio-detail > li.info-block {
	position:relative;
	float:left;
	width:868px;
/*	height:140px;	*/
	padding:5px;
	border:#dedede 1px solid;
	margin: 0px 11px 1px 0px;
	background: #F8F8F8;
	z-index:34;
}
#portfolio-detail div.textbox {
	width: 286px;
	margin-right: 11px;
	float: left;
}
#portfolio-detail div.last-column {
	margin-right:0px;
}
#portfolio-detail div.textbox h3 {
	width: 280px;
	float: left;
	font:normal 18px/25px Georgia, "Times New Roman", Times, serif;
	color: #000;
/*	margin: 0 0 15px 0;	*/
}
#portfolio-detail div.textbox p {
	padding-bottom: 10px;
}
#portfolio-detail div.textbox p .green {
	color: #62be00;
}


/* __ About */


#about > ul {
	float: left;
	clear: both;
	width: 880px;
}

#about li ul {
	list-style:circle;
}

#about > ul > li {
	float: left;
	width: 286px;
	margin-right:11px;
	border: none;
}

#about > ul > li p {
	text-align:justify;
	text-indent: 20px;
}

#about > ul > li.lastcolumn { margin-right:0px; }

#about h2 {
	float: left;
	clear: both;
/*	font:normal 30px/45px Georgia, "Times New Roman", Times, serif; */
	font: normal 30px/45px "Trebuchet MS", Helvetica, Arial, sans-serif;
	width: 100%;
	text-align: center;
	background: url(images/plane.png) no-repeat scroll center bottom;
	padding-bottom: 3px;
	color: #333;
	margin: 0 0 11px 0;
}


/*	Contact	*/
#left form.contact-form { margin-bottom: 10px; }
#left form.contact-form button { background-color: #CCC5BD; border:none; padding:5px; }
#left form.contact-form label { display:block; font-size:10px; margin-top: 10px; }
#left textarea.expanding {
	background:transparent url(images/input_dotted.gif) no-repeat scroll left 18px;
	border:0 none;
	color:#000;
	line-height:22px;
	width:548px;
	height:80px;
	min-height:80px;
	margin-bottom: 5px;
/*	font: normal 14px Arial, Helvetica, sans-serif;	*/
/*	overflow: hidden;
	display: block;
*/
}
#left input.dotted { border:none; border-bottom:1px dotted #999999; width:548px; height:16px; }

.vcard {
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 10px;
	float: left;
	width: 280px;
	background: transparent url(images/color-black-10-percent-trans.png) repeat scroll 0 0; 
}


/* __ Sidebar */

#content-wrapper #sidebar {
	float: right;
	width: 280px;
	position: relative;
	background-color: #FFF;
	margin: 0;

	border:#dedede 1px solid;
	background: #F8F8F8;
	z-index: 34;
	padding: 5px;
}

#sidebar #tags {
	float: left;
	width: 280px;
	padding: 10px 0;
}

#sidebar #latest-work, #sidebar #articles {
	float: left;
	width: 130px;
	padding: 10px 0;
/*	border-bottom: 1px dotted #aaa;	*/
}

#sidebar #latest-work, #sidebar #articles {
	width: 280px;
}

#sidebar #articles {
	border: none;
}

#sidebar #tags li, #sidebar #latest-work li, #sidebar #articles li {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 2px 0;
}

#sidebar #tags li a, #sidebar #latest-work li a, #sidebar #articles li a {
	font-size: 13px;
}

#sidebar #latest-work li a, #sidebar #latest-work li a img {
	border: none;
}

#sidebar #latest-work li a {
	position: relative;
	display: block;
}

#sidebar #latest-work li a span {
	position: absolute;
	display: none;
}

#sidebar #latest-work li a:hover span {
	background: #fff;
	color: #000;
	padding:2px 5px;
	font:normal 11px/11px Arial, Helvetica, sans-serif;
	right: 5px;
	top: 60px;
	position: absolute;
	display: block;
}


#sidebar h2, #left h2, #sidebar #tags li.h2, #sidebar #latest-work li.h2 {
	float: left;
	clear: both;
/*	font: normal 30px/45px Georgia, "Times New Roman", Times, serif;	*/
	font: normal 30px/45px "Trebuchet MS", Helvetica, Arial, sans-serif;
	width: 100%;
	text-align: center;
/*	border-bottom: 4px solid #000;	*/
	padding-bottom: 3px;
	background: url(images/plane.png) no-repeat scroll right bottom;
	color: #333;
	margin: 0 0 10px 0;
}

#sidebar h2 {
	width: 268px;
}

#sidebar #tags li.h2, #sidebar #latest-work li.h2  {
	font:normal 20px/35px Georgia, "Times New Roman", Times, serif;
}

#sidebar #articles li.h3 {
	float: left;
	clear: both;
	font: bold 15px/22px Georgia, "Times New Roman", Times, serif;
	width: 100%;
	color: #333;
	margin: 0 0 5px 0;
}

#sidebar #articles li.h3 span {
	font:normal 15px/22px Georgia, "Times New Roman", Times, serif;
	color: #aaa;
}


#sidebar h3 {
	float: left;
	clear: both;
	font:bold 15px/22px Georgia, "Times New Roman", Times, serif;
	width: 100%;
	text-align: left;
	color: #333;
	margin: 10px 0 0 0;
}

#sidebar p {
	float: left;
	clear: both;
	font:italic normal  15px/22px italic Georgia, "Times New Roman", Times, serif;
	width: 100%;
	padding:0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #aaa;
	color: #777;
}


#sidebar form.contact-form { margin-bottom: 10px; }
#sidebar form.contact-form button { background-color: #CCC5BD; border:none; padding:5px; }
#sidebar form.contact-form label { display:block; font-size:10px; margin-top: 10px; }
#sidebar textarea.expanding {
	background:transparent url(images/input_dotted.gif) no-repeat scroll left 18px;
	border:0 none;
	color:#000;
	line-height:23px;
	width:268px;
/*	height:80px;	*/
	min-height:80px;
	margin-bottom: 5px;
/*	font: normal 14px Arial, Helvetica, sans-serif;	*/
/*
	display: block;
*/
}
#sidebar input.dotted { border:none; border-bottom:1px dotted #999999; width:268px; height:16px; background-color: #f8f8f8; }

/* __ Footer */


#footer {
	float: left;
	clear: both;
	color: #fff;
	margin: 16px 0 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#footer p {
	background: #dedede;
	padding: 2px 5px;
	width: 870px;
	float: left;
	display: inline;
	clear: both;
	margin: 0 0 1px 0;
}

#footer p.big {
	font-size: 25px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 4px 5px;
}

#footer p a {
	color: #fff;
/*	border-bottom: 2px solid #d40000;*/
	border-bottom: none;
	font-weight: bold;
}

#footer p a:hover {
	background: #d40000;
	border-bottom:2px solid #d40000;
}