/*
Theme Name: Delphic
Author: elemis
Author URI: http://themeforest.net/user/elemis/portfolio
Version: 1.0
Description: HTML Portfolio & Blog

0.	RESET
1.	FONT-FACE
2.	GENERAL
3.	LAYOUT
4.	MENU
5.	SLIDERS
6.	COLUMNS
7.	HOME INTRO
8.	HOME ABOUT
9.	PAGE
10.	PORTFOLIO
11.	SINGLE PORTFOLIO
12.	VERTICAL TAB
13.	BLOG
14.	BLOG COMMENTS
15.	NEWS LIST
16.	CONTACT
17.	TOGGLE & TABS
18.	CAROUSEL

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	0.	RESET
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}


/*-----------------------------------------------------------------------------------*/
/*	1.	FONT-FACE
/*-----------------------------------------------------------------------------------*/

 @font-face {
 font-family: 'Puritan20Italic';
 src: url('style/type/puritan/puritan_italic-webfont.eot?') format('eot'),  url('style/type/puritan/puritan_italic-webfont.woff') format('woff'),  url('style/type/puritan/puritan_italic-webfont.ttf') format('truetype'),  url('style/type/puritan/puritan_italic-webfont.svg#webfontZMWmRIPG') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'Puritan20Normal';
 src: url('style/type/puritan/puritan_regular-webfont.eot?') format('eot'),  url('style/type/puritan/puritan_regular-webfont.woff') format('woff'),  url('style/type/puritan/puritan_regular-webfont.ttf') format('truetype'),  url('style/type/puritan/puritan_regular-webfont.svg#webfontJ25dHiGv') format('svg');
 font-weight: normal;
 font-style: normal;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	GENERAL
/*-----------------------------------------------------------------------------------*/

body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #ffed00;
	color: #666666;
	font-size: 13px;
	overflow-y: scroll;
	overflow-x: hidden;
}

html, body {
	height: 100%;
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -145px; /* the bottom margin is the negative value of the footer's height */
}

#footer-wrapper, .push {
	height: 145px; /* .push must be the same height as .footer */
}

p {
	line-height: 20px;
	margin-bottom: 20px;
}

a {
	text-decoration: none;
	color: #a5a5a5;
}

a:hover {
	text-decoration: none;
}

a.more {
	display: inline-block;
}

a.more:hover {
	text-decoration: underline;
}

pre {
	margin-bottom: 20px;
	font-size: 11px;
	background-color: #202020;
	padding: 0 10px;
}

.highlight {
	color: #a5a5a5;
	border-bottom: 1px dotted #a5a5a5;
}

.highlight2 {
	background-color: #666666;
	padding: 0px 4px;
	color: #222222;
}

.highlight3 {
	color: #a5a5a5;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Arial';
	font-weight: normal;
	color: #a5a5a5;
	margin-bottom: 10px;
	text-shadow: 0px 1px 1px #161616;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 25px;
}

h3 {
	font-size: 22px;
	line-height: 26px;
}

h4 {
	font-size: 17px;
}

h5 {
	font-size: 15px;
}

h6 {
	font-size: 14px;
}

.divider, .divider2, .divider3 {
	background: transparent url(../images/line.png) repeat-x bottom center;
	height: 2px;
	display: block;
	margin: 30px 0;
}

.divider2 {
	margin-top:10px;
}

.divider3 {
	margin-bottom:10px;
}

img.left {
	top: 0px;
	float:left;
	display: block;
	margin:0;
	padding:0;
	margin-right:20px;
}

img.right {
	top: 0px;
	float:right;
	display: block;
	margin:0;
	padding:0;
	margin-left:20px;
}

em {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 11px;
	color: #666666;
}


.dropcap {
	display:block;
	float:left;
	font-size:45px;
	padding:0;
	margin: 0;
	margin:10px 8px 3px 0;
	font-family: 'Puritan20Normal';
}

t

.quote-right, .quote-left {
	color:#a5a5a5;
	border-left:2px solid #a5a5a5;
	float:right;
	letter-spacing:0px;
	line-height:23px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:5px;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	width:25%;
}

.quote-left {
	border: none;
	border-right:2px solid #a5a5a5;
	float:left;
	padding:0;
	padding-right:5px;
	margin-bottom:0;
	margin-left: 0;
	margin-right:20px;
}

/*-----------------------------------------------------------------------------------*/
/*	3.	LAYOUT
/*-----------------------------------------------------------------------------------*/

#wrapper ul {
	padding: 0 0 20px 0;
	display: block;
	overflow: hidden;
}

#wrapper ul li {
	line-height: 20px;
	list-style: none;
	display: block;
	background: transparent url(style/images/bullet.jpg) no-repeat left 8px;
	padding-left: 20px;
}

#wrapper ul.check-list {
	padding: 0 0 20px 0;
	display: block;
	overflow: hidden;
}

#wrapper ul.check-list li {
	line-height: 20px;
	list-style: none;
	display: block;
	background: transparent url(style/images/check.png) no-repeat left 0px;
	padding-left: 30px;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	padding-top: 0;
	line-height: 20px;
}

#header-wrapper {
	min-width: 960px;
	height: 150px;
	background: transparent url(../images/header-bg.png) repeat-x center bottom;
}

#header {
	width: 960px;
	height: 88px;
	margin: 0 auto;
	position: relative;
	z-index: 999;
}

#page-top {
	padding-bottom: 70px;
}

#logo {
	float: left;
	/*position: absolute; */
	bottom: 15px;
	left: 0;
}

#menu-wrapper {
	float: right;
	/*position: absolute; */
	margin-top:110px;
	bottom: 23px;
	right: 0;
}
#footer-wrapper {
	height: 45px;
	padding-top:100px;
}

#footer {
	min-width: 960px;
	height: 45px;
	background: transparent url(../images/footer-bg.png) repeat-x top center;
}

#footer-content {
	width: 960px;
	height: 45px;
	margin: 0 auto;
	position: relative;
}

#copyright {
	float: left;
	position: absolute;
	top: 15px;
	left: 0;
}

#copyright p {
	font-size: 11px;
	margin: 0;
}

#impressum {
	float: right;
	position: absolute;
	top: 16px;
	right: 0;
}

#impressum ul li {
	float: left;
	margin-left: 10px;
	background: none;
}

/*-----------------------------------------------------------------------------------*/
/*	4.	MENU
/*-----------------------------------------------------------------------------------*/

.ddsmoothmenu {
	font-family: 'arial';
	font-size: 20px;
	z-index: 1000;
	position: relative;
	
}

.ddsmoothmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li {
	position: relative;
	display: inline;
	float: left;
	clear: none;
	margin-left: 20px;
	padding-left: 10px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block; /*background of menu items (default state)*/
	text-decoration: none;
	position: relative;
	text-shadow: 0px 1px 1px #0f0f0f;
}

* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a, .ddsmoothmenu ul li a:visited {
	color: #fff;
}

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: #a5a5a5;
}

.ddsmoothmenu ul li a:hover {
	color: #a5a5a5;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	background: none;
	font-family: 'Puritan20Normal';
	position: absolute;
	padding: 20px 0 0 0;
	left: 0;
	display: block; /*collapse all sub menus to begin with*/
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	margin-left:0;
	padding-left: 0;
	display: list-item;
	float: none;
	background-color: #151515;
	opacity: .95;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
	padding-top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	font-size: 13px;
	width: 140px; /*width of sub menus*/
	padding: 7px 12px;
	margin: 0;
	line-height: 1;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li ul li a {
	font-size: 13px;
}

.ddsmoothmenu ul li ul li:first-child {
	padding-top: 5px;
}

.ddsmoothmenu ul li ul li:last-child {
	padding-bottom: 6px;
}

.ddsmoothmenu ul li ul li ul li:first-child {
	padding-top: 4px;
}

.ddsmoothmenu ul li ul li ul li:last-child {
	padding-bottom: 5px;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
} /*Holly Hack for IE7 and below*/


/*-----------------------------------------------------------------------------------*/
/*	9.	PAGE
/*-----------------------------------------------------------------------------------*/

.content {
	background-color: #1c1c1c;
	-webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	padding: 20px 20px 0 20px;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

#wrapper ul.social {
	margin-top: 10px;
}

#wrapper ul.social li {
	float: left;
	background: none;
	margin-right: 10px;
	padding: 0;
}


/*-----------------------------------------------------------------------------------*/
/*	13.	BLOG
/*-----------------------------------------------------------------------------------*/

#post-wrapper {
	width: 640px;
	float: left;
	margin-right: 20px;
}

.post {
	background-color: #1c1c1c;
	-webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	width: 600px;
	padding: 20px;
	margin-bottom: 20px;
}

.post a:hover {
	text-decoration: underline;
}

h2.title {
	margin-bottom: 8px;
}

.title a:hover {
	color: #cdcdcd;
	text-decoration: none;
}

.post img, .post .video {
	margin-bottom: 10px;
}

.date {
	display: inline;
	color: #a5a5a5;
}

.top-border {
	background: transparent url(../images/line.png) repeat-x;
	height: 2px;
	padding: 8px 0 0 0;
}

.post .meta {
	background: transparent url(../images/line.png) center bottom repeat-x;
	padding: 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	margin-bottom: 21px;
}

.post .meta a:hover {
	text-decoration: underline;
}

.post .tags {
	line-height: 12px;
}

.post .tags a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	line-height: 12px;
}

.post .tags a:hover {
	text-decoration: underline;
}

#wrapper ul.page-navi {
	padding: 2px;
	margin-left: -2px;
	margin-bottom: 20px;
}

#wrapper ul.page-navi li {
	padding: 0;
	float:left;
	margin-right: 10px;
	background: none;
}

#wrapper ul.page-navi li a {
	background-color: #1c1c1c;
	-moz-box-shadow: 0px 1px 2px #0c0c0c;
	-webkit-box-shadow: 0px 1px 2px #0c0c0c;
	box-shadow: 0px 1px 2px #0c0c0c;
	height: 24px;
	width: 24px;
	display: block;
	text-align: center;
	line-height: 24px;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
}

#wrapper ul.page-navi li a:hover, #wrapper ul.page-navi li a.current {
	background-color: #191919;
	color: #a5a5a5;
}

#sidebar {
	width: 300px;
	float: right;
}

.sidebox {
	background-color: #1c1c1c;
	-webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	width: 260px;
	padding: 20px;
	margin-bottom: 20px;
}

#searchform input {
	background: #2c2c2c url(../images/search.png) no-repeat 230px center;
	width: 240px;
	padding: 5px 10px;
	height: 25px;
	border: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	color: #666666;
}

#wrapper .sidebox ul {
	padding: 0;
	margin: 0;
}

#wrapper .sidebox ul li a:hover {
	color: #cdcdcd;
	text-decoration: none;
}

#wrapper .sidebox ul.post-list li {
	background: none;
	background: transparent url(../images/line.png) bottom center repeat-x;
	padding: 10px 0 12px 0;
	margin: 0;
	clear: both;
	overflow: hidden;
	height: 60px;
}

#wrapper .sidebox ul.post-list li:last-child {
	padding: 12px 0 0 0;
	background: none;
}

#wrapper .sidebox ul.post-list.archive {
	padding: 0;
	margin: 0;
}

#wrapper .sidebox ul.post-list.archive li {
	padding: 5px 0 5px 0;
	height: 20px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
}

#wrapper .sidebox ul.post-list.archive li:last-child {
	padding: 5px 0 0 0;
}

#wrapper .sidebox ul.post-list li h4 {
	width: 180px;
	display: block;
	margin: 0;
	overflow: hidden;
	font-size: 15px;
}

#wrapper .sidebox ul.post-list li span.info {
	width: 180px;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	overflow: hidden;
	color: #666666;
}

#wrapper .sidebox ul.post-list li span.info a {
	color: #666666;
}

#wrapper .sidebox ul.post-list li span.info a:hover {
	text-decoration: underline;
}

.sidebox ul.post-list li img {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 15px;
}

ul.tags {
	margin: 0;
	padding: 0;
}

#wrapper ul.tags li {
	margin: 0;
	padding: 0;
	background: none;
	list-style: none;
	float:left;
}

#wrapper ul.tags li a {
	padding: 3px 8px;
	float: left;
	margin: 5px 5px 0 0;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-style: normal;
	background-color: #171717;
	font-size: 11px;
	text-transform: uppercase;
}

#wrapper ul.tags li a:hover {
	text-decoration:none;
	background-color: #121212;
}

ul.flickr {
	width:270px;
	margin-right:-10px;
	padding: 0;
	margin: 0;
}

#wrapper ul.flickr li {
	background: none;
	margin: 10px 10px 0 0;
	float:left;
	padding: 0;
	width:80px;
	height:80px;
}

ul.ads {
	width:270px;
	margin-right:-10px;
	padding: 0;
	margin: 0;
}

#wrapper ul.ads li {
	background: none;
	margin: 10px 10px 0 0;
	float:left;
	padding: 0;
	width:125px;
	height:125px;
}

#comment-wrapper {
	margin-top: 40px;
}

#comment-wrapper h3 {
	margin-bottom: 20px;
	
}


#contact-form input {
	background-color: #2c2c2c;
	border: 0 none;
	color: #818b91;
	display: block;
	font-size: 12px;
	height: 25px;
	margin-bottom: 20px;
	padding: 5px 10px;
	text-align: left;
	width: 400px;
}

#contact-form textarea {
	background-color: #2c2c2c;
	border: 0 none;
	clear: both;
	color: #818b91;
	display: block;
	font-family: "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size: 12px;
	height: 123px;
	margin: 0;
	padding: 10px;
	width: 400px;
}

#contact-form input#submit-button {
	background: url("../images/submit.png") no-repeat scroll 0 0 transparent;
	clear: both;
	color: #1f1f1f;
	cursor: pointer;
	font-size: 14px;
	height: 32px;
	margin: 0 5px 0 0;
	padding: 0 0 2px;
	position: relative;
	text-align: center;
	width: 120px;
	z-index: 9999;
}
#contact-form input {
	background-color: #2c2c2c;
	border: 0 none;
	color: #818b91;
	display: block;
	font-size: 12px;
	height: 25px;
	margin-bottom: 20px;
	padding: 5px 10px;
	text-align: left;
	width: 400px;
}
.button.gray, .button.gray span {
	background-image: url("../images/button-gray.png");
	float: left;
}
.button, .button:link, .button:visited {
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #1f1f1f;
	cursor: pointer;
	display: block;
	font-family: "arial";
	font-size: 14px;
	font-weight: normal;
	height: 32px;
	line-height: 30px;
	padding: 0 0 0 15px;
	position: relative;
	text-align: center;
}

.contact-right {
	float: right;
	width: 420px;
}


.contact-left {
	float: left;
	width: 420px;
}

#contact-form p label {
	font-size: 12px;
	left: 0;
	line-height: 35px;
	padding: 0 0 0 10px;
	position: absolute;
	top: 0;
}

#contact-form p br {
	display: none;
}

#pagination{
	font-family:tahoma;
	text-align:center;
	
}
#pagination span{
	display:block;
	float:left;
	font-size:11px;
	line-height:13px;
	margin: 2px 6px 2px 0;
	background-color:#303030;
	border:1px solid #3d3d3d;
	color:#ffffff;
	
	padding:1px 5px 2px 5px;
	text-decoration:none;
	
}
#pagination span a{
	background-color:#303030;
	
	color:#ffffff;
	display:block;
	
	text-decoration:none;
}
#pagination span a:hover, .pagination span a:active{
	background-color: #bbbbbb;
	padding:1px 5px 2px 5px;
	
}

#pagination span.aktuell{
	background-color: #303030;
	border:1px solid #ffed00;
	color:#ffffff;
	font-size:11px;
	padding:1px 5px 2px 5px;
}

#pagination2{
	font-family:tahoma;
	text-align:center;
}
#pagination2 span{
	display:block;
	float:left;
	font-size:11px;
	line-height:13px;
	margin: 2px 6px 2px 0;
	background-color:#;
	
	color:#ffffff;
	display:block;
	
	text-decoration:none;
	
}
#pagination2 span a{
	background-color:#303030;
	border:1px solid #3d3d3d;
	color:#ffffff;
	display:block;
	padding:1px 5px 2px 5px;
	text-decoration:none;
}
#pagination2 span a:hover, .pagination2 span a:active{
	background-color: #303030;
	padding:1px 5px 2px 5px;
	border:1px solid #303030;
	
}