/********************************************************************
  Skin - CSS document. Author: Mars Nel - Quirk E-Marketing -
*********************************************************************/

/* Header Styles */
a#logo img { position: relative; top: 25px; left: 0px; 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: 999;}

img.subscribe { float: right; margin-right: 3px; }
img.subscribeBadge { z-index: 999; float: left; }
.subscribeBadgeDiv { position: absolute; top: -5px; right: -5px; z-index: 999; float: left; }

.subscribeMe { cursor: pointer; float: left; position: relative; vertical-align: top; }
div#subscribeLinks { display: none; }

/* 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); }
div.tabs { width: 300px; padding: 0px 7px 5px 7px; background: transparent top left repeat-y url(../../images/small-block-bg.png); }
div.twitter { width: 300px; padding:0 10px 0 9px ; background: transparent top left repeat-y url(../../images/small-block-bg.png); }
div.formbox { width: 453px; padding:0 10px 0 17px ; background: transparent top left repeat-y url(../../images/form-block-bg.png); }

/*gallery*/
#gallery {
  width: 100%; float: left
}
#gallery ul li {
  display: block; float: left; margin: 7px; 
}
#gallery img {
  border: 2px solid #ccc;
}
#gallerylinks {
  width: 100%; float: left;
}
#gallerylinks ul li {
  display: block; float: left; padding: 7px; width: 105px;
}

/*Sidebar Tabs*/
#tab-container { margin-top: -5px;}
#tab-container ul { margin: 0; padding: 0; clear:both; text-align:center;}
#tab-container ul li { float:left; position:relative; display: inline-block; }

#tab-container ul li.popular-posts a{ outline: none;background: transparent no-repeat url(../../images/nav/popular-posts-bg.gif); background-position: 0 0; color:#ffffff; margin-right:2px; width:100px; height:35px; display:block;}
#tab-container ul li.recent-comments a{outline: none;background: transparent no-repeat url(../../images/nav/recent-comments-bg.gif); background-position: 0 0; color:#ffffff; margin-right:2px; width:127px; height:35px;display:block;}
#tab-container ul li.blogroll a{outline: none;background: transparent no-repeat url(../../images/nav/blogroll-bg.gif); background-position: 0 0; color:#ffffff; width:69px; height:35px; display:block;}
#tab-container ul li a:hover { text-decoration: underline; background-position: 0 -36px; }
#tab-container ul li a.active  { background-position: 0 -36px; }
#tab-container .panel-container ul {width:285px; line-height:22px; text-align:left; padding-left:10px; padding-top:10px;}
#tab-container .panel-container ul li { display:block; float:none; color:#666666; padding-left:25px;}
#popular-posts ul li, #recent-comments ul li, #blogroll ul li { background: transparent top  left no-repeat url(../../images/comment-bullet.png); }

/* Podcast Player */
#podcast li { background: transparent top  left no-repeat url(../../images/podcast-bullet.png); padding:5px 0 5px 25px;  }
#podcast .powerpress_player, #podcast h2{padding:5px 0;}
#podcast .powerpress_player { width:220px; max-width:220px; margin:0;}
#podcast p.powerpress_links {clear:both;}
#podcast .powerpress_player object { float:left; position:relative; margin:0; width:220px; max-width: 220px !important; max-height: 210px !important; }
#podcast .powerpress_player embed { float:left; position:relative; margin:0; width:220px; max-width: 220px !important; max-height: 210px !important; }
#columnA .powerpress_player { width:400px; max-width:400px; margin:0;}
#columnA p.powerpress_links {clear:both;}
#columnA .powerpress_player object { float:left; position:relative; margin:0; width:400px; max-width: 400px !important; max-height: 210px !important; }
#columnA .powerpress_player embed { float:left; position:relative; margin:0; width:400px; max-width: 400px !important; max-height: 210px !important; }

/* Music Downloads */
#topmusic ul { padding-bottom:10px;}
#topmusic ul li { background: transparent left no-repeat url(../../images/music-bullet.png); padding-left:25px; line-height:21px;}

/*Posts*/
div#columnA{float:left; width:390px; }
div#columnB{float:right; width:215px;}
div.blue p{color:#ffffff; font-size:14px; margin:15px; font-style:italic; line-height:1.8em;}
div.blue div.sociable{display:none;}

/* Post Comments */
#left_fields{ float:left; position:relative; width:285px;}
#right_fields{ float:left; position:relative; width:332px;}
.comment p {margin:0;}

div#wpcf7-f1-p109-o1{float:left; position:relative; width:617px;}

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

/* Post Image */
div.postImage {width: 206px; height: 206px; overflow: hidden; margin-bottom:20px; padding-top:20px; }
div.postImage div { position: absolute; width: 206px; height: 206px; background: transparent top left no-repeat url(../../images/mask-post.png); }

div.social {float:left; position:relative; width:206px; margin-top:-20px;}
div.socialAlt {float:right; position:relative; width:206px; margin-top:-20px;}
div.meta {float:left;}

/* 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 */
.wp-pagenavi span.pages { border:0;}
.wp-pagenavi span.current{background: transparent bottom left no-repeat url(../../images/buttons/numblocks.gif); border:0; padding: 2px 6px;color:#ffffff;}
.wp-pagenavi a.page {background: transparent top left no-repeat url(../../images/buttons/numblocks.gif); border:0; padding: 2px 6px;color:#ffffff;}
.wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink {width: 35px; background: transparent top left no-repeat url(../../images/buttons/next-button.gif); border:0; padding: 2px 6px; color:#ffffff;}

/* Polls Widget */
div.wp-polls .vote { height:24px; width:53px; background: transparent top left no-repeat url(../../images/buttons/vote.gif);}
div.wp-polls li {color:#006699;}
div.wp-polls input {margin-right:10px; border:#006699;}

.pds-box { width:280px !important; border:none !important;}
.pds-question-top { font-size:12px !important;}
.pds-input-label { font-size: 12px !important; width:235px !important; }
.pds-vote-button { height:24px!important; width:53px!important; background: transparent top left no-repeat url(../../images/buttons/vote.gif)!important; padding:5px 15px !important; border:none !important; -moz-border-radius: 0 !important;}
.pds-vote-button span { visibility:hidden !important; }
.pds-pd-link { visibility: hidden !important;}
.pds-links a { color:#0b6e8e !important; font-size:12px!important; }
.pds-links-back a { color:#0b6e8e !important; font-size:12px!important; }

/* Twitter Widget */
.aktt_tweets { position: relative; float: left; display: block; width: 297px; background: transparent top left repeat-y url(../../images/twitter-bg.png); }
.aktt_tweets ul{padding-left: 10px;}
.aktt_tweets ul li a { display:inline; }
.aktt_tweets ul li a.aktt_hashtag {display:block;}
.aktt_tweets ul li a.aktt_tweet_time {display:block;}
.aktt_tweets ul li.aktt_more_updates a{ display:none;}
.bird {float:right;position:relative;top:-25px; right:10px;}
.follow {margin:10px 0 5px 0;}

#twitter-footer {display:block;float:left; position:relative; width:320px;}
#twitter-footer .aktt_tweets{float:right; width: 276px; height:115px; background: transparent top left no-repeat url(../../images/twitter-footer-bg.png);}
#twitter-footer .aktt_tweets ul{padding:5px 0 0 30px; line-height:16px;}
#twitter-footer .aktt_tweets ul li a { display:inline; }
#twitter-footer .aktt_tweets ul li a.aktt_hashtag {display:inline; color:#006699;}
#twitter-footer .aktt_tweets ul li a.aktt_tweet_time {display:block;}
#twitter-footer .aktt_tweets ul li.aktt_more_updates a{ display:none;}
#twitter-footer .bird {float:left;position:relative;top:-10px; right:0px;}
#twitter-footer .follow {margin:10px 0 0 30px;}

/* Social Icons */
div.post-ratings{float:left; position:relative; width:90px; padding:42px 0 0 55px;}
div.post-ratings img{float:left; position:relative;padding-left:0; padding-right:3px; }
div.tweetmeme_button{width:50px;}
div.sociable_tagline {padding-bottom:5px;}

/* 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 Links */
#footer ul {display:block;float:left; position:relative; width:210px;}
#footer ul li {padding:3px 0;}
#footer ul li a.alt {margin-right:-3px;}
#footer ul li img { vertical-align:middle; padding-right: 5px; padding-left:3px;}

/* Footer CC Badge */
#footerAlt ul { margin: 0; padding: 0;}
#footerAlt ul li { float:left; position:relative; display: inline-block; margin:0; text-align:left;}
#footerAlt ul li a{ padding:0 5px;}
#footerAlt img { margin-left:10px; vertical-align: bottom; }

/* Comments */
ul.children{ float:left; padding:15px; background-color:#f1f1f1; margin:15px 0; width:583px; }
.depth-2 p { width: 580px !important; }
.depth-2 .divider { width: 577px !important; }
#respond {float:left;}
.reply { float:right; padding-top:15px; }
.comment-reply-link { background: transparent top left no-repeat url(../../images/buttons/reply.gif); padding:10px 27px; margin-right:3px; }
.commentlist li{ display:inline-block; width:617px; }
.navigation { padding:15px 0; font-weight:bold; }

#formCol { width:453px; }

 
/* Useful classes */
.up { vertical-align:bottom; float:left; position: relative; }
.margT { margin-top: 13px; }
  .bigMargT { margin-top: 30px; }
  .smallMargT { margin-top: 6px; }
.margB { margin-bottom: 13px; }
  .smargB { margin-bottom: 9px; }
.margR { margin-right: 13px; }
.padT { padding-top:20px;}
.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; padding-top:20px; }
embed { float:left; position:relative; margin:0; max-width: 275px !important; max-height: 210px !important; }
.thumb { float: left; margin-right: 10px; margin-bottom: 10px; }
.back { vertical-align: top; position: relative; float: left; }
.backDiv { z-index: 1; position: relative; float: left; }
.blu {color:#006699;}

.podcastsLeft { margin-bottom:15px!important; float:left; }
.categoryStyle {width: 209px; font-size:14px;}
div.textwidget { margin-bottom:10px; }
.widgettitle {display:none; }
.n8 {margin-top:130px;}
.navigation {margin-bottom: 20px;}
.alignleft {float:left;position:relative;}
.alignright {float:right;position:relative;}
