/********************************************************************
  Skin - CSS document. Author: Mars Nel - Quirk E-Marketing -
*********************************************************************/

/* Header Styles */
a#logo img { position: relative; top: 25px; left: 13px; display: block; }

div.searchBox { position: relative; float: right; top: 12px; right: 1px; width: 234px; height: 40px; background: transparent bottom left no-repeat url(/images/search-bg.png); z-index: 999999; }

img.subscribe { float: right; margin-right: 3px; }

img.subscribeBadge { position: absolute; top: 0; right: -5px; z-index: 99999 !important; }

.subscribeMe { cursor: pointer; }
div#subscribeLinks { display: none; }

.back { zz-index: -10 !important; }

/* Content Blocks */
div.block, div.blockWrapper, div#pager { position: relative; float: left; display: block; }/* General */
* html div.blockWrapper { margin-bottom: 11px; }
*:first-child+html  div.blockWrapper  { margin-bottom: 11px; }
/* Specifics */
div.wide, div#pager { width: 617px; padding: 10px 18px 5px 18px; background: transparent top left repeat-y url(/images/wide-block-bg.png); }
div.medium { width: 281px; padding: 5px 28px 5px 17px; background: transparent top left repeat-y url(/images/med-block-bg.gif); }
div.small { width: 275px; padding: 5px 24px 5px 16px; background: transparent top left repeat-y url(/images/small-block-bg.png); }

/* Image Mask */
div.imgWrapper { position: relative; float: left; width: 206px; height: 206px; margin: 0 20px 10px 0; overflow: hidden; }
div.imgWrapper div { position: absolute; width: 206px; height: 206px; background: transparent top left no-repeat url(/images/mask.png); }
/* Small Image Mask */
div.imgWrapperSmall, div.profile-pic { position: relative; float: left; width: 105px; height: 105px; margin: 0 10px 10px 0; overflow: hidden; }
div.imgWrapperSmall div, div.profile-pic div { position: absolute; width: 105px; height: 105px; background: transparent top left no-repeat url(/images/mask-small.png); }
div.profile-pic { float: right !important; margin: 4px 0 0 24px !important; }  }

/* Divider Styles */
div.divider { position: relative; clear: both; height: 1px; border-bottom: 1px solid #dddddd !important; }
div.wide div.divider { position: relative; clear: both; width: 617px; height: 1px;  margin: 15px 0 15px 0; border-bottom: 1px solid #dddddd !important; }
div.small div.divider { position: relative; clear: both; width: 277px; height: 1px;  margin: 10px 0 10px 0; padding: 0; border-bottom: 1px solid #dddddd !important; }

/* Pager Styles */
div#pager { padding: 0 18px !important; }
a.numpies, a.next-numpie { height: 17px; float: left; padding-top: 1px; text-align: center; color: #fff; }
a.numpies { width: 18px; margin-right: 4px; background: transparent top left no-repeat url(/images/buttons/numblocks.gif); }
a.next-numpie { width: 35px; background: transparent top left no-repeat url(/images/buttons/next-button.gif); }
a.numpies:hover, a.next-numpie:hover { background-position: bottom left; text-decoration: none; }
div#pager span { display: block; float: left; margin-right: 10px; padding-top: 2px; }

/* Social Icons */
div.icon { position: relative; width: 59px; float: left; }
div.link { float:left; width: 59px; clear: left; margin-top: 7px; text-align:center; }

/* Share this */
span#sharethis_0 { background: #f6f6f6; padding: 5px; display: block; width: 90px; margin-top: 5px; }
a.stbutton, span.stbuttontext { color: #1b932d !important; font-size: 13px; }

/* Footer CC Badge */
#footer img { margin-left:10px; vertical-align: middle; }
 
/* Useful classes */
.up { margin-top: -1px; }
.margT { margin-top: 13px; }
  .bigMargT { margin-top: 30px; }
  .smallMargT { margin-top: 6px; }
.margB { margin-bottom: 13px; }
  .smargB { margin-bottom: 9px; }
.margR { margin-right: 13px; }
.clrLeft { clear: left; }
.clr { clear: both; }
.rightSide { float: right !important; width: 317px; }
.leftSide { width: 326px; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; display: block; }
object { max-width: 280px !important; max-height: 210px !important; }
embed { max-width: 280px !important; max-height: 210px !important; }
.thumb { float: left; margin-right: 10px; margin-bottom: 10px; }

.podcastsLeft { margin-bottom:15px!important; float:left; }
.categoryStyle {width: 209px; font-size:14px;}