/* CSSTidy 1.3dev: Sun, 08 Jul 2007 16:55:08 +0200 */
/*  
Theme Name: mikalicous
Theme URI: http://25-eleven.com/mikalicous
Original Theme URI: http://warpspire.com/hemingway
Description: mikalicous is a simple weblog theme by <a href="http://25-eleven.com">mike distler</a> created by modifing the very popular Hemingway by <a href="http://warpspire.com">Kyle Neath</a>. 
<br />
<strong>This theme requires WordPress 2.0+</strong>.
Version: 0.1 beta
Author: mike d.
Author URI: http://25-eleven.com
*/
/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
margin:0;
padding:0;
}

li,dd {
margin-left:5%;
}

fieldset {
padding:.5em;
}

select option {
padding:0 5px;
}

a {
color:#666;
text-decoration:underline dotted;
}

a:hover {
color:#666;
text-decoration:underline;
}

h1 {
color:#000;
font-size:1.5em;
font-weight:400;
margin:.5em 0;
}

h2,h3 {
font-size:1.15em;
color:#333;
font-weight:400;
}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,label,ul,ol,dl,fieldset,address,#comments cite .admin-tools {
margin:5px 0;
}

p {
line-height:1.75em;
}

ul li {
list-style-type:square;
margin:.5em 0 .5em 2em;
}
.hide,.print-logo,.close-button {
display:none;
}

.clear {
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}

#errors {
color:red;
font-weight:700;
}

table th {
color:#FFF;
background:#333;
}

table td {
color:#000;
background:#EAEAEA;
}

.unimportant {
font-size:9px;
line-height:1.2em;
color:grey;
}

/*-----------------------------------------------------------------------------------------------

  Layout / Base Page Styling

-----------------------------------------------------------------------------------------------*/

body,#primary {
color:#444;
font-size:11px;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
background:#444;
}

#wrapper {
width:760px;
position:relative;
text-align:left;
margin:0 auto;
padding:2em 0;
background:url(images/header.jpg) no-repeat #fff;
}

.inside {
width:80%;
min-width:65em;
max-width:85em;
margin:0 auto;
}

/*-----------------------------------------------------------------------------------------------

  Image Styling (excl. gallery -> own css)

-----------------------------------------------------------------------------------------------*/

.postimage {
border:1px solid #000;
margin:12px;
}

a img {
border:none;
}

/*-----------------------------------------------------------------------------------------------

  Header

-----------------------------------------------------------------------------------------------*/

#header {
border-top:1px solid #000;
background:#444;
}

#header .inside {
padding:2em 0;
}

#header h2 {
font-size:2.25em;
float:left;
border-right:1px solid #7F7F7F;
margin:0 .5em 0 0;
padding:0 .5em .25em 0;
}

#header p {
line-height:1em;
margin:0;
padding:1em 0;
}

#header h2 a,div #header h2 a:hover {
text-decoration:none;
color:#000;
}

.description,.story .details a {
color:#666;
text-decoration:none;
}

/*-----------------------------------------------------------------------------------------------

  Navigation

-----------------------------------------------------------------------------------------------*/

/* ganze Zeile */

#navigation {
	background: #FFF;
	display: block;
	height: 25px;
}

/* navigationselemente 1.gen */

#navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 30px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Georgia, Tahoma, Arial, Serif;
}

#navigation ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	font-weight: bold;
}

/* navigationselemente 2.gen */

#navigation .pagenav ul li {
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial, Georgia, Tahoma, Arial, Serif;
}


/* elemente allgemein */

#navigation ul li a {
	display: block;
	padding: 5px 10px 5px;
	letter-spacing: 1px;
	font-weight: bold;
	border: 0;
	text-decoration: none;
	color: #000;
}

/* aktives Element */

#navigation 

	ul li a:hover,

#navigation 

	ul li a:active, 

#navigation li.current_page_item a {
	display: block;
	background: #444;
	color: #fff;
	text-decoration: none;
}

/* Navigation button rechts */

a.nav {
	display: block;
	margin-top: 6px;
	padding: 2px 5px 2px 5px;
	font-size: 9px;
	text-decoration: none;
	background: #393939;
	color: #fff;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	text-decoration: none;
}

* html a.nav {
	width: 80px;
}

a.nav:hover {
	background: #000;
	color: #fff;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

/*-----------------------------------------------------------------------------------------------

  Primary Items

-----------------------------------------------------------------------------------------------*/

.number {
position: relative;
left: -310px;
top: 1px;
float: right;
text-indent: -50px;
display: block;
font-size: 80px;
font-weight: normal;
font-family: Arial, Georgia, Tahoma, Arial, Serif;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
opacity: .20;
}

.single-post h1,.single-post h2 {
margin-top:0;
color:#444;
}

#primary {
color:#000;
padding:2em 0;
background:#fff;
}

#primary.onecol-stories .primary {
float:left;
width:50%;
}

#primary.onecol-stories .secondary {
float:right;
width:40%;
margin:0 0 0 10%;
}

#primary.twocol-stories .story {
float:left;
width:48%;
display:inline;
margin:0 0 0 3.9%;
}

#primary.twocol-stories .asia {
float:left;
width:85%;
margin:0;
}

#primary h2,.secondary dd a:hover,ul.dates a:hover,ul.dates a:hover .date,ul.counts a:hover,ul.counts a:hover .count,ul.blogroll a:hover,ul.pages a:hover, a,.story .details a,.story .details a:hover,
h1,h2,h3 {
color:#000;
}

#primary.twocol-stories .first,ul.pages ul,#search-result ul {
margin:0;
}

/*-------------
  Story  Items (n?tig?)
---------------*/

.story h3 {
font-size:1.15em;
font-weight:400;
color:#ccc;
margin:0 0 1.5em;
}

.story h3 a {
color:#000;
text-decoration:none;
border-bottom:1px dotted #666;
}

.story .details {
text-align:right;
font-size:.95em;
color:#333;
border-top:1px solid #7F7F7F;
margin:1em 0;
padding:.5em 0;
}

.story .details a:hover {
color:#666;
border-bottom:1px dotted #666;
text-decoration:underline;
}

.read-on {
padding-right:20px;
text-align:right;
display:block;
background:url(images/readon_black.gif) no-repeat 100% 60%;
}

.read-on a {
font-style:italic;
color:#700;
text-decoration:none;
}

/*-------------------*/

#primary .primary {
float:right;
width:65%;
}

#primary .secondary {
float:right;
width:30%;
margin-right:5%;
padding-top:.65em;
display:inline;
}

/*--------------------
	Page Items
--------------------*/

#primary.twocol-stories .page-double {
float:left;
width:20%;
}

#primary.twocol-stories .page-double-second {
float:right;
width:65%;
padding-left:2em;
border-left:1px solid #CCC;
}


/*-----------------------------------------------------------------------------------------------

	Secondary Items

-----------------------------------------------------------------------------------------------*/


#secondary {
padding:1px 2em;
background:#fff;
}

.secondary .featured dl {
border-bottom:1px solid #CCC;
margin:0;
padding:.5em 0 .6em;
}

.secondary dt {
display:inline;
color:#AAA;
margin:0;
padding:0;
}

.secondary dd {
display:inline;
margin:0;
padding:0;
}

.secondary dd a {
color:#7F7F7F;
}

.secondary .featured p {
line-height:1.5em;
border-bottom:1px solid #CCC;
border-top:1px solid #CCC;
margin:1em 0 0;
padding:.5em 0 .6em;
}

/*-----------------------------------------------------------------------------------------------

	Comment Items

-----------------------------------------------------------------------------------------------*/

.comment-head {
border-bottom:1px solid #E3E3E3;
padding:.8em 2em 1em;
}

.comment-head h2 {
font-size:1.5em;
color:#000;
margin:0;
}

.comment-head a {
text-decoration:none;
color:#444;
}

.comment-head .details {
font-size:.95em;
}

#comments cite {
float:left;
width:31%;
font-style:normal;
text-align:right;
}

* html #comments cite {
width:30.6%;
}

#comments cite span {
display:block;
}

#comments cite .author {
font-size:1.2em;
}

#comments cite .author a {
text-decoration:none;
}

#comments cite .admin-tools a {
float:right;
border:1px solid #999;
text-decoration:none;
margin:0 5px;
padding:0 3px 3px;
background:#666;
}

#comments .pingback cite .author {
display:block;
padding-top:68px;
background:url(images/trackback_pingback.gif) no-repeat 100% 0;
}

ol#comments,ol#comments li {
list-style-type:none;
margin:2em 0;
}

#comments .content {
float:left;
width:60%;
margin-left:1.9%;
border-left:1px solid #868686;
padding:0 0 0 2%;
}

#comments .mycontent {
float:left;
width:60%;
margin-left:1.9%;
border-left:1px solid #868686;
color:#000;
padding:0 0 0 2%;
background:#939393;
}

#comments .content p {
margin:0 0 1em;
}

#comments .content h3 {
font-size:1em;
margin:0;
}

#comments .counter {
display:block;
font:normal 2.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
color:#F3F3F3;
text-align:left;
padding:0;
}

#comment-form {
width:36em;
margin:5em 0 5em 35.4%;
}

input.textfield {
width:15em;
margin:5px 0;
}

textarea.commentbox {
width:28em;
height:10em;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
margin:5px 0;
padding:.25em;
}

label.text {
position:relative;
left:.5em;
top:-.5em;
}

.formactions input.submit {
float:right;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
margin:-10px 15px 0 0;
padding:0 5em;
}

/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/
.ancillary{
	background:#fff;
	padding:2em 0 2em 0;
}
.ancillary .block{
	float:left;
	padding: 1%;
	width: 28%;
	margin:0 0 0 2.5%;	
	background: transparent url(images/transparent_bg.png) repeat left top;
}
* html .ancillary .block{
	background:none;
}
.ancillary .twice-length{ width:65%; }
.ancillary .thrice-length{ width:100%; }
.ancillary .first {
	clear:both;
	margin:0 0 0 2.4%;
}
* html .ancillary .first {
	clear:both;
	margin:0;
}
.ancillary .block-separator{
	clear:both;
	height:2.5em;
}
.ancillary .block h2, .ancillary .block h3{
	margin:0 0 2em 0;
	color: #333;
}
.divider {
	border-bottom:1px solid #BFBFBF;
}

ul.dates,ul.counts,ul.blogroll ul,ul.pages {
list-style-type:none;
border-top:1px solid #3D3D3D;
margin:1.5em 0 2em;
}

ul.dates li,ul.counts li,ul.blogroll ul li,ul.pages li {
list-style-type:none;
border-bottom:1px solid #3D3D3D;
margin:0;
padding:.5em 0;
}

ul.dates .date {
color:#858585;
padding:0 1.5em 0 0;
}

ul.counts .count {
float:right;
color:#858585;
}

ul.dates a,ul.counts a,ul.blogroll a,ul.pages a {
text-decoration:none;
color:#404040;
}

ul.blogroll {
margin-top:0;
}

ul.blogroll li {
list-style-type:none;
margin:0;
}

ul.pages ul li {
border:none;
margin-left:2em;
list-style-type:square;
}

/*-----------------------------------------------------------------------------------------------

	Footer Items

-----------------------------------------------------------------------------------------------*/

#footer {
clear:both;
color:#333;
margin:0;
}

#footer a:hover,#footer p.attributes a:hover {
color:#444;
}

#footer .inside {
padding:5px 0;
background:#fff;
}

#footer p {
font-size:.95em;
margin:0;
}

#footer p.attributes a {
text-decoration:none;
color:#525252;
padding:0 1em 0 0;
}

#footer p.attributes a:hover {
text-decoration:underline;
color:#444;
}

.left {
float:left;
}

#footer p.copyright {
clear:both;
background:url(images/apple.png) no-repeat #fff;
width:22px;
height:23px;
float:left;
}

.right,#footer p.attributes {
float:right;
}

#footer a,#footer p.attributes a,blockquote,.secondary .featured dt {
color:#333;
}

/*-----------------------------------------------------------------------------------------------

	Search Items

-----------------------------------------------------------------------------------------------*/

#search {
float:right;
width:200px;
text-align:right;
margin:1em 0 0;
}

#search .searchimg {
float:left;
width:14px;
height:13px;
position:relative;
top:4px;
background:url(images/search.gif) no-repeat;
}

#search input {
width:175px;
font-size:.85em;
margin-top:2px;
background:#ccc;
}

#search input:focus {
background:#ccc;
}

#searchform {
margin:1em 0;
}

#searchform #s {
border:none;
border-bottom:1px solid #333;
width:30em;
color:#000;
padding:.25em;
background:#fff;
}

#searchform #searchsubmit {
color:#666;
border:none;
font-size:.9em;
text-transform:uppercase;
letter-spacing:.25em;
background:#000;
}

#search-results {
width:30%;
float:right;
border-top:1em solid #000;
padding:0;
background:#333;
}

#search-results h3 {
font-weight:700;
text-align:left;
margin:0;
padding:0 0 1em;
background:#000;
}

#search-results small {
display:block;
text-align:left;
font-size:.9em;
border-top:1px solid #666;
border-bottom:1px solid #555;
padding:.5em 1em .7em;
}

#search-results small a {
color:#CCC;
}

#search-results ul li {
list-style-type:none;
margin:.5em 0;
padding:0 1em .5em;
}

#search-results ul li:hover {
background:#202020;
}

#search-results ul li a {
text-decoration:none;
border-bottom:1px dotted #CCC;
}

#search img.archives-icon {
top:1px;
margin:0 7px 0 0;
}

/*---------------------*/

ul.dates,ul.counts,ul.blogroll li ul,ul.pages {
border-top:1px solid #C2C2C2;
}

ul.dates li,ul.counts li,ul.blogroll li ul li,ul.pages li {
border-bottom:1px solid #C2C2C2;
}

ul.dates .date,ul.counts .count {
color:#7A7A7A;
}