/*  
Theme Name: M1
Theme URI: 
Description: A colourful, 2 column layout with header and footer. Based on a theme by the <a href="http://www.enblogopedia.com/">Blogging Encyclodia</a>.
Version: 1.1
Author: Florenz A.P. Hollebrandse
Author URI:
*/
* {
   margin: 0;
   padding: 0;
}

body {
   margin: 5px 0;
   background:#eee url(images/bodybg.png);
   font-size: 62.5%; /* Resets 1em to 10px */
   font-family: Georgia, Palatino, "Times New Roman", serif;
   color: #2e3436;
   word-spacing: 0.1em;
}

#content {
   font-size: 1.4em;
   line-height: 1.571em;
}

h1, h2, h3 {
   font-weight: bold;
   letter-spacing: 0.015em;
}

h1 {
   font-size: 1.8em;
}

h2 {
   font-size: 1.4em;
   margin-bottom: 10px;
}

h3 {
   font-size: 1.2em;
   margin-bottom: 5px;
}

small {
   font-size: 0.9em;
   line-height: 1.6em;
}


p, blockquote, ul, ol {
   margin-bottom: 1em;
}

p {
}

blockquote {
   margin-left: 3em;
   font-style: italic;
}

ul {
   margin-left: 3em;
}

ul li {
}

ol {
   margin-left: 3em;
}

ol li {
}

a {
   color: #3366FF;
}


a:hover {
   color: #FF6600;
}

/* Pictures*/

img {
   border: none;
}

img.alignleft {
   margin: 0 1em 1em 0;
}

img.alignright {
   margin: 0em 0 1em 1em;
}

.alignright {
   float: right;
}

.alignleft {
   float: left
}

.center {
   text-align: center;
}

.post .story {
   margin-bottom: 0.5em;
}

.wp-caption {
}

.wp-caption.alignright {
   margin: 0em 0 1em 1em;
}

.wp-caption.alignleft {
   margin: 0 1em 1em 0;
}	

.wp-caption p {
   line-height: 1.2em;
   margin-bottom: 0 !important;
}

.navigation {
   display: block;
   text-align: center;
   margin: 10px;
}
/* Boxed Style */

.boxed {
}

.boxed .title {
   padding: 5px 10px;
   background: url(images/img07.gif) repeat-x left bottom;
   font-size: 1em;
}

.boxed .content {
   padding: 20px 20px 40px 20px;
}


/* Post */

.post {
}

.post .meta {
   float: left;
   font-size: x-small;
   margin-bottom: 20px;
}

.post .story {
   clear: both;
}

.post .story p, .post .story blockquote, .post .story ul, .post .story ol {
   margin-bottom: 1.5em;
}

/* Search results pages */
ul#search-results p{
   margin-bottom: 0;
}
ul#search-results li{
   margin-bottom: 1.5em;
}
ul#search-results a{
   font-weight: bold;
}
ul#search-results .meta {
   font-style: italic;
}
ul#search-results .excerpt {
   font-style: italic;
}

/* Logo */

#logo {
   width: 885px;
   height: 105px;
   margin: 0 auto;
}

#logo h1 {
   float: left;
   width: 180px;
   height: 60px;
   padding: 20px;
   background: url(images/header1.png) no-repeat;
   text-align: left;
   font-size: 1.8em;
}

#logo h2 {
   float: right;
   width: 620px;
   height: 50px;
   padding: 30px 20px 20px 20px;
   margin-bottom: 0;
   background: url(images/header2.png) no-repeat;
   font-size: 1.4em;
   color:#ffffff;
}

#logo a {
   text-decoration: none;
   color: #FFFFFF;
}

/* Content */

#content {
   width: 885px;
   margin: 0 auto;
   background: url(images/img03.gif) repeat-y;
}

#extra {
   clear: both;
   height: 20px;
   background: url(images/img06.gif) no-repeat;
}

/* Content > Main */

#main {
   float: right;
   width: 620px;
   background: url(images/img05.gif) no-repeat right top;
   color: #222222;
   padding: 20px;
}

#main a {
   color: #222222;
}

/* Content > Sidebar */

#sidebar {
   float: left;
   width: 220px;
   background: url(images/img04.gif) no-repeat;
   color: #319595;
}

#sidebar ul {
   margin: 0;
   padding: 0;
}

#sidebar ul li.widget {
   list-style-type: none;
   list-style-image: none;
   margin-top: 20px;
}

#sidebar a {
   color: #319595;
}

#sidebar p, #sidebar h2 {
   padding-left: 20px;
}

#sidebar h2 {
   display: block;
   padding-bottom: 1px;
   background: url(images/img07.gif) repeat-x left bottom;
}

/* Page navigation widget */

#sidebar .widget_pages h2.widgettitle {
   display: none;
}

.widget_pages ul li {
   display: block;
   padding-bottom: 1px;
   margin-top: 0;
   margin-bottom: 0;
   background: url(images/img07.gif) repeat-x left bottom;
}
.widget_pages ul ul {
   margin-left: 20px !important;
}
.widget_pages ul ul li {
   display: block;
   background: none;
}
.widget_pages a {
   display: block;
   padding: 0 20px;
   text-decoration: none;
}
.widget_pages a:hover, #menu .active a {
   background: #CDE5E5 url(images/img08.gif) no-repeat 2px 50%;
}

/* Footer */
#footer {
   clear: both;
   width: 845px;
   height: 80px;
   margin: 5px auto;
   padding: 10px 20px 0 20px;
   background: url(images/footer.png) no-repeat left top;
   color: #FFFFFF;
}

#footer p {
   font-size: 1.1em;
   margin: 0;
}

#footer a {
   color: #FFFFFF;
}

/* comment form elements */
#comments form {
   margin:0;
   padding: 5px;
   background-color: #FEF0E2;
}
#comments label {
   display:block;
   font-weight:bold;
   margin:5px 0;
}
#comments input {
   padding: 2px;
   border:1px solid #eee;
   font: normal 1em 'Trebuchet MS', verdana, sans-serif;
   color:#777;
}
#comments textarea {
   width:90%;
   padding:2px;
   font: normal 1em 'Trebuchet MS', verdana, sans-serif;
   border:1px solid #eee;
   height:100px;
   display:block;
   color:#777;
}
#comments input.button { 
   margin: 0;
   font: bold 1em Arial, Sans-serif;
   border: 1px solid #CCC;
   background: #FFF;
   padding: 2px 3px;
   color: #333;
}

/* forms */
form {
   margin:0; padding: 0;
}

input[type="text"],
textarea {
   border:1px solid #8c8b8b;
   padding: 4px 2px;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 1em;
   color: #8c8b8b;
   width: 400px;
}

#searchform {
   margin: 0 0 0 20px;
   padding: 0px;
   overflow: hidden;
}

input#s {
   background-color:#E6F2F2;
   border:1px solid #9DCBCB;
   width: 180px;
   color: #8c8b8b;
   font-size: 1em;
   padding: 4px 2px;
   margin: 0px;
}

/* comments */
#comments {
}
.alt {
   background-color:#FDD5AD !important;
   border-top:1px solid #FFA954 !important;
   border-bottom:1px solid #FFA954 !important;
   padding: 10px 10px 0 10px !important;
}

.commentlist {
   padding: 0;
   margin: 0;
}

.commentlist li {
   background-color:#FEE7D0;
   list-style: none;
   padding: 10px 10px 0 10px;
   border:none;
   margin: 10px;
   color: #3C452D;
   overflow:hidden;
}

.commentmetadata {
   font-weight: normal;
}

.comment_author a:visited {
   font-weight: bold;
   text-decoration: none;
}
.befirst {
   padding: 0 !important;
   text-align:center;
   font-size: 1.3em;
   color:#CDCDCD;
   font-weight:bold;
}

#comments h3 {
   padding: 10px 0 0px 0px;
   border-bottom: 1px solid #FFA954;
   font-weight: bold;
}

/* Events list */
ul.events {
   margin-left: 0;
   width: 400px;
}

li.event {
   list-style: none;
   background: url(images/red-dots.png) bottom left repeat-x;
   padding-bottom: 1.571em;
}

li.event .event-summary {
   color: #fe786c;
   font-weight: bold;
   letter-spacing: 0.015em;
}

