that holds all of the external links */
#elseWhere{margin:0 0 20px 0;}
#elseWhere p{padding:0 15px;}
/*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 0 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 (first column) general structure - the content that appears under "Featured Post | Category Name" */
#firstCol_single {float:left;padding:0;margin:0;width:230px;margin-left:-755px;border-right:1px solid #ccc;}
/* secondCol (second column) general structure - the content that appears under "More From The Category Name*/
#secondCol_single {float:left;position:relative;left:250px;padding:0;margin:0;width:505px;margin-right:250px;}
/* thirdCol (third column) general structure - the content that appears under the "Asides" header */
#thirdCol_single {float:right;774px;padding:0;margin:0;width:230px;margin-left:0px;border-left:1px solid #ccc;}
/* 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. */
.feature_title_single_contain {background:transparent;color:#000;padding:15px 10px 1px 10px;width:480px;position:relative;line-height:17px;text-transform:uppercase;margin-bottom:5px;}
h3.feature_title_single {font-size:1.2em;text-transform:capitalize;}
h3.feature_title_single a {color:#17212a;}
h3.feature_title_single a:hover {color:#503522;border-bottom:1px dotted #503522;}
h3.feature_title_post { font-size:1.1em;color:#000;padding:8px 10px 8px 0px;width:480px;position:relative;border:none;line-height:15px;text-transform:uppercase;margin-bottom:10px;}
h3.feature_title_post a { color:#283b59; }
h3.feature_title_post a:hover { color:#000;border-bottom:thin dotted #333; }
/* on the single entry page, h3.feature_more_single replaces the h3.feature_more header that was on the homepage */
.feature_more_single_contain {background:#a7b3c1;color:#000;padding:11px 10px 5px 5px;width:254px;border:1px solid #ccc;border-bottom:1px solid #000;line-height:15px;text-transform:uppercase;}
h3.feature_more_single {font-size:14px;}
/* IE 6 Hack */ .ie6 .feature_more_single_contain {width:243px;} /* IE 6 Hack */
/* 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:0;float:left;width:100%;}
.feature_content_single {float:left;padding:10px;width:249px;border:1px solid #ccc;border-top:none;background:transparent url(images/feature_content_bkgd.gif) repeat-y top left;}
/* 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. */
#secondCol_single img {border:1px solid #999;max-width:455px;padding:4px;margin:10px 0px;}
#secondCol_single a:hover img {border-color:#71a9eb;}
#secondCol_single .post, #secondCol_single .post_comment{padding:20px;padding-top:5px;} /* This gives the post's content and comment text some white space around it in the first column. */
#secondCol_single p {font-size:1.2em;line-height:1.4em;}
#secondCol .postMeta {margin-top:10px;}
/* IE 6 Hack */ .ie6 #secondCol_single {width:260px;float:left;} /* IE 6 Hack */
/* IE 6 Hack */ .ie6 h3.feature_more_single_contain {width:253px;} /* IE 6 Hack */
/* IE 6 Hack */ .ie6 #feature_single {width:100%;background:none;border:none;} /* IE 6 Hack */
/* IE 6 Hack */ .ie6 .feature_content_single {border:1px dashed #bd9b46;border-top:none;margin:0;padding:10px;width:248px;} /* IE 6 Hack */
/* IE 6 Hack */ .ie6 #firstCol_single img, .ie6 #firstCol_single a img {width: expression(this.width > 430 ? 430: true);} /* IE 6 Hack */
/* IE 6 Hack */ .ie6 iframe {width: expression(this.width > 430 ? 430: true);} /* Hack URL: http://phydeaux3.blogspot.com/2006/01/max-width-and-faking-it-for-ie.html */
/* END: single.php formatting */
/* BEGIN: page.php formatting - used to display a static page of content instead of a blog post */
.feature_more_page_contain {background:#a7b3c1;color:#000;padding:11px 10px 5px 5px;width:254px;border:1px solid #ccc;border-bottom:1px solid #000;line-height:15px;text-transform:uppercase;}
h3.feature_more_page {font-size:14px;}
/* IE 6 Hack */ .ie6 .feature_more_page_contain {width:243px;} /* IE 6 Hack */
/* END: page.php formatting. NOTE: page.php primarily uses the single.php formatting, but with one minor tweak to the secondCol h3. */
/* BEGIN: index.php and archive.php formatting - used to display search results and archive lists */
#firstCol_archive {float:left;padding:0;margin:0;width:230px;margin-left:-755px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;min-height:800px;}
#secondCol_archive {float:left;position:relative;left:250px;padding:0;margin:0;width:505px;margin-right:250px;}
#thirdCol_archive {float:right;774px;padding:0;margin:0;width:230px;margin-left:0px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;min-height:800px;}
.feature_title_archive_contain {background:transparent;color:#000;padding:13px 10px 9px 10px;width:480px;position:relative;line-height:17px;text-transform:uppercase;margin-bottom:10px;border-bottom:thin solid #000;}
h3.feature_title_archive {font-size:1.2em;background:#fff;color:#000;padding:8px 10px 8px 10px;width:480px;position:relative;border:none;line-height:15px;text-transform:uppercase;margin-bottom:10px;border:1px solid #000;}
h3.feature_title_archive a {color:#17212a;}
h3.feature_title_archive a:hover {color:#503522;border-bottom:1px dotted #503522;}
#secondCol_archive .post {width:470px;margin-left:10px;width:94%;}
#secondCol_archive .postMeta {margin-top:10px;}
#secondCol_archive .postCategory p, #secondCol_archive .postTags p {line-height:15px;font-size:12px;}
#secondColl_archive .feature_exc p {line-height:1.2em;font-size:1.1em;}
h3.feature_more_archive {font-size:1em;background:#a7b3c1;color:#000;padding:8px 10px 8px 10px;width:249px;border:1px solid #000;line-height:20px;text-transform:uppercase;}
/* IE 6 Hack */
.ie6 #firstCol_archive{float:left;margin:0;padding:0;width:480px;}
.ie6 #secondCol_archive {float:right;width:270px;margin:0px;padding:0px;}
.ie6 h3.feature_title_archive {width:480px;}
.ie6 #firstCol_archive img, .ie6 #firstCol_archive a img {width: expression(this.width > 430 ? 430: true);}
.ie6 .feature_content_index {width:430px;}
.ie6 .feature_content_index #feature_thumb_exc .feature_exc {margin:0px 10px 5px 115px;}
.ie6 h3.feature_more_archive {width:248px;}
/* IE 6 Hack */
/* END: index.php formatting. Index.php primarily uses the single.php formatting, so these are just some minor tweaks. */
/* BEGIN: index.php formatting - used to display search results and archive lists */
.feature_content_index { float:left;padding:1em;min-height:60px;width:96%;border:#ccc solid 1px;background:transparent url(images/feature_content_bkgd.gif) repeat-y top left;margin-bottom:5px; }
#feature_index { background:transparent; margin:15px 0px 10px 15px; float:left; width:94%;border-bottom:2px solid #000; }
#feature_index .feature_thumb a img {margin:4px 10px 0px 0px;}
#feature_index .feature_exc p {margin-top:5px;}
#category_page {margin:25px;border-bottom:1px dashed #333;}
/* IE6 Hack */ .ie6 #feature_index {width:400px;margin:15px 0px 10px 0px;} /* IE6 Hack */
/* END: index.php formatting. Index.php primarily uses the single.php formatting, so these are just some minor tweaks. */
/* BEGIN: more_reading + continueReading = the styling of the pagination buttons */
#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 25px; padding:0 10px; text-align: right; }
#more_reading p, #more_reading img { vertical-align: middle; }
#more_reading a img { border: none; margin:0 0 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:hover {color:#000;text-decoration:underline;}
/* END: more_reading */
/* BEGIN: comments + inputs = this section styles the comments function and its form inputs */
#comments{width:400px;padding:12px 0 0 0;}
#comments h3,h3#respond{color:#555;margin-bottom:7px;}
ol.commentslist{list-style:none;margin:5px 0 12px;}
.commentslist li{background:#FFF url(images/lgrey_diag.gif) repeat top left;border:1px solid #BBB;margin-bottom:7px;padding:7px 0;}
.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:0 7px;line-height:1.4em;overflow:hidden;}
.comment_text p,
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:1em 0;}
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:0 1em;}p.author_meta{font-weight:bold;text-transform:uppercase;margin:0 0 0 7px;}
p.post_meta{font-size:11px;text-transform:uppercase;text-align:right;margin:0 7px 0 0;}
.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 0;margin-top:12px;line-height: 1.5em;}
p.nocomments{margin:0 12px 0 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:0 0 7px 0;}
.pingslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#commentfrom p #comment{width:400px;}
#commentform p{margin:1em 0;}
#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:674px;overflow:auto;}
#commentform p small{font-size:10px;color:#7F7F7F;}
.commentslist code{background:transparent;}
#comments_wrapper {margin-top:15px;}
#comments_wrapper h3 {background:transparent;text-transform:capitalize;}
div.post_comment {margin-top:25px;width:674px;}
/* END: comments + inputs styling */
/* BEGIN: footer.php = styles the navigation and site information (credits) that appears at the bottom of all pages */
#footer {float:left;width:1005px;height:300px;background:url(images/footer_bkgd.jpg) no-repeat top center;padding:0;margin:0 auto;clear:both;border-top:1px solid #333;}
#footerTop{padding:0px;margin:0px auto;width:985px;height:210px;background:transparent;}
#footerTop_left{padding:0px;margin:0px;width:220px;height:210p;background:transparent;float:left;}
#footerTop_center{padding:0px;margin:0px auto;width:505px;height:210p;background:transparent;float:left;margin-left:20px;}
#footerTop_right{padding:0px;margin:0px;width:220px;height:210px;background:transparent;float:left;margin-left:20px;}
#footerBtm{padding:0px;margin:0px auto;width:985px;height:60px;background:transparent;clear:both;}
#footerBtm_left{padding:0px;margin:0px;width:220px;height:60px;background:transparent;float:left;}
#footerBtm_center{padding:0px;margin:0px auto;width:505px;height:60px;background:transparent;float:left;margin-left:20px;}
#footerBtm_right{padding:0px;margin:0px;width:220px;height:60px;background:transparent;float:left;margin-left:20px;}
#footer p {background:background:transparent;border:none;padding:10px 0px 10px 0px; text-align:center;color:#000;margin-top:15px;clear:both; }
#footer p a:hover{color:#302315;border-bottom:1px solid #302315;text-decoration:none;}
#footer p a{color:#47658e;border-bottom:1px dotted #47658e;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:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0;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;}
/* 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;}
#mid_behance {background:#fff;margin:0 auto;margin-top:15px;margin-bottom:15px;}
#behance_instructions {width:970px;height:120px;margin:0px auto;background:#333 url(images/behance_instructions.gif) no-repeat top center;}
#behance_instructions p {width:450px;float:left;color:#333;margin:35px 0 0 120px;font-size:1.1em;}
#behance_instructions p a {color:#0181a8;text-decoration:none;border-bottom:dotted thin #0181a8;font-weight:700;}
#behance_instructions p a:hover {border-bottom:solid thin #014e65;color:#014e65;}
.behance_logo_link a {float:right;width:290px;height:60px;margin:30px 100px 0 0;text-decoration:none;}
.behance_logo_link a i {visibility:hidden;}
object#behance {background:transparent;}
#mid_resume {background:#fff;margin:0 auto;margin-top:0px;margin-bottom:15px;}
/* END: Add-Ons styling */
/* BEGIN: Misc. */
/* home_about = this is an optional content area that may be displayed on the homepage (or any page for that matter) */
#home_about { background: #f3f9ff url(images/bg/dot.png) repeat-x bottom left; margin: 0 0 1.1em 0; float:left; width:100%; border-right:1px dashed #bd9b46; border-bottom:1px dashed #bd9b46; }
.about_content { float: left; padding: 0.6em 0.7em 0.2em 0.7em; }
.about_content p { font-size: 1em; font-family: arial, sans-serif; }
/* I can't remember what this does or why its here, but this */
#highlight_info {display:none;}
/* YouTube (Video) Object Emedding Styled */
object {display:block; margin:10px auto; padding:6px 2px; background:#3d4f65;}
.clean_archives {padding:15px;}
.postspermonth {margin: 10px 0;list-style: none;padding-left: 0px;}
.postspermonth li { margin:10px 0px; line-height:18px;font-weight:bold;color:#000;}
.postspermonth li a {font-weight:bold;text-transform:uppercase;color:#0c7eb9;}
.postspermonth li a:hover {color:#666;text-decoration:underline;}
span.srg_switcher a {margin:5px 0px 15px 0px;padding:0px 0px 0px 0px;text-transform:uppercase;font-weight:bold;}
span.monthtitle {margin:15px 0px;}
.flickr_rss {padding:11px 0px;margin-left:70px;}
.flickr_rss ul { line-height: 1px; }
.flickr_rss li { padding: 0 1px 1px 0; display: inline; }
.flickr_rss a { border: 0; }
.flickr_rss a img {background:#fff;padding:2px;margin:4px;width:58px;border:thin solid #999;}
.flickr_rss a:hover img {background:transparent;border: thin solid #000;}
#placeholder {background:transparent;margin:50px auto;padding:0px;width:1005;text-align:center;}
#placeholder img {margin:15px auto;text-align:center;}
.issuu {margin:10px auto;width:425px;text-align:center;}
/* END: Misc. */