/*  
Theme Name: DMNLGSHV3
Theme URI: http://dmn.luagsh.ch
Author: Kevin Walker
Author URI: http://www.kevinwalker.ch
*/

html, body {
	height: 101%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #646464;
	background-color: #DCDCDC;
	min-width: 1200px;
}

#container {
	min-width: 1200px;
}

#content {
	background: #DCDCDC;
	background: -moz-linear-gradient(top,  #DCDCDC 0%, #ABABAB 800px);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DCDCDC), color-stop(800px,#ABABAB));
	background: -webkit-linear-gradient(top,  #DCDCDC 0%,#ABABAB 800px);
	background: -o-linear-gradient(top,  #DCDCDC 0%,#ABABAB 800px);
	background: -ms-linear-gradient(top,  #DCDCDC 0%,#ABABAB 800px);
	background: linear-gradient(top,  #DCDCDC 0%,#ABABAB 800px);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DCDCDC', endColorstr='#ABABAB',GradientType=0 );
}

img {
	border: none !important;
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

img#wpstats {
	width:0px;
	height:0px;
	padding:0px;
	border:none;
	overflow:hidden;
}

#ueberbild {
	background-image: url(images/damian.png);
	background-repeat: no-repeat;
	display: block;
	width: 460px;
	height: 610px;
}



/* SCHRIFTEN */

h2, h2 a:link, h2 a:visited {
	font-family: 'Lato', sans-serif;
	font-weight: 800;
	font-size: 30px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	color: #FFFFFF;
	line-height: 15px;
	vertical-align: top;
	
	text-shadow: 0px 2px 3px #888888;
}

h2 a:hover {
	color: #EEEEEE;
}

h3 {
	display: block;
	font-family: 'Lato', sans-serif;
	font-weight: 800;
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	color: #FFFFFF;
	
	text-shadow: 0px 2px 3px #888888;
}

a:link, a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #009EE0;
}

a:active {
	position: relative;
	top: 1px;
}

pre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #999999 !important;
	font-weight: normal !important;
}

pre a:link, pre a:visited {
	color: #999999 !important;
	text-decoration: none;
}

pre a:hover {
	color: #000000 !important;
}

.more-link {
	float: right;
}



/* HEADER */

#headerbanner {
	display: block;
	position: absolute;
	width: 100%;
	min-width: 1200px;
	height: 60px;
	margin-top: 65px;
	margin-bottom: 50px;

	-webkit-box-shadow: 0px 1px 3px 1px #999999;
	-moz-box-shadow: 0px 1px 3px 1px #999999;
	box-shadow: 0px 1px 3px 1px #999999;

	background: #009ee0;
	background: -moz-linear-gradient(top,  #009ee0 0%, #00bcea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ee0), color-stop(100%,#00bcea));
	background: -webkit-linear-gradient(top,  #009ee0 0%,#00bcea 100%);
	background: -o-linear-gradient(top,  #009ee0 0%,#00bcea 100%);
	background: -ms-linear-gradient(top,  #009ee0 0%,#00bcea 100%);
	background: linear-gradient(top,  #009ee0 0%,#00bcea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ee0', endColorstr='#00bcea',GradientType=0 );
}

#headerbannercontainer {
	display: block;
	width: 700px;
	height: 30px;
	padding: 0;
	margin: 0 auto;
	margin-top: 23px;
}

#logocontainer {
	width: 1200px;
	margin: 0 auto;
}

#logo {
	float: left;
	position: relative;
	top: 25px;
	left: 25px;
	z-index: 1;
}

#headerbannercontainer form {
	float: right;
}

ul#headernavi {
	display: block;
	list-style: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: right;
	float: right;
	margin: 0;
	padding: 0;
}

ul#headernavi li {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 25px;
}

ul#headernavi a:link, ul#headernavi a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

ul#headernavi a:hover {
	color: #CCCCCC;
}



/* POSTS */

.postcontainer {
	width: 700px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
}

.postcontainer img {
	padding: 0 0 10px 0;
	margin-left: -10px !important;
	max-width: 700px !important;
}

.post {
	background: #FFFFFF;
	padding: 0 10px 5px 10px;
	text-align: justify;

	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;

	-webkit-box-shadow: 1px 1px 3px 1px #666666;
	-moz-box-shadow: 1px 1px 3px 1px #666666;
	box-shadow: 1px 1px 3px 1px #666666;
}

.postmeta {
	padding-top: 25px;
	font-size:  10px;
	text-transform: uppercase;
	text-align: right;
}

.postbuttons img {
	padding: 0 !important;
	margin: 0 !important;
}

.kommentare {
	float: left;
	position: relative;
	left: 3px;
	bottom: -17px;
	width: 45px;
	height: 30px;
	background-image: url(images/kommentare.png);
	text-align: center;
	padding-top: 5px;
	overflow: hidden;
}

.kommentare:active {
	position:relative;
	bottom: -18px;
}

.kommentare:hover {
	background-image: url(images/kommentare_hover.png);
}

.postbuttons {
	color: #999999;
}

.postbuttons a {
	color: #999999;
}



/*** LIEBHABER ***/

#liebhaberlist {
	margin-bottom: 50px;
}

.liebhaber {
	margin-top: 10px;
	font-size: 12px;
}

li.liebhaber:first-child {
	margin-top: 25px;
}

span.liebhabername {
	margin-left: 10px;
}

span.liebhabername p {
	display: inline !important;
}



/* KOMMENTARE */

.commentcontainer {
	width: 700px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
}

.commentcontainer h3 a:link, .commentcontainer h3 a:visited {
	color: #DDDDDD;
}

.commentcontainer h3 a:hover {
	color: #009EE0;
}

.comment {
	margin-top: 25px;
}

.comment-author a:link, .comment-author a:visited, .comment-author a:active {
	color: #333333;
	text-decoration: none;
}

.comment-author a:hover {
	color: #FFFFFF;
}

span.authorname {
	margin-left: 10px;
}

ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.depth-1 .comment-author {
	width: 200px;
	text-align: left;
	float: left;
	vertical-align: middle;
}

.depth-2 .comment-author,
.depth-3 .comment-author,
.depth-4 .comment-author,
.depth-5 .comment-author,
.depth-6 .comment-author,
.depth-7 .comment-author,
.depth-8 .comment-author,
.depth-9 .comment-author,
.depth-10 .comment-author {
	width: 200px;
	padding-right: 75px;
	text-align: left;
	float: left;
	vertical-align: middle;
	background-image: url(images/reply.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.depth-1 .comment-content {
	position:relative;
	width: 400px;
	min-height: 55px;
	float: right;
	padding: 0px 15px 0px 15px;
	background: #FFFFFF;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: 1px 1px 3px 1px #666666;
	-moz-box-shadow: 1px 1px 3px 1px #666666;
	box-shadow: 1px 1px 3px 1px #666666;
}

.depth-2 .comment-content,
.depth-3 .comment-content,
.depth-4 .comment-content,
.depth-5 .comment-content,
.depth-6 .comment-content,
.depth-7 .comment-content,
.depth-8 .comment-content,
.depth-9 .comment-content,
.depth-10 .comment-content {
	position:relative;
	width: 350px;
	min-height: 55px;
	float: right;
	padding: 0px 15px 0px 15px;
	background: #FFFFFF;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: 1px 1px 3px 1px #666666;
	-moz-box-shadow: 1px 1px 3px 1px #666666;
	box-shadow: 1px 1px 3px 1px #666666;
}

.bypostauthor .comment-content {
	background: #DDDDDD !important;
}

.reply {
	width: 700px;
	float: right;
	text-align: right;
	padding-top: 3px;
}

.reply a:link, .reply a:visited, .reply a:active {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

.reply a:hover {
	color: #FFFFFF;
}

img.avatar {
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: middle;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: 1px 1px 3px 1px #666666;
	-moz-box-shadow: 1px 1px 3px 1px #666666;
	box-shadow: 1px 1px 3px 1px #666666;
}



/*** SPRECHBLASEN ***/

.comment-content:after {
   content:"";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   bottom:-15px;
   left:50px;
   width:0;
   border-width:15px 15px 0;
   border-style:solid;
   border-color: transparent #FFFFFF;
}

.comment-content.left:after {

    border-width:0 30px 15px 0;
    bottom: auto;
    left: -30px;
    top: 15px;
}

.comment-content.left {
    margin-left: 30px;
}

.bypostauthor .comment-content:after {
	border-color: transparent #DDDDDD !important;
}



/*** PINGBACKS ***/

#pingbacklist {
	margin-top: 50px;
}

.pingback {
	margin-top: 25px;
	padding: 3px 15px 3px 15px;
	background: #FFFFFF;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}



/* FORMULARE */

.commentform {
	padding-top: 50px;
}

input, textarea, .button {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #646464;
	width: 680px;
	padding: 10px;
	background-color: #FFFFFF;
	border: none;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: 1px 1px 3px 1px #666666;
	-moz-box-shadow: 1px 1px 3px 1px #666666;
	box-shadow: 1px 1px 3px 1px #666666;
}

input[type="checkbox"] {
	vertical-align: middle;
}

.submit {
	width: 700px;
	cursor: pointer;
	
	font-family: 'Lato', sans-serif;
	font-weight: 800;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	color: #646464;
}

.submit:hover {
	background-color: #EEEEEE;
}

label {
	display: inline;
	line-height: 40px;
	vertical-align: middle;
}

input#s {
	color: #666666;
	font-size: 11px;
	text-transform: uppercase;
	float: none !important;
	width: 150px !important;
	padding: 2px 6px 2px 6px !important;
	border: none !important;
	
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.subscribe-to-comments {
	color: #666666;
}



/*** EASTEREGG-PAGE ***/

.pagecontainer {
	width: 700px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}

.pagecontainer #hypnodamian {
	width: 500px;
	height: 706px;
	margin: 0 auto;
	background-image: url(images/hypnodamian.gif);
	background-repeat: no-repeat;
}

.pagecontainer #hypnodamiantext {
	position: relative;
	height: 420px;
	background-image: url(images/hypnodamian.png);
	background-repeat: no-repeat;
}

.pagecontainer #obeyform {
	position: absolute;
	left: 130px;
	bottom: 10px;
}

.pagecontainer input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666666;
	width: 180px;
	margin: 3px;
	padding: 2px 6px 2px 6px !important;
	background-color: #FFFFFF;
	border: none;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.pagecontainer input.submit {
	width: 190px;
}

.pagecontainer #obeys {
	width: 400px;
	margin: 0 auto;
	text-align: left;
	display: block;
	padding: 50px 0;
}

.pagecontainer li {
	margin-top: 25px;
}

.pagecontainer li:first-child {
	margin-top: 0 !important;
}

.huldiger {
	margin-top: 10px;
	font-size: 12px;
}

span.huldigername {
	margin-left: 10px;
}

#gravatarhinweis a:link, #gravatarhinweis a:visited {
	font-size: 10px;
	color: #666666;
}

#gravatarhinweis a:hover {
	color: #000000;
}



/*** PAGEBAR ***/

.pagebar {
	font-size: 12px;
	padding: 25px;
	border: none;
	text-decoration: none;
	text-align: center;
}

.pagebar a,.pageList .this-page {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-decoration: none;
	background: #E2E2E2;
	color: #666666;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}

.pagebar a:visited {
	border: 1px solid #E2E2E2;
	text-decoration: none;
	padding: 3px 5px;
	color: #666666;
	background: #E2E2E2;
}

.pagebar .break {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-decoration: none;
	background: #E2E2E2;
	margin-right: 4px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}

.pagebar .this-page {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	font-weight: bold;
	color: #333333;
	font-size: 14px;
	background: #E2E2E2;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}

.pagebar a:hover {

}

.pagebar .inactive {
	border: 1px solid #E2E2E2;
	color: #666666;
	text-decoration: none;
	padding: 3px 5px;
	background: #E2E2E2;
}



/* FOOTER */

#footer, #ueber, #portfolio {
	background: #ABABAB;
	padding: 50px 0 100px 0;
	color: #FFFFFF;
}

#footer a:link, #footer a:visited, #ueber a:link, #ueber a:visited, #portfolio a:link, #portfolio a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover, #ueber a:hover, #portfolio a:hover {
	color: #FC8A03;
}

#footertitle, #uebertitle, #portfoliotitle {
	width: 100%;
	height: 82px;
	background-image: url(images/footertop.png);
	background-repeat: repeat-x;
	display: block;
	text-align: center;
}

#up {
	float: left;
	margin-left: 25px;
}

#footercontainer, #uebercontainer, #portfoliocontainer {
	width: 100%;
	min-height: 300px;
	background-image: url(images/footerbackground.png);
	background-repeat: repeat;
	border-bottom: 2px solid #CFCFCF;
}

#footercontent, #uebercontent, #portfoliocontent {
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0 60px 0;
}

#footercontent h3 {
	width: 400px;
	display: block;
	color: #009EE0;
	
	text-shadow: 0px 2px 3px #333333;
}

#footercontent1 {
	width: 1000px;
	margin: 0 auto;
}

#footercontent2 {
	width: 600px;
	margin: 0 auto;
	padding-top: 50px;
}

#facebook {
	float: left;
	width: 250px;
}

#twitter {
	float: right;
	width: 250px;
}

#kategorien {
	float: left;
	width: 200px;
	padding-left: 100px;
}

#archiv {
	float: left;
	width: 300px;
}

#archiv ul {
	-moz-column-count: 2;
	-moz-column-gap: 10px;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	column-count: 2;
	column-gap: 10px;
}

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

#blogroll ul {
	-moz-column-count: 2;
	-moz-column-gap: 10px;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	column-count: 2;
	column-gap: 10px;
} 

.zweispaltig {
	display: block;
	width: 300px;
}

#ueberbild {
	float: left;
	width: 460px;
}

#uebertext {
	float: right;
	width: 700px;
	text-align: justify;
	line-height: normal;
}

#portfoliocontent {
	text-align: center;
}

#easteregg {
	width: 100%;
	height: 200px;
	padding-top: 600px;
	text-align: center;
	background: #ABABAB;
}



/*** PORTFOLIO ***/

#portfoliocontent div.gallery {
	width: 700px;
	margin: 0 auto;
}

#portfoliocontent div.gallery img {
	width: 100px !important;
	height: 100px !important;
	margin: 0 !important;
	padding: 0 !important;
	
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
	-ms-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
}

#portfoliocontent div.gallery img:hover {
	opacity: 0.5 !important;
}

#portfoliocontent dl.gallery-item {
	width: 100px !important;
	height: 100px !important;
	margin: 0 !important;
	padding: 0 !important;
}

#portfoliocontent dt.gallery-icon {
	width: 100px !important;
	height: 100px !important;
	margin: 0 !important;
	padding: 0 !important;
}



/*** NORMALE GALERIE ***/

.post div.gallery {
	width: 660px;
	margin: 0 auto;
	text-align: center;
}

.post div.gallery img {
	width: 100px !important;
	height: 100px !important;
	margin: 0 !important;
	padding: 0 !important;
	
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
	-ms-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
}

.post div.gallery img:hover {
	opacity: 0.5 !important;
}

.post dl.gallery-item {
	width: 100px !important;
	height: 100px !important;
	margin: 0 !important;
	padding: 5px !important;
}

.post dt.gallery-icon {
	width: 100px !important;
	height: 100px !important;
	margin: 0 !important;
	padding: 0 !important;
}