/* 

	Theme Name: Calla-Grafixx

	Theme URI: http://alice-grafixx.de/index.php?site=wordpress2

	Description: A two-columns Wordpress Theme by Alice

	Author: Alice

	Author URI: http://www.alice-grafixx.de

	Version: 1.0

*/





body {

	margin: 0px; 

	font: 12pt verdana, tahoma, sans-serif;

	text-align: center;

	color: #686868;

	background-color: #CFD3D2; 

}



p {

	font: 10pt verdana, tahoma, sans-serif;

	color: #686868;

}



/**    Layout ---------------  **/



#ram {

    background-image:url('images/hg.jpg');

	margin: 0px auto;

	text-align: left;

	width: 790px;

}



#header {

    background-image:url('images/header.jpg');

    background-repeat:no-repeat

    position: absolute; 

	height: 186px;

    z-index: 2;

    text-align: right;

}



#mit {

    background-image:url('images/navi.jpg');

	height: 55px;

}



#menu {

	float: left;

	width: 145px; 

	margin-left: 10px;

}



.nav {

	margin-left: 5px; 

	margin-top: 5px; 

	width: 144px; 

}



*[class="nav"]{ margin-left: 14px; margin-top: 5px; width: 144px; }



.content {

	padding-top: 15px; 

	padding-right: 35px;

	padding-bottom: 0px;

	padding-left: 0px;

	width: 570px; 

	float: right;

}



*[class="content"]{ 	

	padding-top: 5px; 

	padding-right: 35px;

	padding-bottom: 0px;

	padding-left: 0px;

	width: 570px;  

}



#footer {

	padding-right: 5px; 

	padding-left: 5px; 

	height: 37px; 

	text-align: center;

    background-image:url('images/footer.jpg');

   	font: 10pt verdana, tahoma, sans-serif;

   	color: #6DA8A5;

   	line-height: 35px;

}



/**   Top Menu   ---------------  **/



#top img {

border: none;

}



#top {

	width: 790px;

}



#top ul {

	margin:0;

	padding: 30px 0px 0 438px;

	list-style:none;

}



#top li {

	display:inline;

	margin:0;

	padding:0;

}



#top a {

	float:left;

	background:url('images/topleft.gif') no-repeat left top;

	margin:0;

	padding:0 0 0 4px;

	text-decoration:none;

}



#top a span {

      float:left;

      display:block;

      background:url('images/topright.gif') no-repeat right top;

      padding:5px 15px 4px 6px;

      color:#8EA0AE;

      font-weight: bold;

      font-size: 10pt;

      }

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#top a span {float:none;}



/* End IE5-Mac hack */

#top a:hover span { color:#FFF;}



#top a:hover 			{background-position:0% -42px;}

#top a:hover span		{background-position:100% -42px;}

#top #current a 		{background-position:0% -42px;}

#top #current a span 	{background-position:100% -42px;}



/**  ------    Menu    ---------------  **/



div.navi {

	font-size: 10pt; 

	width: 142px; 

	color: #3E566E; 

	font-family: verdana, tahoma; 

	border: 1px solid #ACCDCD;

	text-align: justify

}



.navi ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

.navi li a {

	height: 20px;

	voice-family: "\"}\"";

	voice-family: inherit;

	height: 20px;

	text-decoration: none;

}



.navi li a:link, .navi li a:visited {

	color: #888;

	display: block;

	background: url(images/nav.gif);

	padding: 2px 0 0 20px;

}



.navi li a:hover, .navi li #current, .navi li a:active {

	color: #283A50;

	background: url(images/nav.gif) 0 -20px;

	padding: 2px 0 0 20px;

}

 

/**  ------  Menu Ende   ---------------  **/



h1{

	text-transform:uppercase;

	letter-spacing: 2px;

	color: #8EA0AE;

	font-size:12px;

	line-height:14px;

	font-weight:bold;

	text-align:left;

	padding: 1px 1px 1px 4px;

	margin: 0;

	font-family:verdana,sans-serif;

	border-bottom:1px solid #ACCDCD;

}



h2 {font-size:14px; font-weight:bold; color:#8EA0AE;}

h3 {font-size:12px; color:#B0D4D2;}

h4 {font-size:20pt; color:#B0BFBF; margin: 0; padding: 15px 50px 0 0;}



#comments, #postcomment {font-size:14px; color:#3E566E;}



A:link {color: #3E566E; font-weight:normal; text-decoration:none;}

A:visited {color: #8EA0AE; font-weight:normal; text-decoration:none;}

A:active {color: #3E566E; font-weight:normal; text-decoration:underline;}

A:hover {color: #7994AF; font-weight:normal; text-decoration:none;

}



h2 A:link {

	font-size: 14pt;

	color: #8EA0AE;

	font-weight:bold;

}



h2 A:visited {

	font-size: 14pt;

	color: #8EA0AE;

	font-weight:bold;

}



h2 A:hover, h2 A:active {

	font-size: 14pt;

	color: #ACCDCD;

	font-weight:bold;

}



/**  ------    Post - Comments    ---------------  **/



.post {

	line-height:10px;

	color: #3E566E;

	letter-spacing:1px;

	text-align:left;

	font-family:verdana,sans-serif;

	border-bottom:1px solid #ACCDCD;	

	padding: 1 1 1 1;

}



.page {

	line-height:10px;

	color: #3E566E;

	font-size:10px;

	letter-spacing:1px;

	text-align:left;

	font-family:verdana,sans-serif;

	border-bottom:0px solid #ACCDCD;	

	padding: 1 1 1 1;

}



.entry {

	line-height:10pt;

	color: #3E566E;

	font-size:10pt;

	text-align:left;

	font-family:verdana,sans-serif;

	border-bottom:1px solid #ACCDCD;	

	padding: 1 1 1 1;

}



.front {

	line-height:10pt;

	color: #3E566E;

	font-size: 9pt;

	text-align:left;

	font-family:verdana,sans-serif;

	border-bottom:1px solid #ACCDCD;	

	padding: 1 1 1 1;

}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 25px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	background-image: url(images/quote.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



.kommentar{

	border: solid #ACCDCD;

	border-width: 0 0 0 3px;

	color: #686868; 

	padding-left : 5px;

}



.right { 

	text-align: right;

	color: #ACCDCD;

	font: bold 12pt tahoma, verdana, arial, sans-serif;

}



.who {	

	font: normal 10pt tahoma, verdana, arial, sans-serif;

	border-bottom: 1px solid  #ACCDCD;



}

.input {

	color:#3E566E; 

	font-size:11px; 

	font-family:tahoma, sans-serif; 

	width:120px; 

	height:18px 

}



.search {

	position: absolute;

	height: 22px;

	top: 210px;

	margin: 0;

	padding: 0 0 0 25px;

	z-index: 3;

	float:left;

}



.searchb {

	font: bold 10pt tahoma, verdana, arial, sans-serif;

	color: #8EA0AE; 

	background-color: #D8E7E6;

	border:1px solid #ACCDCD;

}



.sub {

	color:#3E566E; 

	font: normal 10pt tahoma, verdana, arial, sans-serif;

	background-color: #D8E7E6;

	border:1px solid #ACCDCD; 

	height: 20px;

	padding: 2px;

}



.comment {

	color:#3E566E; 

	font-family:tahoma, sans-serif; 

	background-color: #AFBFCF;

	border-style: solid; 

	border-width: 1px; 

	border-color: #3E566E; 

	font-size:11px; 

	text-align: center;

	height:15px;

}



.textarea {

	color:#3E566E; 

	font-family:tahoma, sans-serif; 

	font-size:10px; 

	width: 250px

}



/**  ------ Begin Calendar    ---------------  **/



td {

	color: #3E566E;

	font-family:tahoma,sans-serif;

	font-size:11px;

	text-align:justify;

	border:0px solid #3E566E;

	border-bottom-width:0px;

	padding:0px;

}



#wp-calendar {

	margin-left: auto;

	margin-right: auto;

	font-size: 10pt;

	width: 98%;

	color: #8EA0AE;

	border:1px solid #ACCDCD;

	background: #CEE1E1 url(images/cal.jpg);

}



#wp-calendar caption {

	margin-left: auto;

	margin-right: auto;

	text-transform:uppercase;

	letter-spacing: 2px;

	color: #8EA0AE;

	font-size:12px;

	line-height:14px;

	font-weight:bold;

	text-align:left;

	padding: 1px 1px 1px 4px;

	font-family:verdana,sans-serif;

	border-bottom:1px solid #ACCDCD;

}



#wp-calendar th {

	font-size: 10pt;

}



#wp-calendar #today {

	border: 1px solid #ACCDCD;

	background-color: #A9D1D0;

	color: #FFF; 

}



#wp-calendar td {

	text-align: right;

	border: 1px solid #A9D1D0;

	color: #6A7F7F;

}



#wp-calendar td.pad {

	border: none;

}



#wp-calendar a:link, #wp-calendar a:visited {

	color: #FFF;

	text-decoration: none;

}



#wp-calendar a:hover,  #wp-calendar a:active {

	color: #6A7F7F;

	text-decoration: none;

}



#wp-calendar #next a, #wp-calendar #next {

	padding-right: 5px;

	text-align: right;

	border: none;

}



#wp-calendar #prev a, #wp-calendar #prev {

	padding-left: 5px;

	text-align: left;

	border: none;

}