/*  
Theme Name: GURU
Theme URI: http://www.guru-board.com/
Description: Wordpress-Theme for guru-board.com
Version: 1.0
Author: SE
*/

/* Presets */
html { height: 100.01%; margin: 0; padding: 0; overflow:auto;}
* {margin: 0; padding: 0; }

img {
	border:0;
}

body {
  font				: normal 10px Verdana, Helvetica, Arial, sans serif;
  text-align		: center;
  background		: #544436;
	color:#fff;  
}

h1, h2, h3, h4, h5, h6 {
  font				: normal 15px Verdana, Helvetica, Arial, sans serif;
  margin			: 0;
  padding			: 0 10px;
}

p , table, th, td, input, textarea, code, pre {
  font				: normal 15px Verdana, Helvetica, Arial, sans serif;
  margin			: 0 0 7px;
  padding			: 3px 10px 0;
}

table {
  border-collapse:collapse;
}

td {
  padding: 5px;
  border: 1px #ddd solid;
  vertical-align: top;
}

ol {
  font				: normal 15px Verdana, Helvetica, Arial, sans serif;
}

li a {
  display			: inline-block;
}

li a {
  display			: block;
  padding			: 0 10px;
}

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

a:focus, a:active {
	outline:none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  padding			: 1px 0 2px;
}

a:hover {
  color				: #a0a0a0;
}

.clearer {
  clear				: both;
  height			: 3px;
  line-height		: 1px;
  font-size			: 1px;
  padding			: 0;
  margin			: 0;
  width				: 10px;
}

blockquote {
  font				: normal 15px Verdana, Helvetica, Arial, sans serif;
  margin			: 3px 0 7px 30px;
  padding			: 0 10px 0 5px;
  border-left		: 3px solid #005eb3;
}

.alignright {
	clear:both !important;
	float:right !important;
}

/* page stuff */
#single #hintergrund {
	background:url(images/back_configurator.png) 0px 125px no-repeat;
	width:1000px; height:667px;
	text-align:left;
	margin:0 auto;
}

#kopf {
	position:relative;
  width				: 1000px;
  background		: url(images/header_configurator.png) no-repeat;
  height			: 125px;
}

#seite {
  width				: 992px;
  margin			: 0 4px;
}

#footer {
  clear				: both;
  background		: url(images/footer_configurator.png) no-repeat;
  height			: 73px;
}

/* content */
#inhalte {
	margin-left:90px;
	margin-top:360px;
	height:182px;
	float:left;
	text-align:left;
}

#inhalte h3 {
  font-size			: 16px;
  padding-top:0px;
  padding-bottom:5px;
  text-align		: left;
  font-weight:bold;
}

#inhalte h2 {
	font-size:16px;
	margin-bottom:5px;
  padding-top		: 7px;
  text-align		: left;
}

#inhalt .entry {
	width:870px;
}

#inhalte .post {
	position:relative;
	width:870px;
	padding-top:7px;
}

#inhalte .post a {
	text-decoration:underline;
}

#inhalte .post h2 {
	font-size:14px;
	font-weight:normal;
}

#inhalte .post p {
	text-align:left;
	font-size:11px;
	font-weight:normal;
	line-height:17px;
	float:left;
}

.homeColumn {
	margin-right:70px;
	width:220px; height:133px;
	float:left;
}

.homeColumn a {
	color:#a0a0a0;
}

.homeColumn h2{
	float:left;
	width:220px;
}

/* footer */
#footer .footerMenu {
	top:30px;
}

#footer .disclaimer {
	top:34px;
}

/* configurator: */

/* display: */
#display {
	position:absolute;
	left:-34px; top:-348px;
}

.picDisplayOverlay {
	position:absolute;
	left:470px; top:303px;
}

#views {
	position:absolute;
	left:488px; top:-62px;
}

#switchButton {
	position:absolute;
	left:0px; top:0px;
	cursor:pointer;
}

#rotateButton {
	position:absolute;
	left:85px; top:0px;
	cursor:pointer;
}

#rotateView {
	margin-left:1px !important;
}

#vlineDisplay {
	position:absolute;
	left:655px; top:-331px;
}

#displayText {
	position:absolute;
	left:669px; top:-327px;
	width:180px;
	font-size:11px;
	letter-spacing:1px;
	line-height:14px;
	color:#898989;
}

.displayTextHeadline {
	color:#464646;
}

#helpDisplayButton {
	position:absolute;
	left:809px; top:-334px;
}

#helpDisplay {
	position:absolute;
	left:605px; top:-344px;
	width:200px;
	padding:10px 15px 20px 10px;
	background-color:#f0f0f0;
	color:#464646;
	border:1px solid #464646;
	display:none;
	z-index:100;
	cursor:pointer;
}

#helpDisplay strong {
	line-height:20px;
}



/* presets: */
#presets {
	position:absolute;
	left:-13px; top:-3px;
	color:#fff;
	font:normal 11px Verdana, Helvetica, Arial, sans serif;
	letter-spacing:1px;
	line-height:42px;
}

#presets a {
	color:#a0a0a0;
	text-decoration:none !important;
	line-height:21px;
}

#helpPresetsButton {
	position:absolute;
	top:8px; left:42px;
}

#helpPresets {
	position:absolute;
	left:20px; top:-5px;
	width:200px;
	padding:10px 15px 20px 10px;
	background-color:#d0d0d0;
	color:#464646;
	border:1px solid #464646;
	display:none;
	font-size:10px;
	line-height:14px;
	letter-spacing:0;
	cursor:pointer;
	z-index:100 !important;
}

#helpPresets strong {
	line-height:20px;
}

#vlineSelect1 {
	position:absolute;
	left:99px; top:8px;
}



/* color body: */
#colorBody {
	position:absolute;
	left:115px; top:-3px;
	color:#fff;
	font:normal 11px Verdana, Helvetica, Arial, sans serif;
	letter-spacing:1px;
	line-height:42px;
}

.configuratorText {
	color:#a0a0a0;
	line-height:21px !important;
}

.colorBody {
	position:absolute;
	width:21px; height:21px;
	cursor:pointer;
	z-index:5;
}

#colorBody00 {
	left:0px; top:70px;
}

#colorBody01 {
	left:27px; top:70px;
}

#colorBody02 {
	left:54px; top:70px;
}

#colorBody03 {
	left:81px; top:70px;
}

#colorBody04 {
	left:0px; top:97px;
}

#colorBody05 {
	left:27px; top:97px;
 }

#colorBody06 {
	left:54px; top:97px;
}

#colorBody07 {
	left:81px; top:97px;
}

#colorBody08 {
	left:0px; top:125px;
}

#colorBody09 {
	left:27px; top:125px;
}

#colorBody10 {
	left:54px; top:125px;
}

#colorBody11 {
	left:81px; top:125px;
}

#colorBodySelect {
	position:absolute;
	left:-3px; top:67px;
	z-index:3;
}

#vlineSelect2 {
	position:absolute;
	left:231px; top:8px;
}



/* color keycaps: */
#colorKeycaps {
	position:absolute;
	left:247px; top:-3px;
	color:#fff;
	font:normal 11px Verdana, Helvetica, Arial, sans serif;
	letter-spacing:1px;
	line-height:42px;
}

#checkboxSymbols {
	position:absolute;
	left:0px; top:43px;
	display:block;
	cursor:pointer;
}

#checkboxSymbolsChecked {
	position:absolute;
	left:0px; top:43px;
	display:none;
	cursor:pointer;
}

#textSymbols {
	position:absolute;
	left:25px; top:42px;
	cursor:pointer;
}

#enter {
	position:absolute;
	left:0px; top:72px;
}

.colorKeycap {
	position:absolute;
	width:21px; height:21px;
	cursor:pointer;
	z-index:5;
}

#colorKeycap00 {
	left:0px; top:157px;
}

#colorKeycap01 {
	left:27px; top:157px;
}

#colorKeycap02 {
	left:54px; top:157px;
}

#colorKeycap03 {
	left:81px; top:157px;
}

#colorKeycap04 {
	left:108px; top:157px;
}

#colorKeycap05 {
	left:0px; top:157px;
}

#colorKeycap06 {
	left:27px; top:157px;
}

#colorKeycap07 {
	left:54px;
	top:157px;
}

#colorKeycap08 {
	left:81px; top:157px;
}

#colorKeycap09 {
	left:108px; top:157px;
}

#colorKeycapTilesSymbols {
	display:none;
}

#colorKeycapSelect {
	position:absolute;
	left:-3px; top:154px;
	z-index:3;
}

#colorKeycapText {
	position:absolute;
	left:0px; top:129px;
}

#helpKeycapsButton {
	position:absolute;
	left:334px; top:39px;
}

#helpKeycaps {
	position:absolute;
	left:310px; top:20px;
	width:200px;
	padding:10px 15px 20px 10px;
	background-color:#d0d0d0;
	color:#464646;
	border:1px solid #464646;
	display:none;
	font-size:10px;
	line-height:14px;
	letter-spacing:0;
	z-index:100;
	cursor:pointer;
}

#helpKeycaps strong {
	line-height:20px;
}

#vlineSelect3 {
	position:absolute;
	left:389px; top:8px;
}



/* color stick: */
#colorStick {
	position:absolute;
	left:406px; top:-3px;
	color:#fff;
	font:normal 11px Verdana, Helvetica, Arial, sans serif;
	letter-spacing:1px;
	line-height:42px;
}

#checkboxStick {
	position:absolute;
	left:0px; top:43px;
	display:block;
	cursor:pointer;
}

#checkboxStickChecked {
	position:absolute;
	left:0px; top:43px;
	display:none;
	cursor:pointer;
}

#textStick {
	position:absolute;
	left:25px; top:42px;
	cursor:pointer;
}

.colorStick {
	position:absolute;
	width:21px; height:21px;
	cursor:pointer;
	z-index:5;
}

#colorStick00 {
	left:0px; top:103px;
}

#colorStick01 {
	left:27px; top:103px;
}

#colorStick02 {
	left:54px; top:103px;
}

#colorStick03 {
	left:0px; top:130px;
}

#colorStick04 {
	left:27px; top:130px;
}

#colorStick05 {
	left:54px; top:130px;
}

#colorStick06 {
	left:0px; top:157px;
}

#colorStick07 {
	left:27px; top:157px;
}

#colorStick08 {
	left:54px; top:157px;
}

#colorStickTilesSymbols {
	display:none;
}

#colorStickSelect {
	position:absolute;
	left:-3px; top:100px;
	z-index:3;
}

#colorStickText {
	position:absolute;
	left:0px; top:72px;
}

#helpStickButton {
	position:absolute;
	left:469px; top:39px;
}

#helpStick {
	position:absolute;
	left:450px; top:20px;
	width:200px;
	padding:10px 15px 20px 10px;
	background-color:#d0d0d0;
	color:#464646;
	border:1px solid #464646;
	display:none;
	font-size:10px;
	line-height:14px;
	letter-spacing:0;
	z-index:100;
	cursor:pointer;
}

#helpStick strong {
	line-height:20px;
}

#vlineSelect4 {
	position:absolute;
	left:499px; top:8px;
}



/* options: */
#options {
	position:absolute;
	left:517px; top:7px;
	color:#fff;
	font:normal 11px Verdana, Helvetica, Arial, sans serif;
	letter-spacing:1px;
	line-height:21px;
}

#optionsText {
	position:relative;
	top:11px;
	color:#a0a0a0;
}

#helpSwitchButton {
	position:absolute;
	left:577px; top:39px;
}

#helpSwitch {
	position:absolute;
	left:550px; top:21px;
	width:200px;
	padding:10px 15px 20px 10px;
	background-color:#d0d0d0;
	color:#464646;
	border:1px solid #464646;
	display:none;
	font-size:10px;
	line-height:14px;
	letter-spacing:0;
	z-index:100;
	cursor:pointer;
}

#helpSwitch a {
	color:#464646;
}

#helpSwitch strong {
	line-height:20px;
}



/* preview button: */
#preview {
	position:absolute;
	left:654px; top:8px;
	font-size:11px;
	letter-spacing:1px;
}

#previewButton {
	margin-top:5px;
	cursor:pointer;
}

#previewButtonText {
	position:absolute;
	left:0px; top:65px;
	color:#a0a0a0;
	line-height:16px;
}

#helpPreviewButton {
	position:absolute;
	left:822px; top:15px;
}

#helpPreview {
	position:absolute;
	left:617px; top:5px;
	width:200px;
	padding:10px 15px 20px 10px;
	background-color:#d0d0d0;
	color:#464646;
	border:1px solid #464646;
	display:none;
	z-index:100;
	cursor:pointer;
}

#helpPreview strong {
	line-height:20px;
}



/* switch select: */
#selectSwitch {
	position:relative;
	left:-3px; top:21px;
	line-height:14px;
	cursor:pointer;
	z-index:20;
}

#selectSwitch img {
	margin:0 !important;
}

#selectSwitchCurrent {
	position:absolute;
	left:0px; top:0px;
}

#selectSwitchClosed {
	position:absolute;
	top:-3px;
}

#selectSwitchCurrentName {
	position:absolute;
	left:6px; top:-1px;
	width:100px; height:20px;
	color:#464646 !important;
}

#selectSwitchCurrentNameRel {
	position:relative;
	top:-6px;
	color:#464646 !important;
	margin-bottom:3px;
}

#selectSwitchOpen {
	position:absolute;
	left:0px; top:-3px;
	width:120px;
	display:none;
	z-index:5;
}

#optionsSwitch {
	position:absolute;
	left:6px; top:8px;
	color:#606060;
	z-index:9;
}

.optionSwitch {
	width:110px; height:20px;
	margin:-5px 0 2px -2px;
	padding-left:2px; padding-top:2px;
}

.optionSwitch:hover {
	background-color:#c0c0c0;
}

#closeitSwitch {
	position:absolute;
	left:-9px; top:-1px;
	width:118px; height:18px;
	z-index:10;
}



/* enter select: */
#selectEnter {
	position:relative;
	left:-3px; top:61px;
	line-height:14px;
	cursor:pointer;
	z-index:20;
}

#selectEnter img {
	margin:0 !important;
}

#selectEnterCurrent {
	position:absolute;
	left:0px; top:0px;
}

#selectEnterClosed {
	position:absolute;
	top:-3px;
}

#selectEnterCurrentName {
	position:absolute;
	left:6px; top:-1px;
	width:100px; height:20px;
	color:#464646 !important;
}

#selectEnterCurrentNameRel {
	position:relative;
	top:-6px;
	color:#464646 !important;
	margin-bottom:3px;
}

#selectEnterOpen {
	position:absolute;
	left:0px; top:-3px;
	width:120px;
	display:none;
	z-index:5;
}

#optionsEnter {
	position:absolute;
	left:6px; top:8px;
	color:#606060;
	z-index:9;
}

.optionEnter {
	width:110px; height:20px;
	margin:-6px 0 2px -2px;
	padding-left:2px; padding-top:2px;
}

.optionEnter:hover {
	background-color:#c0c0c0;
}

#closeitEnter {
	position:absolute;
	left:-9px; top:-1px;
	width:118px; height:18px;
	z-index:10;
}



/* language select: */
#selectLanguage {
	position:relative;
	left:-3px; top:61px;
	line-height:14px;
	cursor:pointer;
	display:none;
	z-index:20;
}

#selectLanguage img {
	margin:0 !important;
}

#selectLanguageCurrent {
	position:absolute;
	left:0px; top:0px;
}

#selectLanguageClosed {
	position:absolute;
	top:-3px;
}

#selectLanguageCurrentName {
	position:absolute;
	left:6px; top:-1px;
	width:100px; height:20px;
	color:#464646 !important;
}

#selectLanguageCurrentNameRel {
	position:relative;
	top:-6px;
	color:#464646 !important;
	margin-bottom:3px;
}

#selectLanguageOpen {
	position:absolute;
	left:0px; top:-3px;
	width:120px;
	display:none;
	z-index:5;
}

#optionsLanguage {
	position:absolute;
	left:6px; top:8px;
	color:#606060;
	z-index:9;
}

.optionLanguage {
	width:110px; height:20px;
	margin:-6px 0 4px -2px;
	padding-left:2px; padding-top:2px;
}

.optionLanguage:hover {
	background-color:#c0c0c0;
}

#closeitLanguage {
	position:absolute;
	left:-9px; top:-1px;
	width:118px; height:18px;
	z-index:10;
}

#error {
	position:absolute;
	width:600px;
	left:40px; top:-18px; 
	text-align:right;
	color:#a00;
	font-size:11px;
	letter-spacing:1px;
	display:none;
	z-index:200;
}

#errorPadding {
	margin:15px 20px 20px 20px;
	margin:0;
}



/* rotation: */
.picRotate {
	position:absolute;
	left:40px; top:20px;
}



/* iframe: */
#colorlog {
	position:absolute;
	left:0px; top:0px; width:1px; height:1px;
	background-color:#544436;
	border:none;
	visibility:hidden;
}



/* work around IE bug with letter spacing: */
br {
	clear: left;
	letter-spacing:normal;
}