/*
Theme Name: Comic Gymwood
Theme URI: http://www.mrhenry.be
Description: Special blended Wordpress theme for Strip Turnhout
Version: 1.0
Author: Mr. Henry
Tags: slick, comic, press, sexy
*/

/* @group Imports */

@import url(stylesheets/typography.css);

/* @end */


/* @group Testing Borders */
#wrapper {}
/* @end */


/* @group Structure */
body                { background: #ededed url(images/backgrounds/bg-body-repeater.jpg) repeat-y 0 0; }
#background-lowres  { background: url(images/backgrounds/bg-body-lowres.jpg) no-repeat 0 0; }
#background-highres { background: url(images/backgrounds/bg-body-highres.jpg) no-repeat 0 0; }
#wrapper            { width: 968px; padding: 72px 0 0 0; position: relative; }
.vertical-lines     { margin: 0 0 0 0; background: url(images/backgrounds/bg-wrapper.gif) repeat-y 0 bottom; }
#sidebar            { float: left; margin: 0 0 18px 0; width: 320px; min-height: 600px; position: relative; }
#content            { float: right; margin: 0 0 18px 0; padding: 0 18px 0 0; width: 613px; min-height: 600px; position: relative; }
#doormat            { clear: both; margin: -3px 18px 0 50px; padding: 18px 0 18px 288px; border-top: 3px solid #000; min-height: 290px; background: url(images/backgrounds/bg-doormat.png) no-repeat -68px bottom; }
#footer             { clear: both; margin: -3px 18px 0 50px; padding: 36px 0 54px 18px; border-top: 3px solid #000; position: relative; }

.left	            { float: left; }
.right	            { float: right; }
.clear	            { clear: both; }
.hide	            { display: none; }

hr 		            { display:none; }
/* @end */


/* @group Header */
h1                  { position: absolute; top: 0; left: 0; width: 85px; height: 220px; background: url(images/general/img-logo.png) no-repeat 0 0; z-index: 1000; text-indent: -8888px; }
h1 a                { display: block; height: 220px; }
/* @end */


/* @group Sidebar */
#sidebar ul         { margin: 0; padding: 0; list-style: none; }
#sidebar li         { margin: 0 0 18px 0; padding: 0 0 0 50px; position: relative; }
#sidebar li li      { margin: 0; padding: 0; }

#sidebar .drag-button                   { position: absolute; top: 0; left: 50px; width: 20px; height: 20px; z-index: 900; cursor: pointer; background: url(images/buttons/btn-drag.gif) no-repeat 0 0; }

#sidebar .navigation ul                 { margin: 18px 0 72px 0; padding: 0 0 0 54px; width: 197px; list-style: none; }
#sidebar .navigation ul li              { border-bottom: 1px solid #232121;  text-align: right; }
#sidebar .navigation ul li a            { display: block; padding: 4px 8px 1px 0; }
#sidebar .navigation ul li.active       { border-bottom: none; }
#sidebar .navigation ul li.active li    { padding: 4px 0px 7px 0; border-bottom: 1px dotted #c8c9ca; border-right: 3px solid #F4C2C2; }
#sidebar .navigation ul li li.active    { border-right: 3px solid #DA2128; }
#sidebar .navigation ul li.active a     { padding-bottom: 2px; background: #232121; }
#sidebar .navigation ul ul              { margin: 0; padding: 0; }
#sidebar .navigation ul li.active li a  { background: none; }

#sidebar .calendar h3                   { height: 52px; background: url(images/titles/ttl-archive.gif) no-repeat 150px 18px; text-indent: -8888px; }
#sidebar .calendar table                { margin: 0 0 0 36px; width: 126px; }
#sidebar .calendar caption              { padding: 0 0 18px 0; background: none; }
#sidebar .calendar tfoot                { height: 18px; overflow: hidden; }
#sidebar .calendar td,
#sidebar .calendar th                   { padding: 0; width: 18px; height: 18px; }
#sidebar .calendar #prev a              { position: absolute; top: 90px; right: 36px; display: block; width: 45px; height: 45px; background: url(images/buttons/btn-previous.gif) no-repeat 0 0; text-indent: -8888px; }
#sidebar .calendar #next a              { position: absolute; top: 140px; right: 36px; display: block; width: 45px; height: 45px; background: url(images/buttons/btn-next.gif) no-repeat 0 0; text-indent: -8888px; }

#sidebar .mr-categories h3              { margin: 0 0 0 18px; padding: 0; height: 54px; background: url(images/titles/ttl-categories.gif) no-repeat 0 0; text-indent: -8888px; }
#sidebar .mr-categories ul              { margin: 0 0 18px 18px; }
#sidebar .mr-categories li              { float: left; width: 120px; }

#sidebar .mr-about                      { background: url(images/backgrounds/bg-sidebar-about-bottom.gif) no-repeat 50px bottom;}
#sidebar .mr-about h3                   { display: none; }
#sidebar .mr-about .inner               { padding: 18px; background: url(images/backgrounds/bg-sidebar-about-top.gif) no-repeat left top; }
#sidebar .mr-about a.read-more          { position: absolute; bottom: 18px; right: 18px; display: block; width: 72px; height: 18px; background: url(images/buttons/btn-read-more-written.gif) no-repeat 0 0; text-indent: -8888px; }
#sidebar .mr-about .drag-button         { top: 18px; }

#sidebar .mr-tag-cloud,
#sidebar .widget_stags-1                { background: url(images/backgrounds/bg-sidebar-tag-cloud-top.gif) no-repeat 50px 0; }
#sidebar .mr-tag-cloud .inner,
#sidebar .st-tag-cloud                  { margin: 0 0 0 0; padding: 18px 0 54px 0; background: url(images/backgrounds/bg-sidebar-tag-cloud-bottom.gif) no-repeat 0 bottom; }

#sidebar .mr-social                     { padding-bottom: 0; }
#sidebar .mr-social h3                  { display: none; }
#sidebar .mr-social .facebook           { float: left; display: block; margin: 9px 0 0 18px; width: 168px; height: 81px; background: url(images/buttons/btn-sidebar-facebook.gif) no-repeat 0 0; text-indent: -8888px; }
#sidebar .mr-social .rss                { float: left; display: block; margin: 14px 0 0 8px; width: 65px; height: 76px; background: url(images/buttons/btn-sidebar-rss.gif) no-repeat 0 0; text-indent: -8888px; }

#sidebar .mr-flickr                     { padding: 0 0 0 57px; }
#sidebar .mr-flickr h3                  { float: left; margin: 0 10px 10px 0; padding: 0; width: 75px; height: 75px; background: url(images/titles/ttl-flickr.gif) no-repeat 5px 10px; text-indent: -8888px; }
#sidebar .mr-flickr a                   { position: relative; }
#sidebar .mr-flickr a.drag-button       { position: absolute; }
#sidebar .mr-flickr a span              { position: absolute; top: 0; left: 0; display: block; border: 1px solid red; width: 75px; height: 75px; background: url(images/backgrounds/bg-flickr-tumbnail-mask.png) no-repeat 0 0; }
#sidebar .mr-flickr img                 { float: left; width: 75px; height: 75px; display: block; margin: 0 10px 10px 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

#sidebar .mr-cm-subscribe                   { }
#sidebar .mr-cm-subscribe h3                { height: 45px; background: url(images/titles/ttl-newsletter.gif) no-repeat 0 0; text-indent: -8888px; }
#sidebar .mr-cm-subscribe label             { display: none; }
#sidebar .mr-cm-subscribe input[type=text],
#sidebar .mr-cm-subscribe input.text        { margin: 0 0 0 15px; border: 1px solid #e2e2e2; padding: 4px; width: 150px; background: #FFFFFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#sidebar .mr-cm-subscribe button            { margin: 0 0 0 10px; border: none; width: 46px; height: 32px; background: transparent url(images/buttons/btn-sidebar-newsletter-go.gif) no-repeat 0 0; text-indent: -8888px; cursor: pointer; }
#sidebar .mr-cm-subscribe .drag-button      { top: -10px; }
/* @end */


/* @group Sub-header */
#sub-header                     { margin: 0 0 18px 0; border-bottom: 3px solid #000; padding: 0 0 15px 0; position: relative; }
#breadcrumbs                    { }

#searchform                     { position: absolute; top: -36px; right: 0; }
#searchform label               { display: none; }
#searchform input[type=text],
#searchform input.text          { border: 1px solid #cdcdcd; padding: 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#searchform button              { margin: 0 0 0 10px; border: none; width: 46px; height: 32px; background: transparent url(images/buttons/btn-sidebar-newsletter-go.gif) no-repeat 0 0; text-indent: -8888px; cursor: pointer; }
/* @end */


/* @group Content */
#content .columnleft            { float: left; margin: 0 17px 0 0; /*border-right: 1px solid #c6c6c7;*/ padding: 0 18px 0 0; width: 288px; }
#content .columnright           { float: right; margin: 0 0 0 0; width: 287px; overflow: hidden; }
/*#content .columnleft img,
#content .columnright img,
#content .columns img           { max-width: 288px; height: auto; }*/
#content .columnleft .post:last-child, #content .columnleft .last,
#content .columnright .post:last-child, #content .columnright .last { border: none; }

.post                           { margin: 0 0 18px 0; border-bottom: 3px solid #000; padding: 0 0 15px 0; }
.intro                          { padding: 0 0 0 108px; min-height: 72px; }
.banner                         { margin: 0 0 18px 0; border-bottom: 3px solid #000; padding: 0 0 15px 0; }

.entry                          { z-index: 2; position: relative; }
.entry img                      { margin: 18px 18px 18px 0; }
.entry .alignleft               { float: left; margin: 18px 18px 0 0; }
.entry .alignright              { float: right; margin: 18px 0 0 18px; }
.entry .image-container         { position: relative; }
.entry .image-container .tape   { position: absolute; top: -15px; left: 50%; margin: 0 0 0 -35px !important; width: 70px !important; height: 35px !important; }
.entry .image-container img,
.entry .wp-caption img              { margin: 0 18px 0 0; }
.entry .image-container img.alignright,
.entry .wp-caption img.alignright   { margin: 0 0 0 18px; }
.entry hr                       { margin: 18px 0; border: none; height: 1px; background: url(images/backgrounds/bg-hr.gif) repeat-x 0 0; display: block; clear: both; }

blockquote                      { float: left; padding: 18px 36px 0 72px; width: 198px; background: url(images/backgrounds/bg-blockquote-top.gif) no-repeat left top; }
blockquote p                    { padding: 0 54px 18px 0; background: url(images/backgrounds/bg-blockquote-bottom.gif) no-repeat right bottom; }

.meta                           { margin: 0 0; position: relative; z-index: 0; }
.meta .date,
.meta a                         { float: left; display: block; margin: 0 18px 0 0; }
.meta .author-signature         { float: right; display: block; }
.meta .author-admin             { margin: -18px 0 0 0; width: 72px; height: 36px; background: url(images/general/sprite-signature-admin.gif) no-repeat 0 0; text-indent: -8888px; }
.meta .author-koen              { margin: -18px 0 0 0; width: 72px; height: 36px; background: url(images/general/sprite-signature-koen-van-rompaey.gif) no-repeat 0 0; text-indent: -8888px; }
.meta .author-toonhorsten       { margin: -18px 0 0 0; width: 72px; height: 36px; background: url(images/general/sprite-signature-toon-horsten.gif) no-repeat 0 0; text-indent: -8888px; }
.meta .author-sparehed          { margin: -18px 0 0 0; width: 72px; height: 36px; background: url(images/general/sprite-signature-wim-lockefeer.gif) no-repeat 0 0; text-indent: -8888px; }
.meta .author-kurt              { margin: -18px 0 0 0; width: 72px; height: 36px; background: url(images/general/sprite-signature-kurt-morissens.gif) no-repeat 0 0; text-indent: -8888px; }

.columns                        { margin: 0 0 18px 0; padding: 0 0 15px 0; border-bottom: 3px solid #000; background: url(images/backgrounds/bg-columns.gif) repeat-y 0 bottom;}
.columns .block                 { float: left; margin: 0 18px 15px 0; border-bottom: 3px solid #000; width: 288px; }
.columns .block h3              { padding-left: 18px; }
.columns .block ul              { list-style: disc; }

.intro h2                       { display: none; }
.banner img                     { display: block; }
.banner .image-container .tape  { top: -10px; }

.stripgids-subscribe form               { width: 440px; height: 160px; background: url(images/backgrounds/bg-subscribe-form.gif) no-repeat 0 0; position: relative; }
.stripgids-subscribe label              { display: none; }
.stripgids-subscribe .sg_email          { float: left; display: block; padding: 15px 0 0 50px; width: 200px; height: 64px;  }
.stripgids-subscribe input              { position: absolute; border: 0px solid gray; padding: 3px; background: transparent; }
.stripgids-subscribe #sg_email          { top: 28px; left: 54px; width: 175px; }
.stripgids-subscribe #sg_name           { top: 28px; left: 251px; width: 175px; }
.stripgids-subscribe #sg_address        { top: 83px; left: 51px; width: 375px; }
.stripgids-subscribe button             { position: absolute; top: 125px; right: 10px; border: none; width: 75px; height: 36px; background: transparent url(images/buttons/btn-send.gif) no-repeat 0 0; text-indent: -8888px; cursor: pointer; }

.wp-pagenavi                    { clear: both; margin: 0 0 18px 0; padding: 9px; background: #232121; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.wp-pagenavi .pages             { float: left; background: none; }
.wp-pagenavi a                  { float: left; margin: 0 5px; padding: 0 3px; display: block; }
.wp-pagenavi .current           { float: left; margin: 0 5px; padding: 0 3px; display: block; background: #FFFFFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/* @end */


/* @group Home */
#home .columns                  { border: none; }
/* @end */


/* @group Search */
#search .columns                { border: none; }
/* @end */


/* @group Masonry */
#links .masonry,
body.page-template-recensies-php .masonry,
body.category-recensies .masonry    { background: none; }
/* @end */


/* @group Custom templates */
body.page-template-publicaties-php .intro   { padding: 0; }
body.page-template-stripgids-php .intro     { padding: 0; }
body.page-template-festival-php .intro      { padding: 0; }
body.page-template-links-php .intro         { padding: 0; }
body.page-template-projecten-php .intro     { padding: 0; }
body.page-template-bibliotheek-php .intro   { padding: 0; }
body.page-template-contact-php .intro,
body.page-template-recensies-php .intro       { padding: 0 0 0 108px; min-height: 72px; background: url(images/general/img-questionmark.gif) no-repeat 18px 0; }
/* @end */


/* @group Spotlight */
.spotlight img                  { display: block; width: 287px; height: auto; }
.spotlight .wp-caption          { position: relative; }
.spotlight .wp-caption-text     { position: absolute; bottom: 0; left: 0; margin: 0; padding: 20px; width: 248px; background: #000; }
/* @end */


/* @group Doormat */
#doormat .column        { float: left; margin: 0 36px 0 0; width: 126px;  }
#doormat .column:last-child,
#doormat .last          { margin-right: 0; }
#doormat .column ul     { margin: 0 0 18px 0; padding: 0; list-style: none; }
#doormat .column ul a   { display: block; }
/* @end */


/* @group Footer */
#footer .column     { float: left; margin: 0 18px 0 0; width: 126px; }
#footer ul          { position: absolute; top: 18px; right: 0; margin: 0; padding: 0; list-style: none; }
#footer li          { float: left; margin: 0 0 0 18px; }
#footer .mrhenry    { position: absolute; bottom: 0; right: -20px; display: block; width: 161px; height: 78px; background: url(images/general/img-signature-mrhenry.png) no-repeat 0 0; text-indent: -8888px; }
/* @end */


/* @group Language */
ul#language         { position: absolute; top: 0; right: 0; margin: 0; padding: 0; height: 25px; list-style: none; }
ul#language li      { float: left; }
/* @end */


/* @group First letters */
.firstletter,
.fancy-letter       { float: left; display: block; margin: 0 5px 0 0; width: 36px; height: 36px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #232121; }
.stripgids-subscribe .firstletter,
.stripgids-subscribe .fancy-letter { float: none; display: inline; margin: inherit; width: inherit; height: inherit; border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit; background: inherit;}
/* @end */


/* @group Misc */
h3.arrow            { margin: 0 0 18px 0; padding: 0 0 0 52px; background: url(images/icons/ico-arrow.gif) no-repeat 0 0; }
.more-link          { display: inline-block; margin: 0 0 0 5px; width: 57px; height: 18px; background: url(images/buttons/btn-read-more.gif) no-repeat 0 0; text-indent: -8888px; }
.success            { padding: 17px; border: 1px solid #FAD42E; background: #F6EF99; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
/* @end */

/* @group Recensies */
body.page-template-recensies-php .columns a,
body.category-recensies .columns a      { display: block; }
.review-title       { margin-bottom: 18px; border-bottom:3px solid #000000; padding: 0 0 18px 0; }
.review-title span  { padding: 0 0 0 90px; background: url(images/icons/ico-hand-pointer-right.gif) no-repeat left center; }
.review-title span span { padding: 0 90px 0 0; background: url(images/icons/ico-hand-pointer-left.gif) no-repeat right center; }
/* @end */