/*
-----------------------------------------------
		samuelkuemmel.de Screen Stylesheet
		ein Lichtsignale.de Design
----------------------------------------------- */



/*		B A S I C   S E T U P
----------------------------------------------- */


* {
		margin: 0;
		padding: 0;
}

:focus, a {
		-moz-outline-style: none;
}

hr, .hide {
		display: none;
}

body {
		color: #222;
		background: #fff url(headerbg.png) 0 0 repeat-x;
		text-align: center;
		font: 12px/20px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

#wrapper {
		width: 861px;
		margin: 40px auto 0 auto;
		text-align: left;
}

img {
		border: none;
}


/*		L I N K S
----------------------------------------------- */

a:link, a:visited {
		font-weight: bold;
		color: #ff5400;
		text-decoration: none;
		-webkit-transition: color .2s ease-out;
}

a:hover, a:active {
		color: #000;
		text-decoration: none;
}

h2 a:link, h2 a:visited {
		color: #000;
}

h2 a:hover, h2 a:active {
		color: #ff5400;
}


/*		H E A D E R
----------------------------------------------- */

#headcontainer {
		width: 100%;
		text-align: center;
}

#header {
		width: 861px;
		margin: 65px auto 0 auto;
		text-align: left;
}

h1 {
		width: 283px;
		float: right;
}

h1 a:link, h1 a:visited {
		display: block;
		width: 200px;
		height: 29px;
		text-indent: -9999px;
		background: transparent url(samuelkuemmel.png) 0 0 no-repeat;
}

#nav {
		width: 550px;
		padding-top: 14px;
		text-transform: lowercase;
		font-weight: bold;
		font-size: 16px;
}

#nav li {
		display: block;
		height: 55px;
		float: left;
		list-style: none;
		margin-right: 20px;
}

#nav li a {
		display: block;
		float: left;
}

#nav li a:link, #nav li a:visited {
		color: #777;
}

#nav li a:hover, #nav li a:active {
		color: #000;
}

#bblog #ablog, #barchiv #aarchiv, #bmaterial #amaterial, #bueber_mich #aueber_mich, #bkontakt #akontakt {
		background: transparent url(bubble.png) center bottom no-repeat;
}

#bblog #ablog a, #barchiv #aarchiv a, #bmaterial #amaterial a, #bueber_mich #aueber_mich a, #bkontakt #akontakt a {
		color: #000;
}


/*		C O N T E N T
----------------------------------------------- */

#content {
		width: 500px;
		float: left;
		padding: 5px 0 0 0;
}

h2 {
		padding-top: 20px;
		font-size: 18px;
		color: #000;
}

#barchiv h2, #bmaterial h2, #bueber_mich h2, #bkontakt h2 {
		margin-bottom: 20px;
}

#content p {
		margin-bottom: 20px;
}

#content ul {
		list-style-type: square;
		list-style-position: outside;
		margin-bottom: 20px;
		padding-left: 20px;
}

#content ol {
  margin-bottom: 20px;
  padding-left: 20px;
}

#content blockquote ul, #content blockquote ol{
  margin-bottom: 10px;
}

#content .postmeta {
		color: #666;
}

#content blockquote{
  width: 460px;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #ededed;
}

#hline{
 background: #ccc;
 width: 500px;
 height: 1px;
 display: block;
 margin-bottom: 20px;
}


/*		S I D E B A R
----------------------------------------------- */

#sidebar {
		width: 291px;
		float: right;
		padding: 25px 0 0 0;
}

#sidebar ul, #sidebar p {
		margin-bottom: 20px;
}

#twitter_div {
		margin: 2px 0 0 10px;
}

#twitter_div li {
		padding: 18px 20px 31px 20px;
		background: #ededed url(twitterbubble.png) -17px bottom no-repeat;
}

#twitter_div li {
		list-style: none;
}

#twitter_div p {
		padding: 0 0 0 20px;
		position: relative;
		top: -11px;
}

#flickr {
		width: 291px;
		float: right;
		position: relative;
		top: -7px;
}

#flickr a:link, #flickr a:visited {
		margin-left: 10px;
		padding: 5px 5px 10px 5px;
		float: left;
		border: 1px solid #ccc;
		background: #fff;
		-webkit-transition: background-color .2s ease-out;
}

#flickr a:hover, #flickr a:active {
		background: #ededed;
}

#flickrp {
		clear: both;
		padding: 11px 0 0 30px;
}

#buecher p{
		clear: both;
		padding: 11px 0 0 20px;
}

#buecher {
	margin: 2px 0 0 10px;
}

#buecher .left{
 float: left;
 margin: 0 10px 20px 0;
 display: inline;
}

#buecher .right{
 float: right;
 margin: 0 0 20px 9px;
 display: inline;
}

#barchiv #sidebar, #bmaterial #sidebar {
		padding: 65px 0 0 0;
		color: #666;
}

#barchiv #sidebar p, #barchiv #sidebar ul, #bmaterial #sidebar p, #bmaterial #sidebar ul {
		padding-left: 10px;
		margin-bottom: 20px;
}

#barchiv #sidebar h4, #bmaterial #sidebar h4 {
		color: #000;
		font-size: 12px;
		margin-left: 10px;
}

#bueber_mich #sidebar img {
		padding: 43px 0 0 0;
}

#bueber_mich #sidebar p, #bueber_mich #sidebar ul{
  margin: 0 0 20px 10px;
}

#bueber_mich #sidebar li{
  margin: 0 0 0 20px;
  list-style-type: square;
}

#bkontakt #sidebar {
 padding: 40px 0 0 0;
}

#bkontakt #sidebar p {
		padding: 0 0 0 10px;
}

#bkontakt #sidebar img{
 padding: 0 0 0 10px;
}




/*		C O M M E N T S
----------------------------------------------- */

#comments {
		padding-top: 40px;
		clear: both;
}

#comments h2 {
		margin-bottom: 0;
}

.commentcontainer {
		width: auto;
		clear: both;
		padding-top: 20px;
}

.commenttext {
		width: 460px;
		float: left;
		padding: 20px;
		background: #d4edfc;
}

.commentautor {
		float: right;
		width: 361px;
		padding-top: 20px;
		background: transparent url(bubbleblue.png) 0 23px no-repeat;
}

.commentautor img {
  width: 35px;
  height: 35px;
		padding: 0 0 0 30px;
}

.commentautor p {
		display: block;
		float: right;
		width: 281px;
		color: #666;
}

.commentautor strong {
		color: #000;
}

#commentinvite {
		clear: both;
		padding: 40px 0 20px 0;
}

#kommentieren #comment-author, #kommentieren #comment-email, #kommentieren #comment-url {
		width: 430px;
		font-size: 12px;
}

#kommentieren textarea {
		width: 430px;
		height: 165px;
		font: 12px/20px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

#kommentieren #comment-author:focus, #kommentieren #comment-email:focus, #kommentieren #comment-url:focus, #kommentieren textarea:focus {
		background: #fff9c7;
}

#kommentieren p {
		margin-bottom: 20px;
}


/*		F O O T E R
----------------------------------------------- */

#footercontainer {
		clear: both;
		padding-top: 60px;
}

#footer {
		border-top: 1px solid #ccc;
		padding: 10px 0 40px 0;
}

#footerfeeds {
		width: 281px;
		float: right;
}

#footerfeeds a {
		padding-left: 16px;
		background: transparent url(feed.png) 0 1px no-repeat;
}