/* 
Theme Name: Mildly Orange
Theme URI: http://einfach-orange.de/
Description: While this theme was adjusted and mildly orangefied by MrOrange of <a href="http://einfach-orange.de">einfach-orange.de</a>, it is based on Qwilm! by Oriol Sanchez of <a href="http://oriol.f2o.org/">oriol.f2o.org</a> and uses icons which were taken from <a href="http://ndesign-studio.com">ndesign-studio.com</a>. Thanks to you guys!
Author: Norman Lippert
Author URI: http://einfach-orange.de/

History:
- adjusted and mildly orangefied by MrOrange of http://einfach-orange.de
- based on the Theme Qwilm! by Oriol Sanchez of http://oriol.f2o.org
- inspired by Lokesh's http://huddletogether.com
- buttons were taken from http://ndesign-studio.com

*/

body{background-color: #ff9900;font: 12px   'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;color: #000000}#wrapper{}
#content{text-align:left;border-top: solid 1px #cc3333;border-bottom: solid #cc3333 1px;border-left: solid 1px #cc3333;border-right: solid #cc3333 1px;padding-top: 30px;padding-left: 10px;padding-right: 10px;padding-bottom:30px;
	width: 600px;
	margin-bottom: 5px;
	float: left;
	background: #ffffff no-repeat;
}
p img {};

#meta {
	margin: 0;
}

input,textarea,select{border: 1px solid #cc3333;background-color: #ffcc00;color: #000000;font-size:1em;font-family:"Lucida Sans Unicode",Tahoma,Arial,sans-serif}

#searchform{width:100%}h1,h2,h3{font-family:"Lucida Grande",Tahoma,Arial,sans-serif}h1{font-size:16px;
	margin-bottom: 30px;
}h3{font-size: 12px;color: #000000}

h1 a{color: #ff6600;
	font-size: 20px;
	border-right-color: #000000;
	border-left: #ffffff 5px;
	border-bottom: 1px  #ff9900;
	margin-bottom: 30px;
}

h1 a:hover{color: #cc3333;
	font-size: 20px;
	border-right-color: #000000;
	border-left: #cccccc 5px;
	border-bottom: 1px  #cc3333;
	margin-bottom: 30px;
}
p{line-height:1.5em;
	background: inherit;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}ol,ul{line-height:1.5em;margin:1.2em 0 1.2em 2em}ul li,ol li{margin-bottom:0.2em}

a,a:hover{color: #ff6600;text-decoration:none}a:hover{color: #cc3333;
	text-decoration: none;
}em{font-style: italic;
	color: #000000;
}blockquote{margin:0 20px;padding:0 20px;border-left: 4px solid #ff9900;}

.backstage {
	font-size: 11px;
	text-align: left;
}

/* sidebar */

.sidebar{text-align:left;border-top: 1px #ff9900;border-bottom: #ff9900;border-left: 1px #ff9900;border-right: #ff9900 1px;background-color: inherit;
	float: left;
	width: 160px;
	padding: 0;
	margin: 0 15px 5px 5px;
}#sidebar-1{width: 160px;
	background: #ffcc00;
	border: 1px solid #cc3333;
	margin-bottom: 10px;
	margin-right: 5px;
	padding: 5px;
}

.sidebar-1{width: 160px;
	background: #ffcc00;
	border: 1px solid #cc3333;
	margin-bottom: 10px;
	margin-right: 5px;
	padding: 5px;
	position:relative;
}

.sidebar-2{width: 160px;
	background: #ffffff;
	border: 1px solid #cc3333;
	margin-bottom: 10px;
	padding: 5px;
}

.sidebar h2{display:inline;color: #000000;
	font: 14px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	margin: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0
	background: inherit no-repeat url(images/edit-page-yellow.gif) left;
;
}

.sidebar ul ul li a{display:inline;color: #ff6600;font-size: 12px;
	padding: 0;
	margin: 0;
}

.sidebar ul ul li a:hover{display:inline;color: #cc3333;font-size: 12px;
	padding: 0;
	margin: 0;
}.sidebar ul{list-style-type:none;
	background: none;
	border-bottom: 1px  #ff9900;
	margin-left: 0;
	padding: 0;
}.sidebar ul ul{
	margin: 0;
	background: inherit;
	border-top-color: #000000;
}.sidebar ul ul li{border-bottom: 1px  #ff9900;
	margin: 0;
	padding: 0 0 0 10px;
	background: inherit;
}

/* post */

.post{border-bottom: solid 1px #cc3333;padding-top: 0;
	border-right: 20px  #cc3333;
	margin-bottom: 30px;
	background: inherit;
	border-left: 1px solid #cc3333;
	padding-bottom: 0;
	padding-left: 5px;
	text-align: justify;
}.post-titulo{color: #ff3333;margin:0px;
	background: inherit;
}

.postentry{margin-top:0;font-size: 13px;color: #000000;
	background: inherit;
	display: block;
}

.postmeta {font-size: 11px;color: #000000;
	background: transparent no-repeat url(images/edit-page-yellow.gif) left;
	border-bottom: #ff9900 1px;
	text-align: left;
	border-left: 1px  #ff9900;
	padding-left: 20px;
	float: right;
	margin: 0;
}#pagina{border-bottom: solid 1px #cc3333;
	border-left: 1px solid #cc3333;
	margin-bottom: 20px;
	padding-left: 5px;
	color: #000000;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	text-align: justify;
}
#pagina p {margin: 0 0 10px; padding: 0;}

/* comments */

#comment{width:100%}.comentarios{border: 1px solid #cc3333;background-color: inherit;margin-top:5px;margin-bottom: 10px;
	padding-left: 5px;
}

.alt {
	background: #ffcc00;
}.comentariosmeta{margin-top:0;font-size: 11px;color: #000000;
	background: inherit;
}.comentariostitulo{margin:0px;
	background: inherit;
}.comentarios-link{background: url(images/edit-comment-orange.gif) no-repeat left transparent;
	padding-left: 20px;
	margin: 0;
	padding-bottom: 0;
}

.comentarios-link a {
	color: #ff6600;
	font-size: 11px;
	font-weight: bold;
}

.comentarios-link a:hover {
	color: #cc3333;
	font-size: 11px;
	font-weight: bold;
}.gravatar{float:right}

/* pagebar */

.pagebar 

	{ 

		font: 12px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; 

		padding-top: 20px; 

		padding-bottom: 10px; 

		margin: 0px;
	text-align: center;
}

.pagebar a, .pageList .this-page 

	{

		padding: 2px 6px; 

		border: solid 1px #cc3333; 

		background: #ff9900; 

		text-decoration: none;
	color: #000000;
}

.pagebar a:visited .pageList .this-page 

	{

		padding: 2px 6px; 

		border: solid 1px #cc3333; 

		background: #ff9900; 

		text-decoration: none;
	color: #000000;
}

.pagebar .break 

	{

		padding: 2px 6px; 

		border: none; 

		background: #fff; 

		text-decoration: none;

	}

.pagebar .this-page 

	{

		padding: 2px 6px; 

		font-weight: bold; 

		vertical-align: top; 

		background: #ffcc00;
	border: 1px solid #cc3333;
}

.pagebar a:hover 

	{

		color: #000000; 

		background: #ffcc00; 

		text-decoration: none;
	border: 1px solid #cc3333;
}

/* calender */

#wp-calendar {

	border: 1px solid #cc3333;

	empty-cells: show;

	margin: 0;

	width: 160px;
	color: #000000;
	text-align: center;
	background: #ffffff;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-weight: bold;
}

#wp-calendar caption {

	color: #000000;

	text-align: center;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	background: #ffcc00;
	border-top: 1px solid #cc3333;
	border-right: 1px solid #cc3333;
	border-left: 1px solid #cc3333;
}

#wp-calendar #next a {

	padding-left: 10px;

	text-align: left;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	border: 1px  #ff9900;
	background: #ff9900;
	color: #000000;
}

#wp-calendar #next a:hover {

	padding-left: 10px;

	text-align: left;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	border: 1px  #ff9900;
	background: #ffcc00;
	color: #000000;
}

#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	border: 1px  #ff9900;
	background: #ff9900;
	color: #000000;
}

#wp-calendar #prev a:hover {

	padding-left: 10px;

	text-align: left;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	border: 1px  #ff9900;
	background: #ffcc00;
	color: #000000;
}

#wp-calendar a {

	text-decoration: none;
	color: #000000;
	border: 1px #ff9900 none;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	background: #ff9900;
	display: block;
}

#wp-calendar a:hover {

	background: #ffcc00;

	color: #000000;
	border: 1px  #ff9900;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

#wp-calendar td {

	color: #000000;

	font: normal 12px   'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;

	letter-spacing: normal;

	text-align: center;
	padding: 0;
	background: #ffcc00;
	border: 1px #cc3333 solid;
}

#wp-calendar td:hover {

	color: #000000;

	font: normal 12px   'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;

	letter-spacing: normal;

	text-align: center;
	padding: 0;
	background: #ffcc00;
	border: 1px #cc3333 solid;
}

#wp-calendar td.pad {

	background: #ffffff;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	color: #000000;
	border: 1px none #ff9900;
}

#wp-calendar td.pad:hover {

	background: #ffffff;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	color: #000000;
	border: 1px solid #ffffcc;
}

#wp-calendar td:hover, #wp-calendar #today {

	background: #ffcc00;

	color: #000000;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	border: #cc3333 solid 1px;
}

#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	border: 1px solid #cc3333;
	background: #ffcc00;
}

/* keyword + related post */

#key-rel {
	border: 1px solid #cc3333;
	background: #ffffcc;
	padding-left: 0;
	padding: 5px;
	font-size: 12px;
	color: #000000;
	margin-bottom: 20px;
}

#keyword {
	width: 250px;
	background: inherit;
	float: right;
	clear: both;
	margin: 0;
	padding: 0;
}

#related {
	background: inherit;
	margin: 0;
	padding: 0;
}

#key-rel a{color: #ff6600;background: center right;
}

#key-rel a:hover{color: #cc3333;background: center right;
}

#key-rel img{background: center right;
	margin: 0;
	padding-left: 5px;
}

.meta-date{color: #000000;
	background: transparent no-repeat url(images/edit-page-yellow.gif);
	border-bottom: #ff9900 1px;
	text-align: left;
	border-left: 1px  #ff9900;
	padding-left: 20px;
	margin: 0;
}

.meta-related{color: #000000;
	background: transparent no-repeat url(images/right-orange.gif);
	border-bottom: #ff9900 1px;
	text-align: left;
	border-left: 1px  #ff9900;
	padding-left: 20px;
	margin-top: 10px;
}

.meta-comments{color: #000000;
	background: transparent no-repeat url(images/edit-comment-orange.gif);
	border-bottom: #ff9900 1px;
	text-align: left;
	border-left: 1px  #ff9900;
	padding-left: 20px;
	margin-top: 10px;
}

.meta-permalink {
	background: no-repeat url(images/lock-page-yellow.gif) transparent;
	color: #000000;
	padding-left: 20px;
	text-align: left;
	margin-top: 10px;
}

.meta-rss {
	background: no-repeat url(images/check-orange.gif) transparent;
	color: #000000;
	padding-left: 20px;
	text-align: left;
	margin-top: 10px;
}

.meta-trackback {
	background: no-repeat url(images/left-orange.gif) transparent;
	color: #000000;
	padding-left: 20px;
	text-align: left;
	margin-top: 10px;
}

.meta-categories {
	background: no-repeat url(images/down-orange.gif);
	color: #000000;
	padding-left: 20px;
	margin: 0;
	text-align: left;
}

.meta-keywords {
	background: no-repeat url(images/add-page-orange.gif);
	color: #000000;
	padding-left: 20px;
	text-align: left;
	margin-top: 10px;
}


.img-post {
	margin-top: 10px;
	margin-right: 5px;
	padding: 0;
	float: left;
}
.center {
text-align: center;
}

.floatl {
float: left;
margin-right: 5px;
margin-top:5px;
}

.floatl a:hover img {
border: 1px solid #cc3333;
padding: 2px;
background-color: #ff9900;
}

.floatl a img {
border: 1px solid #cc3333;
background-color: #ffcc00;
padding: 2px;
}


.ffloatl {
float: left;
margin-right: 5px;
margin-top:15px;
}

.ffloatl a:hover img {
border: 1px solid #cc3333;
padding: 2px;
background-color: #ff9900;
}

.ffloatl a img {
border: 1px solid #cc3333;
background-color: #ffcc00;
padding: 2px;
}

.floatr {
float: right;
margin-left: 5px;
margin-top:15px;

}

.floatr a:hover img {
border: 1px solid #cc3333;
padding: 2px;
background-color: #ff9900;
}

.floatr a img {
border: 1px solid #cc3333;
background-color: #ffcc00;
padding: 2px;
}

.floatc {
text-align: center;
margin-right: auto;
margin-left: auto;
display: inline;
}

.floatc a:hover img {
border: 1px solid #cc3333;
padding: 2px;
background-color: #ff9900;
	margin-right: 5px;
	margin-left: 5px;
}

.floatc a img, .floatc imga	 {
border: 1px solid #cc3333;
background-color: #ffcc00;
padding: 2px;
	margin-right: 5px;
	margin-left: 5px;
}

.grey { 
  background-color: #cccccc; 
}
.mildorange { 
  background-color: #ffcc00; 
}
.orange {
  background-color: #ff9900;
}
.darkorange { 
  background-color: #ff6600;
}
.darkred {
  background-color: #cc3333;
}
.gradwhite50 {
  background-image: url(images/verlauf_weiss_50.png);
}
.gradwhite85 {
  background-image: url(images/verlauf_weiss_85.png);
}
.gradwhite img {
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index:0;
}
.gradwhite * {
  position: relative;
  z-index: 1;
}
.gradwhite p {
  margin: 0px;
  padding: 3px;
}
 
 .box {
  border: solid black 1px;
  float: left;
  height: 100px;
  margin: 1px;
  width: 175px;
}
.box2 {
  border: solid black 1px;
  float: left;
  height: 30px;
  margin: 1px;
  position:relative;
  width: 160px;
}
