/*
Theme Name: JR Farr
Theme URI: http://www.mojothemes.com/
Description: My Personal Branded Theme
Version: 1.0
Author: JR Farr @ MOJO
Author URI: http://www.mojothemes.com/
*/

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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 */



/*
    Default Styles
*/

* { margin: 0; padding: 0; outline: 0; }
body { font: 14px/100% Georgia, Arial,sans-serif; color: #333; text-align: left; background: #fff url(images/body-bg.gif) repeat-x 0 0;  }

a { color: #6c1a0d; text-decoration: underline; }
a:hover { cursor: pointer; text-decoration: none; }
a img { border: 0; }
code { line-height: 1em; background: #eee; }
pre { background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }

.fl, .alignleft { float: left; display: inline; }
.fr, .alignright { float: right; display: inline; }
.ac { text-align: center; }
.ar { text-align: right; }
.al { text-align: left; }
.cl { clear: both; height: 0; line-height: 0; font-size: 0; text-indent: -4000px; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 930px; }

/*
	Header
*/

#navigation { float: right; display: inline; padding-top: 20px; }
#navigation ul { list-style: none outside; }
#navigation li { float: left; display: inline; margin: 0 5px; }
#navigation li a { float: left; display: inline; padding: 0 12px; font: bold 16px/27px Arial; color: #fff; text-decoration: none; }
#navigation li a:hover,
#navigation li a.active { background: #711f0f; }

h1#logo { float: left; display: inline; height: 150px; width: 450px; font-size: 0; line-height: 0; position: relative; margin-left: -42px; }
h1#logo a { display: block; height: 150px; background: url(images/logo.gif); text-indent: -4000px; }

#about-top { height: 125px; }
#about-top .column { float: left; display: inline; height: 125px; width: 205px; background: url(images/top-separator.gif) no-repeat right 0; padding: 14px 10px 0 0; margin-right: 22px; }
#about-top .last-column { background: none; margin: 0; }
#about-top .column h2 { height: 19px; background-repeat: no-repeat; background-position: 0 0; margin-bottom: 5px; }
#about-top .column h2.love { background-image: url(images/i-love-h2.gif); }
#about-top .column h2.work { background-image: url(images/my-work-h2.gif); }
#about-top .column h2.passions { background-image: url(images/my-passions-h2.gif); }
#about-top .column h2.random { background-image: url(images/random-h2.gif); }

#content { padding: 37px 0 50px 0; line-height: 18px; }

/*
	Main
*/

#main { float: left; display: inline; width: 530px; }
.post { line-height: 21px; padding-bottom: 15px;  margin-bottom: 20px; background: url(images/post-bg.gif) repeat-x  0 bottom; }
.post-single { background: none !important; }
.post h2 a { font: 24px/24px Georgia, Arial; color: #000; text-decoration: none; margin-left: 3px; }
.post h2 a:hover { text-decoration: underline; }
.post small { display: block; margin: 10px 0; font-size: 12px; color: #999; margin-left: 3px;}
.post .links a { float: left; display: inline; margin-right: 5px; line-height: 23px; background: #6c1a0d; border: 1px solid #ddd; padding: 0 10px; color: #fff; text-decoration: none; margin-bottom: 12px; }
.post .postmetadata { font-size: 12px; }

.message { padding: 15px; font-size: 14px; border-width: 1px; margin: 10px 0 25px 0; border-style: solid; }
.warning-message { background: #fffbbc; border-color: #e6db55; }
.note-message { background: #eee; border-color: #ccc; }
.download-message { background: #e7f7d3; border-color: #67cc34; }

.post .entry p { padding-bottom: 12px; }
.post .entry .message p { padding-bottom: 0px; }
.post .entry img { background: #e8e8e8; padding: 8px; border: 1px solid #ddd; margin-bottom: 15px; }
.post .entry h3 { color: #000 font: 18px/100% Georgia, Arial; margin-bottom: 20px; }
.post .entry blockquote { margin: 10px 0 20px 35px; border-left: 2px solid #ccc; padding: 10px 10px 0 10px; color: #999; }

.entry ul, .entry ol {
	margin-bottom:15px;
	font-size:14px;
	line-height:20px;
	}
.entry ul li ul, .entry ol li ol{
	margin-bottom:0px;
	padding-top:3px;
	}
.entry ul li {
	list-style:circle inside !important;
	margin-left:15px;
	padding:3px 0px;
	}
.entry ul li ul li {
	list-style:disc inside !important;
	}
.entry ol li {
	list-style:decimal inside !important;
	font-size:14px;
	padding:3px 0px;
	}
.entry ol li ol li {
	list-style:decimal-leading-zero inside !important;
	}

.page-navigation a { font-weight: bold; } 

#comments h2 { font-size: 18px; font-weight: bold;  margin-bottom: 15px; }
#comments .comment { padding: 20px 0;  background: url(images/post-bg.gif) repeat-x 0 0;  }
#comments .postcomment-avatar { float: right; display: inline; border: 1px solid #ddd; padding: 10px; background: #eee; margin: 0 0 10px 10px; }
#comments ol, #comments ul { list-style: none outside; }
#comments ol li { background: url(images/post-bg.gif) repeat-x 0 0; padding: 0 5px; }
#comments ol li ul li { position: relative; margin-right: -5px; }
#comments h3 { font-size: 14px; font-weight: bold; padding-bottom: 15px; }
#comments h3 small { font-size: 12px; color: #999; font-weight: normal; }
#comments p { padding-bottom: 15px; }
#comments p.reply { padding: 0; }
#comments p.reply a { color: #999; font-size: 12px; text-decoration: none; }
#comments p.reply a:hover { text-decoration: underline; }
#comments .comment-reply { padding: 25px 0 20px;  }
#comments .comment-reply div { border-left: 2px solid #ddd; margin-left: 35px; padding-left: 10px; }
#comments img.admin { background: #872303; }

#post-comment { padding-top: 30px; }

#post-comment h2 {background: url(images/post-bg.gif) repeat-x 0 bottom; padding-bottom: 15px; margin-bottom: 15px; }

#post-comment .field { float: left; display: inline; width: 206px; padding: 7px 5px; background: #fff; border: 1px solid #ddd; margin: 0 15px 7px 0; }
#post-comment label { float: left; display: inline; color: #111; line-height: 31px; }
#post-comment textarea { background: #fff; border: 1px solid #ddd; overflow: auto; padding: 7px 5px; width: 435px; height: 148px; }
#post-comment .btn { display: block; height: 43px; width: 104px; cursor: pointer; border: 0; background: url(images/submit-button.gif) no-repeat  0 0; margin-top: 25px; }

/*
	Sidebar
*/

#sidebar { float: right; display: inline; width: 350px; }

#subscribe, #search { border: 1px solid #ddd; padding: 10px 12px; background: #eee; margin-bottom: 13px; width: 324px; }
#subscribe a { color: #000; text-decoration: none; }
#subscribe a:hover { text-decoration: underline; }
#subscribe h3 { height: 72px; background: url(images/stay-updated-h2.gif) no-repeat 0 0; }
#subscribe .wrapper { padding: 10px 20px; border: 1px solid #ddd; background: #fff; }
#subscribe .wrapper p { padding-bottom: 12px; }

#search { margin: 0; }
#search .field { float: left; display: inline; background: #fff; border: 1px solid #ddd; width: 198px; padding: 9px 10px; font-size: 14px; color: #999; }
#search .btn { float: left; display: inline; border: 0; cursor: pointer; width: 96px; height: 35px; background: url(images/search-button.gif) no-repeat 0 0; margin-left: 8px; }
#sidebar .cnt { border-left: 1px solid #ddd; padding: 15px 0 50px; height: 100%; }

#sidebar .ads { padding-left: 15px; } 
#sidebar .ads .fr { margin-right: 18px;}
#sidebar .ad { padding-left: 15px; border: 1px solid #ddd; background: #f6f6f6; padding: 11px 12px 12px 11px; width: 126px; margin-bottom: 15px; } 
#sidebar .ad a { display: block; height: 125px; width: 125px; border: 1px solid #ddd; background: #fff; line-height: 125px; text-align: center; text-decoration: none; color: #ccc; font-size: 16px; } 

#sidebar h2 { font-size: 18px; font-weight: bold; padding: 0 15px; line-height: 30px; background: #eee; border: 1px solid #ddd; border-left: 0; margin-bottom: 7px; }
#sidebar ul { list-style: none outside; padding-bottom: 15px; }
#sidebar ul.popular-posts li { border-bottom: 1px solid #ddd; padding: 8px 0 8px 40px; background: url(images/icon-star.gif) no-repeat 7px 7px; font-weight: normal; }
#sidebar ul.popular-posts li.last { border: 0; }
#sidebar ul.popular-posts li a { display: inline-block; padding: 0 5px; line-height: 18px; }
#sidebar ul.popular-posts li a:hover { color: #fff; background: #6c1a0d;  }

#sidebar ul.recent-comments li { border-bottom: 1px solid #ddd; padding: 10px; }


.twitter-updates { padding: 25px 30px 50px 20px; background: url(images/icon-twitter2.gif) no-repeat 15px 16px; }
.twitter-updates h3 { font-size: 14px; padding-left: 60px; margin-right: -10px; position: relative; padding-top: 5px;  margin-bottom: 30px; }
.twitter-updates em { display: block; margin-bottom: 10px; color: #666; }
.twitter-updates .quote { background: url(images/icon-quote.gif) no-repeat right 0; min-height: 75px; padding-top: 10px; }
.twitter-updates a { font-weight: bold; }

#footer { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #eee; }
#footer h2 { height: 17px; background-repeat: no-repeat; background-position: 0 0; }
#footer .h-about { background-image: url(images/about-jrfarr-h2.gif); }
#footer h2.h-connect { background-image: url(images/connect-h2.gif); width: 72px;  }
#footer div.themes { width: 200px; }
#footer h2.h-themes { background-image: url(images/mojo-themes-h2.gif); }
#footer h2.h-flickr { background-image: url(images/flickr-h2.gif); width: 178px; }

#footer .column { float: left; display: inline; border-right: 1px solid #ddd; padding: 15px; min-height: 237px; }
#footer img.fr { border: 1px solid #ddd; padding: 10px; background: #fff; margin: 0 0 5px 5px; }
#footer p { padding-bottom: 10px; }


#footer .about { line-height: 15px; width: 275px; }
#footer ul { list-style: none outside; }
#footer ul li { padding: 10px 0 0 20px; }

#footer .flickr { width: 300px;  padding-top: 5px; }
#footer .first-column {  padding-left: 0; }
#footer .last-column { border: 0; padding-right: 0; width: 300px; position: relative; margin-right: -120px; }

#footer .flickr a { float: left; display: inline; padding: 10px; height: 75px; width: 75px; background: url(images/footer-flickr-placeholder.gif) no-repeat 0 0; margin: 0 5px 5px 0; }
#footer .flickr a.last { margin-right: 0; }

.footer-bottom { padding: 20px 0; color: #666; font-size: 12px; }
.footer-bottom a { color: #666; text-decoration: none; }
.footer-bottom a:hover { color: #999; text-decoration: underline; }

.comment-author-admin img {
    background: #872303 !important;
}
.outer-comment .comment {
    background: none !important; 
    padding-left: 10px  !important;
    border-left: solid 2px #DDDDDD;
    margin: 25px 0 35px 20px !important;
    padding-top: 0 !important;
}
.outer-comment {
    background: url(images/post-bg.gif) repeat-x  0 top; 
    padding-top: 10px;
}
.archives h2 {
    margin-bottom: 25px;
}
.archives h3 {
    margin: 25px 0 5px;
}
.archives ul {
    margin-left: 25px; 
}
.archives {
    padding-top: 0 !important;
}

.404 h2 {
	margin-bottom: 25px;
}