/* Theme Name: WordPress Customized for YK Theme URI: http://wordpress.org/ Description: Modified . Version: 1.6 Author: Oliphaunt Author URI: 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 { background-image: url(images/bk.jpg); background-repeat: repeat-x; background-position: top 0px; background-attachment: fixed; text-align: center; margin: 0px; } div.top_big{ background-image: url(images/bk-top.gif); width: 100%; } #page { border: 0px solid #959596; text-align: center; } #header { width: 980px; margin-left: auto; margin-right: auto; height: 99px; } #content { width: 690px; float: left; padding-bottom: 20px; } #sidebar { width: 285px; float: right; padding-bottom: 20px; font-family: Arial; font-size: 13px; font-style: normal; color: #252525; text-align: left; } #footer { background-color: #ffffff; background-image: url(images/bg_bottom.gif); background-repeat: repeat-x; background-position: top 0px; width: 100%; float: left; text-align: center; border-bottom: 1px solid #c6c6c6; } /*.content_big { width: 100%; background-color: #e2e2e2; font-size: 1.2em; float: left; } */ .div_logo { float: left; } .div_link_top { float: right; padding: 3px 0px 0px 0px; font-family:Arial; font-size: 12px; font-style: normal; color: #0090e3; } .div_menu_top { float: left; padding-top: 12px; color: #dedede; } .dleft{float:left;} .dright{float:right;} .div_search { background-image: url(images/bg_search.gif); background-repeat: no-repeat; background-position: center 0px; width: 284px; height: 39px; float: right; margin-top: 35px} .search_left { float: left; padding-left: 10px; padding-top: 9px; } .search_right { float: right; padding-right: 10px; padding-top: 8px; } .search_left_bot { float: left; padding-left: 10px; padding-top: 4px; } .search_right_bot { float: right; padding-right: 10px; padding-top: 3px; } input.txt1 { width: 180px; float: left; border: 1px solid #c6c6c6; height: 19px; font-family: Arial; font-size: 12px; font-style: normal; color: #353535; } input.txt2 { width: 290px; float: left; border: 1px solid #c6c6c6; height: 19px; font-family: Arial; font-size: 12px; font-style: normal; color: #353535; } textarea.txtarea { width: 635px; float: left; border: 1px solid #c6c6c6; font-family: Arial; font-size: 12px; font-style: normal; color: #353535; } .div_links { width: 980px; float: left; padding: 7px 0px 7px 0px; } .links { font-family: Arial; font-size: 12px; font-style: normal; color: #746f6f; float: left; padding-top: 3px; } .call { font-family: Arial; font-size: 13px; font-style: normal; color: #2d2d2d; float: right; } .content_middle { width: 980px; margin-left: auto; margin-right: auto; margin-top: 0px; } .content_vspace{ width:690px;height:15px;display:block;clear:both;} .content_big_top { background-image: url(images/content_top.gif); background-repeat: no-repeat; background-position: center 0px; width: 690px; height: 48px; float: left; } .content_big_bot{ background-image: url(images/content_bot.gif); background-repeat: no-repeat; background-position: center 0px; width: 690px; height: 48px; float: left;} .content_yellow_top { background-image: url(images/content_yellow_top.gif); background-repeat: no-repeat; background-position: center 0px; width: 690px; height: 48px; float: left; } .content_yellow_bot{ background-image: url(images/content_yellow_bot.gif); background-repeat: no-repeat; background-position: center 0px; width: 690px; height: 48px; float: left;} .content_yellow_middle { width: 688px; float: left; background-color: #fefbd3; border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; text-align: left; font-family: Arial; font-size: 14px; font-style: normal; color: #252525; } .yellow_content { width: 648px; padding: 0px 20px 0px 20px; text-align: left; } .top_yellow { width: 648px; padding: 0px 20px 20px 20px; text-align: left; font-family: Arial; font-size: 17px; font-style: normal; color: #33a6e9; background-color: #fefbd3; border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6;} /*START LIST*/ .list_box { width: 688px; float: left; background-color: #ffffff; border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; font-size: 14px; font-style: normal; line-height:1.6em; color:#555;} .list_line0 { width: 648px; margin-left: 20px; margin-right: 20px; padding-top: 35px; border-bottom: 1px solid #e2e2e2; } .list_line1 { width: 648px; margin-left: 20px; margin-right: 20px; padding-bottom: 15px; padding-top: 35px; border-bottom: 1px solid #e2e2e2; } .list_line11 { width: 648px; margin-left: 20px; margin-right: 20px; height:2px; border-bottom: 1px solid #e2e2e2; } .list_line2 { width: 648px; padding: 0px 20px 0px 20px; margin-top: 10px; text-align: left; } .list_line2 p a:link { font-weight:bold;color:#0090e3;text-decoration:none;background-color: #fff;} .list_line2 p a:visited { font-weight:bold;color:#0090e3;text-decoration:none;background-color: #fff;} .list_line2 p a:active { font-weight:bold;color:#0090e3;text-decoration:underline;background-color: #eee;} .list_line2 p a:hover { font-weight:bold;color:#0090e3;text-decoration:underline;background-color: #eee;} .list_line2 h2{font-family: Arial; font-size: 18px; font-style: normal; color: #575757; text-decoration: none; letter-spacing: 0px;} .list_line2 li a:link{font-size: 12px; font-style: normal; color: #42b100; text-decoration: none; font-weight:normal;background-color: #fff;} .list_line2 li a:visited{font-size: 12px; font-style: normal; color: #42b100; text-decoration: none; font-weight:normal;background-color: #fff;} .list_line2 li a:active{font-size: 12px; font-style: normal; color: #42b100; text-decoration: underline; font-weight:normal;background-color: #fff;} .list_line2 li a:hover{font-size: 12px; font-style: normal; color: #42b100; text-decoration: underline; font-weight:normal;background-color: #fff;} .list_line2 p a.more-link:link{ font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; font-size: 14px; font-style: normal; line-height:1.6em; color: #42b100; text-decoration: none; font-weight:normal;background-color: #fff;margin-left:2px;} .list_line2 p a.more-link:visited { font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; font-size: 14px; font-style: normal; line-height:1.6em; color: #42b100; text-decoration: none; font-weight:normal;background-color: #fff;margin-left:2px;} .list_line2 p a.more-link:active{ font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; font-size: 14px; font-style: normal; line-height:1.6em; color: #42b100; text-decoration: underline; font-weight:normal;background-color: #fff;margin-left:2px;} .list_line2 p a.more-link:hover { font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; font-size: 14px; font-style: normal; line-height:1.6em; color: #42b100; text-decoration: underline; font-weight:normal;background-color: #fff;margin-left:2px;} .date { width: 95px; height: 40px; float: left; border-right: 1px solid #c6c6c6; text-align: left;line-height:1em; } .day { float: left; font-family: Arial; font-size: 40px;width:43px; font-style: normal; color: #49bdff;text-align: right;padding-right:2px; line-height:1em;} .month { float: left; font-family: Arial; font-size: 16px; font-style: normal; color: #49bdff; padding: 4px 0px 0px 3px; line-height:1em;} .year { float: left; font-family: Arial; font-size: 14px; font-style: normal; color: #49bdff; padding: 0px 0px 0px 1px; line-height:1em;} .list_title { float: left; padding-left: 10px; text-align: left;width: 590px;} .list_details { width: 648px; float: left; padding-top: 15px; text-align: left; } .list_pic { width: 200px; float: left; text-align: center; } .list_txt { width: 420px; float: left; text-align: left; line-height: 20px; padding-left: 15px; } .div_list_left { float: left; padding-bottom: 10px;} .div_list_left_comment { float: left; padding-bottom: 10px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; color: #2a2a2a;font-weight:bold;} .div_list_left_comment a{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; color: #2a2a2a;font-weight:bold;} .div_list_left_comment2 { float:left;padding-bottom:20px;;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; color: #2a2a2a;font-weight:bold;} .div_list_left_comment2 a{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; color: #2a2a2a;font-weight:bold;} .div_list_right { float: right; padding-bottom: 10px; } /*END LIST*/ .details_box { width: 688px; float: left; background-color: #ffffff; border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; font-size: 14px; font-style: normal; line-height:1.6em; color:#555;} .top_comments { width: 648px; padding: 0px 20px 10px 20px; text-align: left; border-bottom: 1px solid #c6c6c6; font-family: Arial; font-size: 17px; font-style: normal; color: #33a6e9; background-color: #ffffff; border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6;} /*START RIGHT*/ .right_top { background-image: url(images/right_top.gif); background-repeat: no-repeat; background-position: center 0px; width: 285px; height: 6px; float: left; font-size: 1px; } .right_bot{ background-image: url(images/right_bot.gif); background-repeat: no-repeat; background-position: center 0px; width: 285px; height: 6px; float: left; font-size: 1px;} .right_line { width: 263px; float: left; background-color: #ffffff; border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; border-bottom: 1px solid #e2e2e2; padding: 5px 10px 5px 10px;} .right_pic { width: 283px; float: left; background-color: #ffffff; border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; text-align: center;} .right_content { width: 263px; float: left; background-color: #ffffff; border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; padding: 10px 10px 10px 10px; } .div_right_arrow { width: 15px; float: left; padding-top: 4px; } .div_right_txt { width: 245px; float: left; } .right_content h1{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; color: #2a2a2a;margin:0px;padding:0px 0px 10px 0px;font-weight:normal;} /*END RIGHT*/ .bottom { width: 980px; margin-left: auto; margin-right: auto; } .div_search_bot { width: 284px; float: right; } .bottom_content { float: left; padding: 20px 0px 20px 0px; } .bottom_box { float: left; padding-right: 40px; text-align: left;} .bottom_box_pic { float: left; padding-right: 10px; } .bottom_logos { float: left; width: 980px; border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; text-align: left; padding-top: 10px; padding-bottom: 10px; } .bottom_links { float: left; font-family: Arial; font-size: 11px; font-style: normal; color: #0090e3; padding-top: 10px; padding-bottom: 10px; } .bottom_links2 { float: right; font-family: Arial; font-size: 11px; font-style: normal; color: #746f6f; padding-top: 10px; padding-bottom: 30px; letter-spacing: 1px;} /* * * * * * * * * * TABLES * * * * * * * * * */ table.t-det-top { border: 1px solid #a9a8a8; border-width: 1px 0 0 1px; margin-bottom: 33px; background: #efefef; } /* used at "the good" "the bad" */ table.t-det-top td { border: 1px solid #aaa; border-width: 0 1px 1px 0; color: #575757; padding: 4px 10px; font: 12px /16px Verdana; vertical-align: top; } table.t-det-top td.td-head { background: url(images/ic-plus.gif) no-repeat 7px 5px; padding-left: 31px; white-space: nowrap; font-weight: bold; color: #0090e3; border-right: none; } table.t-det-top td.td-bad { background-image: url(images/ic-minus.gif); } table.t-det-top td.td-conc { background-image: url(images/ic-asterix.gif); } table.t-det-top td.td-rating { background: #fefbd3; text-align: center; color: #0090e3; font: 15px/15px Arial; padding: 15px; } table.t-det-top td.td-rating em { display: block; margin-top: 10px; font-size: 40px; font-style: normal; line-height: 40px; } .gri1 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 17px; font-style: normal; color: #2d2d2d; } .gri2 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #a9a8a8; } .gri3 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; color: #2a2a2a; } .blue0 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; color: #49bdff; } .blue1 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; color: #49bdff; } .blue2 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #49bdff; } .blue3 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #0090e3; } a.l1:link, a.l1:visited { font-family: Arial; font-size: 12px; font-style: normal; color: #ffffff; text-decoration: none; } a.l1:active, a.l1:hover { font-family: Arial; font-size: 12px; font-style: normal; color: #ffffff; text-decoration: underline; } a.l1b:link, a.l1b:visited { font-family: Arial; font-size: 12px; font-style: normal; color: #0090e3; text-decoration: none; } a.l1b:active, a.l1b:hover { font-family: Arial; font-size: 12px; font-style: normal; color: #0090e3; text-decoration: underline; } a.l2:link, a.l2:visited { font-family: Arial; font-size: 13px; font-style: normal; color: #0090e3; text-decoration: none; } a.l2:active, a.l2:hover { font-family: Arial; font-size: 13px; font-style: normal; color: #424242; text-decoration: none; } a.l2i:link, a.l2i:visited { background-image: url(images/arrow_down.gif); background-repeat: no-repeat; background-position: right 0px; font-family: Arial; font-size: 13px; font-style: normal; color: #0090e3; text-decoration: none; } a.l2i:active, a.l2i:hover { background-image: url(images/arrow_down_over.gif); background-repeat: no-repeat; background-position: right 0px; font-family: Arial; font-size: 13px; font-style: normal; color: #424242; text-decoration: none; } a.l3:link, a.l3:visited { font-family: Arial; font-size: 11px; font-style: normal; color: #353535; text-decoration: none; } a.l3:active, a.l3:hover { font-family: Arial; font-size: 11px; font-style: normal; color: #ffffff; text-decoration: none; } a.l4:link, a.l4:visited { font-family: Arial; font-size: 18px; font-style: normal; color: #575757; text-decoration: none; letter-spacing: 0px; } a.l4:active, a.l4:hover { font-family: Arial; font-size: 18px; font-style: normal; color: #0090e3; text-decoration: none; letter-spacing: 0px; } a.l5:link, a.l5:visited { font-family: Arial; font-size: 11px; font-style: normal; color: #969696; text-decoration: none; } a.l5:active, a.l5:hover { font-family: Arial; font-size: 11px; font-style: normal; color: #323232; text-decoration: none; } a.l55:link, a.l55:visited { font-family: Arial; font-size: 11px; font-style: normal; color: #746f6f; text-decoration: none; letter-spacing: 1px; } a.l55:active, a.l55:hover { font-family: Arial; font-size: 11px; font-style: normal; color: #746f6f; text-decoration: underline; letter-spacing: 1px; } a.l6:link, a.l6:visited { font-family: Arial; font-size: 11px; font-style: normal; color: #0090e3; text-decoration: none; letter-spacing: 1px; } a.l6:active, a.l6:hover { font-family: Arial; font-size: 11px; font-style: normal; color: #0090e3; text-decoration: underline; letter-spacing: 1px; } a.l7:link, a.l7:visited { font-family: Arial; font-size: 11px; font-style: normal; color: #42b100; text-decoration: none; letter-spacing: 1px; } a.l7:active, a.l7:hover { font-family: Arial; font-size: 11px; font-style: normal; color: #42b100; text-decoration: underline; letter-spacing: 1px; } a.l8:link, a.l8:visited { font-family: Arial; font-size: 13px; font-style: normal; color: #0090e3; text-decoration: none; } a.l8:active, a.l8:hover { font-family: Arial; font-size: 13px; font-style: normal; color: #0090e3; text-decoration: underline; } a.l9:link, a.l9:visited { font-family: Verdana; font-size: 11px; font-style: normal; color: #555; text-decoration: none; } a.l9:active, a.l9:hover { font-family: Verdana; font-size: 11px; font-style: normal; color: #555; text-decoration: underline; } a.l10:link, a.l10:visited { font-family: Verdana; font-size: 11px; font-style: normal; font-weight: bold; color: #555; text-decoration: none; } a.l10:active, a.l10:hover { font-family: Verdana; font-size: 11px; font-style: normal;font-weight: bold; color: #555; text-decoration: underline; } a.tab_link:link, a.tab_link:visited { font-family: Verdana; font-style: normal; color: #0099cc; text-decoration: none; } a.tab_link:active, a.tab_link:hover { font-family: Verdana; font-style: normal; color: #0099cc; text-decoration: underline; } a.l11:link, a.l11:visited { font-family: Arial; font-size: 12px; font-style: normal; color: #746f6f; text-decoration: none; } a.l11:active, a.l11:hover { font-family: Arial; font-size: 12px; font-style: normal; color: #746f6f; text-decoration: underline; } a.l12:link, a.l12:visited { font-family: Verdana; font-size: 13px; font-style: normal; color: #0099cc; text-decoration: none; } a.l12:active, a.l12:hover { font-family: Verdana; font-size: 13px; font-style: normal; color: #0099cc; text-decoration: underline; } a.awppost_link:link, a.awppost_link:visited {font-size: 12px; font-style: normal; color: #42b100; text-decoration: none; } a.awppost_link:active, a.awppost_link:hover { font-size: 12px; font-style: normal; color: #42b100; text-decoration: underline; } a.tag-link-1 , a.tag-link-2 , a.tag-link-3 , a.tag-link-4 , a.tag-link-5 , a.tag-link-6 , a.tag-link-7 , a.tag-link-8 { font-family: Arial; font-style: normal; color: #000000; text-decoration: underline; } /* Begin Images */ p img { padding: 0; max-width: 100%; border: 0px; } /* 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 */ .tab2_content_top { float:left; /*height:48px;*/ width:690px; font-size: 13px; } .tab2_headers_content_top {margin:0px; padding:0px; float:left; } .tab2_headers_content_top a.tab2_h { color: #000; font-size:14px; font-family:sans-serif; font-weight: bold; float:left; height:24px; padding: 10px 12px 0px 12px; margin:0px; border: 1px solid #c3c3c3; border-width:0px 0px 0px 1px; background-image:url("images/tab2_bk_rounded.gif"); background-repeat: repeat-x; background-position:top center; text-decoration:none; } .tab2_headers_content_top a.tab2_h:hover { text-decoration: none; } .tab2_headers_content_top a.tab2_h_active { color: #000; font-size:14px; font-family:sans-serif; font-weight: bold; float:left; height:24px; padding: 10px 12px 0px 12px; margin:0px; border: 1px solid #c3c3c3; border-width:0px 0px 0px 1px; background-image:url("images/tab2_bk_rounded_active.gif"); background-repeat: repeat-x; background-position:top center; text-decoration:none; } .tab2_headers_content_top a.tab2_h_active:hover { text-decoration: none; } .tab2_headers_content_top span { color:#a0a0a0; font-weight:normal; } .tab2_headers_content_top a.left { background-position:top left; border:none;} .tab2_headers_content_top a.right { background-position:top right; } .tab2_headers_content_top a.active { background-color:#ffffff; } .tab2 { width:auto; } .tab2_headers {margin:0px; padding:0px; float:left; } .tab2_headers a.tab2_h { color: #0090E3; float:left; height:24px; padding: 10px 12px 0px 12px; margin:0px; border: 1px solid #c3c3c3; border-width:0px 0px 0px 1px; background-image:url("images/tab2_bk_rounded.gif"); background-repeat: repeat-x; background-position:top center; text-decoration:none; } .tab2_headers a.tab2_h:hover { text-decoration: none; } .tab2_headers a.tab2_h_active { color: #0090E3; float:left; height:24px; padding: 10px 12px 0px 12px; margin:0px; border: 1px solid #c3c3c3; border-width:0px 0px 0px 1px; background-image:url("images/tab2_bk_rounded_active.gif"); background-repeat: repeat-x; background-position:top center; text-decoration:none; } .tab2_headers a.tab2_h_active:hover { text-decoration: none; } .tab2_headers a.left { background-position:top left; border:none;} .tab2_headers a.right { background-position:top right; } .tab2_headers a.active { background-color:#ffffff; } .divpop { position: absolute; border-right: #c5c5c5 1px solid; border-bottom: #c5c5c5 1px solid; border-left: #c5c5c5 1px solid; width: 200px; padding: 10px; background-color: #fffbe5; } .divpop2 { position: absolute; border-right: #c5c5c5 1px solid; border-bottom: #c5c5c5 1px solid; border-left: #c5c5c5 1px solid; width: 300px; padding: 10px 10px 10px 10px; background-color: #fffbe5; } .divpop_content{ width:190px; text-align:left; } .divpop_content2{ width:290px; text-align:left; } .divpop_content_left{ float:left; width: 135px; padding-right:10px; border-right: 1px solid #eee; } .divpop_content_right{ float:left; width: 125px; padding-left:10px; } #wp-calendar{ width: 100%; align:center; } #wp-calendar th{ text-align:center; } #wp-calendar tbody td{ text-align:center; } #wp-calendar caption{ color: #0090e3; border-bottom: 1px solid #e2e2e2; padding-bottom:5px; text-align: center; } #wp-calendar a:link, #wp-calendar a:visited { font-family: Arial; font-size: 13px; font-style: normal; color: #0090e3; text-decoration: none; } #wp-calendar a:active, #wp-calendar a:hover { font-family: Arial; font-size: 13px; font-style: normal; color: #0090e3; text-decoration: underline; } #next{ text-align: right; } .post-date { width: 45px; height: 49px; float:left; background: url(images/date-bg.gif) no-repeat; } .post-month { font-size: 11px; text-transform: uppercase; color: #FFFFFF; text-align: center; display:block; line-height: 11px; padding-top: 2px; margin-left: -3px; } .post-day { font-size: 18px; text-transform: uppercase; color: #999999; text-align: center; display:block; line-height: 18px; padding-top: 7px; margin-left: -3px; } .wp-pagenavi{ background-image: url(images/content_bar.gif); background-repeat: no-repeat; background-position: center 0px; width: 690px; height:33px; float: left; margin-top:10px; font-family: Arial; color:#555; font-size: 12px; padding-top:4px; } .subscribe-to-comments{ width: 668px; float: left; background-color: #fefbd3; border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; text-align: left; font-family: Arial; font-size: 14px; font-style: normal; color: #252525; padding-left:20px; padding-top:10px; margin:0px; }