/* Theme Name: TZUM Theme URI: http://www.tzum.info/ Description: TZUM custom theme by Riaan Los. Version: 1.0 Author: Trebbers Author URI: http://www.trebbers.nl/ Tags: red, custom, fixed width, two columns, widgets */ * { font-family:Arial, Helvetica, sans-serif; } .clear { clear:both; } .fright { float:right; } .dots { height:10px; background:url(images/dots-bg.gif) center center repeat-x; } .bold { font-weight:bold; } .smaller { font-size:90%; } a, a:link, a:active, a:visited { color:#000; text-decoration:underline; } a:hover { text-decoration:none; } .alignleft { float:left; margin:0 10px 5px 0; } .alignright { float:right; margin:0 0 5px 10px; } .empty { padding:10px; text-align:left; } h1,h2,h3,h4, h1 a,h1 a:link,h1 a:active,h1 a:visited, h2 a,h2 a:link,h2 a:active,h2 a:visited, h3 a,h3 a:link,h3 a:active,h3 a:visited, h4 a,h4 a:link,h4 a:active,h4 a:visited { font-family:"Trebuchet MS", "Lucida Sans", Arial, sans-serif; } img.size-thumbnail { border:none; } body { background:#e2e2e2; margin:0; padding:0; font-size:62.5%; } #wrapper { margin:0px auto; width:929px; padding:0 40px 0 30px; background:#fff url(images/wrapper-bg.png) center top repeat-y; position:relative; font-size:1.2em; } #text-wrapper { margin:0px auto; width:929px; padding:0 0 0 0; /*background:url(images/literair-weblog.gif) right top no-repeat;*/ } /* * HEADER */ #header { height:100px; margin-bottom:26px; position:relative; } #topnav { float:right; height:34px; background:#fff url(images/topnav-bg.gif) left top no-repeat; margin-right:10px; } #topnav-right { width:10px; height:34px; background:#fff url(images/topnav-right-bg.gif) right top no-repeat; float:right; } #topnav-search { float:right; height:34px; padding:8px 6px; color:#fff; } #topnav-search form { margin:0; padding:0; width:126px; height:18px; background:transparent url(images/topnav-search-bg.gif) center center no-repeat; position:relative; } #topnav-search form #s { border:none; background:transparent; font-size:0.9em; width:100px; position:absolute; top:1px; left:7px; color:#636466; font-family:"Trebuchet MS", "Lucida Sans", Arial, sans-serif; } #topnav-search #searchsubmit { border:none; background:transparent; width:16px; height:16px; position:absolute; top:1px; right:3px; } #topnav ul { margin:0; padding:0; float:left; } #topnav li { list-style-image:none; list-style-position:outside; list-style-type:none; float:left; } #topnav a,#topnav a:link,#topnav a:active,#topnav a:visited { text-decoration:none; text-transform:lowercase; display:block; padding:8px 10px; color:#fff; font-size:1.1em; font-family:"Trebuchet MS", "Lucida Sans", Arial, sans-serif; font-weight:bold; } #topnav a:hover { color:#babbbd; } #topnav li.current_page_item a { text-decoration:underline; } #header a,#header img { border:none; } #header #logo { padding-top:16px; } #header .description { font-size:1.5em; font-family:"Trebuchet MS", "Lucida Sans", Arial, sans-serif; font-weight:bold; margin-left:3px; } #social-icons { position:absolute; right:5px; bottom:-8px; } #social-icons ul { margin:0; padding:0; } #social-icons li { list-style-image:none; list-style-position:outside; list-style-type:none; float:left; border:none; margin-right:5px; } #social-icons li a,#social-icons li a:link,#social-icons li a:active,#social-icons li a:visited { display:block; font-size:0px; text-indent:-9999999px; width:33px; height:32px; padding:0; } #social-icons li.facebook a { background:url(images/icons/facebook.gif) left top no-repeat; } #social-icons li.twitter a { background:url(images/icons/twitter.gif) left top no-repeat; } #social-icons li.linkedin a { background:url(images/icons/linkedin.gif) left top no-repeat; } #social-icons li.rss a { background:url(images/icons/rss.gif) left top no-repeat; } #social-icons li.news a { background:url(images/icons/news.gif) left top no-repeat; } #social-icons li.mail a { background:url(images/icons/mail.gif) left top no-repeat; } #social-icons li a:hover { background-position:left bottom; } /* * NAVIGATION */ #navigation { width:919px; height:34px; background:url(images/navigation-bg.gif) left bottom no-repeat; } #navigation ul { margin:0; padding:0; } #navigation li { list-style-image:none; list-style-position:outside; list-style-type:none; float:left; } #navigation a,#navigation a:link,#navigation a:active,#navigation a:visited { text-decoration:none; text-transform:lowercase; display:block; padding:8px 8px; color:#fff; font-size:1.1em; font-family:"Trebuchet MS", "Lucida Sans", Arial, sans-serif; font-weight:bold; } #navigation a:hover { color:#babbbd; } #navigation li.current_page_item a { text-decoration:underline; } /* * SIDEBAR */ #sidebar { float:right; width:304px; margin:0 10px 10px 0; } #sidebar ul { margin:0; padding:0; } #sidebar ul li { list-style-image:none; list-style-position:outside; list-style-type:none; margin-top:15px; background:#f3f3f4; } #sidebar ul li.banner { background:none; } #sidebar ul li ul li { margin:0; border-bottom:solid 1px #eeeeef; clear:both; } #sidebar ul li ul li a,#sidebar ul li ul li a:link,#sidebar ul li ul li a:active,#sidebar ul li ul li a:visited { text-decoration:none; display:block; padding:3px 3px 3px 6px; color:#7d7b7c; } #sidebar ul li ul li a:hover { background:#eeeeef; color:#000; } #sidebar ul li ul li.cat-item { height:22px; } #sidebar ul li ul li.cat-item a { float:left; width:280px; } #sidebar h2 { margin:0; padding:6px 10px; font-size:1.3em; font-weight:bold; font-family:"Trebuchet MS", "Lucida Sans", Arial, sans-serif; background:#d22129 url(images/sidebar-header-bg.gif) right top no-repeat; color:#fff; } #sidebar ul.index li.widget_recent_comments { background:#dddedf; padding:0 0 10px 0; margin:0; width:304px; } #sidebar ul.index li.widget_recent_comments h2 { background:#dddedf url(images/recent-reactions-bg.gif) right bottom no-repeat; } #sidebar ul.index li #recentcomments { margin:0 0 0 22px; padding:0; } #sidebar ul.index li #recentcomments li { background:#dddedf; border:none; list-style-image:url(images/recent-reactions-list-bg.gif); list-style-position:outside; list-style-type:none; } #sidebar ul.index li #recentcomments a,#sidebar ul.index li #recentcomments a:link,#sidebar ul.index li #recentcomments a:active,#sidebar ul.index li #recentcomments a:visited { text-decoration:none; display:block; padding:10px 0; color:#000; font-size:1em; font-weight:bold; } #sidebar ul.index li #recentcomments a:hover { color:#d22129; } #sidebar ul li.widget_tag_cloud div { padding:10px; } #sidebar #widget-vimeo-recent a,#sidebar #widget-vimeo-recent a:link,#sidebar #widget-vimeo-recent a:active,#sidebar #widget-vimeo-recent a:visited { margin:0; padding:0; } #sidebar #widget-vimeo-recent img { border:none; width:304px; height:171px; } #sidebar .textwidget #items p.item { margin:0 5px; border:solid #eeeeef; border-width:0 0 1px 0; } #sidebar .textwidget #items p.item big { font-size:1em; } #sidebar .textwidget #items p.item big .grey { float:left; margin-right:5px; color:#7d7b7c; } #sidebar .textwidget #items p.item big a,#sidebar .textwidget #items p.item big a:link,#sidebar .textwidget #items p.item big a:active,#sidebar .textwidget #items p.item big a:visited { } #sidebar .textwidget #items p.item .date { margin-left:10px; color:#7d7b7c; } #sidebar .textwidget #items p.item .date a,#sidebar .textwidget #items p.item .date a:link,#sidebar .textwidget #items p.item .date a:active,#sidebar .textwidget #items p.item .date a:visited { color:#7d7b7c; } #sidebar .textwidget #items p.item .description { margin:0 0 -20px 10px; padding:2px 0; display:block; } #sidebar #widget-fotorubriek-latest li { text-align:center; padding:5px 0 0 0; } #sidebar #widget-fotorubriek-latest a,#sidebar #widget-fotorubriek-latest a:link,#sidebar #widget-fotorubriek-latest a:active,#sidebar #widget-fotorubriek-latest a:visited { display:inline; padding:0; } #sidebar #widget-fotorubriek-latest img { width:295px; border:none; } #sidebar #widget-fotorubriek-latest .read-more { height:16px; padding:0 5px 5px 5px; } #sidebar #widget-fotorubriek-latest .read-more a,#sidebar #widget-fotorubriek-latest .read-more a:link,#sidebar #widget-fotorubriek-latest .read-more a:active,#sidebar #widget-fotorubriek-latest .read-more a:visited { display:block; float:right; clear:both; padding:0px 3px; border:solid 1px #b8b8ba; color:#000; background:#fff; font-size:0.9em; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; } #sidebar #widget-fotorubriek-latest .read-more a:hover { color:#d22129; } #sidebar .banner-300x250 { text-align:center; margin-top:15px; height:252px; width:302px; display:block; clear:both; position:relative; } /* * BREADCRUMB */ #breadcrumb { width:909px; height:40px; padding:0 5px; background:url(images/breadcrumb-bg.gif) left top no-repeat; clear:both; } #breadcrumb ul { margin:0 3px; padding:0; } #breadcrumb li { list-style-image:none; list-style-position:outside; list-style-type:none; float:left; } #breadcrumb li.arrow { display:block; padding-top:12px; color:#fff; } #breadcrumb a,#breadcrumb a:link,#breadcrumb a:active,#breadcrumb a:visited { text-decoration:none; text-transform:lowercase; display:block; padding:12px 6px 10px 6px; color:#fff; font-size:1em; font-family:"Trebuchet MS", "Lucida Sans", Arial, sans-serif; font-weight:bold; } #breadcrumb a:hover { text-decoration:underline; } #breadcrumb ul.posts li { padding-top:12px; color:#fff; text-align:left; width:50%; } #breadcrumb ul.posts li.right { text-align:right; } #breadcrumb ul.posts li a,#breadcrumb ul.posts li a:link,#breadcrumb ul.posts li a:active,#breadcrumb ul.posts li a:visited { margin-top:-12px; text-transform:none; background:url(images/breadcrumb-left.gif) left center no-repeat; padding:11px 0 11px 20px; } #breadcrumb ul.posts li.right a,#breadcrumb ul.posts li.right a:link,#breadcrumb ul.posts li.right a:active,#breadcrumb ul.posts li.right a:visited { background:url(images/breadcrumb-right.gif) right center no-repeat; padding:11px 20px 11px 0; } #content { margin-bottom:10px; } .narrowcolumn { width:599px; float:left; min-height:100px; height:auto !important; height:100px; background:#fff; } .list-content { background:#dddedf; } .widecolumn { width:919px; } .post { margin:15px 0 10px 0; background:#fff; padding:0; position:relative; } .list-content .post { margin:10px; background:#fff; padding:10px; -webkit-border-radius:8px; -moz-border-radius:8px; position:relative; } .post .post-image { position:relative; height:200px; width:599px; overflow:hidden; margin-bottom:10px; } .post .post-image img { width:599px; height:auto; position:absolute; top:0; left:0; } .post h2,.post h2 a,.post h2 a:link,.post h2 a:active,.post h2 a:visited { text-decoration:none; margin:0 0 3px 0; padding:0; } .post h2 a:hover { text-decoration:underline; } .post .post-sub-header { font-size:0.9em; background:transparent url(images/dots-bg.gif) center bottom repeat-x; padding-bottom:14px; } .post .entry p { clear:both; } .post .entry blockquote { font-style:normal; margin: 1em 3em; padding:0 0 0 1em; border-left:solid 2px #FAE1E2; } .list-content .entry p { clear:none; } .post .entry .post-thumbnail { float:left; margin-right:10px; position:relative; } .post .entry .post-thumbnail img { border:none; } .post .category { position:absolute; top:0px; left:0px; width:19px; height:100px; background-position:left center; background-repeat:no-repeat; } .post .category-algemeen { background-image:url(images/categories/algemeen.png); } .post .category-auteurs { background-image:url(images/categories/auteurs.png); } .post .category-columns { background-image:url(images/categories/columns.png); } .post .category-fotorubriek { background-image:url(images/categories/fotorubriek.png); } .post .category-interviews { background-image:url(images/categories/interviews.png); } .post .category-nieuws { background-image:url(images/categories/nieuws.png); } .post .category-recensies { background-image:url(images/categories/recensies.png); } .post .category-recesenten { background-image:url(images/categories/recesenten.png); } .post .category-gedichten { background-image:url(images/categories/gedichten.png); } .post .category-artistiek-bureau { background-image:url(images/categories/artistiek-bureau.png); } .post .category-essay { background-image:url(images/categories/essay.png); } .post .category-toneel { background-image:url(images/categories/toneel.png); } .post .sociable { text-align:right; clear:both; } .post .sociable_tagline { font-size:1em; font-family:"Trebuchet MS", "Lucida Sans", Arial, sans-serif; color:#d22129; margin-bottom:2px; } .post .related-posts h3 { color:#636466; margin:0 0 3px 0; padding:0; } .post .related-posts ol { margin:0 0 15px 26px; padding:0; } .post .related-posts a,.post .related-posts a:link,.post .related-posts a:active,.post .related-posts a:visited { display:block; padding:2px; font-family:"Trebuchet MS", "Lucida Sans", Arial, sans-serif; } a.more-link,a.more-link:link,a.more-link:active,a.more-link:visited { display:block; float:right; clear:both; padding:0px 3px; border:solid 1px #b8b8ba; color:#000; background:#fff; font-size:0.9em; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; } a.more-link:hover { color:#d22129; } #latest { margin:0 10px 10px 10px; background:#d22129; color:#fff; -webkit-border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; } #latest .post-image { position:relative; height:200px; width:559px; overflow:hidden; margin-bottom:10px; } #latest .post-image img { width:559px; height:auto; position:absolute; top:0; left:0; } #latest .post-sub-header { background-image:url(images/dots-red-bg.gif); } #latest a,#latest a:link,#latest a:active,#latest a:visited { color:#fff; } #latest a.more-link,#latest a.more-link:link,#latest a.more-link:active,#latest a.more-link:visited { border:solid 1px #b8b8ba; color:#000; background:#fff; } #latest a.more-link:hover { color:#d22129; } #content .banner-index-468x60, #content .banner-page-468x60 { clear:both; width:468px; height:60px; margin:15px auto 0 auto; } #content .banner-comments-468x60 { clear:both; width:468px; height:60px; margin:10px auto 10px auto; } .navigation { margin:10px; } .navigation .alignleft { float:left; } .navigation .alignright { float:right; } .navigation a,.navigation a:link,.navigation a:active,.navigation a:visited { display:block; padding:0px 3px; border:solid 1px #b8b8ba; color:#000; background:#fff; font-size:90%; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; } .navigation a:hover { color:#d22129; } #vimeo-clips { margin:0; padding:0; } #vimeo-clips li { list-style-image:none; list-style-position:outside; list-style-type:none; float:left; margin:10px; } #vimeo-clips li img { border:none; } #vimeo-clips li a,#vimeo-clips li a:link,#vimeo-clips li a:active,#vimeo-clips li a:visited { border:solid 2px #636466; display:block; } #vimeo-clips li a:hover { border-color:#D22129; } .single-metadata { margin:0 0 10px 0; color:#666; } .single-categories { margin:0 0 2px 0; } .single-tags { margin:0 0 2px 0; } .author { background:#D22129; padding:10px; -webkit-border-radius:8px; -moz-border-radius:8px; color:#fff; margin:0 0 15px 0; } .author .author-avatar { float:left; margin:0 5px 0px 0; } .author h3 { margin:0 0 5px 0; padding:0; } .author a,.author a:link,.author a:active,.author a:visited { color:#fff; } ul.author_contactmethods { float:right; margin:-3px -8px 0 0; padding:0; } ul.author_contactmethods li { list-style-image:none; list-style-position:outside; list-style-type:none; background:none; float:left; border:none; clear:none; margin-right:5px; } ul.author_contactmethods li a,ul.author_contactmethods li a:link,ul.author_contactmethods li a:active,ul.author_contactmethods li a:visited { display:block; font-size:0px; text-indent:-9999999px; width:24px; height:24px; padding:0; } ul.author_contactmethods li.user_url a { background:url(images/icons/author-website.gif) left top no-repeat; } ul.author_contactmethods li.facebook a { background:url(images/icons/author-facebook.gif) left top no-repeat; } ul.author_contactmethods li.twitter a { background:url(images/icons/author-twitter.gif) left top no-repeat; } ul.author_contactmethods li.linkedin a { background:url(images/icons/author-linkedin.gif) left top no-repeat; } ul.author_contactmethods li.rss a { background:url(images/icons/author-rss.gif) left top no-repeat; } ul.author_contactmethods li.news a { background:url(images/icons/author-news.gif) left top no-repeat; } ul.author_contactmethods li.mail a { background:url(images/icons/author-mail.gif) left top no-repeat; } ul.author_contactmethods li a:hover { background-position:left bottom; } #respond a.logout-button,#respond a.logout-button:link,#respond a.logout-button:active,#respond a.logout-button:visited { display:block; float:right; padding:0px 3px; border:solid 1px #b8b8ba; color:#000; background:#fff; font-size:90%; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; } #respond a.logout-button:hover { color:#d22129; } /* * FORMS */ #content .post form { padding-bottom:10px; } #content .post form .row { clear:both; padding:2px 0; width:502px; } #content .post form .submit { text-align:right; } #content .post form .row label { width:300px; float:left; padding:3px 0; display:block; } #content .post form .row .required { color:#636466; font-size:0.8em; } #content .post form .row textarea { background:#fff; border:solid 1px #636466; padding:3px; width:494px; color:#d22129; font-size:100%; } #content .post form .row input { background:#fff; border:solid 1px #636466; padding:3px; width:194px; color:#d22129; font-size:100%; } #content .post form .submit input { background:#d22129; color:#fff; } /* * COMMENTS */ h2.comments-title { color:#D22129; } .comments { background:#E2E2E2; padding:0 10px; -webkit-border-radius:8px; -moz-border-radius:8px; color:#636466; margin:0 0 15px 0; } .comments a,.comments a:link,.comments a:active,.comments a:visited { color:#636466; } .no-comments { font-style:italic; color:#636466; text-align:center; padding:10px 0; } .commentlist { margin:0; padding:0; } .commentlist li { list-style-image:none; list-style-position:outside; list-style-type:none; padding:10px 0; clear:both; } .commentlist li.byuser a.url { color:#d22129; } .commentlist li.comment-author-admin a.url { color:#d22129; } .commentlist li.comment-author-admin .comment-content p { color:#000; } .commentlist .comment-avatar { float:left; } .commentlist .comment-content { margin-left:50px; } .commentlist .comment-waiting { float:right; font-size:0.8em; color:#fff; background:#d22129; padding:2px; } /* * FOOTER */ #footer-wrapper { margin:0px auto; width:999px; } #footer { background:#d22129; margin-right:18px; padding-top:5px; } #footer-nav { margin:0 53px; background:transparent url(images/footer-nav-bg.gif) right top no-repeat; } #footer-nav ul { margin:0; padding:0; float:right; } #footer-nav li { list-style-image:none; list-style-position:outside; list-style-type:none; float:left; } #footer-nav a,#footer-nav a:link,#footer-nav a:active,#footer-nav a:visited { text-decoration:none; text-transform:lowercase; display:block; padding:8px 10px; color:#fff; font-size:1.32em; font-family:"Trebuchet MS", "Lucida Sans", Arial, sans-serif; } #footer-nav a:hover { color:#babbbd; } #footer-nav li.current_page_item a { text-decoration:underline; }