/*  
Theme Name:Ragged
Theme URI:http://bluemoonrising.com/photo/
Description:A rough little theme
Version:0.6
Author:Jeff Jones
Author URI:http://bluemoonrising.com/
*/

/* Begin Typography & Colors */
body {font-size:80%; font-family:Calibri, Lucida Sans, Tahoma, Geneva, Arial, Helvetica, sans-serif; background:#808080 url(images/ragged-edge.png) repeat-y center; color:#404040; text-align:center;margin:0;padding:0}
#page {width:860px; margin:0 auto; padding:0}
#content {font-size:1.2em}
.entry {line-height:1.2em; font-size:1.2em; border:1px solid #ffffff}
.postmetadata {text-align:right; font-size:.8em}
.postmetadata a {font-weight:normal; color:#808080}
.alt {background-color:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
#footer {font-size:small; margin:60px auto 10px auto; clear:both}
small {font-family:Arial, Helvetica, Sans-Serif; font-size:0.9em; line-height:1.5em}
h1, h2, h3 {font-weight:bold; margin:10px 0 0 0}
h1 {font-size:4em; text-align:center}
h2 {font-size:2em}
h3 {font-size:1.5em}
a, a:visited, a:link{text-decoration:none; color:#000000}
.commentlist li, #commentform input, #commentform textarea {font-size:0.9em}
.commentlist li {font-weight:bold}
.commentlist cite, .commentlist cite a {font-weight:bold; font-style:normal; font-size:1.1em}
.commentlist p {font-weight:normal; line-height:1.5em; text-transform:none}
#commentform p {}
.commentmetadata {font-weight:normal}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color:#777}
code {font:1.1em 'Courier New', Courier, Fixed}
acronym, abbr, span.caps
{font-size:0.9em; letter-spacing:.07em}
a:hover {color:#147; text-decoration:underline}
/* End Typography & Colors */

/* Begin Structure */
.post {margin:10px 0; text-align:justify}
 
/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
.post:after, .navigation:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.post, .navigation
{display: inline-block;}

/* Hides from IE-mac \*/s
* html .post, * html .navigation
{height: 1%;}

.post, .navigation
{display: block;}
/* End hide from IE-mac */

/* End Structure */

/* Begin Images */
p img {padding:0; max-width:100%}
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}
/* End Images */

/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {margin-left:0px; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px}
html>body .entry li {margin:7px 0 8px 10px}
.entry ul li:before, #sidebar ul ul li:before {content:"\00BB \0020"}
.entry ol {padding:0 0 0 35px; margin:0}
.entry ol li {margin:0; padding:0}
.postmetadata ul, .postmetadata li {display:inline; list-style-type:none; list-style-image:none}
/* End Entry Lists */

/* Begin Form Elements */
#searchform {margin:10px auto; padding:5px 3px; text-align:center}
#sidebar #searchform #s {width:108px; padding:2px}
#sidebar #searchsubmit {padding:1px}
.entry form {/* This is mainly for password protected posts, makes them look better. */
text-align:center}
select {width:130px}
#commentform input {width:170px; padding:2px; margin:5px 5px 1px 0}
#commentform textarea {width:100%; padding:2px}
#commentform #submit {margin:0; float:right}
/* End Form Elements */

/* Begin Comments*/
.alt {margin:0; padding:10px}
.commentlist {padding:0; text-align:justify}
.commentlist li {margin:15px 0 3px; padding:5px 10px 3px; list-style:none}
.commentlist p {margin:10px 5px 10px 0}
#commentform p {margin:5px 0}
.nocomments {text-align:center; margin:0; padding:0}
.commentmetadata {margin:0; display:block}
/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor:help}
acronym, abbr {border-bottom:1px dashed #999}
blockquote {margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd}
blockquote cite {margin:5px 0 0; display:block}
.center {text-align:center}
/* End Various Tags & Classes*/

.thumb img {float:left; margin:0 10px 10px 0; border:1px solid #000000}
.image {overflow-x:auto; max-width:840px; _width:840px}
.image img {border:1px solid #000000; margin:0 auto; text-align:center; display:block}

#header {margin:0;padding:20px 0 40px 0}
#header h1, #header h3, #header h4 {margin:0; padding:0}
.navigation {margin:20px 0; font-size:larger; font-style:oblique}

#apology {font-style:oblique}
