/* Theme Name: Webnorms Theme URI: http://www.webnorms.org/ Description: Webnorms theme. Version: 1.0 Author: Blue4You Author URI: http://www.blue4you.be/ Tags: green, fixed width, two columns, widgets */ /* layout */ body { margin:0; padding:0; color:#555; font:12px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; text-align:center; background:#fff url(images/background-main.jpg) no-repeat top center;} #page { position:relative; width:950px; margin:0 auto; text-align:left;} #header { height:225px; overflow:hidden;} #content { position:relative; width:549px; float:right;} #sidebar { width:290px; float:left; padding:0 10px;} #footer { clear:both; width:549px; float:right; margin:0; padding:10px 0; border-top:1px solid #eee; background:#f6f6f6;} #footer p { margin:0; padding:0;} #blogtitle { position:absolute; width:310px; height:225px; top:0; left:0;} #blogtitle h1 { width:100%; height:100%;} #blogtitle .description { display:none;} #blogtitle a { display:block; width:100%; height:100%; text-indent:-200em; background:url(images/logo.gif) no-repeat center center;} /* html */ hr { display:none;} h1,h2,h3,h4,h5,h6 { margin:0; padding:0;} a,a:visited { color:#513f33; outline:none;} a:hover { color:#89ac22; text-decoration:none;} /* pages */ #pages { position:absolute; top:60px; left:406px;} #pages h2 { display:none;} #pages ul { margin:0 !important; padding:0 !important;} #pages ul li { float:left;} #pages ul li a { display:block; line-height:47px; padding:0 15px; font-size:15px; text-decoration:none; background:url(images/nav-separator.gif) no-repeat center right;} .pagetitle { font-size:22px; font-weight:normal; margin:-85px 0 60px; padding:0; color:#89ac22;} /* sidebar */ #sidebar {} #sidebar h2 { color:#89ac22; font-weight:normal; font-size:20px;} #sidebar ul { margin:0; padding:0; list-style:none;} #sidebar ul li ul { margin:15px 0;} .widget { margin:0 0 20px;} #widget h2 {} /* categories */ #mycategoryorder { overflow:hidden; padding:0;} #mycategoryorder h2 { background:none; margin:0; padding:0;} #mycategoryorder ul {} #mycategoryorder ul li { position:relative; float:left; background:#f5f5f5;} #mycategoryorder ul li:hover em { display:block;} #mycategoryorder ul li a { display:block; width:280px; line-height:24px; height:24px; margin:0; padding:0 5px; border-bottom:1px solid #fff; text-transform:uppercase; font-weight:bold; text-decoration:none;} #mycategoryorder ul li a:hover { background:#f6f6f6;} #mycategoryorder ul li em { position:absolute; top:0; right:4px; width:27px; line-height:24px; color:#666; text-align:center; font-size:10px; font-style:normal; background: url(images/bg-count.gif) no-repeat 0 -43px;} #mycategoryorder ul li ul { margin:0; padding:0;} #mycategoryorder ul li ul li { margin:0; background:#fff;} #mycategoryorder ul li ul li a { margin:0; text-transform:none; font-weight:normal; border-bottom:1px solid #f3f3f3; background:#fff;} #mycategoryorder ul li ul li em { color:#aaa; background: url(images/bg-count.gif) no-repeat 100% -21px;} #mycategoryorder ul li ul li:hover em { display:block;} #mycategoryorder ul li.current-cat a { background:#fbecd7; color:#d57d00;} #mycategoryorder ul li.current-cat em { display:block; background-position:0 1px; color:#fff;} #mycategoryorder ul li.current-cat ul li em { background-position:100% -21px !important; color:#666;} #mycategoryorder ul li.current-cat ul li a { background:#fff;} /* search */ #search { position:absolute; top:60px; right:0; width:281px;} #search form { margin:0; padding:7px 0;} #search br { display:none;} #s { width:160px; float:left; border:1px solid #c6da8c; margin:0 5px 0 0; display:inline; padding:7px 4px; color:#666; font:15px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;} #searchsubmit { width:100px; height:34px; padding:0; margin:0; color:#fff; font:bold 14px "Century Gothic", Arial, Helvetica, sans-serif; border:none; background:url(images/btn-search.gif) no-repeat top left;} /* posts */ .post { position:relative; margin:0 0 25px; padding:0;} .post a { color:#89ac22;} .post h2 { font-size:20px; padding:0 60px 0 0; font-weight:normal;} .post h2 a { text-decoration:none; color:#513f33;} .post .date-ctn { position:absolute; top:0px; right:0; width:55px; height:40px; overflow:hidden;} .post .postdate { position:absolute; top:40px; left:0; width:55px; height:35px; line-height:27px; color:#d57d00; font-size:14px; text-align:center; background:#eed2ab url(images/bg-postdate.gif) no-repeat bottom left;} .post ul.postmetadata { width:100%; overflow:hidden; list-style:none; font-size:10px; padding:4px 0 4px; margin:0 0 10px; border-bottom:1px solid #eee;} .post ul.postmetadata li { float:left; line-height:16px; padding:0 7px 0 0; margin:0 7px 0 0; border-right:1px solid #eee; color:#999;} .post ul.postmetadata a { color:#999;} .post ul.pm-bottom { padding:3px 0 0; margin:10px 0 0; border-top:1px solid #eee; border-bottom:none;} pre { padding:10px; line-height:16px; font-family:"Courier New", Courier, monospace;} a.viewcomments { display:block; cursor:pointer; text-decoration:none;} .nbrcomment { display:block; float:left; width:27px; line-height:16px; margin:0 5px 0 0; color:#fff; text-align:center; background:url(images/bg-count.gif) no-repeat 0 -3px;} .post-meta { margin:0; padding:7px; list-style:none; background:#f9f9f9; border-top:1px solid #eee; border-bottom:1px solid #eee; overflow:hidden;} .post-meta li { line-height:20px;} .post-meta li span { display:none;} .post-meta li a { text-decoration:none;} .post-meta li a:hover { color:#30a4cd;} .no-image { padding:0; border:none; background:none;} .post a img { padding:3px; border:1px solid #ccc; background:#fff;} .post a:hover img { padding:3px; border:1px solid #89ac22; background:#fff;} a.demo { padding:0 0 0 20px; background:url(images/ico-demo.png) no-repeat center left;} a.zip { padding:0 0 0 20px; background:url(images/ico-zip.png) no-repeat center left;} a.source { padding:0 0 0 20px; background:url(images/ico-src.png) no-repeat center left;} a.doc { padding:0 0 0 20px; background:url(images/ico-doc.png) no-repeat center left;} a.xls { padding:0 0 0 20px; background:url(images/ico-xls.png) no-repeat center left;} a.pdf { padding:0 0 0 20px; background:url(images/ico-pdf.png) no-repeat center left;} a.css { padding:0 0 0 20px; background:url(images/ico-css.png) no-repeat center left;} a.html { padding:0 0 0 20px; background:url(images/ico-html.png) no-repeat center left;} a.php { padding:0 0 0 20px; background:url(images/ico-php.png) no-repeat center left;} a.sql { padding:0 0 0 20px; background:url(images/ico-sql.png) no-repeat center left;} a.fla { padding:0 0 0 20px; background:url(images/ico-fla.png) no-repeat center left;} a.as { padding:0 0 0 20px; background:url(images/ico-as.png) no-repeat center left;} a.psd { padding:0 0 0 20px; background:url(images/ico-psd.png) no-repeat center left;} a.ai { padding:0 0 0 20px; background:url(images/ico-ai.png) no-repeat center left;} a.eps { padding:0 0 0 20px; background:url(images/ico-eps.png) no-repeat center left;} .search-result .post { border-bottom:1px solid #ccc;} /* footer */ #footer { overflow:hidden;} #footer ul { margin:0 5px; padding:0;} #sponsors { float:right;} #sponsors li { float:left; list-style:none; padding:0 5px;} #extra { float:left;} #extra li { float:left; list-style:none; padding:0 5px;} #ext-links { position:absolute; right:0; padding:5px; color:#fff; background:#B5CA3F; z-index:999;} #ext-links {} .navigation { width:529px; padding:10px; overflow:hidden;} .alignleft { float:left;} .alignright { float:right;}