/* This template is based on:
 *
 * Embedded Moose, Josh Triplett <josh@freedesktop.org>
 *
 * Improved by Csillag Tamas <cstamas@digitus.itk.ppke.hu>
 *
 * Nico Schottelius <nico-ikiwiki-css -at- schottelius.org>
 *
 *    - Added sidebar and tagcloud support
 *    - Made links better viewable
 *    - Smaller footer
 *
 * css for dummies: # = id, . = class
 */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic);


.sidebar, .pagecloud {
   background: #800000;
   border: 2px solid #500000;
   font-size: 80%;
   font-family: sans-serif;
   color: #c0c0c0 !important;
}

.sidebar {
   width: 20ex;
   float: left;
   margin-top: 10px;
   margin-left: 0px;
}

.pagecloud {
   float: right;
   margin-top:   0px;
   margin-right: 0px;
}
 
.sidebar ul {
        list-style-type: none;
        padding-left: 1em;
}


body { 
           background: #474747;
}

#content {
   background: #333333;
   margin: 10px 0px;
   margin-left: 21ex;
   border: 1px dotted #c0c0c0;
   padding: 10px;
   font-family: sans-serif;
   color: #acacac
}

h1 {
           font-size: 150%;
           color: #e6deee;
}

h2 {
           font-size: 130%;
           color: #e6deee;
}

a {
	   color: #efefef;
	   border-bottom: 1px dashed;
	   text-decoration: none;
}

a:hover { background: blue; }

pre {
   color: #d0d0d0;
   border: 1px dotted #c0c0c0;
   background: black;
   padding: 2px;
           font-size: 110%;
}

.feedbutton { background: #ff0000; }

.header {
   background: #800000;
   border: 2px solid #500000;
   padding: 10px;
   color: #efefef;
   font-family: sans-serif;
}

.header a {
   margin-right: 1ex;
   color: #efefef;
   font-family: sans-serif;
}

.tags, #backlinks {
   background: #640000;
   border: 2px solid #500000;
   margin: 2px;
   color: #efefef;
   font-family: sans-serif;
}

.tags {
   color: yellow;
}

/* pagedate is even less interesting, make it even smaller */
.pagedate {
   background: #474747;
   border: none;
   padding: 4px;
   color: #efefef;
   font-size: 80%;
}

.selflink { background: yellow; color: black }
.actions ul { background: #640000; border: none; padding-bottom: 0px; font-family: sans-serif;}
.actions a  { margin-right: 1ex; color: #dfdfdf; font-family: sans-serif;}
#footer { border: none; font-family: sans-serif;}

/* elements at the bottom should be a bit smaller in general */
.pagefooter {
   font-family: sans-serif;
   font-size: 80%;
}