/* Theme Name:WordPress Default 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 Kubrick v1.5 http://binarybonsai.com/kubrick/ This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/ The CSS, XHTML and design is released under GPL:http://www.opensource.org/licenses/gpl-license.php */ /* =Body Structure, Typography, and Colors */ body { background:#00456a url(images/body_bg.jpg) center repeat-y; margin:0; padding:0; font-size:62.5%; /* Resets 1em to 10px */ font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; color:#535353; text-align:center; } #page { margin:0 auto; padding:0; width:1010px; text-align:left; background:url(images/sigma_bg.gif) center top no-repeat; } #header { position:relative; margin:0; padding:0; height:182px; width:1010px; } #header img { position:absolute; top:122px; left:0px; } .description { text-indent:-9999px; } a { outline:none; } a, h2 a:hover, h3 a:hover { color:#CC9900; text-decoration:none; } a:hover { color:#CC9900; text-decoration:underline; } #content { float:left; padding:0; margin:0; width:683px; line-height:2em; font-size:1.2em } .post { margin:0 40px 20px 49px; text-align:justify; } .post hr { display:block; } .entry { padding-bottom:8px; margin-top: -10px;} .entry p a:visited { color:#b5b5b5; } .smallattachment { text-align:center; float:left; width:128px; margin:5px 5px 5px 0px; } .attachment { text-align:center; margin:5px 0px; } div#postmeta { position:relative; width:603px; height:26px; background:url(images/postmeta_bg.gif) no-repeat; } div#postmeta a { padding:0 10px 0; background:url(images/arrow_blue.gif) right no-repeat; text-transform:uppercase; color:#00456a; font-size:.8em; font-weight:bold; } div#postmeta a:hover { color:#cc9900; text-decoration:none; } div#postmeta span { position:absolute; top:0; right:10px; font-weight:bold; } div#postmeta span a { background:none; padding:0; text-transform:none; font-weight:normal; font-size:1em; color:#cc9900; } div#postmeta span a:hover { color:#00456a; text-decoration:underline; } .postmetadata { padding-top:5px; text-align:center; clear:left; color:#777; } .postmetadata ul, .postmetadata li, .cats ul, .cats li { display:inline; list-style-type:none; list-style-image:none; } .alt { background-color:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } small { font-family:Arial, Helvetica, Sans-Serif; font-size:1.0em; line-height:1.5em; color:#00456a; } /* End Body Structure, Typography, and Colors */ /* =Sidebar */ #sidebar { padding:0; margin-left:693px; width:262px; font:1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif; } #sidebar form { margin:0; } #sidebar h2 { font-family:'Lucida Grande', Verdana, Sans-Serif; font-size:1.2em; text-decoration:none; } #sidebar ul, #sidebar ul ol { margin:0; padding:0; } #sidebar ul li { list-style-type:none; list-style-image:none; margin-bottom:45px; } #sidebar ul p, #sidebar ul select { margin:5px 0 8px; } #sidebar ul ul, #sidebar ul ol { margin:15px 0 0 0; } #sidebar ul ul ul, #sidebar ul ol { margin:0 0 0 10px; } ol li, #sidebar ul ol li { list-style:decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin:3px 0 0; padding:0; color:#777; } /* End Sidebar */ /* =Footer */ #footer { padding:0; margin:0 auto; width:1010px; clear:both; border:none; margin-bottom:70px; } #footer div { position:relative; margin:0 auto; width:976px; height:81px; background:url(images/footer_bg.png) center no-repeat; } #footer div p { position:absolute; top:15px; right:90px; color:#457289; font-size:1em; } #footer div a { color:#9fb9c7; } #footer div ul { position:absolute; top:25px; left:0; list-style-type:none; list-style-image:none; } #footer div ul li { float:left; margin-right:15px; font-size:1.2em; } /* End Footer */ /* =Headers */ h2, h3 { font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:bold; } #header h1 { margin:0; padding:0; } #header h1 a { display:block; position:absolute; top:15px; left:41px; width:310px; height:102px; background:url(images/h1_logo.gif) no-repeat; text-indent:-9999px; } h2 { margin:30px 0 0; font-size:1.6em; color: #00456a; text-decoration:none; } h2.pagetitle { margin:30px 0 0 49px; font-size:1.6em; color: #00456a; } #sidebar h2 { margin:5px 0 0; padding:0; } h3 { padding:0; margin:30px 0 0 49px; font-size:1.3em; color:#333; text-decoration:none; } .post h3 { margin-left:0; } h3.comments { padding:0; margin:40px auto 20px ; } h2 a, h2 a:visited, h3 a, h3 a:visited { color:#cc9900; } h2 a, h2 a:hover, h2 a:visited, h3 a, h3 a:hover, h3 a:visited { text-decoration:none; } /* End Headers */ /* =Widgets */ li#tag_cloud, li#linkcat-2, li#text-247789581 { padding-left:25px; } /* About Ideate */ li#pbembedflash-443868861 { display:block; width:277px; height:185px; background:url(images/About_bg.gif) no-repeat; padding:33px 0 10px 0; } li#pbembedflash-443868861 h2 { display:block; width:146px; height:18px; margin: 0 0 10px 25px; background:url(images/About_Ideate.gif) no-repeat; text-indent:-9999px; } li#pbembedflash-443868861 p { margin:10px 0 0 25px; line-height:1.4em; color:#00456a; } /* Tags */ li#tag_cloud h2 { display:block; width:59px; height:18px; background:url(images/h2_tags.gif) no-repeat; text-indent:-9999px; } li#tag_cloud a { margin-right:5px; color:#00456a; } li#tag_cloud a:hover { color:#2798d4; } /* Blogroll/Links */ li#linkcat-2 h2 { display:block; width:65px; height:18px; background:url(images/h2_Links.gif) no-repeat; text-indent:-9999px; } li#linkcat-2 a { color:#00456a; } li#linkcat-2 a:hover { color:#2798d4; } /* Subscribe */ li#text-412831182 a { display:block; width:156px; height:21px; background:url(images/h2_subscribe.gif) no-repeat; text-indent:-9999px; } /* End Widgets */ /* =Form Elements */ #searchform div { position:absolute; top:18px; right:50px; width:265px; height:27px; } #searchform #s { position:absolute; left:0; width:190px; height:27px; background:url(images/searchfield_bg.gif) no-repeat; border:none; padding:8px 10px 5px; font:1em 'Lucida Grande', Arial, Verdana, Sans-Serif; color:#999; } #searchsubmit { position:absolute; right:12px; top:0px; display:block; border:0; cursor:pointer; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } #searchform #s select { width:130px; border: none; } #commentform, .commentlist { margin-left:49px; width:604px; } #commentform input { width:170px; padding:2px; margin:5px 5px 1px 0; } #commentform textarea { width:100%; padding:2px; } #commentform #submit { margin:0; float:right; } #commentform p { margin:5px 0; font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; } /* End Form Elements */ /* =Comments*/ .alt { margin:0; padding:10px; } .commentlist { padding:0; text-align:justify; font-weight:bold; } .commentlist li, #commentform input, #commentform textarea { font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li { margin:15px 0 3px; padding:0px 10px 3px; list-style:none; } .commentlist p { margin:10px 5px 10px 0; font-weight:normal; line-height:1.5em; text-transform:none; } .commentmetadata { margin:0; display:block; font-weight:normal; } .commentlist li .avatar { float:right; border:1px solid #eee; padding:2px; background:#fff; } .commentlist cite, .commentlist cite a { font-weight:bold; font-style:normal; font-size:1.1em; } .nocomments { text-align:center; margin:0; padding:0; color:#777; } /* End Comments */ /* =Navigation */ #header ul { display:block; width:450px; height:14px; position:absolute; bottom:61px; right:30px; } #header ul li { display:block; float:left; list-style:none; list-style-type:none; height:14px; font-size: 1.5em; margin-left: 20px; text-transform: uppercase; } #header ul li a { display:block; height:14px; color: #00456a; text-decoration: none; padding-left: 12px; } #header ul li a:hover {display: blcok; height: 14px; color: #69a6c7; background: url(images/bullet.png) left bottom no-repeat; padding-left: 12px; text-decoration: none; } #header ul li.page-item-22 a { width:75px; background:url(images/nav_01.png) no-repeat; text-indent:-9999px; } #header ul li.page-item-22 { width:65px; background:url(images/nav_01.png) no-repeat; text-indent:-9999px; } #header ul li.page-item-22 { width:65px; background:url(images/nav_01.png) no-repeat; text-indent:-9999px; } #header ul li.page-item-22 a:hover{ background:url(images/nav_hover_01.png) no-repeat; } #header ul li.page-item-2 { width:87px; background:url(images/nav_02.png); text-indent:-9999px; } #header ul li.page-item-2 a { width:87px; background:url(images/nav_02.png); text-indent:-9999px; } #header ul li.page-item-2 a:hover { background:url(images/nav_hover_02.png); } #header ul li.page-item-3 { width:101px; background:url(images/nav_03.png); text-indent:-9999px; } #header ul li.page-item-3 a { width:101px; background:url(images/nav_03.png); text-indent:-9999px; } #header ul li.page-item-3 a:hover { background:url(images/nav_hover_03.png); } #header ul li.subscribe { width:103px; background:url(images/nav_04.png); text-indent:-9999px; } #header ul li.subscribe a { width:103px; background:url(images/nav_04.png); text-indent:-9999px; } #header ul li.subscribe a:hover { background:url(images/nav_hover_04.png); } /* End Navigation */ /* =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; margin-right:40px; } .alignleft { float:left; margin-left:49px; } /* End Images */ /* =Various Tags & Classes */ acronym, abbr, span.caps { cursor:help; font-size:0.9em; letter-spacing:.07em; } acronym, abbr { border-bottom:1px dashed #999; } blockquote { margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd; color:#777; } cite { margin:5px 0 0; display:block; text-decoration:none; } .center { text-align:center; } hr { display:none; } a img { border:none; } .navigation { display:block; height:30px; text-align:center; margin:40px 0 60px; } strike { color:#777; } code { font:1.1em 'Courier New', Courier, Fixed; } .graphic {float: left; margin: 0 10px 0 0; } .clear {clear: both; } /* End Various Tags & Classes*/