/*
-----------------------------------------------
		Bluesmuse Screen Stylesheet
		a Lichtsignale.de Design
----------------------------------------------- */


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


* {
		margin: 0;
		padding: 0;
}

html {
		height: 100%;
		overflow-y: scroll
}

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

img {
		border: none;
}

body {
		color: #666;
		background: #fff;
		text-align: center;
		font: 13px/18px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
		border-top: 5px solid #000;
}

h2 {
		font: bold 20px/27px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin: 54px 0 1px 0;
		border-bottom: 5px solid #e2e2e2;
}

p {
		margin-bottom: 18px;
}

hr {
		border: none;
		border-top: 2px solid #e2e2e2;
}

.meta {
		margin-top: 24px;
		padding: 0 0 5px 0;
		width: 500px !important;
		border-top: 2px solid #e2e2e2;
}


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

a:link, a:visited {
		color: #444;
		font-weight: bold;
		text-decoration: none;
}

a:hover {
		color: #777;
}

a:active {
		color: #fff;
		background: #888;
}

h2 a:hover {
		color: #999;
}

h2 a:active {
		color: #fff;
		background: #999;
}

.about a:link, .about a:visited {
		color: #fff;
		background: #888;
		padding: 2px 6px;
		border: 1px solid #888;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
}

.about a:hover, .about a:active {
		color: #fff;
		background: #666;
		border: 1px solid #666;
}

.current-page {
		cursor: default;
		color: #666 !important;
		background: #fff !important;
		border: 1px solid #999 !important;
}

#sidebar img {
		position: relative;
		margin: 5px 0 0 -1px;
}

#sidebar a:hover img {
		opacity: .6;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity = 60);
}


/*		G E N E R A L
----------------------------------------------- */


#wrapper {
		width: 709px;
		margin: 8px auto 0 auto;
		text-align: left;
		background: #fff url(bm-stencil.png) 531px 15px no-repeat;
}

#header {
		width: 709px;
		height: 120px;
		display: block;
		opacity: .60;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity = 60);
}

#header img {
		margin: 18px 0 0 17px;
}

#header a:link, #header a:visited {
		display: block;
		width: 709px;
		height: 140px;
}

#header a:hover {
		opacity: .70;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity = 70);
}

#header a:active {
		background: #fff;
}

#content {
		width: 500px;
		margin-left: 18px;
		float: left;
}

#content img {
		margin-bottom: -18px;
}

.colleft img, .colright img, table img {
		margin-bottom: 0 !important;
}

#content p {
		width: 400px;
}

#content ol {
		margin: 0 100px 18px 18px;
}

#sidebar {
		width: 155px;
		float: right;
		margin: 81px 18px 0 0;
		border-top: 5px solid #e2e2e2;
}

.number {
		color: #666;
		background: #fff;
		font-weight: bold;
		font-size: 10px;
		border: 1px solid #bbb;
		padding: 0px 6px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
}

a:active .number {
		color: #666;
		background: #fff;
		border: 1px solid #fff;
}

#footer {
		width: 682px;
		padding: 120px 0 18px 18px;
		clear: both;
}

#searchfield {
		display: block;
		float: right;
		width: 164px;
		position: relative;
		top: -4px;
}

.colleft {
		width: 245px;
		float: left;
}

.colright {
		width: 245px;
		float: right;
}

.colleft p, .colright p {
		width: 245px !important;
}


/*		F O R M S
----------------------------------------------- */

#respond {
		margin-top: 36px;
}

#searchfield input {
		width: 150px;
		height: 22px;
		border: none;
		color: #666;
		background: #e2e2e2 url(search.png) 136px 4px no-repeat;
		font: 13px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding-left: 5px;
}

#searchfield input:focus {
		color: #fff;
		background: #888;
		outline-width: 0;
}

#commentform #name, #commentform #email, #commentform #url {
		width: 495px;
		height: 22px;
		border: none;
		color: #666;
		background: #e2e2e2;
		font: 13px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding-left: 5px;
}

#commentform #name:focus, #commentform #email:focus, #commentform #url:focus {
		color: #fff;
		background: #888;
		outline-width: 0;
}

#commentform #fcontent {
		width: 495px;
		height: 145px;
		border: none;
		color: #666;
		background: #e2e2e2;
		font: 13px/18px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding: 5px 0 0 5px;
}

#commentform #fcontent:focus {
		color: #fff;
		background: #888;
		outline-width: 0;
}

#commentform #submit {
		width: 500px;
		height: 22px;
		border: none;
		color: #fff;
		background: #888;
		text-align: left;
		font: bold 13px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-top: 18px;
		padding-left: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
}

#commentform #submit:hover {
		color: #fff;
		background: #666;
		outline-width: 0;
		cursor: pointer;
}

.error li {
		list-style: none;
		color: red;
}