/* Theme Name: Qualiblog Theme URI: http://www.qualiblog.be/ Description: The default QualiBlog theme. Version: 1.0 Author: Blue4you Author URI: http://www.blue4you.be/ */ body { font:12px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; margin:0; padding:0; background:url(images/background.gif) repeat-x top left;} #page { position:relative; width:900px; margin:0 auto;} #header { height:200px; margin:0 0 20px; background:url(images/bg-header.gif) no-repeat top left;} #sidebar { width:285px; float:right;} #sidebar-extra { width:285px; float:right;} #footer { clear:both;} .narrowcolumn { width:595px; float:left;} h1,h2,h3,h4,h5,h6,ul,form { margin:0; padding:0;} hr { display:none;} a, a:visited { color:#86b800; outline:none;} a:hover { color:#445a08; text-decoration:none;} .img { padding:4px; background:#f0f0f0; border:1px solid #ccc;} /*************************** logo ***************************/ #logo { position:absolute; top:35px; width:362px; height:80px; background:url(images/logo.gif) no-repeat top left;} #logo a { position:relative;} #logo h1 { width:100%; height:100%;} #logo h1 a { display:block; width:100%; height:100%; text-indent:-200em;} #logo h2 { display:none;} /*************************** footer ***************************/ #footer { margin:0 0 10px; padding:10px; background:#f3f3f3; overflow:hidden; font-size:11px; color:#777;} #footer p { float:left; margin:0; padding:0;} #footer-extra { float:none !important; text-align:right;} /*************************** widget ***************************/ #sidebar div.sidebar-sub { width:285px; padding:0 0 10px; background:#fafafa url(images/corner-sidebar.gif) no-repeat bottom left;} #sidebar ul { list-style:none;} .widgettitle { width:265px; padding:0 10px; line-height:38px; background:#86b800; color:#fff; font-size:18px; font-weight:normal;} #usersidebarpanel { position:absolute; top:0; right:0; width:275px; padding:5px; background:url(images/bg-login.gif) no-repeat bottom left; z-index:2;} #usersidebarpanel h2 { font-size:12px; font-weight:bold; line-height:normal; color:#fff; background:none;} #usersidebarpanel fieldset { border:none; margin:0; padding:0;} #usersidebarpanel input { width:95px; padding:3px; color:#3a5000; border:1px solid #d3e1b3; font:12px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;} #usersidebarpanel #btnlogin { width:57px; height:23px; color:#3a5000; padding:0; font-weight:normal !important; font-size:11px !important; font-weight:bold; line-height:23px; border:none; background:url(images/btn-login.gif) no-repeat top left;} #usersidebarpanel #rememberme { border:none; padding:0; width:auto;} #usersidebarpanel form ul a { display:block; padding:3px 0 0;} #usersidebarpanel .register { position:absolute; bottom:-109px; right:0;} #usersidebarpanel .register a { display:block; width:195px; line-height:36px; padding:0 35px 0 0; text-align:right; text-decoration:none; color:#fff; background:url(images/bg-register.gif) no-repeat top right;} #usersidebarpanel .register a strong { font-style:italic; color:#cfff4e; text-decoration:underline;} #usersidebarpanel form ul { overflow:hidden;} #usersidebarpanel form ul li { float:left; color:#fff; padding:0 5px; font-size:11px; line-height:normal;} #usersidebarpanel a { color:#fff;} #usersidebarpanel ul { margin:0; padding:0;} .dropdown-list { position:relative; margin:3px 0 0; padding:0; background:url(images/bg-dropdown.gif) no-repeat top left;} .dropdown-list:hover { background:url(images/bg-dropdown.gif) no-repeat top right;} .dropdown-list ul { display:none; position:absolute; top:25px; left:0; width:255px; padding:0 10px 8px !important; background:url(images/bg-dropdown.gif) no-repeat bottom right;} .dropdown-list ul li a { border-top:1px solid #efefef; color:#555 !important; font-size:11px; padding:2px 0; text-decoration:none;} .dropdown-list ul li a:hover { color:#86b800 !important;} .dropdown-list ul li ul { position:static; background:none; padding:0 !important;} .dropdown-list:hover ul { display:block;} .dropdown-list a { display:block;} .dropdown-list a.dropdown-first { display:block; height:27px; padding:0 7px; line-height:27px !important; color:#777 !important; text-decoration:none;} #search { position:absolute; top:136px; width:285px; height:55px; z-index:1;} #search form { width:273px; margin:8px 0; padding:6px; background:url(images/bg-search.gif) no-repeat center left; overflow:hidden;} #search form input { float:right;} #search form #s { float:left; border:1px solid #ccc; width:190px; padding:3px;} #btnsearch { width:67px; height:23px; padding:0; font-size:11px; font-weight:bold; line-height:23px; font-style:italic; color:#fff; border:none; background:url(images/btn-search.gif) no-repeat top left;} li.flexipages_widget { position:absolute; top:158px; left:0; width:595px;} .flexipages_widget h2 { display:none;} .flexipages_widget ul { width:595px; margin:0 !important; padding:0 !important; overflow:hidden;} .flexipages_widget ul li { float:left;} .flexipages_widget ul li a { display:block; width:auto !important; height:32px; margin:0 2px 0 0 !important; padding:0 10px !important; line-height:32px; font-size:14px; color:#5e503f; text-decoration:none;} .flexipages_widget ul li a:hover { color:#98b800; background:#f3f2f1;} .flexipages_widget ul li.current_page_item a { color:#98b800; background:#f3f2f1;} .widget_extended_categories { width:265px; overflow:hidden;} .widget_extended_categories .widgettitle { background-image:url(images/bg-widgettitle-first.gif); background-position:top left; background-repeat:no-repeat;} .widget_extended_categories li { position:relative; width:265px; line-height:normal !important;} .widget_extended_categories li a { display:block; width:265px; line-height:20px; margin:0; padding:0; color:#445a08; font-weight:bold; text-decoration:none; background:#f0f0f0;} .widget_extended_categories li a:hover { color:#86b800;} .widget_extended_categories li ul li a { display:block; color:#86b800; font-weight:normal; border-bottom:1px solid #efefef; background:transparent;} .widget_extended_categories li ul li a:hover { color:#445a08;} .widget_extended_categories li em { display:block; position:absolute; top:0; right:5px; width:10px; line-height:20px; font-size:11px; color:#a2b373;} .widget_archive li { position:relative; width:265px; font-size:11px;} .widget_archive li a { display:block; color:#86b800; font-weight:normal; text-decoration:none; border-bottom:1px solid #efefef; background:transparent;} .widget_archive li a:hover { color:#445a08;} .widget { width:100%;} .widget ul { margin:10px;} .widget ul ul { margin:0;} .widget ul li { line-height:20px;} .widget ul li a { width:100%;} #sidebar-extra { display:block; width:285px; height:82px; margin:15px 0;} #sidebar-extra a { position:relative; display:block; width:100%; height:100%; font-size:10px; color:#fff; background:url(images/bg-byqr.gif) no-repeat top left;} #sidebar-extra a strong { display:none;} #sidebar-extra a span { position:absolute; bottom:0; left:0; width:100%; text-align:center; line-height:22px;} /*************************** highlight ***************************/ #highlight { position:relative; overflow:hidden; width:595px; height:80px; margin:0 0 20px; background:url(images/bg-highlight.gif) no-repeat top left;} #highlight-frame { position:relative;} #highlight-frame img { position:absolute;} #highlight-previous { top:0; left:0;} #highlight-next { top:192px; left:0;} #highlight-content { position:absolute;} .highlight-item { padding:10px; height:60px; text-align:left; font-size:14px; color:#5b5851 !important;} .highlight-item h3 { font-size:14px; margin:0 0 5px; color:#98b800;} .highlight-item p { margin:0; padding:0;} #container_bd .highlight-item a { color:#ff0; text-decoration:underline;} #container_bd .highlight-item a:hover { color:#0f0;} /**/ .wp-tag-cloud { overflow:hidden;} .wp-tag-cloud li { float:left;} .wp-tag-cloud li a { display:block; line-height:20px; text-decoration:none; white-space:nowrap;} /*************************** posts ***************************/ .pagetitle { font-size:16px; color:#86b800; margin:0 0 15px; padding:0 0 5px; border-bottom:1px solid #f3f3f3;} .post { position:relative; margin:0 0 30px 60px; color:#555;} .post div.entry a { color:#6191d8;} .post .postdate { position:absolute; top:0; left:-60px; width:47px; height:43px; overflow:hidden; background:#6191d8 url(images/bg-postdate.gif) no-repeat top left; color:#fff;} .post .postdate strong { display:block; width:42px; text-align:center; font-size:24px; font-weight:bold; letter-spacing:-2px;} .post .postdate small { width:42px; text-align:center; line-height:10px; color:#fff; border:none;} .post small { display:block; padding:0 0 3px; margin:0 0 10px; color:#777; border-bottom:1px solid #eee;} .post ul.postmetadata { width:100%; overflow:hidden; list-style:none; font-size:10px; padding:0 0 3px; margin:0 0 10px; border-bottom:1px solid #eee;} .post ul.postmetadata li { float:left; padding:0 7px 0 0; margin:0 7px 0 0; border-right:1px solid #eee;} .post ul.postmetadata li a { color:#6191d8;} .post ul.pm-bottom { padding:3px 0 0; margin:10px 0 0; border-top:1px solid #eee; border-bottom:none;} .post p { margin:0 0 10px; padding:0;} a.viewcomments { display:block; cursor:pointer;} .nbrcomment { display:block; float:left; width:27px; height:14px; padding:0 5px 0 0; color:#fff; text-align:center; background:url(images/bg-nbrcomments.gif) no-repeat top left;} .post h2 { margin:0 0 4px;} .post h2,.post h2 a,.post h2 a:visited { color:#68655e; font-size:18px; text-decoration:none;} .post h2 a:hover { color:#6191d8;} /* single */ .navigation { margin:0 0 10px; height:38px; background:url(images/bg-navigation.gif) no-repeat top left; overflow:hidden;} .navigation a { display:block; padding:0 10px; line-height:38px; text-decoration:none;} .alignleft { width:49%; float:left;} .alignleft a { float:left;} .alignright { width:49%; float:right;} .alignright a { float:right;} .postmetadata-int { padding:5px !important; color:#aaa;} .postmetadata-int small { margin:0; padding:0; border:none;} .postmetadata-int a { color:#86b800 !important;} .alt { background:#f3f9e7; border-top:1px solid #cfe4a1; border-bottom:1px solid #cfe4a1;} /* comments */ h3#comments { margin:0 0 15px 60px; color:#68655e;} .commentlist { margin:0 0 0 60px; padding:0; list-style:none; color:#555;} .commentlist li { margin:0 0 15px; padding:5px; min-height:60px;} .contentcomment { margin:0;} .contentcomment cite { margin:0; padding:0; font-weight:bold; color:#86b800;} .contentcomment .commentmetadata { color:#999;} .contentcomment p { margin:5px 0; padding:0;} .avatar { float:left; margin:-6px 0 0 -65px; padding:4px; border:1px solid #ccc; background:#fff;} .mustlogged { margin:0 0 15px 60px;} /* respond */ h3#respond { margin:0 0 15px 60px; color:#68655e;} #commentform { margin:0 0 0 60px; padding:0; list-style:none; color:#555;} #commentform textarea { width:531px; height:120px; padding:3px; border:1px solid #aaa; color:#555; font:13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;} /* archives list */ .archives-list { margin:0 0 15px; padding:0; list-style:none;} .archives-list ul { margin:0; padding:0; list-style:none;} .archives-list li { padding:3px 0;} .archives-list li a { text-decoration:none; color:#445a08;} .archives-list ul li { border-bottom:1px solid #f3f3f3;} .archives-list ul li ul li a { color:#86b800;} .archives-list ul li ul { margin:0 0 0; padding:0 10px; border-left:1px solid #f3f3f3;} .archives-list ul li ul li { border:none;} .navigation #searchform { padding:7px;} .navigation #searchform #s { padding:3px; width:450px; border:1px solid #ccc;} #searchsubmit { width:67px; height:23px; padding:0; font-size:11px; font-weight:bold; line-height:23px; font-style:italic; color:#fff; border:none; background:url(images/btn-search.gif) no-repeat top left;} /* reply */ #respond { padding:0 10px 10px; font-size:15px; line-height:36px; color:#7d9a49 !important; background:url(images/bg-reply.gif) no-repeat top left;} /* about */ .about-intro { margin:0; width:543px; height:74px; text-indent:-200em; background:url(images/bg-about-intro.gif) no-repeat top left;} .about-content { margin-left:30px; color:#555;}