/*   
Theme Name: Repeat Penguin
Theme URI: http://www.repeatpenguin.com/
Description: Web Design blog for web designers. Repeat Penguin is the circuitous blog space for San Francisco Web designer and developer, Jeremy Anderson.
Author: Jeremy Anderson [ Object Adjective ]
Author URI: http://www.repeatpenguin.com
Version: 2.0

*/

/* Main Globals
--------------------------------------------------------------------------------------------*/

body {margin: 0; padding: 0; text-align: center; font-family: "Lucida Grande", "Lucida Sans", Helvetica, sans-serif; font-size: 90%; color: #333434; background: #c7c2b2; min-width: 966px;}
* html body {font-size: 80%;}
:first-child+html body {font-size: 80%;}
.wrap {width: 960px; margin: 0 auto; overflow: hidden; position: relative; text-align: left;}
img {border: 0;}
table {border-collapse: collapse;}
td {vertical-align: middle;}
.clean {border: 0 !important; padding: 0 !important; margin: 0;}





/* Global Float Control Classes (left=float: left, right=float: right, shocking!)
--------------------------------------------------------------------------------------------*/

.left {float: left !important;}
.right {float: right !important;}
.center {text-align: center !important;}
.clear {clear: both;}

/* Links
--------------------------------------------------------------------------------------------*/

:focus, :active  {outline: none !important;}
a {color: #65738e; font-weight: bold; text-decoration: none;}
a:visited {color: #838b99;}
a:hover, a:active {color: #26334a;}
.hover {cursor: pointer;}
.target {padding: 0; border: 0;}


/* Header
--------------------------------------------------------------------------------------------*/

#header, #header .wrap {background: transparent url(img/header_bg.jpg) 0 0 repeat-x; height: 149px; overflow: visible;}
.skipnav {height: 21px; width: 104px; display: block; float: left; background: transparent url(img/skipnav.jpg) 0 21px no-repeat; text-indent: -4000px;}
.skipnav:hover {background-position: 0 0;}
#penguin {height: 140px; width: 174px; background: transparent url(img/repeatpenguin_logo.png) 0 0 no-repeat; position: absolute; top: 15px; left: 0; text-indent: -4000px; display: block;}
#logo {height: 90px; width: 554px; background: transparent url(img/repeat-penguin_logo.jpg) 0 0 no-repeat; text-indent: -4000px; float: left; margin: 12px 0 12px 36px;}
#header #logo:hover, #header .hover {background-position: 0 -90px !important;}

#header form, #content #searchform {width: 231px; float: right; overflow: hidden; margin: 42px -3px 0 0; padding-top: 2px;}
#header form #s, #content #searchform #s {height: 21px; width: 177px; padding: 7px 0 0 9px; border: 1px solid #afaa98; background: #999c92 url(img/search-bg.jpg) 0 0 no-repeat; color: #74766e; float: left;}
#header form .focus, #content #searchform .focus {color: #43453c !important; border-color: #d7d7d7 !important;}
#header form .btn, #content #searchform .btn {height: 35px; width: 34px; display: block; float: left; background: transparent url(img/btn-search.jpg) 0 0 no-repeat; margin: -4px 0 0 5px; text-indent: -4000px;}
#header form .btn:hover, #content #searchform .btn:hover {background-position: 0 -35px; border: 0;}



/* Nav and Subnav
--------------------------------------------------------------------------------------------*/

#nav, #subnav {list-style: none; clear: both; margin: 0 0 0 106px; width: 806px; overflow: hidden; display: block;}
#subnav {margin: 0 0 0 -40px; width: auto;}
#nav li, #subnav li {float: left; margin: 0;}
#nav li a, #subnav li a {display: block; padding: 5px; color: #fcfcfc; font-size: 115%; margin-right: 28px; letter-spacing: 1px;}
#subnav li a {letter-spacing: 0; padding: 5px 8px;}
#nav li a:hover, #nav li a:active, #header #nav li a.hover {background: #aba799; color: #fcfcfc;}
#subnav li a:hover {background: #857c67; color: #fcfcfc;}
#nav li.current a, #header #nav li.current a:hover, #header #nav li.current a.hover {background: #8e8366;}
#subnav li.current a, #subnav li.current a:hover {background: #111d1f; color: #c7c2b2;}
#nav li .firstnav, #header #nav li .firstnav:hover, #header #nav li .firstnav.active, #nav li.current .firstnav, #header #nav li.current .firstnav:hover, #header #nav li.current .firstnav.hover {background: transparent !important; position: relative; top: -31px; text-indent: -4000px; z-index: 2;}



/* Content Text Formatting
--------------------------------------------------------------------------------------------*/

.post .entry-title {font-size: 190%; color: #8e8366; line-height: 1.2em; letter-spacing: -1px; position: relative;}
.page h1 {font-size: 180%; color: #fff; margin-top: 24px;}
h1, .page .entry-title {font-size: 150%; margin: 12px 0 5px 0; color: #504a3a;}
h2 {margin: 0; color: #fff;}
h3 {margin: 12px 0; font-size: 120%;}
.entry-content h2 {margin-top: 24px;}
.entry-content h3 {color: #122328; margin-top: 24px;}
h4 {margin: 12px 0 -5px 0; color: #8a867b; font-size: 110%;}
.liftout h2, .liftout h3 {margin-top: 12px;}
p {text-align: justify; margin: 12px 0;}
abbr, acronym {border: none;}
blockquote {margin: 12px 0; font-family: "Century Schoolbook", Georgia, serif; font-style: italic; font-size: 140%; width: 100%; overflow: hidden;}
blockquote p {width: 100%; overflow: hidden;}
blockquote cite {display: block; margin: 5px 5px 0 0; font-family: "Lucida Grande", Helvetica, sans-serif; float: right; font-size: 60%;}
#content .entry-content img, #sub-content .entry-content img {padding: 8px; background: #e2ded1; margin: 12px auto;}
#content .entry-content img.left {margin: 0 24px 6px 0;}
.entry-content .microformats-logo {height: 79px; width: 78px; display: block; background: transparent url(img/microformats-logo.png) 0 0 no-repeat; float: left; margin: 0 24px 6px 0;}
.entry-content .microformats-logo img {display: none;}
#content .entry-content a:hover img, #content .entry-content a:active img, #sub-content .entry-content a:hover img, #sub-content .entry-content a:active img {background: #f1efe7;}
object, .object {border: 8px solid #e2ded1; margin: 12px auto; display: block;}
.object object {margin: 0;}
ul {list-style: none; margin: 15px 0 15px 0;}
ul li {margin: 0 0 0 -40px;}
* html ul li {margin-left: 0;}
*:first-child+html ul li {margin-left: 0;}
.code-wrap {border: 4px solid #9b978b; background: #e2ded2; padding: 0; overflow: hidden;}
.code {margin: 20px;}
#content .wp_syntax {padding: 0; background: transparent; margin: 0;}
#content .wp_syntax pre {font-family: "Lucida Grande", Helvetica, sans-serif !important; font-size: 100% !important; }

/* Additional Global Content Style */
.hr, hr {border-top: 1px solid #8a867b; margin: 25px 0;}
.thick {border-color: #c7c2b2; border-width:  4px;}
.normal {font-weight: normal !important;}
.textright {text-align: right;}
.textcenter {text-align: center;}
.small {font-size: 70%; font-weight: normal;}
.note, .caption, .wp-caption-text {color: #8e8366; font-size: 90%;}
.caption, .wp-caption-text {margin: -10px 0 12px 0; display: block;}
#content .objadj {display: block; width: 9em; min-height: 30px; color: #fff; background: transparent url(img/objectadjective-bug.jpg) 8px 0px no-repeat; padding: 15px 8px 3px 66px; margin: 3px 10px 10px 0;}
#content .objadj:hover {color: #3a5862; border: 0; background-color: #d0cbbc; background-position: 8px -50px;}



/* hentry layout Post Page Styles
--------------------------------------------------------------------------------------------*/

.date {width: 79px; background: #23383e; float: left; margin-top: 14px; padding-bottom: 19px; font-size: 1.6em; text-align: center; letter-spacing: 1px; clear: both; line-height: 1.5em; font-family: Impact, "Arial Black", sans-serif; text-transform: uppercase;}
.date a {font-weight: normal;}
.main .date {font-size: 1.6em;}
#content .date .published, #feature .published {width: 79px; background: #8e8366; padding: 10px 0 6px 0; color: #ddcfa4; display: block; position: relative; top: -2px;}
#content a:hover .published, #feature a:hover .published {background: #5f5845;}
.published span {display: block; font-size: 200%; margin-top: 2px;}
.published .cufon {margin: 0 auto; text-align: center;}
.published .year {font-size: 80%; margin-top: -6px;}
#content .published .year {margin-top: -2px;}
.post-info {background: #d0cbbc; margin-top: 16px; color: #8e8366; overflow: hidden;}
.main .post-info {clear: left; width: 654px;}
.post-info a, #feature .post-info a {color: #8e8366; font-weight: normal; padding: 7px 0;}
#content .post-info a {font-weight: normal;}
.main .post-info a {font-weight: bold;}
.post-info a:hover, #feature .post-info a:hover {color: #23383e; border: 0;}
.post-info .entry-comments {width: 98px; border-right: 1px solid #8e8366; float: left;}
.main .post-info .entry-comments {padding-left: 8px; width: 90px;}
.post-info .entry-comments a, #feature .post-info .entry-comments a {padding-left: 26px; background: transparent url(img/post-icons.jpg) 0 10px no-repeat; display: block;}
.post-info .closed span {background: transparent url(img/post-icons.jpg) 0 -90px no-repeat; display: block; padding: 8px 0 6px 26px;}
#content .main .post-info .entry-comments a:hover {border: 0;}
.post-info .wrap {min-height: 30px;}
.post-info .entry-comments a:hover, #feature .post-info .entry-comments a:hover {color: #23383e; background-position: 0 -22px;}
.post-info .category-links {padding: 7px 0 7px 26px; background: transparent url(img/post-icons.jpg) 0 -60px no-repeat; margin-left: 8px; float: left; min-height: 18px;}
.page .entry-subnav {width: 524px; margin-left: 0;}
.entry-subnav, .distractions .entry-subnav {padding: 7px 0; margin-left: 8px; float: left; width: 545px;}
.archives .entry-subnav {margin-bottom: 30px; width: auto;}
.entry-subnav span {float: right;}
.entry-subnav span a {color: #a4a093; margin-right: 22px;}
#content .entry-subnav span a:hover {color: #5c584a; border: 0;}
#content .entry-title a:hover {border: 0;}

#content {border-bottom: 38px solid #d0cbbc; background: transparent url(img/sidebar.jpg) center 0 repeat-y;}
.main {width: 653px; float: left; overflow: hidden; margin-top: 18px;}
#content .entry-content, #content .entry-title {width: 528px; float: left; margin-left: 22px;}
#content .entry-content {padding-bottom: 40px;}
.page .entry-content {padding-bottom: 0 !important;}
#content a:hover {border-bottom: 2px solid #26334a;}
#feature .liftout, #content .liftout, #sub-content .liftout, #content .col {background: #8a867b; padding: 6px 18px; margin: 12px 0; color: #fff;}
#feature .liftout {background: #5f5845;}
#sub-content .liftout {background: #9b978b; padding: 18px;}
.liftout a, .page .entry-content .liftout a, .page .entry .liftout a, #content .col a {color: #3ed1fc;}
#content .liftout a:hover, .page .entry-content .liftout a:hover, .page .entry .liftout a:hover, #content .col a:hover {color: #08313d; border-color: #08313d;}

/* Post Meta at top of Post Pages */
.subnav {padding-top: 21px; background: transparent url(img/subnav-bg.jpg) 0 0 repeat-x;}
.subnav .post-info {margin: 0;}
.subnav .bottom {height: 22px; background: transparent url(img/subnav-bg.jpg) 0 -21px repeat-x;}
.subnav .category-links {margin-left: 98px; padding-left: 34px; border-left: 1px solid #8e8366; float: none; background-position: 8px -60px;}

/* Archives */
#bytitle table {margin: 5px 0;}
#bytitle tr {border-bottom: 1px solid #bbb6a7;}
#bytitle td {background: #c7c2b2; padding: 10px; text-align: left;}
#bytitle td.hover {background: #d8d3c4;}
#bytitle td.hover a:hover, #bytitle td.hover a {color: #65738e;}
#bytitle td h1 {margin: 0;}
#bytitle .entry-meta {background: #746b54 !important; color: #fff; text-align: center;}
#bytitle .entry-meta span {font-size: 100%;}
#bytag h1 {margin-bottom: 12px;}
#bytag a {display: block; background: #cfcabd; padding: 8px 6px; color: #395861; margin-bottom: 1px;}
/*#bytag a {padding: 3px 6px; color: #395861; margin: 10px 10px 0 0;}*/
#bytag a:hover, #bytag a:active {background: #e2ded2; border: 0;}
.pagetitle span {color: #23383e; font-weight: normal;}


/* Distractions */
.distractions .entry-title {font-size: 180%; color: #fff; margin-top: 26px;}
.distractions .date {margin-top: 32px;}
.distractions .entry-content {padding-bottom: 40px !important;}
#bookmarks a {font-size: 120%; display: block;}
#content #bookmarks a:hover {border: 0;}
#bookmarks abbr {color: #8e8366; font-size: 90%;}
#bookmarks li {background: transparent; margin-top: 0; margin-bottom: 0; padding: 20px;}
#bookmarks li:hover, #bookmarks li.hover {background: #e2ded2 !important;}
#bookmarks li:hover a, #bookmarks li.hover a {color: #26334a;}

/* Apture Specific */
.apturePopup {background: #e2ded2 !important; padding: 10px; border: 4px solid #9b978b !important;}
.apturePopup td, .apturePopup table div {background: transparent !important;}
#content .apturePopup .aptureWikiViewer, #aptureD .apturePopup .aptureTwitterArticleWikiViewer, .aptureWikiClip, #aptureD .apturePopup .aptureWikiViewer .aptureWikiClip .aptureWikiView, .apturePopup .aptureText, .aptureText>div, .aptureSingleTweet, .aptureTweetBubbleOuter, .aptureWikiClip, .apturePopup {background: #e2ded2 !important; overflow: visible !important;}
.apturePopup .aptureText .aptureSingleTweet img, .apturePopup .aptureText .aptureTwitterUserHeader img {padding: 4px !important; border: 1px solid #fff !important; background: #9b978b !important; margin: 5px !important;}
.aptureLink .aptureLink, .aptureLink .aptureLinkIcon {padding: 2px 5px !important;}
.aptureLink:hover, .aptureLink:hover .aptureLink {background: transparent !important; color: #26334a !important;}
.aptureLinkOpen:hover .aptureLink, .aptureLinkOpen .aptureLink, .aptureLinkOpen .aptureLinkIcon {padding: 2px 5px !important; background-color: #9b978b !important;}
#content .aptureLink .aptureLinkIcon {padding: 2px 5px !important; background: transparent url(img/apture-icons.gif) 0 -1140px no-repeat !important;}
.aptureLink .aptureLink {padding-left: 2px !important;}
#content .aptureLinkOpen .aptureLinkIcon {padding: 2px 5px !important; background: #9b978b url(img/apture-icons.gif) 3px -41px no-repeat !important;}
#aptureD .apturePopup a {color: #65738e !important;}
.apturePopup a:visited {color: #838b99 !important;}
#aptureD .apturePopup a:hover {color: #26334a !important;}




/* Page Layout Styles
--------------------------------------------------------------------------------------------*/

.subnav-page {height: 66px; background: #746b54; margin-bottom: 11px;}
.articles {padding: 25px 0 10px 0; height: auto !important;}
.page {background: #bbb6a7 !important; padding-bottom: 40px;}
.page .main {width: 632px; min-height: 500px; margin-top: 0;}
.portfolio .main {width: 100% !important;}
.page .entry-content a, .page .entry a {color: #104554;}
.page .entry-content a:hover, .page .entry a:hover {color: #081e25; border-color: #081e25;}
.page .photo {padding: 15px; background: #fff; margin: 0 33px 33px 0; float: left;}
.myinternet-hcard {height: 34px; width: 369px; background: transparent url(img/myinternet-hcard.jpg) 0 0 no-repeat; display: block; text-indent: -4000px; float: left;}
#content .myinternet-hcard:hover {background-position: 0 -34px; border: 0;}
.page .vcard .liftout {width: 381px;}
.page .main .affiliates {margin: 20px 0; height: 150px;}
.page .main .affiliates a.clean {margin: 0 40px 40px 0 !important; opacity: .50;}
.page .main .affiliates a:hover {opacity: 1.00; border: 0;}
.page .main .affiliates img {vertical-align: middle;}
.toggle-content {width: 100%; overflow: hidden; display: none;}


/* Portfolio */

#content .thumbs {width: auto; overflow: hidden; margin-top: 24px;}
#content .portfolio img { padding: 8px; background: #d1cdbf; margin: 0 12px 12px 0; float: left; margin: 0 0 23px 0;}
#content .portfolio img.middle {margin: 0 23px 0 23px;}
#content .portfolio a:hover img {background: #e9e6db;}
#content .col {width: 267px; margin: 12px 0 12px 0; float: left; overflow: visible;}
#content div.middle {margin: 12px 23px 12px 23px;}
#content .col cite {color: #333434; font-size: 95%;}





/* Comments
--------------------------------------------------------------------------------------------*/

h2.comments {padding: 55px 8px 11px 8px; background: #746b54;}

/* Top Level List */
.commentlist {margin: 0;}
.commentlist li {padding: 27px 23px 12px 8px; width: 623px; overflow: hidden;}
.distractions .commentlist li {width: 601px;}
.commentlist li {background: #d0cbbc;}
.commentlist .avatar {float: left; padding: 7px; background: #e2ded2; border: 1px solid #bbb6a7; margin-right: 19px;}
.commentlist .thecomment {width: 510px; float: right; min-height: 75px;}
.commentlist .pingback {padding-left: 15px;}
.commentlist .pingback .thecomment {float: none; width: auto;}
.distractions .commentlist .thecomment {width: 489px;}
.commentlist a {color: #395861;}
#content .commentlist a:hover {color: #182529; border: 0;}
.commentlist .theauthor {color: #a4a093; font-size: 110%; font-weight: bold;}
.commentlist .comment-meta a {color: #a4a093;}
#content .commentlist .comment-meta a:hover {color: #95907f;}
.commentlist .vcard cite {font-style: normal;}
.commentlist .reply {float: right; width: 21px; height: 23px; margin: 0 0 0 30px; }
.commentlist .reply a {display: block; width: 21px; height: 23px; background: transparent url(img/reply.jpg) 0 -23px no-repeat; text-indent: -4000px;}
.commentlist li:hover .reply a, .commentlist li.hover .reply a {background-position: 0 0;}

/* Alternating Background Styles */
.commentlist .thread-odd {background: #c7c2b2;} /* Top Level */
.commentlist li:hover, .commentlist li.hover {background: #d8d3c4;}
.commentlist li li {background: #d8d3c4 !important;} /* Reply */
.commentlist li:hover li, .commentlist li.hover li {background: #e2ded2 !important;}

/* Reply List */
.commentlist li ul {clear: both; margin-left: 110px; border: 1px solid #bbb6a7; color: #4a4b4b; font-size: 90%;}
.commentlist li li, .distractions .commentlist li li {width: auto; padding: 8px;}
.commentlist li li .avatar {width: 50px; height: 50px; padding: 4px;}
.commentlist li li .thecomment {width: 412px;}
.distractions .commentlist li li .thecomment {width: 393px;}


/* Form Elements */
input, textarea, select {font-size: 100%; font-family: "Lucida Grande", Helvetica, sans-serif;}
#content form {padding: 25px; background: #746b54; border: 4px solid #e2ded2; color: #fff; margin: 20px 20px 20px 8px;}
#content.distractions form {margin: 20px 0; width: 570px;}
#content #contactform {margin: 20px 0; width: 574px;}
#content input, #content textarea {border: 1px solid #c1bcaa; height: 21px; width: 276px; padding: 7px 0 0 9px; background: #999c92 url(img/field-bg.jpg) 0 0 no-repeat; color: #333434;}
#content input.focus, #content textarea.focus {border-color: #fff; color: #fff;}
#content textarea {height: 182px; width:  560px; margin-top: 5px;}
#content form label {display: block; font-weight: bold; margin-bottom: 5px;}
#content form label span {font-weight: normal; font-size: 90%;}
#content .btn {height: 33px; width: 84px; background: transparent url(img/btn.jpg) 0 0 no-repeat; display: block; text-indent: -4000px;}
#content .btn:hover {background-position: 0 -33px; border: 0;}
#content form a {color: #47bcde;}
#content form a:hover {border-bottom: 2px solid #47bcde;}
#content form .cancel-comment-reply a {margin-top: 10px; font-weight: normal; font-size: 90%;}
#content form .cancel-comment-reply a:hover {border-width: 1px;}
#content form label.error {background: #122328 url(img/label-error.jpg) 0 0 no-repeat; padding: 17px 6px 4px 6px; width: 273px;}
#content #contactform br {display: none;}
#content form p {text-align: left;}
#content #searchform {padding: 25px; background: #23373e; float: none; width: auto; margin: 20px 0; width: 570px;}


/* Sidebar
--------------------------------------------------------------------------------------------*/

#sidebar {width: 292px; float: right; padding: 15px 0 15px 13px; margin-top: 16px; font-size: 90%;}
#sidebar .widget {margin-bottom: 40px;}
#sidebar ul {margin: 6px 0 0 0;}

#sub-content .twitter, #sidebar .twitter {height: 23px; padding: 11px 0 0 40px; background: transparent url(img/twitter-icon.jpg) 0 center no-repeat; color: #e7f3f6;}
#sub-content #twitter_update_list, #sidebar #twitter_update_list {border: 4px solid #9b978b; background: #e2ded2; padding: 0 12px; color: #1c373f; margin: 6px 0 9px 0;}
#sub-content #twitter_update_list {margin-top: 11px;}
#twitter_update_list li {margin: 0; padding: 11px 0; border-bottom: 1px dashed #fdfefe;}
#sub-content #twitter_update_list a, #sidebar #twitter_update_list a {color: #0995be; font-weight: normal;}
#sub-content #twitter_update_list a:hover, #sidebar #twitter_update_list a:hover {color: #097190; border-bottom: 1px solid #097190;}
#sub-content #twitter_update_list span, #sidebar #twitter_update_list span {display: block;}
#sub-content .follow, #sidebar .follow {color: #1c373f;}
#sub-content .follow:hover, #sidebar .follow:hover {color: #05789a; border: 0;}
#sub-content h2 a:hover, #sidebar h2 a:hover {color: #7d6c41; border: 0;}

#sidebar .affiliates {height: 104px; width: 294px; display: block; background: transparent url(img/affiliates.jpg) 0 0 no-repeat; margin-top: 7px; text-indent: -4000px;}
#content #sidebar .objectadjective:hover {background-position: 0 -104px; border: 0;}
#content #sidebar .endless {background-position: 0 -208px;}
#content #sidebar .endless:hover {background-position: 0 -312px; border: 0;}
#content #recent-posts a, #content .cat_posts a {display: block; background: #cfcabd; padding: 8px 6px; color: #395861; margin-bottom: 1px;}
#content #recent-posts a:hover, #content #recent-posts a:active, #content #recent-posts a.active, #content .cat_posts a:hover, #content .cat_posts a:active, #content .cat_posts a.active {background: #e2ded2; border: 0;}

.flickr-thumbs {width: 304px; overflow: hidden; margin: 12px 0 30px 0;}
.flickr-thumbs img { padding: 7px; background: #d1cdbf; margin: 0 12px 12px 0;}
.flickr-thumbs a:hover img {background: #e9e6db;}


/* Home Page
--------------------------------------------------------------------------------------------*/

#feature {min-height: 357px; background: #746b54; color: #f6f6f6; font-size: 110%; padding: 8px 0 0 0;}
#feature .entry {width: 488px; overflow: hidden; float: left;}
#feature .entry-content, #feature .entry-title {width: 383px; float: left; margin-left: 23px;}
#feature .entry-title a {color: #dfdaca;}
#feature .entry-title a:hover {color: #2e2b22; border: 0;}
#feature .more {height: 53px; width: 66px; display: block; background: transparent url(img/more.jpg) 0 0 no-repeat; text-indent: -4000px;}
#feature .more:hover {background-position: 0 -53px; border: 0;}
#feature a {color: #47bcde;}
#feature a:hover {border-bottom: 2px solid #47bcde;}
#feature blockquote {margin: 0; font-size: 110%;}
blockquote cite {font-size: 80%;}

/* Flickr Gallery Styles */
.flickr {width: 402px; padding: 16px; background: #e2ded2; border: 1px solid #645d4b; float: right; margin-top: 12px; position: relative;}
.gvIIContainer .gvIIImgContainer {width: 400px; height: 300px; overflow: hidden; position: relative; top: 0; cursor: pointer;}
.gvIIContainer .gvIIHolder {height: 295px; width: 395px; overflow: hidden; padding: 5px 0 0 5px; display: none; position: absolute; top: 16px;}
.gvIIContainer .gvIIHolder .gvIIItem {float:left; height: 75px; width: 75px; margin: 5px; position: relative; padding: 5px; background: #040809; border: 1px solid #182f36;}
.gvIIContainer .gvIIHolder .gvIIItem .gvIIFlash {background: rgb(5, 21, 25); position: absolute; top: 5px; left: 5px; height: 75px; width: 75px; padding: 0; cursor: pointer; }
.gvIIContainer .gvIIHolder .gvIIItem img {position: absolute; top: 5px; left: 5px; cursor: pointer;}
#jqAlbumParserLoader {height: 300px; vertical-align: middle; display: table-cell; width: 400px;}
#jqAlbumParserLoader img {margin: 0 auto; display: block;}
.jqAlbumParser {display: none;}
.flickr-icon {text-indent: -4000px; height: 18px; width: 36px; background: transparent url(img/flickr.png) 0 0 no-repeat; display: block; float: right;}
#feature .flickr-icon:hover {background-position: 0 -18px; border: 0;}
.photo-meta {position: absolute; top: 300px; padding: 7px 10px; height: 20px; width: 380px; font-size: 80%;}

/* Sub Articles below Feature */
#sub-content {border-bottom: 38px solid #d0cbbc; background: transparent url(img/sidebar.jpg) center 0 repeat-y; font-size: 90%; color: #4b4637;}
#sub-content .wrap {min-height: 300px;}
#sub-content .hentry {width: 303px; margin: 30px 23px 10px 0; float: left;}
#sub-content .external {background: #d9d5ca; width: 267px; border: 2px solid #bbb6a7; padding: 8px 16px; margin-top: 22px;}
#sub-content h2 a {color: #395861;}
#sub-content .external h2 a {color: #0995be; font-size: 110%;}
#sub-content .external h2 a:hover {color: #7d6c41;}
#sub-content .published {color: #f7f6f3; font-size: 90%;}
#sub-content a {color: #7d6c41;}
#sub-content a:hover {color: #5f5230; border-bottom: 2px solid #5f5230;}
#sub-content .sub-content {width: 293px; float: left; padding: 25px 0 15px 13px; margin-top: 16px;}
#sub-content blockquote {font-size: 105%; margin: 0;}
#sub-content .entry-content img {margin: 0;}
#sub-content .entry-content .microformats-logo {margin: 0 15px 6px 0;}


/* Footer
--------------------------------------------------------------------------------------------*/

#footer {background: #122328 url(img/footer_bg.jpg) 0 0 repeat-x; min-height: 300px; color: #fff; font-size: 90%;}
#footer .col {width: 303px; margin: 36px 0 15px 0; float: left; overflow: visible;}
#footer .middle {margin: 36px 23px 0 23px;}
#footer .hr {border-color: #3c6672; margin: 14px 0 23px 0;}
#footer h3 {margin: 0 0 -5px 0;}
#footer a {color: #47bcde;}
#footer a:hover {border-bottom: 2px solid #47bcde;}
#footer img {padding: 7px; background: #040809; border: 1px solid #182f36;}
#footer a:hover img {border-color: #3c6672;}
#footer .photo {margin: 12px 9px 50px 0; float: left;}
#footer .more {text-align: right;}
#footer .more a {color: #0f1d21; padding: 1px 7px; background: #1c373f;}
#footer .more a:hover {background: #3c6672; border: 0;}

#footer .upcoming_badge {width: 303px; overflow: hidden;}
#footer h3.upb_text {margin-bottom: 12px;}
#footer .upb_date span {display: block; float: left; clear: left; margin-top: 1px; height: 2.5em; width: 30px; text-align: center; background: #1c373f; padding: 5px;}
#footer .upb_event {float: left; height: 2.5em; width: 248px; background: #0e1c20; padding: 5px 5px 5px 10px; margin-top: 1px;}
#footer .upb_event div {height: 1.4em; margin-top: 7px; overflow: hidden; padding-left: 2px;}
#footer .upcoming_badge .hover {background: #040809 !important;}
#footer .upb_event a:hover {border: 0;}

#footer .rss {height: 24px; padding: 7px 0 0 41px; background: transparent url(img/rss-icon.jpg) 0 0 no-repeat; display: block; margin: 0 0 6px -3px;}
#footer .rss:hover {background-position: 0 -31px; border: 0; color: #fff;}
#footer .feeds {margin-bottom: 0;}

#footer .lastfm {height: 25px; width: auto; display: block; padding: 11px 0 0 48px; background: transparent url(img/elsewhere-icons.jpg) 0 -72px no-repeat;}
#footer .lastfm:hover {background-position: 0 -108px; color: #fff; border: 0;}
#footer #ilastfm {margin-left: -40px; width: 350px; overflow: hidden;}
#footer #ilastfm li {text-align: center; float: left; margin: 0 9px 9px 0; display: block; height: 50px; width: 50px; overflow: hidden; border: 2px solid #040809; opacity: 0.5;}
#footer #ilastfm li:hover {opacity: 1.00;}
#footer #ilastfm img {padding: 0; border: 0; height: 50px;}


#footer .delicious-icon {height: 36px; width: 36px; display: block; background: transparent url(img/elsewhere-icons.jpg) 0 0 no-repeat; float: right; text-indent: -4000px; margin-left: 12px;}
#footer .delicious-icon:hover {border: 0; background-position: 0 -36px;}
#footer .delicious-item {color: #e6e3e3; margin-bottom: 12px; font-size: 90%;}
#footer .delicious-item a {font-size: 120%; display: block;}
#footer .delicious-item a:hover {border: 0; color: #bdb69e;}
#footer .delicious-item abbr {color: #55828f;}

#footer .site-info {background: #040809; color: #567078; font-size: 95%; padding-bottom: 14px;}
#footer .site-info span {float: right; font-size: 120%; margin-top: 12px; color: #122328;}
#footer .site-info a {color: #746b54; margin: 0 5px;}
#footer .site-info a:hover {color: #d1c5a6; border: 0;}
#footer .site-info .top {float: right; display: block; height: 29px; width: 31px; background: transparent url(img/penguin-icon.jpg) 0 0 no-repeat; text-indent: -4000px; margin: 5px 0 0 10px;}
#footer .site-info .top:hover {border: 0; background-position: 0 -29px;}

/* temp styles for older posts */
.banner {display: none;}
 
.bargraph {border: 4px solid #9b978b; background: #e2ded2; padding: 12px; margin: 8px 0; font-weight: bold; font-size: 90%;}
.bargraph h2 {color: #746b54; margin: 0 0 10px 0;}
.bargraph .label {width: 17%; padding: 10px 0 0 5px; float: left; margin: 1px 0;}
.bargraph .bar {background: #65738e; height: 23px; padding: 10px 5px 0 0; color: #fff; text-align: right; float: left; margin: 1px 0;}
.bargraph .zero {background: transparent !important; color: #387ca7;}
.bargraph .hr {margin: 15px 0;}