/*
Theme Name: Het Roze Olifantje
Theme URI: http://www.hetrozeolifantje.nl
Description: This theme is meant to be easy to edit and completely standards compliant. Free to use for whatever you want.
Version: 1.0
Author: Ruud Vendeloo
Author URI: http://www.frontwerk.nl
Tags: colourfull, wall, two-columns, fixed-width, right-sidebar
*/

@import url('css/reset.css');

/*** APPLY BASE LAY OUT ***/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
abbr,acronym { border-bottom: 1px dotted #000; cursor: help; }
blockquote,ul,ol,dl { margin: 1em; }
caption { margin-bottom: .5em; text-align: center; }
dl dd { margin-left: 1em; }
em { font-style: italic; }
h1 { font-size: 138.5%; }
h1,h2,h3 { margin: 1em 0; }
h1,h2,h3,h4,h5,h6,strong { font-weight: bold; }
h2 { font-size: 123.1%; }
h3 { font-size: 108%; }
input[type=text],input[type=password],textarea { width: 16.25em; *width: 15.9em; }
ol li { list-style: decimal outside; }
ol,ul,dl { margin-left: 2em; }
p,fieldset,table,pre { margin-bottom: 1em; }
th { font-weight: bold; text-align: center; }
th,td { border: 1px solid #000; padding: .5em; }
ul li { list-style: disc outside; }

/* IE6 trans png fix
*******************************************************************************/
.iepngfix { behavior: url(/wp-content/themes/hro/js/iepngfix.htc) }

/* Making some pamflets opaque
*******************************************************************************/
.opaque { opacity : 0.85; -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /*filter : alpha(opacity=85);*/ }

/* Making pamflets sticky
*******************************************************************************/
.sticky { position : absolute; z-index : 10; }

/* The hidden links
*******************************************************************************/
.clickme { display : block; z-index : 25; cursor : pointer; }

/* Begin Structure */

body { background : url(img/muur.jpg); position : relative; min-height : 1610px; padding : 70px 0 30px 0; }
#container { position : relative; z-index : 50; text-align : left; padding : 0; margin-left : auto; margin-right : 25px; width : 740px; border : 3px solid #eaeaea; }
#container:after { content : ''; display : block; height : 0; clear : both; visibility : hidden; }
#content { width : 680px; padding : 0 30px; background : #fff; }
#content:after { content : ''; display : block; height : 0; clear : both; visibility : hidden; }
#header { background : #fff; width : 740px; height : 30px; }
#footer { background : #fff; width : 740px; height : 30px; }
#grond { bottom : 0; left : 0; background : url(img/bottom.jpg) left bottom repeat-x; height : 249px; width : 100%; }

#barcode { top : -10px; left : -25px; background : url(img/barcode.png); width : 244px; height : 320px; }
#kra_live { top : -100px; left : 270px; background : url(img/kra.live.png); width : 118px; height : 335px; }
#midden { z-index : 15; top : 0; left : 0; background : url(img/midden.png) no-repeat; width : 100%; height : 745px; }
#status { z-index : 16; top : 678px; left : 0; background : url(img/status.png); width : 459px; height : 352px; }
#hro_small { top : 760px; left : 720px; background : url(img/hro.small.png); width : 142px; height : 142px; }
#honden { top : 770px; left : 465px; background : url(img/honden.png); width : 229px; height : 83px; }
#strp_nl { top : 1080px; left : 35px; background : url(img/strp.nl.png); width : 281px; height : 206px; }
#kickerz { top : 900px; left : 370px; background : url(img/kickerz.png); width : 447px; height : 557px; }

a#dusdat { top : 23px; left : 413px; width : 255px; height : 84px; }
a#vivalatina { top : 532px; left : 536px; width : 120px; height : 140px; }


/* lay-out */
a  { color : #d42490; text-decoration:none; }
a:hover { color : #d42490;text-decoration:underline; }

img.alignleft { float : left; margin : 0 10px 10px 0; }


/* Logos
*******************************************************************************/
h1#hrologo { top : 103px; left : 74px; width : 195px; height : 203px; margin : 0; padding : 0; z-index : 40; }
h1#hrologo a { display : block; background : url(img/hro.png); width : 195px; height : 203px; outline : 0; z-index : 45; }
h1#hrologo a span { display: none; }

h1#hrologosmall { width : 108px; height : 44px; margin : -3px 0 0 0; padding : 0; }
h1#hrologosmall a { display : block; width : 108px; height : 44px; background : transparent url(img/hro.text.png); outline : 0; }
h1#hrologosmall a span { display: none; }

/* posts 
*******************************************************************************/

#posts { width : 500px; padding : 0; margin : 0 30px 0 0; float : left; }

.openclose { position : relative; display : block; width : 100px; height : 13px; line-height : 13px; text-align : right; float : right; margin-top : -12px; }
.openclose a { position : absolute; right : 0; color : #979797; font-weight : bold; text-decoration : none; padding-right : 15px; outline : 0; }
.openclose a:hover { color : #d42490; }
.open_entry { background : url(img/post.show.png) center right no-repeat; }
.open_entry:hover { background : url(img/post.show-mo.png) center right no-repeat; }
.close_entry { display : none; background : url(img/post.hide.png) center right no-repeat; }
.close_entry:hover { background : url(img/post.hide-mo.png) center right no-repeat; }

.post { margin : 0 0 20px 0; padding-bottom : 15px; border-bottom : 1px solid #d42490; }
.post .date { font-size : 10px; text-transform : uppercase; color : #979797; }
.post .commentbubble a { color : #979797; }
.post .commentbubble a:hover { color : #d42490; }
.post h2 { margin : 5px 0 15px 0; padding-left : 27px; background-position : left 5px; background-repeat : no-repeat; }
.post h2 a { text-decoration : none; font-size : 20px; color : #000; font-weight : normal; font-family : "Arial Narrow"; }
.post .entry { overflow : hidden; position : relative; }
.post p { line-height : 1.5; font-size : 90%; }

.postcat1 h2 { background-image : url(img/i20.ro.png); }
.postcat3 h2 { background-image : url(img/i20.rh.png); }
.postcat4 h2 { background-image : url(img/i20.bb.png); }
.postcat5 h2 { background-image : url(img/i20.gl.png); }
.postcat6 h2 { background-image : url(img/i20.zs.png); }
.postcat7 h2 { background-image : url(img/i20.pk.png); }
.postcat8 h2 { background-image : url(img/i20.gm.png); }
.postcat9 h2 { background-image : url(img/i20.wg.png); }
/* sra: additional posters */
.postcat342 h2 { background-image : url(img/i20.ro.png); }

.postmetadata { font-size : 11px; margin : 0; color : #979797; }
.postmetadata a { color : #979797; text-decoration : none; }
.postmetadata a:hover { color : #d42490; }
.poster { background-position : left center; background-repeat : no-repeat; font-weight : bold; padding-left : 15px; }
.poster1 { color: #d42490; background-image : url(img/i10.ro.png); }
.poster3 { color: #c0001f; background-image : url(img/i10.rh.png); }
.poster4 { color: #5d3d1e; background-image : url(img/i10.bb.png); }
.poster5 { color: #e0b836; background-image : url(img/i10.gl.png); }
.poster6 { color: #000000; background-image : url(img/i10.zs.png); }
.poster7 { color: #6b309c; background-image : url(img/i10.pk.png); }
.poster8 { color: #858585; background-image : url(img/i10.gm.png); }
.poster9 { color: #f4f4f4; background-image : url(img/i10.wg.png); }
/* sra: additional posters */
.poster342 { color: #d42490; background-image : url(img/i10.ro.png); }

/* sidebar */
#sidebar { float : left; width : 150px; }
#sidebar ul { margin : 0; padding : 0; }
#sidebar ul li { list-style : none; font-size : 10px; margin : 0; padding : 0; }
#sidebar ul li a { font-size : 11px; text-decoration : none; color : #000; }
#sidebar ul li a:hover { color : #d42490; }
#sidebar h2.widgettitle { margin : 10px 0; padding : 0; font-size : 10px; font-weight : bold; text-transform : uppercase; line-height : 29px; color : #d42490; border-top : 1px solid #d42490; border-bottom : 1px solid #d42490; }

/* categories */
#sidebar ul li.cat-item { display : block; padding : 0; margin : 0 0 10px 0 !important; width : 150px; height : 40px; }
#sidebar ul li.cat-item a { display : block; width : 100px; height : 40px; font-size : 10px; text-decoration : none; color : #000; padding-left : 50px; }
#sidebar ul li.cat-item a:hover { color : #d42490; }
#sidebar ul li.cat-item-3 { background : url(img/i40.rh.png) 0 0 no-repeat; }
#sidebar ul li.cat-item-4 { background : url(img/i40.bb.png) 0 0 no-repeat; }
#sidebar ul li.cat-item-5 { background : url(img/i40.gl.png) 0 0 no-repeat; }
#sidebar ul li.cat-item-6 { background : url(img/i40.zs.png) 0 0 no-repeat; }
#sidebar ul li.cat-item-7 { background : url(img/i40.pk.png) 0 0 no-repeat; }
#sidebar ul li.cat-item-8 { background : url(img/i40.gm.png) 0 0 no-repeat; }
#sidebar ul li.cat-item-9 { background : url(img/i40.wg.png) 0 0 no-repeat; }
#sidebar ul li.current-cat a { background : url(img/category.current.png) center right no-repeat; }

/* category name & description */
#sidebar ul li.cat-item a span { display : block; width : 100px; cursor : pointer; }
#sidebar ul li.cat-item a span.cat_name { height : 20px; padding-top : 10px; line-height : 20px; font-weight : bold; }
#sidebar ul li.cat-item a span.cat_description { line-height : 10px; height : 10px; }

/* links  */
li.widget_links li {line-height : 17px;}

/* category page */
h2.pagetitle { margin : 0 0 30px 0; padding : 0 0 10px 50px; border-bottom : 1px solid #d42490; font-size : 24px; line-height : 40px; background : url(img/i40.ro.png) 0 0 no-repeat; }
div#cat_description_sub p { margin : -25px 0 30px 0; font-weight : bold; }
h2.pagesorry { margin : 0 0 30px 0; padding : 0 0 11px 50px; border-bottom : 1px solid #d42490; font-size : 24px; line-height : 40px; height : 40px; }
h2#cat3page { background : url(img/i40.rh.png) 0 0 no-repeat; }
h2#cat4page { background : url(img/i40.bb.png) 0 0 no-repeat; }
h2#cat5page { background : url(img/i40.gl.png) 0 0 no-repeat; }
h2#cat6page { background : url(img/i40.zs.png) 0 0 no-repeat; }
h2#cat7page { background : url(img/i40.pk.png) 0 0 no-repeat; }
h2#cat8page { background : url(img/i40.gm.png) 0 0 no-repeat; }
h2#cat9page { background : url(img/i40.wg.png) 0 0 no-repeat; }

/* comments */
h3#comments, h3#respond { padding-top : 30px; border-top : 1px solid #d42490; font-size : 18px; }
#commentform #author, #commentform #email, #commentform #url, #commentform #comment { border : 1px solid #f6cae5; color : #666666; }
span.commentbubble a { text-decoration : none; color : #000; }
span.commentbubble a:hover { color : #d42490; }
.commentlist { list-style-type : none; margin : 0; padding : 0 0 10px 0; }
.commentlist li { list-style : none; padding : 20px; margin : 0 0 20px 0; background : #fdf4fa; border : 1px solid #f6cae5; }
.commentlist li.alt { background : #fff; }
.commentmetadata { margin-bottom : 20px; }
.commentmetadata .date { text-transform : none; }
.avatar { float : left; margin : 0 5px 0 0; }

/* searchform */
form#searchform { margin : 20px 0; }
form#searchform .textinput { width : 120px; }
form#searchform #searchsubmit { border : 1px solid #979797; background : #fff; }

/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility : visible !important; margin : 0; }
.sIFR-replaced { visibility : visible !important; }
span.sIFR-alternate { position : absolute; left : 0; top : 0; width : 0; height : 0; display : block; overflow : hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display : none !important; }

/* These "decoy" styles are used to hide the browser text before it is 
replaced... the negative-letter spacing in this case is used to make the browser
text metrics match up with the sIFR text metrics since the sIFR text in this 
example is so much narrower... your own settings may vary... any weird sizing 
issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 a { visibility : visible; letter-spacing : 0px; color : #ccc; font-size : 25px; }
.sIFR-hasFlash h3#comments { visibility : visible; letter-spacing : 0px; color : #ccc; font-size : 18px; }
.sIFR-hasFlash h3#respond { visibility : visible; letter-spacing : 0px; color : #ccc; font-size : 18px; }
.sIFR-hasFlash h2.pagetitle { visibility : visible; letter-spacing : 0px; color : #ccc; font-size : 24px; }