/*
Theme Name: ibdz-v3
Theme URI: http://ibdz.goodmorningteacher.com
Description: white, grey with drawing.
Author: ibdz

valid xhtml 1.0 strict and valid css 3.0
no-hack css coded
*/

/****************************************** GLOBAL RESET ******************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}


/****************************************** GENERAL ******************************************/

body { margin: 0; padding: 0; background: #f9f9f3 url(./images/bg.jpg) center top no-repeat; font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif; color: #444; font-size: 62.5%; line-height: 16px; }

a { color:#00b6cc; outline-style:none; }
strong { font-weight:bold; }
em { font-style:italic; }
strong em, em strong { font-style:italic; font-weight:bold; }
small, .small { font-size: 11px; }
img { padding: 0; margin: 0; border: none; }
p { font-size: 1.2em; }

a:link { text-decoration : none; color : #00b6cc; border: 0px;} 
a:active { text-decoration : none; color : #04d0e8; border: 0px;} 
a:visited { text-decoration : none; color : #05aabd; border: 0px;} 
a:hover { text-decoration : none; color : #04c8df; border: 0px;} 

.darklink a:link, .darklink a:visited { color: #555; }
.darklink a:hover, .darklink a:active { color: #00b6cc; }
.center { text-align: center; }

hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

input, textarea, select { font-size: 1.1em; font-family: tahoma, verdana; padding: 1px 4px; color: #666; }

h1, h2, h3, h4, h5, h6 { text-decoration : none; font-weight: bold; }
h1 { font-size: 2.4em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.2em; }


/****************************************** LAYOUT ******************************************/

#top { position: relative; width: 940px; height:160px; margin: 0 auto; margin-bottom: 20px; }
#content-wrap { width: 900px; min-height: 450px; padding: 20px; margin: 0 auto; background: #fff; } 
#footer-wrap { width: 100%; clear: both; padding-top: 12px; margin-top: 10px; }

/* grid */
div.grid1 { width:620px; float:left; padding-top: 15px; margin-right: 40px; }
div.grid2 { width:240px; float:left; }

/* clearfloat */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/****************************************** HEADER ******************************************/

#top h1 { margin: 0; padding-top: 60px; }
#top h1 a { width:82px; height:41px; background: url(./images/logo-ibdz_white.png) no-repeat; display:block; text-indent:-9999px; }

/* menu */
#menu { position: absolute; top: 140px; left: 680px; }
#menu ul { padding: 0; margin: 0; list-style: none; }
#menu li { list-style: none; float: left; margin-right: 4px; }
/*#menu li a { display: block; overflow: hidden; text-indent: -9999px; height: 16px; width:40px; background-image: url(./images/badge-menu.png); }
#menu li.about a { width: 50px; background-position: 0 0; }
#menu li.about a:hover, #menu li.about a:focus, #menu li.about a:active { background-position: 0 -16px; }
#menu li.archives a { width: 70px; background-position: -50px 0; }
#menu li.archives a:hover, #menu li.archives a:focus, #menu li.archives a:active { background-position: -50px -16px; }*/
#menu li.about a { display: block; height: 16px; width: 50px; background-color: #666; text-align: center; font-weight: bold; text-transform: uppercase; color: #f9f9f3; }
#menu li.about a:hover, #menu li.about a:focus, #menu li.about a:active { background-color: #04c8df; }
#menu li.archives a { display: block; height: 16px; width: 70px; background-color: #666; text-align: center; font-weight: bold; text-transform: uppercase; color: #f9f9f3; }
#menu li.archives a:hover, #menu li.archives a:focus, #menu li.archives a:active { background-color: #04c8df; }

#metamenu { position: absolute; top: 140px; right: 0px; }
#metamenu ul { padding: 0; margin: 0; list-style: none; }
#metamenu li { list-style: none; float: left; }
#metamenu li a { font-family: arial, tahoma; font-size: 11px; color: #999; text-transform: uppercase; background-color: #f9f9f3; padding: 0 4px; }
#metamenu li.loginout a { font-weight: bold; margin-left: 4px; color: #666; }
#metamenu li a:hover, #metamenu li.loginout a:hover { color: #04d0e8; }

/* search */
#search { position: absolute; top: 0px; right: 0px; /*background: url(./images/bg-search.png) no-repeat left top; */width: 256px; height: 49px; }
#search form { padding: 0px; margin: 0px; }
#search fieldset { border: none; padding: 0px; margin-top: 16px; }
/*\ IE/Win min height hack */ * html #search fieldset { margin-top: 16px; } /* */ 
#search legend { display: none; }
#search input { color: #444; font-size: 1.3em; margin-left: 20px; }
#search input.searchkw { font-family: tahoma, verdana; border: none; background: url(./images/bg-searchkw.png) no-repeat; padding: 4px 10px 0px 10px; width: 170px; height: 23px; } 
#search input.searchbtn { width: 26px; height: 23px; background: url(./images/bg-searchbtn.png) no-repeat; display: block; text-indent: -9999px; }
.buttonsearch { padding: 0px; margin: -27px 0px 0px 190px; top: 0px; background: none; }
/*\ IE/Win min height hack */ * html .buttonsearch { margin: -28px 0px 0px 190px; } /* */ 


/****************************************** CONTENT ******************************************/

/* post */

div.divider { border-bottom:1px dashed #d9d8d7; margin-bottom: 20px; }

div.post div.info { width: 110px; padding:3px 10px 0 0; float:left; font-size: 1.1em; padding-top: 10px; }
div.post div.info h3 { margin: 0 0 12px 0; color:#8f8987; }
div.post div.info h3 a { color: #8f8987; text-decoration: none; }
div.post div.info em { color: #f03706; font-style:normal; font-weight:bold; line-height:1.6em; }
div.post div.info a { text-decoration: none; }
div.post div.info ul.details { padding-top: 10px; margin: 0; clear: both; }
div.post div.info li { padding: 0; margin: 0; list-style-type: none; display: block; line-height: 16px; }
div.post div.info li a { color: #666; text-decoration: none; }
div.post div.info li a:hover { color: #f86302; text-decoration: none; }
div.post div.info li span.category { float: left; display: block; background: url(./images/icon-folder_10.png) no-repeat left 2px; height: 12px; width: 11px; margin-right: 5px; }
div.post div.info li span.comments { float: left; display: block; background: url(./images/icon-comments_10.png) no-repeat left 4px; height: 14px; width: 10px; margin-right: 5px; }
div.post div.info li span.rsscomments { float: left; display: block; background: url(./images/icon-rss_10.png) no-repeat left 3px; height: 13px; width: 10px; margin-right: 5px; }
div.post div.info li span.trackback { float: left; display: block; background: url(./images/icon-trackback_10.png) no-repeat left 3px; height: 13px; width: 10px; margin-right: 5px; }
div.post div.info li span.view { float: left; display: block; background: url(./images/icon-view_10.png) no-repeat left 5px; height: 11px; width: 10px; margin-right: 5px; }
div.post div.info li span.rating { float: left; display: block; background: url(./images/icon-author_10.png) no-repeat left 2px; height: 12px; width: 10px; margin-right: 5px; }
div.post div.info li span.edit { float: left; display: block; background: url(./images/icon-edit_10.png) no-repeat left 3px; height: 13px; width: 10px; margin-right: 5px; }
.postdate { margin: 0; padding: 0; width: 90px; }
.postdate .day { float: left; display: block; background: url(./images/bg-postdate.png) no-repeat; width: 36px; height: 23px; padding: 6px 0 0 0; font-size: 24px; font-family: arial; font-weight: bold; color: #fff; text-align: center; }
/*\ IE/Win min height hack */ * html .postdate .day { padding: 7px 0 0 0; } /* */ 
.postdate .month { float: left; display: block; font-size: 13px; font-weight: bold; line-height: 14px; text-transform: lowercase; margin-left: 8px; width: 20px; }
.postdate .year { float: left; display: block; font-size: 10px; font-family: 'Arial'; color: #493421; line-height: 12px; margin-left: 8px; }
.postdate .time { display: none; }

div.post div.body { width: 500px; float:right; padding-bottom: 20px; }
div.post div.body div.title h1 { color:#333; font-size: 2.4em; line-height:1.6em; text-transform: uppercase; font-weight: bold; font-family: arial; }
div.post div.body div.title h2 { color:#333; font-size: 1.8em; line-height:1.4em; text-transform: uppercase; font-weight: bold; font-family: arial; }
div.post div.body div.title em, div.post div.body div.title em a { color:#b6aeaa; font-style:normal; }
div.post div.body div.title h1 a { text-decoration:none; color: #444; }
div.post div.body div.title h1 a:hover { text-decoration:none; color: #00b6cc; }
div.post div.body div.excerpt p { margin:15px 0 0 0; font-size:1.2em; line-height:1.6em; color:#555; }
div.post div.body div.excerpt p span.small { font-size: 11px; line-height: 13px; }
div.post div.body div.excerpt blockquote { padding: 0px 15px; font-size:1.2em; line-height:1.4em; border-left: 5px solid #c5e584; }
div.post div.body div.excerpt img { border: none; margin: 4px 0; }
div.post div.body div.excerpt img.lefty { float:left; margin: 3px 15px 10px 0; }
div.post div.body div.excerpt img.righty { float:right; margin: 3px 0 10px 15px; }
div.post div.body div.excerpt span.emptymonth { padding: 2px 5px; }
div.post div.body div.excerpt a { padding: 2px 5px; }
div.post div.body div.excerpt ul { list-style-type: none; margin-top: 10px; font-size:1.2em; line-height:18px; }
div.post div.body div.excerpt ul.darklink { list-style-type: none; margin: 5px 0; font-size:1.2em; line-height:18px; }
div.post div.body div.excerpt ul.darklink li { font-size:11px; line-height:16px; padding: 1px 0 1px 16px; background: url(./images/icon_miniarrow.gif) no-repeat left 8px; }
div.post div.body div.excerpt ul li { padding: 1px 0 1px 16px; background: url(./images/icon_miniarrow.gif) no-repeat left 8px; }
div.post div.body div.excerpt h2 { color: #666; font-size:1.6em; line-height: 1.4em; margin-top: 15px; }
div.post div.body div.excerpt h3 { color: #666; font-size:1.4em; line-height: 1.2em; margin-top: 10px; }
div.post div.body div.excerpt em.hl { background:#efecca; padding:2px 3px; font-style:normal; }
div.post div.body div.excerpt pre { padding:0; margin:10px 0 0 0; border:8px solid #fff9b7; background:#fffcdb; padding:5px 10px; overflow:auto; }
div.post div.body div.excerpt code { display: block; font-size: 1em; background:#fcfcfc; margin: 10px 0; padding: 5px 10px; line-height: 1.4em; font-family: courier, sans-serif; }
div.post div.body div.excerpt a.more-link:link, div.post div.body div.excerpt a.more-link:visited { background: url(./images/bg-continue.png) no-repeat left center; display:block; width: 98px; height: 20px; text-align: center; font-size: 12px; font-weight: bold; color: #888; margin-top: 15px; float: right; }
div.post div.body div.excerpt a.more-link:hover, div.post div.body div.excerpt a.more-link:active { background: url(./images/bg-continue_o.png) no-repeat left center; color: #fff; }

p.txt { font-size:1.1em; margin:10px 0; }
p.txt .tag1 { font-size: 1.0em; color:#f1f1f1; }
p.txt .tag2 { font-size: 1.2em; color:#c7c7c7; }
p.txt .tag3 { font-size: 1.4em; color:#9d9d9d; }
p.txt .tag4 { font-size: 1.6em; color:#625f5e; }
p.txt .tag5 { font-size: 1.8em; color:#3f3f3f; }
p.txt .tag6 { font-size: 2.0em; color:#191717; }

/*
.PostDetails { padding: 10px 0px; margin: 0px; font-size: 1.1em;}
.PostDetails .ReadOn { background: url(./images/PostDetailsReadIco.png) no-repeat left center; padding: 5px 0px 5px 15px;}
.PostDetails .Subscribe { background: url(./images/PostDetailsRssIco.png) no-repeat left center; padding: 5px 0px 5px 15px; margin-left: 5px;}
.PostDetails .NrComments { background: url(./images/PostDetailsCommentsIco.png) no-repeat left center; padding: 5px 0px 5px 15px; margin-left: 5px;}
*/
/* comment */

p.nocomments { font-size: 1.2em; padding: 50px; font-weight: bold; }
#comment-wrap { margin-bottom: 10px; border-top:1px dashed #d9d8d7; }

div.comment { margin: 0; padding: 10px 0; border-bottom:1px dashed #e8e8e8; }

div.comment div.info { width: 100px; padding: 0; float:left; font-size: 1.1em; }
div.comment div.info ul.details { padding-top: 2px; margin: 0; clear: both; color: #666; }
div.comment div.info li { padding: 0; margin: 0; list-style-type: none; display: block; }
div.comment div.info li span.author { float: left; display: block; background: url(./images/icon-author_10.png) no-repeat left 2px; height: 12px; width: 10px; margin-right: 5px; }
div.comment div.info li span.ip { float: left; display: block; background: url(./images/icon-view_10.png) no-repeat left 5px; height: 15px; width: 10px; margin-right: 5px; }
div.comment div.info li span.edit { float: left; display: block; background: url(./images/icon-edit_10.png) no-repeat left 3px; height: 13px; width: 10px; margin-right: 5px; }
.commentdate { margin: 0; padding: 0; width: 90px; }
.commentdate .day { float: left; display: block; width: 36px; height: 29px; text-align: center; background: url(./images/bg-comments.png) no-repeat; padding: 7px 0 0 0; margin-right: 8px; font-size: 24px; font-family: 'Arial'; font-weight: bold; color: #fff; }
/*\ IE/Win min height hack */ * html .commentdate .day { padding: 7px 0 0 0; } /* */ 
.commentdate .month { float: left; display: block; font-size: 13px; font-weight: bold; line-height: 14px; text-transform: lowercase; width: 40px; }
.commentdate .year { float: left; display: block; font-size: 10px; font-family: arial; color: #493421; line-height: 13px; width: 40px; }
.commentdate .time { float: left; display: block; font-size: 10px; font-family: arial; color: #ccc; line-height: 10px; }

div.comment div.body { width: 500px; float:right; }
div.comment div.body p { margin: 0; font-size:1.2em; line-height:1.6em; color:#555; }
div.comment div.body p span.small { font-size: 11px; line-height: 9px; }
div.comment div.body blockquote { padding: 0px 15px; font-size:1.2em; line-height:1.4em; border-left: 5px solid #c5e584; }
div.comment div.body img { border: none; }
div.comment div.body img.lefty { float:left; margin: 3px 15px 10px 0; }
div.comment div.body img.righty { float:right; margin: 3px 0 10px 15px; }
div.comment div.body span.emptymonth { padding: 2px 5px; }
div.comment div.body ul { list-style-type: none; margin-top: 10px; font-size:1.2em; line-height:18px; }
div.comment div.body ul li { padding: 1px 0 1px 16px; background: url(./images/icon_miniarrow.gif) no-repeat left 8px; }
div.comment div.body h2 { color: #666; font-size:1.6em; line-height: 1.4em; }
div.comment div.body h3 { color: #666; font-size:1.4em; line-height: 1.2em; margin-bottom: 10px; }
div.comment div.body em.hl { background:#efecca; padding:2px 3px; font-style:normal; }
div.comment div.body pre { padding:0; margin:10px 0 0 0; border:8px solid #fff9b7; background:#fffcdb; padding:5px 10px; overflow:auto; }
div.comment div.body code {  display: block; font-size: 1em; background:#fcfcfc; margin: 10px 0; padding: 5px 10px; line-height: 1.4em; font-family: courier, sans-serif; }

.comment-authordate { margin: 0; padding: 0; width: 90px; }
.comment-authordate .day { float: left; display: block; width: 36px; height: 29px; text-align: center; background: url(./images/bg-comments-orange.png) no-repeat; padding: 7px 0 0 0; margin-right: 8px; font-size: 24px; font-family: 'Arial'; font-weight: bold; color: #fff; }
/*\ IE/Win min height hack */ * html .comment-authordate .day { padding: 7px 0 0 0; } /* */ 
.comment-authordate .month { float: left; display: block; font-size: 13px; font-weight: bold; line-height: 14px; text-transform: lowercase; width: 40px; }
.comment-authordate .year { float: left; display: block; font-size: 10px; font-family: arial; color: #493421; line-height: 13px; width: 40px; }
.comment-authordate .time { float: left; display: block; font-size: 10px; font-family: arial; color: #ccc; line-height: 10px; }

div.comment-form div.body { width: 460px; float:right; background-color: #f8f8f8; padding: 20px; margin-top: 10px; }
div.comment-form div.body h3 { color: #666; font-size:1.4em; line-height: 1.2em; margin-bottom: 10px; }
div.comment-form div.body p { margin: 0; font-size:1.1em; color:#555; }
div.comment-form div.body p strong { color:#777; }
div.comment-form div.body p span.require { color: #f86302; }
div.comment-form div.body p span.subdued { color: #999; }

#commentform p { font-size: 1.1em; padding: 2px 0; }
#commentform label { display: block; }
#commentform textarea { margin-top: 6px; width: 445px; }
#commentform input.okbtn { padding: 0; width: 60px; height: 20px; background: url(./images/button-ok.png) no-repeat left top; display: block; overflow: hidden; text-indent: -9999px; }
#commentform input.okbtn:hover { background-position: bottom; }

/* archive */

h2.leftward { color:#3f3b39; font-size:1.4em; line-height:1.25em; margin-top:20px; padding-bottom:5px; border-bottom:1px solid #f0f0ef; }
h1.leftward { color:#3f3b39; font-size:1.8em; line-height:1.25em; margin-top:30px; padding-bottom:5px; border-bottom:1px solid #f0f0ef; }
div.archive_post { padding:10px 0; }
div.archive_post div.info { padding-top:1px; }
div.archive_post div.info em { color:#f4967d; }
div.archive_post div.body { width:430px; }
div.archive_post div.body div.title h1 { font-size:1.4em; }
div.archive_post div.author { width:70px; float:right; text-align:right; }
div.archive_post div.author h2 { font-size:1.1em; color:#8f8987; }
div.archive_post div.author h2 a { color:#8f8987; text-decoration:none; }

/* extra */

p.notice { background: url(./images/icon-notice_16o.gif) no-repeat left center; height:26px; margin: 0 0 26px 0; }
p.notice span { display:block; height:21px; margin-left:22px; color:#cf4a11; padding-top:5px; font-size:1.1em; font-weight:bold; }
p.notice em.hl { padding:1px 4px 2px 4px; font-style:normal; font-weight:bold; }

p.info { background: url(./images/icon-notice_16gr.gif) no-repeat left center; height:26px; margin:0 0 26px 0; }
p.info span { display:block; height:21px; margin-left:22px; color:#05aabd; padding-top:5px; font-size:1.1em; font-weight:bold; }
p.info em.hl { color: #666; padding:1px 4px 2px 4px; font-style:normal; font-weight:bold; }

div.inform { margin-bottom: 20px; }
div.inform h3 { margin-bottom: 2px; color: #444; }
div.inform p { font-size: 1.1em; color: #888; }
div.inform div.body { float: right; width: 500px; }
div.inform div.info { float: left; width: 100px; }
div.inform div.body p { margin: 5px 0; font-size:1.1em; line-height:1.2em; color:#888; }
div.inform p span.rsscomments a:link, div.inform p span.rsscomments a:visited { display:inline; background: url(./images/icon-rss_10.png) no-repeat left -28px; padding-left: 14px; }
div.inform p span.rsscomments a:hover, div.inform p span.rsscomments a:active { background-position: left 2px; }
div.inform p span.trackback a:link, div.inform p span.trackback a:visited { display:inline; background: url(./images/icon-trackback_10.png) no-repeat left -28px; padding-left: 14px; }
div.inform p span.trackback a:hover, div.inform p span.trackback a:active { background-position: left 2px; }

div.navigation { font-family: tahoma; font-size: 11px; }
div.navigation .alignleft { float: left; }
div.navigation .alignright { float: right; }

ul.error { list-style-type:disc; margin:10px 0 0 0; font-size:1.1em; line-height:18px; color:#f03706; border-bottom:1px solid #d9d8d7; padding-bottom:10px; }
ul.error li { margin-left:15px; }


/****************************************** SIDEBAR ******************************************/

#sidebar h2, #sidebar h3 { font-family: arial; font-size:1.6em; font-weight: 700; border-bottom:2px solid #e8e7e6; padding-bottom:5px; margin-top: 20px; }

#sidebar p.rss { margin:0; }
#sidebar p.rss a:link, #sidebar p.rss a:visited { display:block; width: 200px; height: 32px; margin: 0 0 16px 0; background: url(./images/icon-feed_32.png) no-repeat; text-decoration:none; border:0; color:#333; padding: 0 0 0 40px; line-height:14px; font-size: 10px; }
#sidebar p.rss a:hover, #sidebar p.rss a:active { display:block; background: url(./images/icon-feed_32h.png) no-repeat; }
#sidebar p.rss a strong { display:block; font-size:1.3em; line-height:16px; }

#sidebar ul li { line-height:16px; font-size:1.1em; }
#sidebar ul li a:hover { color: #f30; text-decoration: none; }

#sidebar p { margin-top:5px; }
#sidebar p a { color: #00b6cc; text-decoration:none; }

#sidebar div.meta { padding: 10px 20px; min-height: 16px; width: 200px; }
#sidebar div.meta .minirss a:link, sidebar div.meta .minirss a:visited { display: block; margin: 0; background: url(./images/icon-rss_10gr.png) no-repeat left center; text-decoration:none; border:0; color:#555; padding: 0 0 0 20px; line-height:14px; font-size: 11px; height: 10px; }
#sidebar div.meta .minirss a:hover, sidebar div.meta .minirss a:active { display: block; margin: 0; background: url(./images/icon-rss_10b.png) no-repeat left center;}
#sidebar div.meta .useronline { display: block; font-size: 11px; padding-left: 20px; background: url(./images/icon-useronline.gif) no-repeat left center; height: 12px; }

.widget_sidebar { width: 240px; background: #f8f8f8 url(./images/bg-sidebar-bottom.png) no-repeat 0 100%; padding-bottom: 20px; }
.widget_sidebar div { padding: 1px 20px 0 20px; background: #f8f8f8 url(./images/bg-sidebar-top.png) no-repeat 0 0; }

.widget_sidebar ul.cat { margin-top: 5px; }
.widget_sidebar ul.cat li { margin: 0; padding: 0; min-height: 16px; display: block; position: relative; font-size: 1.3em; border: none; }
.widget_sidebar ul.cat li a { display: block; width: 180px; padding: 2px 0px 2px 20px; font-weight: bold; color: #00b6cc; background: url(./images/icon-folder_12g.gif) no-repeat left center; }
.widget_sidebar ul.cat li ul.children li a { width: 160px; margin-left: 20px; font-size: 11px; color: #00b6cc; background: url(./images/icon-folder_10gl.gif) no-repeat left center; font-weight: normal; }

.widget_sidebar ul.pos li { margin: 0; padding: 0; background: none; min-height: 16px; width: 200px; display: block; position: relative; font-size: 1.2em; color: #666; border-bottom: 1px solid #eee; }
.widget_sidebar ul.pos li a { width: 186px; display: block; padding: 2px 0px 2px 14px; color: #666; background: url(./images/icon_miniarrow.gif) no-repeat left center; }
.widget_sidebar ul.pos li a:hover { background-color: #f2f2f2; }

.widget_sidebar ul.arc { margin-top: 5px; }
.widget_sidebar ul.arc li { margin: 0; padding: 0; background: none; min-height: 16px; width: 200px; display: block; position: relative; font-size: 1.3em; border: none; }
.widget_sidebar ul.arc li a { display: inline; padding: 3px 0px 3px 20px; color: #05aabd; background: url(./images/icon-folder_12g.gif) no-repeat left center; }

* html .widget_sidebar li a { right: 0px; }

ul.highestrated li { margin: 0; padding: 0; background: none; min-height: 16px; width: 200px; display: block; position: relative; font-size: 1.2em; color: #666; border-bottom: 1px solid #eee; }
ul.highestrated li a, ul.highestrated li a strong { width: 186px; display: block; padding: 2px 0px 2px 14px; color: #666; background: url(./images/icon_miniarrow.gif) no-repeat left center; }
ul.highestrated li a:hover, ul.highestrated li a:focus, ul.highestrated li a:active { background-color: #f2f2f2; }

.sidelink { padding: 0 20px; }
ul.mylinks li { min-height: 16px; width: 200px; display: block; position: relative; font-size: 1.2em; color: #666; border-bottom: 1px dotted #eee; }
ul.mylinks li a { color: #666; display: block; padding: 2px 0 2px 14px; background: url(./images/mini-blogroll.gif) no-repeat left 2px; }
ul.mylinks li a strong { color: #87c508; }
ul.mylinks li a:hover, ul.mylinks li a:focus, ul.mylinks li a:active { color: #04c8df; background: #f2f2f2 url(./images/mini-blogroll.gif) no-repeat left 2px; }

/****************************************** FOOTER ******************************************/

.footer { width: 900px; margin: 0 auto; color: #aaa; clear: both; } 

/*.footerinfo { float: right; width: 240px; }
.footerinfo ul#validation { margin-top: 12px; list-style: none; }
.footerinfo ul#validation li { margin: 3px 0; list-style:none; }
.footerinfo ul#validation li a { display: block; overflow: hidden; text-indent: -9999px; height: 15px; width: 45px; background-image: url(./images/badge-validate.png); }
.footerinfo ul#validation li.xhtml a {width: 60px; background-position: -45px 0; }
.footerinfo ul#validation li.xhtml a:hover, ul#validation li.xhtml a:focus, ul#validation li.xhtml a:active { background-position: -45px -15px; }
.footerinfo ul#validation li.css a { background-position: 0 0; }
.footerinfo ul#validation li.css a:hover, ul#validation li.css a:focus, ul#validation li.css a:active { background-position: 0 -15px; }*/

.bottom { float: left; width: 60px; position: relative; margin-top: 30px; }
.bottom p { font-size: 11px; font-family: tahoma, arial, sans-serif; color: #666; }
.bottom p.copyright strong { position: absolute; display: block; top: -15px; left: 0; }
.bottom p.copyright span a { position: absolute; display: block; overflow: hidden; text-indent: -9999px; height: 21px; width: 40px; background: url(./images/logo-ibdz_40_cream.png) no-repeat left top; top: -35px; left: 0; }
.bottom p.copyright span a:hover, .bottom p.copyright span a:focus, .bottom p.copyright span a:active { background-position: bottom; }

p.credits { float: left; width: 500px; font-size: 1em; font-family: tahoma, arial, sans-serif; color: #666; line-height: 1em; padding-top: 5px; }
