/*
Theme Name: Danwebs
 */
body {
	background:#EBEBEB url(media/imgs/tsts/wrapper-bg.png) repeat-y -420px 0;
	color:#252525;
	overflow-x:hidden;
}
pre
{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
}
.small
{
	font-size:0.8em;
	color:#999;
	font-style:italic;
}
::-moz-selection{
	background:#c1d730;
	color:#fff;
}

::selection {
	background:#c1d730;
	color:#fff;
}

code::-moz-selection {
	background: #c1d730;
}

code::selection {
	background: #c1d730;
}

.hidden
{
	display:none;
}
#lefter
{
	/*background:#ec008c;*/
	width:380px;
	height:1000px;
	position:absolute;
	top:0;
	left:-400px;
	color:#FFF;
	padding-top:50px;
	padding-left:20px;
}
	#lefter .lefter-item
	{
		position:absolute;
		top:50px;
		padding-right:20px;
		font-size:1.4em;
	}
	#lefter h1
	{
		color:#FFF;
		font-family:georgia,times,Times New Roman,times-roman,georgia,serif;
		padding-bottom:0.4em;
		line-height:1;
	}
	#lefter .menu-headline
	{
		color:#2B4754;
		/*font-family:Arial, Helvetica, sans-serif;*/
	}
	#lefter .close
	{
		display:block;
		position:absolute;
		top:0;
		right:0;
		background:url(media/imgs/general/lefter-close-combined-small3.png) no-repeat;
		width:35px;
		height:34px;
		outline:none;
		z-index:999;
	}
		#lefter .close:hover
		{
			background:url(media/imgs/general/lefter-close-combined-small3.png) no-repeat 0 -36px;
		}
	#lefter .menu
	{
		color:#434343;
		position:absolute;
		width:250px;
		right:0;
		z-index:999;
	}
		#lefter .menu img
		{
			margin-left:-200px;
		}
		#lefter .menu ul
		{
			list-style-type:none;
		}
			#lefter .menu ul li
			{
				padding:0;
				margin:0;
				margin-bottom:5px;
			}
				#lefter .menu ul li a
				{
					display:block;
					height:20px;
					font-size:1em;
					padding-left:25px;
					padding-top:5px;
					background:url(media/imgs/general/lefter-menu-bg-both.png) no-repeat;
					text-decoration:none;
					line-height:1em;
					width:125px;
					margin-bottom:1px;
					text-transform:uppercase;
					color:#EEE;
				}
				#lefter .menu ul li a:hover
				{
					background:url(media/imgs/general/lefter-menu-bg-both.png) no-repeat 0 -25px;
				}
				#lefter .menu ul li a.active
				{
					background:url(media/imgs/general/lefter-menu-bg-both.png) no-repeat 0 -25px;
				}
	#lefter .left-block
	{
		float:left;
		width:175px;
	}
	#lefter .right-block
	{
		float:left;
		width:175px;
		margin-left:10px;
	}
#wrapper
{
	/*background:#EBEBEB;*/
	color:#252525;
	line-height:20px;
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	overflow-x:hidden;
}
h1
{
	font-family:georgia,times,Times New Roman,times-roman,georgia,serif;
	font-size:4em;
	color:#2B4754;
}
	h1 a
	{
		text-decoration:none;
		color:#2B4754;
	}
h2, h3, h4, h5, h6
{
	font-size:1.2em;
	/*font-family:georgia,times,Times New Roman,times-roman,georgia,serif;*/
	font-family:helvetica, arial, sans-serif;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	color:#2B4754;
}
#contact
{
	height:400px;
	width:100%;
	background:#ded302;
	margin-top:-400px;
}
	#contact h2
	{
		font-size:2em;
		margin-bottom:30px;
	}
		#contact .form
		{
			margin-top:20px;
			border-right:1px solid #666;
			width:535px;
		}
		#contact .info
		{
			margin-top:30px;
			font-size:1.4em;
			letter-spacing:0.15em;
			font-size:16px;
			color:#2B4754;
		}
		#contact .spacer
		{
			margin-top:10px;
			margin-bottom:10px;
		}
		#contact label
		{
			display:block;
			font-size:16px;
			font-weight:bold;
			color:#2B4754;
			font-family:arial, sans-serif;
		}
		#contact input
		{
			width:350px;
			font-size:1.4em;
			color:#434343;
			border:0;
		}
		#contact textarea
		{
			width:450px;
			height:100px;
			font-size:1.4em;
			font-weight:bold;
			color:#999;
			font-family:helvetica, arial, sans-serif;
			border:0;
		}
		#contact .error
		{
			border:2px solid red;
		}
		#contact .cool
		{
			border:2px solid green;
		}
		#contact .active
		{
			color:#434343;
		}
		#contact #contact-send
		{
			width:100px;
			height:50px;
			background:url(media/imgs/general/kontakt-send-bg.png) no-repeat;
			margin-top:10px;
			cursor:pointer;
			outline:0;
		}
#header
{
	background:url(media/imgs/general/header-bg6.jpg) no-repeat;
	height:100px;
	position:relative;
}
	#header .top-contact-btn
	{
		display:block;
		position:absolute;
		top:0;
		right:48px;
		width:100px;
		height:50px;
		background:url(media/imgs/general/contact-top-btn-both.jpg) no-repeat;
		text-decoration:none;
		color:#434343;
		outline:none;
	}
		#header .top-contact-btn:hover
		{
			background:url(media/imgs/general/contact-top-btn-both.jpg) no-repeat 0 -50px;
		}
		#header .active-contact
		{
			background:url(media/imgs/general/contact-top-btn-both.jpg) no-repeat 0 -50px;
		}
	#header .searcher
	{
		position:absolute;
		right:88px;
		top:70px;
		border:1px solid #CCC;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		width:220px;
	}
	#header .active
	{
		box-shadow:2px 2px 2px #CCC;
		-webkit-box-shadow:2px 2px 2px #CCC;
		-moz-box-shadow:2px 2px 2px #CCC;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border:1px solid #2b4754;
	}
		#header .searcher .search
		{
			display:block;
			float:left;
			background:#FFF;
			border:0;
			margin:0;
			padding:0;
			height:20px;
			padding-top:5px;
			padding-left:5px;
			position:relative;
			width:195px;
			color:#CCC;
			border-radius:5px 0 0 5px;
			-moz-border-radius:5px 0 0 5px;
			-webkit-border-radius:5px 0 0 5px;
			font-family:rockwell,sans-serif;
		}
		#header .searcher .submit
		{
			display:block;
			background:#FFF;
			color:#CCC;
			border:0;
			height:25px;
			margin:0;
			padding:0;
			padding-right:5px;
			font-size:25px;
			width:15px;
			float:right;
			text-decoration:none;
			line-height:22px;
			border-radius:0 5px  5px 0;
			-moz-border-radius:0 5px  5px 0;
			-webkit-border-radius:0 5px  5px 0;
		}
		#header .searcher .input-active
		{
			color:#2b4754;
		}
		#header .searcher .submit-active
		{
			color:#2b4754;
		}
#topmenu
{
	background:url(media/imgs/general/topmenu-bg4.png) no-repeat;
	height:100px;
	color:#FFF;
	width:930px;
	padding-left:30px;
}
	#topmenu ul
	{
		list-style-type:none;
		margin:0;
		padding:0;
	}
		#topmenu ul li
		{
			float:left;
		}
		#topmenu ul a
		{
			color:#FFF;
			text-decoration:none;
			display:block;
			padding-top:25px;
			padding-left:70px;
		}
		#topmenu ul a.first
		{
			padding-left:0;
			padding-right:0px;
		}
		#topmenu ul a.last
		{
			padding-right:0;
		}
			#topmenu ul a.active
			{
				color:#ec008c;
			}
			#topmenu ul a:hover
			{
				color:#00a651;
			}
		#topmenu ul .home
		{
			font-size:4em;
		}
		#topmenu ul .services
		{
			padding-top:2px;
			font-size:3.2em;
		}
		#topmenu ul .referencer
		{
			padding-top:2px;
			font-size:2.8em;
		}
		#topmenu ul .kontakt
		{
			padding-top:4px;
			font-size:2em;
		}
		#topmenu ul .blog
		{
			padding-top:4px;
			font-size:1.6em;
			margin-right:0;
		}
#main
{
	margin-top:10px;
	overflow:hidden;
	margin-bottom:50px;
}
	#main .main
	{
		padding-right:20px;
		border-right:1px solid #CCC;
		font:1.2em/1.3 sans-serif;
	}
		#main .main p
		{
			margin-top:1.3em;
			margin-bottom:1.3em;
			padding-bottom:0;
		}
			#main .main p + p
			{
				margin-top:0;
				/*text-indent:1.2em;*/
			}
		#main .main .intro
		{
			font-family:Georgia,"Times New Roman",Times,serif;
			font-style:italic;
			font-size:1.3em;
			color:#666;
			margin-top:0;
			margin-bottom:10px;
		}
	#main .search
	{
		border-right:1px solid #CCC;
		border-left:0px solid #CCC;
		padding-left:0px;
		padding-right:20px;
	}
		#main .search .search-results
		{
			font-style:italic;
			margin-bottom:25px;
		}
		#main .search .post
		{
			border-bottom:1px solid #CCC;
			padding-bottom:25px;
			margin-bottom:25px;
		}
		#main .search h1
		{
			font-size:2em;
			color:#2B4754;
		}
			#main .search h1 a
			{
				text-decoration:none;
				border:0;
			}
	#main .blog
	{
		border-right:0px solid #CCC;
		border-left:1px solid #CCC;
		padding-left:20px;
		padding-right:0px;
	}
		#main .blog .search-results
		{
			font-style:italic;
			margin-bottom:25px;
		}
		#main .blog .post
		{
			border-bottom:1px solid #CCC;
			padding-bottom:25px;
			margin-bottom:25px;
		}
		    #main .blog .post .date
		    {
			font-size:0.6em;
			color:#666;
			margin:0;
			padding:0;
			padding-bottom:10px;
		    }
		#main .blog h1
		{
			font-size:2em;
			color:#2B4754;
		}
			#main .blog h1 a
			{
				border:0;
				text-decoration:none;
				color:#2B4754;
			}
				#main .blog h1 a:hover
				{
					color:#FFF;
				}
			#main .blog .more
			{
				border:0;
				text-decoration:none;
			}
		#main .blog .related
		{
			padding-bottom:25px;
			border-bottom:1px solid #CCC;
		}
		#main .blog .comments
		{
			padding-top:25px;
			padding-bottom:25px;
		}
			#main .blog .comments #commentlist
			{
				list-style-type:none;
			}
				#main .blog .comments .comment
				{
					padding:10px;
					background:#effafc;
					margin-top:10px;
					background:#CCC;
				}
				#main .blog .comments .comment-author-admin
				{
				    background:#2E4954;
				    color:#EEE;
				}
				    #main .blog .comments .comment-author-admin a
				    {
					color:#FFF;
				    }
					#main .blog .comments #commentform
					{
						
					}
						#main .blog .comments #commentform p
						{
							text-indent:30px;
						}
						#main .blog .comments #commentform input
						{
							border:0;
						}
						#main .blog .comments #commentform input[type="submit"]
						{
							padding:5px;
							background:#2b4754;
							color:#FFF;
							cursor:pointer;
						}
						#main .blog .comments #commentform label
						{
							font-size:0.9em;
							font-style:italic;
							color:#999;
						}
						#main .blog .comments #commentform textarea
						{
							border:0;
						}
					#main .blog .comments #commentlist .avatar
					{
						float:left;
					}
					#main .blog .comments #commentlist p
					{
						margin-left:50px;
					}
	#main .center
	{
		width:190px;
	}
		#main .center img
		{
			border:5px solid #2B4755;
			width:190px;
		}
		#main .center h5
		{
			font-size:0.9em;
			font-style:italic;
			margin-bottom:0;
			color:#666;
		}
			#main .center .facebook img
			{
				width:auto;
			}
			#main .center .facebook a:hover
			{
				text-decoration:none;
				border:0;
			}
	#main a
	{
		text-decoration:none;
		color:#2B4754;
		border-bottom:1px solid #2B4754;
	}
		#main a:hover
		{
			background:#2B4754;
			color:#FFF;
		}
	#main .right
	{
		padding-right:20px;
		width:200px;
	}
		#main .blog-right .categories
		{
			background:url(media/imgs/general/widget_head.png) no-repeat;
			width:180px;
			height:30px;
			width:170px;
			height:23px;
			color:#434343;
			padding-left:10px;
			padding-top:7px;
			font-size:1.7em;
		}
		#main .blog-right .tags
		{
			background:url(media/imgs/general/widget_head.png) no-repeat;
			width:180px;
			height:30px;
			width:170px;
			height:23px;
			color:#434343;
			padding-left:10px;
			padding-top:7px;
			font-size:1.7em;
		}
		#main .blog-right .comments
		{
			background:url(media/imgs/general/widget_head2.png) no-repeat;
			width:180px;
			height:30px;
			width:170px;
			height:23px;
			color:#434343;
			padding-left:10px;
			padding-top:7px;
			font-size:1.7em;
		}
		#main .blog-right .popular
		{
			background:url(media/imgs/general/widget_head.png) no-repeat;
			width:180px;
			height:30px;
			width:170px;
			height:23px;
			color:#434343;
			padding-left:10px;
			padding-top:7px;
			font-size:1.7em;
		}
			#main .right h4 a
			{
				background:none;
				border:0;
				color:#FFF;
				color:#2B4754;
			}
		#main .right .twitter
		{
			text-align:right;
			font-family:rockwell;
			padding-right:50px;
		}
			#main .right .twitter .link
			{
				background:none;
				border:0;
				position:absolute;
				left:-60px;
			}
			#main .right .twitter .date
			{
				font-size:0.8em;
				color:#999;
			}
			#main .right .twitter .tweet
			{
				font-style:italic;
				text-align:left;
				font-size:0.8em;
			}
		#main .center .lastfm
		{
			font-size:0.9em;
			font-family:rockwell;
		}
			#main .center .lastfm img
			{
				width:80px;
				border:0;
			}
			#main .center .lastfm .link
			{
				display:block;
				float:left;
				left:-85px;
				background:none;
				border:0;
				position:absolute;
			}
			#main .center .lastfm .date
			{
				font-size:0.8em;
				color:#999;
				text-align:right;
			}
			#main .center .lastfm .track
			{
				font-size:0.9em;
				font-style:italic;
			}
				#main .center .lastfm .track a
				{
					color:#434343;
					text-decoration:none;
					background:none;
				}
			#main .right .comments .date
			{
				font-size:0.8em;
				color:#999;
			}
			#main .right .comments .comment
			{
				padding-left:10px;
				padding-right:10px;
			}
			#main .right .comments h3
			{
				height:32px;
				padding-left:40px;
				margin-left:-35px;
				background:url(media/imgs/icons/social/comments32.png) no-repeat;
			}
		#main .right .current-work
		{
			
		}
			#main .right .current-work .date
			{
				font-size:0.8em;
				color:#999;
			}
	#main .sidebar
	{
		
	}
		#main .sidebar .widget
		{
			padding-bottom:5px;
			border-bottom:1px solid #C2D72F;
			padding-top:10px;
			font-family:arial, sans-serif;
			color:#2B4754;
			line-height:1.3em;
			font-size:1.1em;
		}
			#main .sidebar .comments
			{
				border:0;
				margin-left:-10px;
			}
				#main .sidebar .comments .quote
				{
					padding-left:40px;
					margin-bottom:10px;
				}
					#main .sidebar .comments .quote em
					{
						font-size:0.9em;
						color:#999;
					}
				#main .sidebar .comments h4
				{
					padding-left:37px;
					line-height:32px;
					background:url(media/imgs/icons/social/comments32.png) no-repeat;
				}
			#main .sidebar .projects
			{
				margin-left:-10px;
			}
				#main .sidebar .projects h4
				{
					padding-left:37px;
					line-height:32px;
					background:url(media/imgs/icons/Terminal.png) no-repeat;
				}
				#main .sidebar .projects ul
				{
					list-style-type:none;
					margin-left:10px;
					margin-top:5px;
				}
					#main .sidebar .projects ul li
					{
						margin-top:5px;
					}
			#main .sidebar .more
			{
				margin-left:-10px;
			}
				#main .sidebar .more h4
				{
					padding-left:37px;
					line-height:32px;
					background:url(media/imgs/icons/Add.png) no-repeat;
				}
				#main .sidebar .more ul
				{
					list-style-type:none;
					margin-left:10px;
					margin-top:5px;
				}
			#main .sidebar .elsewhere
			{
				border:0;
				/*margin-bottom:25px;*/
			}
				#main .sidebar .elsewhere h4
				{
					/*padding-left:37px;*/
					line-height:32px;
					/*background:url(media/imgs/icons/Add.png) no-repeat;*/
				}
				#main .sidebar .elsewhere ul
				{
					list-style-type:none;
					margin:0px;
					padding:0;
				}
				#main .sidebar .elsewhere .fb
				{
					margin:0;
					margin-left:10px;
					padding-left:35px;
					background:url(media/imgs/icons/social/new_fb.png) no-repeat;
					height:30px;
					line-height:30px;
					font-weight:bold;
					font-family:arial, sans-serif;
				}
					#main .sidebar .elsewhere .fb a
					{
						border:0;
					}
				#main .sidebar .elsewhere .twit
				{
					margin:0;
					margin-left:13px;
					padding-left:35px;
					background:url(media/imgs/icons/social/new_twitter.png) no-repeat;
					height:30px;
					line-height:30px;
					font-weight:bold;
					font-family:arial, sans-serif;
				}
					#main .sidebar .elsewhere .twit a
					{
						border:0;
					}
			#main .sidebar .widget.newsletter
			{
				border:0;
				margin-bottom:15px;
			}
				#main .sidebar .widget.newsletter h4
				{
					background:url(media/imgs/icons/Mail.png) 0 0 no-repeat;
					padding-left:35px;
					line-height:32px;
				}
				#main .sidebar .widget.newsletter .input
				{
					width:130px;
					padding-left:10px;
					height:22px;
					border:0;
					position:relative;
					top:4px;
					/*line-height:22px;*/
					background:url(media/imgs/general/newsletter-input.png) no-repeat;
					color:#5F8A9D;
					font-family:arial;
					font-size:22px;
				}
				#main .sidebar .widget.newsletter .submit
				{
					width:30px;
					height:25px;
					outline:0;
					border:0;
					background:url(media/imgs/general/newsletter-submit.png) no-repeat;
					margin-left:5px;
					cursor:pointer;
					outline:none;
				}
				#main .sidebar .widget.newsletter .submit:hover
				{
					background:url(media/imgs/general/newsletter-submit.png) 0 -25px no-repeat;
				}
			#main .sidebar .widget.chat
			{
				border:0;
			}
			#main .sidebar .widget h4.chat
			{
				padding-left:37px;
				line-height:32px;
				background:url(media/imgs/icons/Discussion.png) no-repeat;
			}
		#main .sidebar .widget_head
		{
			background:url(media/imgs/general/widget_head.png) no-repeat;
			width:170px;
			height:23px;
			color:#434343;
			padding-left:10px;
			padding-top:7px;
			font-size:1.7em;
		}
		#main .sidebar .widget_box
		{
			width:160px;
			padding:10px;
			height:280px;
			background:url(media/imgs/general/widget_box.png) no-repeat;
		}
		#main .sidebar .right
		{
			
		}
#foot
{
	/*border-top:1px solid #CCC;*/
	padding-top:20px;
	padding-bottom:30px;
	margin-top:100px;
	position:relative;
}
	#foot .box
	{
		color:#FFF;
		position:absolute;
		width:150px;
		top:15px;
	}
		#foot .box ul
		{
			list-style-type:none;
		}
		#foot .box a
		{
			color:#EEE;
			text-decoration:none;
			border:0;
		}
		#foot .box h4
		{
			color:#FFF;
		}
	#foot .more
	{
		right:75px;
	}
	#foot .projects
	{
		right:250px;
	}
	#foot .address
	{
		position:absolute;
		bottom:25px;
		left:50px;
		color:#434343;
	}

/* Misc. elements */
#referencer-preloader
{
	background:url(media/imgs/general/ref-box-bg2.png) no-repeat;
	position:absolute;
	left:-9999px;
}
#referencer-box
{
	width:890px;
	padding-right:10px;
	height:400px;
	position:absolute;
	top:300px;
	background:url(media/imgs/general/ref-box-bg2.png) no-repeat;
	margin-left:-450px;
	left:50%;
	right:50%;
	top:100px;
	overflow:hidden;
	display:none;
}
	#referencer-box .items
	{
		position:absolute;
		top:0;
		left:0;
		width:1800px;
		height:800px;
	}
	#referencer-box .item
	{
		width:900px;
		height:350px;
		color:#FFF;
		overflow:hidden;
		padding-top:50px;
		position:relative;
	}
		#referencer-box .red
		{
			float:left;
		}
			#referencer-box .item .promo-img
			{
				top:50px;
				margin-left:80px;
				position:absolute;
				border:10px solid #CCC;
			}
			#referencer-box .item .info
			{
				margin-left:430px;
				color:#FFF;
				margin-right:20px;
			}
				#referencer-box .item .info h4
				{
					color:#FFF;
				}
		#referencer-box .blue
		{
			float:left;
		}
		#referencer-box .green
		{
			margin-left:900px;
		}
		#referencer-box .yellow
		{
			margin-left:900px;
		}
	#referencer-box .close
	{
		position:absolute;
		top:5px;
		left:15px;
		color:red;
		font-weight:bold;
		text-decoration:none;
		z-index:99;
	}
	#referencer-box .ref-controls
	{
		position:absolute;
		top:5px;
		right:20px;
		z-index:99;
	}
		#referencer-box .ref-controls .ref-control
		{
			display:block;
			float:left;
			margin-right:5px;
			width:15px;
			height:15px;
			background:#EEE;
			border:2px solid #deea6d;
			color:#2B4754;
			text-align:center;
			line-height:normal;
			padding:0;
			text-decoration:none;
		}
		#referencer-box .ref-controls .active
		{
			background:#c1d730;
			color:#FFF;
		}
#foot
{
	background:url(media/imgs/general/footer-bg.png) no-repeat;
	height:110px;
	margin:0;
	width:900px;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	color:#FFF;
}
#grid
{
	position:absolute;
	top:0;
	background:url(media/imgs/tsts/grid.png) repeat-y;
	left:50%;
	margin-left:-510px;
	width:1020px;
	height:1020px;
	z-index:9999;
	float:left;
	display:none;
}