/*  
Theme Name: Moments of Light
Theme URI: http://momentsoflight.com
Description: This theme matches the moments of light web site (hopefully)
Version: 1.2
Author: Dave Rathbun
Author URI: http://momentsoflight.com
*/

body {
	margin: 5px 5px 5px 5px;
	}

#wrapper {
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	}

.main {
	width: 94%;
	line-height: 20px;
	text-align: left;
	}

.navigation {
	display: block;
	margin-top: 20px;
	}

/* Post formatting */
ul.metalinks{
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	list-style-type: none;
}
.metalinks li{
	display: inline;
}

/* Icons for various items */
ul.icon{
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	list-style-type: none;
}
.icon li{
	display: inline;
}
li.feed{
	background: url(images/rss.gif) no-repeat;
	background-position: left;
	margin: 0 0 0 0;
	padding: 2px 10px 2px 20px;
}
li.comment{
	background: url(images/icon_comment.gif) no-repeat;
	background-position: left;
	margin: 0 0 0 0;
	padding: 2px 10px 2px 20px;
}
li.page{
	background: url(images/icon_page.gif) no-repeat;
	background-position: left;
	margin: 0 0 0 0;
	padding: 2px 10px 2px 20px;
}
ul.page li{
	background: url(images/icon_page.gif) no-repeat;
	background-position: 10px center;
	margin: 0 0 0 0;
	padding: 4px 0 3px 35px;
}

li.date{
	background: url(images/icon_date.gif) no-repeat;
	background-position: left 0;
	margin: 0 0 0 0;
	padding: 0 10px 2px 20px;
}
li.entry{
	background: url(images/icon_entry.gif) no-repeat;
	background-position: left 0;
	margin: 0 0 0 0;
	padding: 0 10px 2px 20px;
}
ul.category{
	margin: 0 0 0 0;
	padding: 10px 15px 5px 10px;
}
ul.category li{
	background: url(images/icon_category.gif) no-repeat;
	background-position: 0 center;
	margin: 0 0 0 0;
	padding: 4px 0 2px 25px;
}
li.category{
	background: url(images/icon_category.gif) no-repeat;
	background-position: left 1px;
	margin: 0 0 0 0;
	padding: 2px 10px 2px 20px;
}
li.pencil{
	background: url(images/pencil.png) no-repeat;
	background-position: left 1px;
	margin: 0 0 0 0;
	padding: 2px 10px 2px 25px;
}

/* Comment items */
#comments {
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
	float: left;
	}

.comment_header {
	width: 100%;
	height: 40px;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	background: url('images/comment_header.png') repeat-y;
	}

.comment_text {
	margin: 0 0 20px 0;
	padding: 0 0 0 2px;
	}

.comment_content, .comment_form {
	width: 85%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

/* General settings */
a, a:hover, h2 a:hover, h3 a:hover {
	text-decoration: underline;
	}

a img {
	border: none;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* Header settings */
h1 {
        font-size: 250%;
        margin: 0 0 0 0;
        padding: 20px 0 0 0;
}

h2 {
        font-size: 170%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
}
h2.main_title{
        font-size: 130%;
        margin: 0 0 0 0;
        padding: 20px 0 0 0;
}

h3 {
        font-size: 120%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
}
h4 {
        font-size: 100%;
        margin: 0 0 0 0;
        padding: 10px 0 0 0;
	font-weight: bold;
}

h5 {
        font-size: 110%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
}

h6 {
        font-size: 100%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
}

/* General Formatting */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	background: url(images/quote.gif) left 2px no-repeat;
	margin: 0px 0px 0px 40px;
	padding: 1px 0px 0px 40px;
	}

blockquote.tip {
	/*background: none;*/
	background: url(images/camera.gif) left 12px no-repeat;
	margin: 0px 20px 0px 20px;
	padding: 1px 20px 0px 20px;
	border-top: 2px dotted #00CC66;
	border-bottom: 2px dotted #00CC66;
}

hr {
	border: 1px dashed #00CC66;
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

/* Yeah, I use tables. Deal with it. :-) */
table.blogtable {
        padding: 5px;
        font-size: 0.75em;
        border: 2px solid #000000;
}

table.blogtable th {
        font-weight: bold;
        border-bottom: 1px solid #000000;
        background-color: #FFFFFF;
        color: #000000;
}

table.blogtable tr {
        background-color: #FFFFFF;
}

/* Light blue shading for alternate table rows */
table.blogtable tr.alt {
        background-color: #CCCCFF;
}

table.blogtable td {
        padding: 4px;
        border: 0px;
}

table.blogtable td.code {
        font-family: courier, fixed;
        font-size: 100%;
}