/* Theme Name: Anycent Theme URI: http://wordpress.org/ Description: The default WordPress theme based on the famous Kubrick. Version: 1.6 Author: Michael Heilemann Author URI: http://binarybonsai.com/ Tags: blue, custom header, fixed width, two columns, widgets */ * { margin:0; padding:0;} body { text-align:center; color:#222; font:small Verdana, Arial, Helvetica, sans-serif; background:#FFF;} #wrap { width:990px; text-align:left; margin:10px auto;} a { text-decoration:underline; color:#034266;} a:hover { text-decoration:none; color:#993108;} a:focus { border:none;} #header { height:55px; background:url(i/front/bg2.gif) no-repeat;} #header ul { list-style:none;} #header ul li { display:inline;} #header ul li a {display:block; float:left; height:55px; text-indent:-9999px;} #header ul li a#b1 { width:87px; background:url(i/front/in0.gif) no-repeat;} #header ul li a#b2 { width:140px; background:url(i/front/in0.gif) no-repeat -87px 0;} #header ul li a#b3 { width:154px; background:url(i/front/in0.gif) no-repeat -227px 0;} #header ul li a#b4 { width:94px; background:url(i/front/in0.gif) no-repeat -381px 0;} #header ul li a#b5 { width:80px; background:url(i/front/in0.gif) no-repeat -475px 0;} #header ul li a#b1:hover { background-position:0 -55px;} #header ul li a#b2:hover { background-position:-87px -55px;} #header ul li a#b3:hover { background-position:-227px -55px;} #header ul li a#b4:hover { background-position:-381px -55px;} #header ul li a#b5:hover { background-position:-475px -55px;} #header ul li#logo h1 a { width:277px; background:url(i/front/logo.gif) no-repeat;} .clear { clear:both;} .right { text-align:right !important} .center { text-align:center !important} .ruler { border-bottom:1px dashed #c5c5c5;} #sub { height:36px;} .mb10 { margin-bottom:10px;} .small { font-size:85%;} .ml10 { margin-left:10px;} .p20 { padding:20px;} #userarea { width:277px; height:36px; text-align:center; color:#6a6a6a; background:#d4d4d4 url(i/front/userarea.gif) no-repeat; float:left; line-height:36px;font-size:85%;} #userarea a { color:#6a6a6a; text-decoration:underline;} #userarea a:hover { color:#222; text-decoration:none;} #menu { width:713px; height:36px; background:#787878 url(i/front/submenu.gif) no-repeat; color:#FFF; float:right; font-size:85%;} #menu ul { list-style:none;} #menu ul li { display:inline;} #menu ul li a { display:block; float:left; color:#FFF; text-decoration:none; margin:5px 10px; padding:5px 10px; border:1px solid #787878; -moz-border-radius:5px; -webkit-border-radius:5px;} #menu ul li a:hover { background:#606060; border-color:1px solid #606060; } #c1 { height:4px; background:url(i/front/c1.gif) no-repeat; margin-top:10px} #c2 { height:4px; background:url(i/front/c2.gif) no-repeat; margin-bottom:10px;} #container { background:#f7f7f7 url(i/front/bg1.gif) repeat-y; padding:10px;} .clear { clear:both;} .right { text-align:right !important} .center { text-align:center !important} .ruler { border-bottom:1px dashed #c5c5c5;} .red { color:#f00;} .floatright { float:right;} .floatleft { float:left;} #left { width:720px; float:left;} #content { padding:10px;} #content p { margin-bottom:10px;} #content ul { list-style:none; margin:10px 0;} #content ul li { padding-left:10px; background:url(i/bullet.gif) no-repeat 0 7px; margin-bottom:5px;} .list { list-style:none; margin:10px 0;} .list li {padding-left:10px; background:url(i/bullet.gif) no-repeat 0 7px; margin-bottom:5px;} .text .tbl code { font-size:130%;} code {border:1px dotted #EEE; background:#FFF; padding:10px; margin:5px; display:block;} #right { width:221px; float:right; padding:10px 0;} #right dl { background:url(i/bg2.gif) no-repeat; margin-bottom:10px;} #right dt { font-weight:bold; padding:7px 20px;} #right dd { background: url(i/bg2-1.gif) no-repeat 0 100%;padding:5px 20px 10px 20px;} #right dd ul { list-style:none;} .ico li { padding-left:25px; margin-bottom:10px;} #right dd form { padding:0 !important;} .btn { border:1px solid #bcbcbc; background:#FFF url(i/btnbg.gif) repeat-x 100% 50%; color:#666; padding:5px 25px 5px 5px; text-align:center; font-size:85%; font-weight:bold; cursor:pointer; cursor:hand; -moz-border-radius:3px; -webkit-border-radius:3px;} .btn:hover { color:#000;} .fld {border:1px solid #CECECE; background:#FFF; padding:2px;color:#333; margin:3px 0;} .fld:focus { background:#FFC; border-color:#333;} .blue {color:#1b5cb8;} #footer { background:#f2f2f2; color:#797979; font-size:85%; padding:10px 0; border:1px solid #ececec;} #footer a { color:#797979; text-decoration:underline;} #footer a:hover { text-decoration:none; color:#222;} #copy { width:600px; float:right; margin-right:10px; text-align:right; line-height:170%;} #fmenu { width:600px; margin-left:10px; float:left;} .tbl { border-collapse:collapse; border:1px solid #EAEAEA;} .tbl td, .tbl th { padding:5px;font-size:85%;} .tbl th { background:#EEE; border-bottom:1px solid #EAEAEA; text-align:left;} .tbl td { border-bottom:1px solid #EAEAEA; } .tbl2 { border-collapse:collapse;} .tbl2 td, .tbl2 th { padding:5px;font-size:85%;} .tbl td .btn { font-size:110%;} .tbl2 td .btn { font-size:110%;} .redlink {background:url(i/ico-grey/red.gif) no-repeat 0 100%; padding-left:16px !important; color:#da0d0d;} .brdd { border:1px solid #EAEAEA; padding:5px; background:#FFF;} .post { margin-bottom:30px;} .post h2 { font:250% "Myriad Pro", Calibri, Verdana, Arial, Helvetica, sans-serif; line-height:90%; letter-spacing:-2px; margin-bottom:15px; margin-top:5px; text-shadow:0 1px 1px #FFF;} .post h2 a { text-decoration:none; } .post h2 a:hover { text-decoration:none; color:#333;} .post h3 { font:200% "Myriad Pro", Calibri, Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; margin-bottom:15px; margin-top:5px; text-shadow:0 1px 1px #FFF;} .entry p { margin-bottom:10px; text-align:justify;} blockquote { font:200% Georgia, "Times New Roman", Times, serif; line-height:85%; font-style:italic; padding:10px; margin:10px 0;} .date { padding:3px 5px; color:#999; font-size:85%; float:left;} .date a { color:#999; text-decoration:none;} .date a:hover { color:#333; text-decoration:underline;} .comm { font-size:85%; padding:3px 5px; text-align:right; float:right;} .comm a { text-decoration:none;} .navigation { text-align:center; font-size:85%; color:#666; margin:10px 0;} .navigation a { color:#666; text-decoration:none; padding:0 10px;} .navigation a:hover { color:#333; text-decoration:underline;} #comments, #response, .pagetitle {font:normal 220% Arial, Helvetica, sans-serif; color:#333; margin:5px 0 10px 0; letter-spacing:-1px;} .commentlist { font:400% Georgia, "Times New Roman", Times, serif; color:#CCC; list-style:none} .commentlist li { padding-bottom:10px; border-bottom:1px solid #EAEAEA; margin-bottom:20px;} .commentlist li .wh { font:25% Verdana, Arial, Helvetica, sans-serif; color:#101010;} .commentlist li .wh p { margin-bottom:10px; text-align:justify;} .commentlist li .wh h4 {font:150% Georgia, "Times New Roman", Times, serif;} .commentmetadata { font:75% Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#999; margin:5px 0; float:right;} .commentmetadata a { color:#999; text-decoration:none;} #commentform input { width:85%; padding:3px; margin:5px 0;} #commentform textarea { width:85%; padding:3px; margin:5px 0; height:200px; overflow:auto;} #commentform .btn { font-size:120%; width:25%;} /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ /* * { padding:0; margin:0} body { text-align:center;background:#FFF; font:small Verdana, Arial, Helvetica, sans-serif;} #page {width:960px; margin:0 auto; text-align:left;} a {color:#0f75bc; text-decoration:underline;} a:hover { text-decoration:none; color:#333;} a:focus { outline:0; -moz-outline:0;} .clear { clear:both;} .center { text-align:center} .justify { text-align:justify;} .right { text-align:right;} #header { height:75px; margin-bottom:20px;} #logo { width:200px; } #logo h1 a {height:75px;width:167px; display:block; text-indent:-9999px; background:url(i/front/logo.gif) no-repeat;} #menu { margin-bottom:10px; text-transform:uppercase; padding-bottom:10px;} #menu ul { list-style:none; } #menu ul li { display:inline;} #menu ul li a { display:block; float:left; background:#E5E5E5; text-decoration:none; padding:5px 10px; font-weight:bold; margin-right:5px; border:1px solid #E5E5E5; border-bottom:0;-moz-border-radius:5px; -webkit-border-radius:5px;} #menu ul li a:hover { background:#7F7F7F; border-color:#7F7F7F; color:#FFF;} #menu ul li a.current { background:#008CF5; border-color:#008CF5; color:#FFF;} .narrowcolumn { width:720px; float:left; margin-top:20px;} #sidebar { width:216px; float:right; margin:20px 0; font-size:85%;} #sidebar ul { list-style:none;} .blueblock { background:#E6F5FF; border:1px solid #E6F5FF; padding:10px; margin-bottom:10px; -moz-border-radius:5px; -webkit-border-radius:5px;} .grayblock { background:#E8E8E8; border:1px solid #E8E8E8; padding:10px; margin-bottom:10px; -moz-border-radius:5px; -webkit-border-radius:5px;} .btn {border:1px solid #5b5b5b; padding:2px 10px; background:#FFF url(i/front/bg3.gif) 0 50% repeat-x; font-weight:bold; cursor:pointer; cursor:hand; -moz-border-radius:3px; -webkit-border-radius:3px;} #sidebar h4 { font:140% "Myriad Pro", Calibri, Verdana, Arial, Helvetica, sans-serif; padding:0; margin-bottom:5px;} .bbb { background:#EAEAEA; border:3px double #EAEAEA; font:95% Tahoma, Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand;} .bbc {border:1px solid #424242; font-size:85%; padding:2px; margin-bottom:5px;} #footer { padding:20px 0; font-size:85%;}