that holds all of the external links */
#elseWhere{margin:0px 0px 20px 0px;}
#elseWhere p{padding:0px 15px;}
/*ul#imgLinks = this is the unordered list that holds the links with fancy buttons instead of text */
ul#imgLinks{list-style:none;margin:7px 0px 0px 0px;}
ul#imgLinks li{color:#7F7F7F;line-height:1.2em;padding:0px 0px 1px 0px;margin-left:15px;}
ul#imgLinks li a img{border:none;width:140px;color:#333;font-weight:bold;}
ul#imgLinks li a:hover img{border:none;background:#333;}
/*ul#textLinks = this is the unordered list that holds the text links */
ul#textLinks{padding-left:15px;}
ul#textLinks li{background:url(images/li.png) no-repeat 0 8px;color:#7F7F7F;line-height:1.1em;border-top:1px solid #BBB;padding:6px 0px 4px 18px;}
ul#textLinks li a{color:#333;padding:0px 3px;}
ul#textLinks li a:hover{text-decoration:underline;color:#000;}
/* END: thirdCol styling */
/* END: Default/Homepage Styles */
/* BEGIN: single.php formatting - used to display single blog posts */
#firstCol_single{float:left;margin:0px;padding:0px;width:490px;height:100%;}
#secondCol_single{float:right;margin:0px;padding:0px;width:280px;height:100%;padding-bottom:15px;}
/* NOTE: The site uses the #thirdCol
on all pages, so there is no need for a special style here. */
/* h3.feature_title_single replaces the h3.feature_lastest element that heads the homepage's firstCol. */
h3.feature_title_single {font-size:14px;color:#000;padding:7px 0px 7px 7px;width:367px;line-height:20px;text-transform:uppercase;margin:15px 0px 0px 15px;}
h3.feature_title_single a {color:#000;}
h3.feature_title_single a:hover {color:#333;border-bottom:1px dotted #333;}
h3.feature_title_single_secondary {font-size:14px;color:#000;padding:7px 0px 20px 7px;width:367px;line-height:20px;text-transform:uppercase;margin:15px 0px 0px 15px;text-decoration:underline;}
/* on the single entry page, h3.feature_head_single replaces the h3.feature_head header that was on the homepage */
h3.feature_head_single {font-size:14px;color:#000;padding:7px 0px 7px 7px;width:257px;line-height:20px;text-transform:uppercase;margin:15px 0px 0px 0px;}
/* NOTE: Again, because the third column is universal to all pages, there is no need to style its h3 heading here. */
/* #feature_single + .feature_content_single style the feature content that appears in the secondCol. */
#feature_single {margin:0px;float:left;width:100%;}
.feature_content_single {float:left;padding:10px;width:257px;border:1px dashed #999;background:#fff;}
/* NOTE: The following CSS establishes the maximum width of an image that is embedded in the content of a blog post, but it allows for its natural height in proportion to the 440px width. */
#firstCol_single img, #firstCol_single a img {border:1px solid #999;max-width:420px;padding:4px;margin:0px 10px 10px 10px;text-decoration:none; }
#firstCol_single a:hover img {border:1px dashed #999;text-decoration:none;}
#firstCol_single .post, #firstCol_single .post_comment{padding:15px 20px 0px 20px;} /* This gives the post's content and comment text some white space around it in the first column. */
/* an alternate h3.features_asides that reduces its top margin. */
h3.feature_asides_alt {font-size:14px;color:#000;padding:7px 0px 7px 7px;width:157px;line-height:20px;text-transform:uppercase;margin:0px 0px 0px 7px;}
#firstCol_single .entry p {padding:5px 0px;}
#firstCol_single .entry p a {border:none;}
/* IE 6 Hack */ .ie6 #secondCol_single {width:270px;float:right;} /* IE 6 Hack */
/* IE 6 Hack */ .ie6 .feature_content_single {margin:0px;width:250px;} /* IE 6 Hack */
/* IE 6 Hack */ .ie6 #firstCol_single img, .ie6 #firstCol_single a img {width: expression(this.width > 420 ? 420: true);} /* IMPORTANT IE 6 Hack */
/* END: single.php formatting */
/* NOTE: page.php primarily uses the single.php formatting, so there is no additional CSS needed. */
/* BEGIN: index.php formatting - used to display search results and archive lists */
#feature_index { background:#ddd url(images/feature_index_bkgd.png) top right repeat-y; margin:15px 0px 10px 15px; float:left; }
#feature_index .feature_thumb a img {margin:4px 10px 4px 0px;}
#category_page {margin:25px;border-bottom:1px dashed #333;}
/* IE6 Hack */ .ie6 #feature_index {width:445px;margin:15px 0px 10px 0px;}
/* END: index.php formatting. Index.php primarily uses the single.php formatting, so these are just some minor tweaks. */
/* BEGIN: .post + .entry styles = these format the blog's post and page content (the stuff you enter in the post/page editor) */
span.postCategory p, span.postTags p {margin:0px 0px 5px 7px;}
span.postCategory p a, span.postTags p a {border-bottom:1px dotted #333;text-decoration:none;}
span.postCategory p a:hover, span.postTags p a:hover {color:#000;border:none;border-bottom:1px dotted #000;text-decoration:none;}
.postMeta{background:url(images/dot.gif) repeat-x left bottom;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px;}
.postMeta span.date{background:transparent;color:#7F7F7F;padding:0px 2px 0px 4px;}
.postMeta span.comments{background:transparent url(images/chat_grey.gif) no-repeat left center;padding-left:15px;margin-left:2px;}
.postMeta span.comments a,
.postMeta span.date a{color:#555;}
.post{margin:0px 0px 20px 0px;}
.post h2{line-height:1.2em;margin-bottom:7px;}
.post h2 a{width:100%;display:block;outline:none;}
.entry h3{margin:1em 0px;}
.post .entry{line-height:1.4em;overflow:hidden;}
.post .entry p{margin:1em 0px;text-align:justify;padding-left:5px;padding-right:5px;}
.post .entry p a{background:url(images/dot.gif) repeat-x bottom left;font-weight:bold;margin:10px 0px;}
.post_comment{border:none;}
.entry blockquote{margin:0px 1.3em 0px;}
.entry ul{margin:0px 1.3em 0px;list-style:none;}
.entry li a{color:#333;font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
.entry ul li{background:url(images/li.png) no-repeat 0px 1px;padding-left:18px;margin-bottom:7px;}
.entry ol{margin:0px 1em 0px 3em;}
.entry ol li{margin:0px 0px 7px 0px;}
.entry a img{text-decoration:none;}
.entry a:hover img{border-color:#71a9eb;}
.entry table tr { padding: 15px 0px; }
.entry table tr.alt { background: #eee; }
/* END: .post + .entry styling */
/* BEGIN: more_reading + continueReading = the styling of the pagination buttons */
#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin:0px 10px 25px 0px; padding:0px 10px; text-align: right; }
#more_reading p, #more_reading img { vertical-align: middle; }
#more_reading a img { border: none; margin:0px 0px 3px 2px; }
.continueReading p {float:right;background:transparent url(images/arrow_next.gif) no-repeat center right;color:#7F7F7F;line-height:1em;padding:0px 20px 0px 0px;margin:7px 1px 10px 1px;}
.continueReading p a{color:#000;border:none;text-decoration:none;text-transform:uppercase;}
.continueReading p a:hover{border-bottom:1px solid #000;}
/* END: more_reading */
/* BEGIN: comments + inputs = this section styles the comments function and its form inputs */
#comments{width:400px;padding:12px 0px 0px 0px;}
#comments h3,h3#respond{color:#555;margin-bottom:7px;}
ol.commentslist{list-style:none;margin:5px 0px 12px;}
.commentslist li{background:#FFF url(images/lgrey_diag.gif) repeat top left;border:1px solid #BBB;margin-bottom:7px;padding:7px 0px;}
.commentslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
.commentslist li.alt{background:#FFF;}
.commentslist li:hover{border-color:#888;}
.commentslist .comment_text{margin:0px 7px;line-height:1.4em;overflow:hidden;}
.comment_text p,
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:1em 0px;}
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:0px 1em;}p.author_meta{font-weight:bold;text-transform:uppercase;margin:0px 0px 0px 7px;}
p.post_meta{font-size:11px;text-transform:uppercase;text-align:right;margin:0px 7px 0px 0px;}
.commentslist li.author{background:#333;color:#CCC;}
.commentslist li.author a{color:#DDD;}
.commentslist li.author a:hover{color:#FFF;}
#comments_closed{background:#333;color:#ccc;padding:7px 0px;margin-top:12px;line-height: 1.5em;}
p.nocomments{margin:0px 12px 0px 7px;}
p.nocomments a{color:#ddd;font-weight:bold;text-decoration:underline;}
p.nocomments a:hover{color:#FFF;}
ol.pingslist{margin:1.5em 2em;font-size:12px;}
.pingslist li{color:#7F7F7F;margin:0px 0px 7px 0px;}
.pingslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#commentfrom p #comment{width:400px;}
#commentform p{margin:1em 0px;}
#commentform p a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#author,#email,#url,#comment{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}
#comment{width:445px;overflow:auto;}
#commentform p small{font-size:10px;color:#7F7F7F;}
.commentslist code{background:transparent;}
#comments_wrapper h3 {background:transparent;}
#comments_wrapper {padding-top:15px;border-top:1px dashed #333;}
/* END: comments + inputs styling */
/* BEGIN: footer.php = styles the navigation and site information (credits) that appears at the bottom of all pages */
#footer p {background:#fff;padding:15px; text-align:center;color:#000; }
#footer p a:hover{color:#000;border:1px dotted #000;padding:2px; text-decoration:none;}
#footer p a{color:#333;padding:3px;text-decoration:none;font-weight:bold;}
/* END: footer.php */
/* BEGIN: float rules = these are mysterious bits of CSS that help this site operate smoothly, so DON'T EDIT/REMOVE */
.floatleft{float:left;margin:0px;}
.floatright{float:right;margin:0px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
.fix{display:inline-block;}
* html .fix{height:1%;}
.fix{display:block;}
/* END: float rules */
/* BEGIN: Add-Ons = these are styles for some of the 3rd party add-ons integrated into this tempalte */
/* AddThis social bookmarking tool (http://www.addthis.com/) */
.addthisPost {float:right;margin-top:5px;margin-bottom:25px;padding:1px;}
.addthisPost:hover {border:1px solid #333;padding:0px;}
#addthisBlog {width:190px;height:20px;padding:0px;margin-bottom:10px;margin-left:3px;}
#addthisBlog ul.menu_addthis {margin:0px;padding:0px;}
#addthisBlog ul.menu_addthis li.menu_bookmark {float:left;margin:0px;padding:0px;padding-top:2px;padding-left:1px;list-style:none;}
#addthisBlog ul.menu_addthis li.menu_subscribe {float:right;margin:0px;padding:0px;padding-top:2px;padding-right:1px;list-style:none;}
#addthisBlog ul.menu_addthis li:hover {background:#333;}
/* Technorati badge */
#technorati {padding:4px;margin-bottom:10px;}
/* Feedburner Feedflare = will function if you use Feedburner's service for your RSS (http://feedburner.com) */
.feedFlare {clear:both;margin:10px 0px 10px 7px;padding:2px;border:1px dotted #bbb;text-align:right;}
.feedFlare a{color:#000;text-transform:lowercase;border:none;text-decoration:none;}
/* All Comsuming = formats the display of your All Consuming account activities (http://allconsuming.com) */
#allConsuming ul #ac-javascript p.ac-item {clear:both;margin:7px 0px 5px 0px;padding-bottom:5px;}
#allConsuming ul #ac-javascript p.ac-item img {width:50px;float:left;margin:5px 5px 5px 0px;}
#allConsuming ul #ac-javascript p.ac-item .ac-title {width:140px;float:right;margin:-5px 0px 5px 0px;font-size:small;}
#allConsuming ul #ac-javascript p.ac-item .ac-creator {width:140px;float:right;margin:0px 0px 0px 0px;font-size:small;}
#allConsuming ul #ac-javascript .ac-logo {clear:both;width:200px;float:right;margin:5px 0px 0px 0px;border:1px dotted #999;}
#allConsuming ul #ac-javascript .ac-logo a img {border:none;}
/* Ultimate Tag Warrior = plugin that formats and displays your site's tags (keywords) */
.categoryCloud {margin-bottom:15px;}
.categoryCloud h3 {margin-bottom:7px;}
/* I can't remember what this does or why its here, but this */
#highlight_info {display:none;}
/* END: Add-Ons styling */