@charset "utf-8";

/*  
Theme Name: Hiranthi's weblog
Author URI: http://www.illutic.nl/
Version: 1.0
Author: illutic WebDesign
Description: Theme voor Hiranthi's weblog
*/



/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1em;
	font-size: 62.5%; /* reset 1em to 10px */
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

div:after, ul:after, form:after, .clear { content: ""; display:block; height: 0; clear:both; } /* zorgt ervoor dat alles goed afsluit */
select:after,input:after { content:inherit; } /* voor FF3 */

a, span, strong, em, dl, dt, dd { display:inline; width:inherit; }

/*
 Default tags
*/
html, body { font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#333; font-size:1em; }
body { font-size:1em; line-height:1.2em; }

a { color:#f06; text-decoration:none; }
body.home #content .kolom a { color:#333; }
a:hover { text-decoration:underline; }

blockquote { margin:0 0 15px 15px; padding:15px 15px 2px; display:block; clear:both; border-left:5px solid #ccc; background-color:#f3f3f3; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:.9em; }
cite { margin:0 0 15px 30px; display:block; clear:both; }

code { font-size:1.1em; background-color:#f3f3f3; padding:2px; }

h1 { font-size:170%; color:#f06; margin:0 0 15px; }
h2 { font-size:140%; margin:5px 0; }
h3 { font-size:130%; padding:5px 0 0; }
h4 { font-size:120%; }
h5 { font-size:110%; }
h6 { font-size:1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none!important; color:#333; background:url('img/arrows_white-border_small.png') right -103px no-repeat; padding:0 20px 0 0; }
h2 a { background-position:right -101px; }
body.home #content .kolom h2 { color:#f06; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#ccc; background-position: right -51px; }
h2 a:hover { background-position:right -49px; }

hr { height:1px; border:0; border-top:1px solid #ccc; border-bottom:0px; background-color:#fff; margin:0 0 25px; }

p, #content ul, #content ol { margin:0 0 15px; }
li pre, li .wp_syntax { margin-bottom:5px!important; }

#content #page ul { list-style-type:disc; }
#content #page ol { list-style-type:decimal-leading-zero; }
#content #page ul,
#content #page ol { list-style-position:outside; margin-left:20px; padding-left:20px; }

small { font-size:80%; }

table { margin:0 0 15px; }
table thead {  }
table thead td, thead th,
table tfoot td, tfoot th { background-color:#ddd; padding:5px; }
table tr.odd, table tr.odd td { background-color:#f3f3f3; }
table tbody td { border-bottom:1px solid #ddd; padding:5px; }


/*
 Important classes
*/
.alignleft { display:block; float:left; }
.alignright { display:block; float:right; }
.aligncenter { display:block; margin:0 auto; }

img.alignleft, .alignleft img { margin:0 10px 10px 0; border:5px solid #f3f3f3; padding:1px; }
img.alignright, .alignright img { margin:0 0 10px 10px; border:5px solid #f3f3f3; padding:1px; }
img.aligncenter, .aligncenter img { border:5px solid #f3f3f3; padding:1px; }
a img.alignleft, .alignleft a img,
a img.alignright, .alignright a img,
a img.aligncenter, .aligncenter img {}
a:hover img.alignleft, .alignleft a:hover img,
a:hover img.alignright, .alignright a:hover img,
a:hover img.aligncenter, .aligncenter a:hover img { border-color:#ccc; }
 
.post-metadata,
.navigation { margin:0 0 15px; padding:5px; display:block; background-color:#f3f3f3; clear:both; border-bottom:1px solid #ddd; }
.post-metadata { padding:10px; border:0; background-color:#f6f6f6; }
.post-metadata p { margin:0; font-size:.85em; }

.arrow {}
.arrow.small { background:url('img/arrows_white-border_small.png') right 1px no-repeat; padding:0 20px 0 0; text-decoration:none!important; }
a.arrow.small:hover { color:#ccc; background-position: right -51px; }
.arrow.small.gray { background-position: right -51px; }
.arrow.small.gray:hover { background-position: right 1px; color:#f06; }

a.rsswidget img { display:none; visibility:hidden; }
img.wp-smiley { margin:0; padding:0; display:inline; float:none; border:0; }
img.wp-smiley-select { border:0; padding:0; margin:0 5px 5px 0; }

img.strike-through { opacity:.5; -moz-opacity:.5; filter:alpha(50); }

.margint5 { margin-top:-10px; }
.margint0 { margin-top:-15px; }

.gray { color:#aaa; }
.lightgray { color:#ccc; }

.eccio { color:#f06; font-weight:bold; }
.famire { font-family:Georgia, "Times New Roman", Times, serif; color:#333; }

body .wp_syntax { margin:0 0 25px; }

/* recent posts - homepage */
ul.recentposts { width:100%; display:block; padding:10px 0 15px; background-color:#f3f3f3; border-top: 1px solid #ddd; border-bottom:1px solid #ddd; }
ul.recentposts li { width:20%; display:inline; display:block; float:left; text-align:center; }
ul.recentposts li a { position:relative; width:156px; height:156px; display:block; margin:0 auto; }
ul.recentposts li a img { border:4px solid #ddd; padding:1px; }
ul.recentposts li a:hover img { border-color:#f06; }
ul.recentposts li a .item { position:absolute; display:none; top:5px; left:5px; z-index:2; width:150px; height:150px; background-color:#333; color:#fff; opacity:.85; -moz-opacity:.85; filter:alpha(85); }
ul.recentposts li a .item span { padding:0 10px; margin:0 0 10px; font-size:.8em; display:block; width:130px; clear:both; }
ul.recentposts li a .item span.title { font-size:.9em; padding:10px; }
ul.recentposts li a .item span.comments { position:absolute; left:0; bottom:0; margin:0; width:130px; padding:5px 10px; display:block; background-color:#f06; color:#fff; font-size:.9em; font-weight:bold; border-top:1px solid #fff; }
ul.recentposts li a:hover .item { display:block; }

/* downloads */
.download { display:block; clear:both; padding:10px 10px 10px 84px; min-height:64px; height:auto!important; height:64px; border:1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; background:#f3f3f3 url('img/icons/download.png') 10px 10px no-repeat; }
.download a { font-weight:bold; }

/* icons */
.icon, img.icon { width:125px; height:125px; display:block; }
.icon.small, img.icon.small { width:60px; height:60px; }

h3#comments { margin-bottom:15px; }

/* searchform */
form.searchform { padding:10px 0 0; text-align:right; color:#ccc; font-size:1.1em; font-weight:bold; clear:both; }
form.searchform input,
form.searchform select { color:#ccc; padding:3px; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:150px; }
form.searchform select { width:auto; padding:2px 3px; }
form.searchform input:hover,
form.searchform select:hover,
form.searchform input:active,
form.searchform select:active,
form.searchform input:focus,
form.searchform select:focus { border-color:#333; color:#333; }
form.searchform input.submit { color:#fff; font-size:0; line-height:0; width:20px; height:20px; background:url('img/arrows_white-border_small.png') 2px -54px no-repeat; border:0; cursor:pointer; }
form.searchform input.submit:hover { background-position:2px -106px; }
form.searchform input.submit:active { background-position:2px -2px; }
#content form.searchform { text-align:center; }
#content form.searchform,
#content form.searchform input,
#content form.searchform select { color:#333; }
#content form.searchform input,
#content form.searchform select { border-color:#333; }
#content form.searchform input.submit { background-position:2px -106px; }


/*
 Containers
*/
#container { width:990px; display:block; margin:0 auto; }
#header, #navbar, #middle, #footer { width:960px; margin:0 15px; display:block; float:left; }
#content { width:990px; margin:30px 0; display:block; float:left; font-size:.8em; }
#sidebar { background-color:#f3f3f3; }

/* kolommen */
.kolom { width:300px; margin:0 15px; display:block; float:left; }
#content .kolom .kolom,
#content .kolom .kolom.alignleft { margin:0 7px 0 0; width:308px; }
#content .kolom .kolom.alignright { margin:0 0 0 8px; width:307px; }
.kolom.dubbel { width:630px; }
.kolom.geheel { width:960px; }
/* kolommen in 'middle' */
#middle .kolom { width:210px; }
#middle .kolom.dubbel { width:450px; }

#content .kolom .widget_links ul {}
#content .kolom .widget_links ul li { width:50%; display:block; float:left; }

/*
 Header
*/
#header { position:relative; }
#header #logo { margin:30px 0; display:block; float:left; }
#header #logo a { text-decoration:none; font-size:1.8em; font-weight:bold; }
#header #logo a:hover { text-decoration:underline; }
#header #logo em { font-size:.8em; font-weight:bold; }
/* image */
#header #image { width:960px; height:200px; display:block; float:left; border-bottom:5px solid #f06; background:#ccc url('img/header.jpg') 0 0 no-repeat; position:relative; }
#header #image #keywords { position:absolute; top:20px; left:20px; right:20px; bottom:20px; width:920px; height:160px; display:block; float:left; z-index:3; }
#header #image #keywords ul {}
#header #image #keywords li { padding:5px; background-color:#fff; font-weight:bold; font-size:1.4em; width:auto; height:auto; display:block; float:left; position:absolute; line-height:normal; }
#header #image #keywords li.p1 { font-size:2.2em; top:0; left:0; }
#header #image #keywords li.p2 { font-size:2.2em; top:0; right:0; }
#header #image #keywords li.p3 { top:60px; left:0; }
#header #image #keywords li.p4 { font-size:2.2em; top:102px; right:0; }
#header #image #keywords li.p5 { font-size:2.4em; top:107px; left:0; }
#header #image #keywords li.p6 { font-size:1em; top:62px; right:0; }
/**/
#header #image ul,
#header #image ul li { width:960px; height:200px; display:block; float:left; }
#header #image ul li { overflow:hidden; text-align:center; }
#header #image #buttons { z-index:9; }
#header #image #buttons .alignleft,
#header #image #buttons .alignright { position:absolute; top:85px; z-index:8!important; }
#header #image #buttons .alignleft { left:-23px; }
#header #image #buttons .alignright { right:-27px; }
#header #image #buttons .alignleft a,
#header #image #buttons .alignright a { width:46px; height:46px; display:block; float:left; }
#header #image #buttons .alignleft a { background:url('img/arrows_white-border.png') 0 -46px no-repeat; }
#header #image #buttons .alignleft a:hover { background-position:0 -138px; }
#header #image #buttons .alignleft a:active { background-position:0 -230px; }
#header #image #buttons .alignright a { background:url('img/arrows_white-border.png') 0 0 no-repeat; }
#header #image #buttons .alignright a:hover { background-position:0 -92px; }
#header #image #buttons .alignright a:active { background-position:0 -184px; }
#header #image #buttons a:hover { text-decoration:none; }
#header #image #buttons .alignleft a em,
#header #image #buttons .alignright a em { display:block; font-size:0; color:#fff; }

 /* recent posts - homepage */
#header #image ul.recentposts { width:960px; height:200px; overflow:hidden; display:block; float:left; padding:20px 0 0!important; background:transparent; border:0; position:absolute; top:0; left:0; z-index:2!important; }
#header #image ul.recentposts li { width:192px; display:inline; display:block; float:left; text-align:center; font-size:.8em; }
#header #image ul.recentposts li a { position:relative; width:156px; height:156px; display:block; margin:0 18px; background-color:#fff; text-decoration:none; }
#header #image ul.recentposts li a img { border:4px solid #ddd; padding:1px; }
#header #image ul.recentposts li.current a img,
#header #image ul.recentposts li a:hover img { border-color:#f06; }
#header #image ul.recentposts li a .item { position:absolute; display:none; top:5px; left:5px; z-index:2; width:150px; height:150px; background-color:#333; color:#fff; opacity:.85; -moz-opacity:.85; filter:alpha(85); }
#header #image ul.recentposts li a .item span { padding:0 10px; margin:0 0 10px; font-size:.8em; display:block; width:130px; clear:both; }
#header #image ul.recentposts li a .item span.title { font-size:.9em; padding:10px; }
#header #image ul.recentposts li a .item span.comments { position:absolute; left:0; bottom:0; margin:0; width:130px; padding:5px 10px; display:block; background-color:#f06; color:#fff; font-size:.9em; font-weight:bold; border-top:1px solid #fff; }
#header #image ul.recentposts li a:hover .item { display:block; }

/*
 Kleuren
*/
#colors { display:block; float:left; position:absolute; top:0; right:235px; border-width:0 1px 1px 1px; border-color:#f3f3f3; border-style:solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#colors li { display:block; float:left; padding:10px; }
#colors li a { width:16px; height:16px; display:block; float:left; background-image:url('img/rondjes.png'); }
#colors li a em { font-size:0; }
#colors li a.pink { background-position:0 0; color:#f06; }
#colors li a.aqua { background-position:0 -16px; color:#09c; }
#colors li a.lime { background-position:0 -32px; color:#9c3; }
#colors li a:hover { background-color:#f3f3f3; }


/*
 Navigatie
*/
#topnav { display:block; float:right; font-size:.7em; margin:20px 0 0; }
#topnav ul { display:block; float:right; }
#topnav ul li,
#topnav ul li a { display:block; float:left; font-weight:bold; }
#topnav ul li { padding:0 0 0 15px; }

/* navbar */
#navbar { background:url('img/bg_nav.gif') 0 0 repeat-x; height:41px; line-height:1em; }
/* mainnav */
#navbar ul#mainnav { margin:0 8px 0 7px; display:block; float:left; }
#navbar ul#mainnav li a:hover { background-color:#f3f3f3; }
#navbar ul#mainnav li.current_page_item a { color:#f06; font-weight:bold; }
/* shopnav */
#navbar ul#shopnav { margin:0 8px 0 7px; display:block; float:right; color:#ccc; }
#navbar ul#shopnav li a:hover { background-color:#f3f3f3; }
#navbar ul#shopnav li strong { padding: 12px 8px 12px 7px; text-transform:lowercase; }
/* mainnav & shopnav */
#navbar ul#mainnav li,
#navbar ul#mainnav li a,
#navbar ul#shopnav li,
#navbar ul#shopnav li strong,
#navbar ul#shopnav li a { display:block; float:left; }
#navbar ul#mainnav li a,
#navbar ul#shopnav li a { padding: 12px 8px 12px 7px; color:#333; text-decoration:none; }
#navbar ul#mainnav li a { text-transform:lowercase; }

/*
 Content
*/
#content a { text-decoration:underline; }
#content a:hover { text-decoration:none; }


/*
 Sidebar
*/
#sidebar { }
#sidebar a { text-decoration:none; }
#sidebar a:hover { text-decoration:underline; }
#sidebar li { padding:15px; }
#sidebar li h3 { margin:0 0 5px; }
#sidebar li ul { width:100%; margin:0; display:block; float:left; }
#sidebar li ul li { width:100%; padding:5px 0; border-bottom:1px solid #ddd; }
#sidebar li ul li a { }
/* categories widget */
#sidebar li.widget_categories ul { list-style-type:disc; list-style-position:inside; }
#sidebar li.widget_categories ul li {/* width:115px; display:block; float:left; background:url('img/arrows_white-border_small.png') left -51px no-repeat; padding:0 0 0 20px; border:0;*/ }
/* links widget */
#sidebar li.widget_links ul li { width:50%; display:block; float:left; border:0; }

#sidebar li.widget_links ul li a { width:95%; padding:0 5% 0 0; display:block; }

/* twitter tools */
#sidebar li#twitter-tools ul li { width:100%; padding:5px 0; border-bottom:1px solid #ddd; }
#sidebar li#twitter-tools ul li a { width:auto; display:inline; color:#333; padding:0; }
#sidebar li#twitter-tools ul li a.aktt_tweet_time { /*display:block;*/ }
#sidebar li#twitter-tools ul li.aktt_more_updates { border:none; }

/**/
#sidebar #wp125adwrap_2c { width:100%; display:block; clear:both; }
#sidebar #wp125adwrap_2c .wp125ad { width:125px; display:block; text-align:center; }
#sidebar #wp125adwrap_2c .wp125ad.odd { margin:0 0 0 -10px; float:left; }
#sidebar #wp125adwrap_2c .wp125ad.even { margin:0 -10px 0 0; float:right; }


/*
 Middle
*/
#middle { background-color:#f06; font-size:70%; color:#fff; }
#middle a { color:#fff; }
#middle h3 { margin:15px 0 5px; }
#middle ul { width:100%; display:block; float:left; margin:0 0 15px; }
#middle ul li { width:50%; display:block; float:left; }
#middle ul li a { width:95%; padding:0 5% 0 0; display:block; }
/* dubbele kolom */
#middle .kolom.dubbel ul li { width:25%; display:block; float:left; }
/* user online */
#middle .kolom .widget_useronline {}
#middle .kolom .widget_useronline ul {}
#middle .kolom .widget_useronline ul li { width:100%; }
#middle .kolom .widget_useronline ul li a { width:auto; display:inline; }


/*
 Footer
*/
#footer { font-size:70%; margin-top:15px; }


/*
 Sociable
*/
.sociable {}
.sociable ul {}
.sociable ul li { display:block; float:left; padding:2px; }


/*
 WP PageNavi
*/
.wp-pagenavi a,
.wp-pagenavi a:link { padding:2px 4px; margin:2px; text-decoration:none!important; border:1px solid #fff; color:#fff; background-color:#f06; font-weight:bold; }
.wp-pagenavi a:visited { padding: 2px 4px; margin:2px; border:1px solid #fff; color:#fff; background-color:#f06; }
.wp-pagenavi a:hover { border:1px solid #333; color:#fff; background-color:#333; }
.wp-pagenavi a:active { padding:2px 4px; margin:2px; border:1px solid #fff; color:#fff; background-color:#f06;	}
.wp-pagenavi span.pages { padding:2px 4px; margin:2px; color:#333; border:0; background-color:#fff; font-weight:bold; }
.wp-pagenavi span.current { padding:2px 4px; margin:2px; font-weight:bold; border:1px solid #fff; color:#fff; background-color:#333; font-weight:bold; }
.wp-pagenavi span.extend { padding:2px 4px; margin:2px; border:0; color:#fff; background-color:#333; font-weight:bold; }


/* Comment form */
form#commentform {}
form#commentform p {}
form#commentform label { padding:0 0 0 10px; }
form#commentform textarea,
form#commentform input { border:1px solid #333; color:#333; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:2px; }
form#commentform input[type=checkbox] { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; width:auto!important; }
form#commentform input#doluv {  }
form#commentform span#mylastpost { margin-bottom:-10px; display:block; float:left; clear:left!important; } /* commentluv */
form#commentform textarea:hover,
form#commentform textarea:active,
form#commentform input:hover,
form#commentform input:active { border-color:#f06 }
form#commentform input#author {}
form#commentform input#email {}
form#commentform input#url {}
form#commentform input#submit { background-color:#333; color:#fff; font-weight:bold; cursor:pointer; }
form#commentform input#submit:hover { background-color:#f06; border-color:#f06; }


/* Display comments */
ol.commentlist { margin-left:0!important; list-style-type:none!important; }
ol.commentlist.comments { width:100%; display:block; float:left; }
ol.commentlist.comments li:after { content: ""; display:block; height: 0; clear:both; }
ol.commentlist.comments li.comment { padding:10px; display:block; clear:both; margin:0 0 15px; }
ol.commentlist.comments li.comment.even { border:1px solid #fff; background-color:#fff; }
ol.commentlist.comments li.comment.odd { background-color:#f3f3f3; border:1px solid #ddd; }
/* children */
ol.commentlist.comments li.comment ul.children { display:block; clear:both; padding:15px 0 15px 15px; list-style-type:none!important; margin-left:0!important; }
ol.commentlist.comments li.comment ul.children li.comment { margin:10px; }
ol.commentlist.comments li.comment.odd ul.children li.comment.odd { background-color:#fff; border:1px solid #ddd; }
ol.commentlist.comments li.comment.odd ul.children li.comment.even { background-color:#eee; border:1px solid #ddd; }
ol.commentlist.comments li.comment.even ul.children li.comment.odd { background-color:#eee; border:1px solid #ddd; }
ol.commentlist.comments li.comment.even ul.children li.comment.even { background-color:#fff; border:1px solid #f3f3f3; }
/**/
ol.commentlist.comments li.comment cite { margin:0; display:inline; clear:none; }
ol.commentlist.comments li .comment-contents { width:auto; }
/* avatar */
ol.commentlist.comments li.comment .img { width:15%; }
ol.commentlist.comments li.comment.depth-2 .img,
ol.commentlist.comments li.comment.depth-3 .img,
ol.commentlist.comments li.comment.depth-4 .img,
ol.commentlist.comments li.comment.depth-5 .img { width:90px; }
ol.commentlist.comments li.comment .img img { border:5px solid #f3f3f3; }
ol.commentlist.comments li.comment.odd .img img { border-color:#fff; }
/* the rest */
ol.commentlist.comments li.comment .rest { width:85%; }
ol.commentlist.comments li.comment.depth-2 .rest { width:475px; }
ol.commentlist.comments li.comment.depth-3 .rest { width:430px; }
ol.commentlist.comments li.comment.depth-4 .rest { width:390px; }
ol.commentlist.comments li.comment.depth-5 .rest { width:350px; }
ol.commentlist.comments li.comment .comment-author {}
ol.commentlist.comments li.comment .comment-num { display:block; float:right; font-size:2em; color:#ddd; font-weight:bold; }
/* commentluv */
ol.commentlist.comments li.comment .cluv { position:relative; padding:5px 5px 5px 25px; margin:15px 15px 0 0; background-color:#f3f3f3; }
ol.commentlist.comments li.comment.odd .cluv { background-color:#eee; border-color:#ddd; }
ol.commentlist.comments li.comment .cluv .heart_tip_box { position:absolute; top:7px; left:5px; display:block; float:left; }
/* admin */
ol.commentlist.comments li.comment-author-admin { border:1px solid #f06!important; background-color:#ffd5e6!important; }
ol.commentlist.comments li.comment-author-admin .comment-num { color:#f06!important; }
ol.commentlist.comments li.comment-author-admin .img { }
ol.commentlist.comments li.comment-author-admin .comment-author-admin.img img { background-color:#fff; border-color:#f06!important; }


/*
*/
body .seriesmeta { background-color:#f3f3f3; border:1px dotted #ddd; padding:3px 5px; margin:0 0 5px; font-size:.9em; }
body .seriesbox { width:200px; display:block; float:right; border:1px dotted #ddd; background-color:#f3f3f3; color:#333; margin:5px 0 10px 10px; padding:10px; font-size:.8em; }
body .serieslist-box { }
body ul.serieslist-ul { margin:0!important; }
body .seriesbox h3 { font-weight:bold; font-size:1.1em; }
body .seriesbox h3 a { background:none; padding:0; }


body .ratingblock { padding:0 0 10px; margin:4px 0 10px; border-bottom:1px dotted #ccc; display:block; }

.wp_syntax {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  overflow: auto;
}

/* IE FIX */
.wp_syntax {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 100%;
}

.wp_syntax table {
  border-collapse: collapse;
}

.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  padding: 2px 4px;
}

.wp_syntax .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
  font-size: 12px;
  line-height: 1.333;
  white-space: pre;
}