/* Theme Name: Roge 3.0 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/ 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 */ /*Fonts*/ body {font-family: Trebuchet MS, Arial, sans-serif; font-size: 80%; color: #6f665e;} a {color: #ac9e4f;} #menu a {color: #ff8900; font-weight: bold; text-decoration: none; font-size: 13px;} #menu .active a, #menu a.current, #menu a.parent_of_current {color: #fff;} .post h2 {font-weight: normal; color: #b4b072; padding-left: 43px; font-size: 1.8em; margin: 0;} .post .entry {font-size: small;} .post h2 a {color: #b4b072; text-decoration: none;} .post .premeta {color: #e5d369;} /*.unsided .print {color: #ff5f00; text-transform: uppercase; font-weight:bold;}*/ #sidebar a {color: #6f665e;} #sidebar h2 {color: #fff; font-weight: normal; font-size: 18px; } /*#sidebar h2 b {color: #ff8900; font-weight: bold; padding-right: 7px;}*/ #sidebar h2:first-letter {color: #ff8900; font-weight: bold; } ul.recent_comments {font-size: 11px;} #sidebar ul.recent_comments a {font-size: 12px; font-weight: bold; color: #fff;} #footer .back {text-transform: uppercase; font-weight: bold; font-size: 0.9em;} .pagetitle {text-align: center; margin-top: -30px;} .welcome h1, .gallery h1, .pagetitle {color: #b29172; font-size: 1.4em; font-weight: normal;} .welcome h2, .gallery h2 {padding-left: 36px; font-size: 1.2em;} #searchform label, a.email {color: #fff; line-height: 22px; font-weight: bold;} .commentlist li {font-weight:bold; color: #ac9e4f;} .commentlist li * {font-weight: normal; color: #6f665e;} .commentlist li a {color: #ac9e4f;} #commentform p.sub input {text-decoration: underline; color: #aea150;} #commentform label small {font-size: 1em; line-height: 22px;} #commentform label .red {color:red; font-size: 0.8em;} h3.note, h3#comments, h3#respond {text-align: center; color: #d8d5a7; margin: 0; padding: 0;} h3.note {color: #ff5500;} .red {color: #ff5500;} p.note {background-color: #eeebd8; padding: 10px;} .post .entry h2 {padding: 0; font-size: 1.4em; margin: 10px 0;} body, html {height: 100%;} body {min-width: 924px; margin: 0; padding: 0; background: url("images/bback.jpg"); text-align: center;} .cb {clear: both;} br.cb, .tbborder {font-size: 0px; line-height: 0px;} img {border: none;} ul.nobul {list-style: none; margin: 0; padding: 0;} li.nobul {list-style: none;} #wrapper {min-height: 100%; width: 924px; margin: 0 auto; text-align: left;} #wrapper {background: url("images/hbnos.gif") repeat-y;} #wrapper.sided {background: url("images/hbs.gif") repeat-y;} * html #wrapper {height: 100%;} .outer {padding-right: 5px; padding-left: 19px; background: url("images/wave.gif") no-repeat; float: left; min-height: 652px;} * html .outer {height: 652px;} #header { margin-left: 19px; margin-right: 5px; height: 144px; position: relative;} #hdl, #hdm, #hda, #hdani, #hdr {height: 139px; float: left;} #hdl {width: 313px; background: url("images/hdl.gif") no-repeat;} #hdm {width: 287px; background: url("images/hdm.gif") no-repeat;} #hda {width: 67px; background: url("images/hda1.gif") no-repeat;} #hdani {width: 84px; background: url("images/hdani.gif") no-repeat;} #hdr {width: 149px; background: url("images/hdr.gif") no-repeat;} .tbborder {height: 5px; background-color: #575443; clear: both;} #menu { padding-left: 165px; margin-left: 19px; margin-right: 5px; height: 44px; background: url("images/mnb.gif") no-repeat left; position: relative;} #mnr {position: absolute; top: 0; right: 0; width: 285px; height: 44px; background: url("images/mnrnos.gif") no-repeat;} .sided #mnr {background: url("images/mnrs.gif") no-repeat;} a.email {z-index: 201; background: url("images/email.gif") no-repeat left; padding-left: 20px; position: relative; top: 25px; left: 270px; display: block; text-decoration: none;} #menu a {position: relative; top: 7px; height: 24px; text-align: center; line-height: 24px; display: table;} #menu .mnabl {position: relative; top: -1px; float: left; margin: 0 8px;} #menu .active a {padding: 0; background-color: #D8D5A7; display: inline-block;} #menu .active {background: url("images/mnabl.gif") no-repeat left; height: 31px; padding-left: 16px; margin: 0px;} #menu .active .mnabr {background: url("images/mnabr.gif") no-repeat right; height: 31px; padding-right: 16px; float: left; } #menu a:hover {text-decoration: underline;} #menu a.active:hover {text-decoration: none;} #content {float: left; width: 900px; position: relative; min-height: 652px; background: url("images/ctl.gif") no-repeat;} .sided #content {width: 695px;} #contentholder {min-height: 652px; background: url("images/nosdctr.gif") no-repeat top right; } .sided #contentholder {background: url("images/sdl.gif") no-repeat top right; } * html #contentholder {height: 652px;} #sidebar { float: left; width: 205px; position: relative; min-height: 652px; background: #d8d5a7 url("images/sdb.gif") no-repeat top left; } * html #sidebar {height: 652px;} #footer { height: 221px; margin-top: -226px; width: 924px; text-align: left; margin: 0 auto; position: relative;} #footer {background: url("images/hbnos.gif") repeat-y;} #footer.sided {background: url("images/hbs.gif") repeat-y;} #footerholder {margin-left: 19px; margin-right: 5px; background: url("images/ftb.gif") no-repeat; height: 221px; position: relative;} div.sound {position: absolute; top: 0; left: 0; width: 60%; height: 100%; z-index: 200; } #header div.sound {left: auto; right: 0; width: 100%;} #footer #fsound2 {left: auto; right: 0; width: 233px;} #footer .back {position: relative; top: 92px; left: 40px;} #fa1 {position: absolute; top: 0; left: 77px;} #fa2 {position: absolute; top: 0; left: 199px;} #fa3 {position: absolute; top: 0; left: 229px;} #fa4 {position: absolute; top: 30px; left: 40px;} #ftr {position: absolute; top: 0; right: 0; width: 233px; height: 221px;} #ftr {background: url("images/ftrnos.gif") no-repeat left;} .sided #ftr {background: url("images/ftrs.gif") no-repeat left;} #footer .tbborder {margin-left: 14px;} #contentholder {margin-left: 20px; padding-top: 40px;} .welcome, .post {margin-bottom: 40px;} .post {margin-left: 20px; position: relative;} .unsided .post {width: 700px;} .sided .post {width: 595px; background: url("images/phback.gif") no-repeat 0px 3px; position: relative;} .unsided .post h2 {background: url("images/sihb.gif") repeat-x bottom; text-align: center; padding-bottom: 5px; padding-left: 0;} .post .entry {margin: 0 20px; padding: 30px 0; clear: both; } .unsided .post .entry {margin: 0;} .postmetadata {border-top: 1px solid #eeebd8; clear: both; text-align: right; font-size: 0.9em; line-height: 24px;} .postmetadata a.comments {background: url("images/ico_comment.gif") no-repeat left; padding: 2px 0 2px 25px;} .post .premeta {width: 100%; text-align: right; padding: 0; margin: 0;} .post b.number {position:absolute; top: 44px; left: 23px; color: #fff; font-size: 0.9em; } .post .pnote {height: 53px; text-align: center; background: url("images/ennote.gif") no-repeat top left; position: relative;} .sided .post .pp_image_a {background: url("images/photoback.gif") no-repeat center; margin: 10px 0; display: block; width: 502px; height: 360px;} .sided .post .pp_image {margin: 10px; } .unsided .post .pp_image {margin-bottom: 10px;} #searchform {position: relative; margin-left: 70px; display:block; margin-top: 25px; z-index: 201; width: 216px;} #searchform label {float: left;} #searchform #s {background: url("images/stfb.gif") no-repeat; width: 134px; height: 22px; float: left; } #searchform #ss {background: url("images/ssfb.gif") no-repeat; width: 22px; height: 22px; float: right; } #searchform #s input {border:none; background-color: transparent; width: 105px; height: 20px; margin-left: 18px; margin-top: 2px;} #searchform #ss input {border:none; background-color: transparent; height: 20px; width: 20px;} * html #searchform #s input, * html #searchform #ss input {filter:alpha(opacity=0); -moz-opacity:.0; opacity: .0;} /*Welcome*/ .welcome {background: url("images/wback.gif") no-repeat; height: 259px; margin-top: -42px; position: relative;} .welcome h1 {margin: 0; padding: 30px 0 0 0px;} .gallery h1 {margin: 0; padding: 30px 0 0 60px;} .welcome p {padding: 0px 60px 0px 0px; margin: 5px 0;} .gallery p {padding: 0px 60px 0px 20px;} .galleryholder p {padding-right: 0px;} .welcome .sub, .gallery .sub {text-align: center; position: absolute; bottom: 10px; left: auto; right: auto;} .welcome .sub a, .gallery .sub a, .gallery .pp_thumb span {background: url("images/wcbulred.gif") no-repeat left; padding-left: 16px; padding-right: 10px;} .welcome .sub a:hover, .gallery .sub a:hover, .pp_thumb:hover span {background: url("images/wcbulwhite.gif") no-repeat left;} .welcome {padding-left: 260px; padding-right: 40px;} .welcome p {font-size: 0.85em;} .welcome .lang {position: absolute; bottom: 40px; left: auto; right: auto; list-style: none; padding: 0; margin: 0; text-align: center; font-weight: bold; font-size: 1.2em; width: 305px;} .welcome .lang li {display: inline;} .welcome .lang li.language_item {padding: 0 10px;} /*Gallery*/ .gallery {background: url("images/gtb.gif") no-repeat; width: 653px; margin-top: -42px; position: relative; } .galleryholder {background: #eeebd8 url("images/gbb.gif") no-repeat bottom; width: 600px;} .galleryholder .pp_thumb {float: left; padding: 0 9px;} .gallery .pp_thumb {text-decoration: none; text-align: center; height: auto;} .gallery .pp_thumb span {padding: 0 0 0 16px; line-height: 40px; text-align: left; clear: both; width: 172px; overflow: hidden;} .gallery #pp_page_links {margin-top: 60px;} /*Sidebar*/ #sidebar ul {list-style: none; width: 185px; margin: 0; padding: 0; padding-left: 10px;} #sidebar ul li {margin-bottom: 20px;} #sidebar ul li ul li {margin-bottom: 0;} #sidebar h2 {background: url("images/sdhb.gif") no-repeat left; padding: 0 0 2px 5px; margin: 0 0 10px 0;} #sidebar ul ul {list-style: none; width: auto; margin: 0; padding: 0;} #sidebar .white {background: url("images/sdwb.gif") no-repeat bottom left; padding-bottom: 10px;} #sidebar .white ul {background: #fff url("images/sdwt.gif") no-repeat top left; padding-top: 10px;} #sidebar .white ul li {padding: 0 5px;} /*#sidebar .white ul li {background-color: }*/ a.pp_thumb {background: url("images/thumbg.gif") no-repeat center top; display: block; width: 182px; height: 202px;} a.pp_thumb img {margin-top: 11px; margin-left: 1px;} #sidebar a.pp_thumb {background: url("images/thumbs.gif") no-repeat center top;} /*Comments*/ .sided .commentsholder {width: 595px; margin-left: 20px;} .unsided .commentsholder {width: 700px; margin-left: 20px;} /*.unsided .commentlist {width: 700px;}*/ .commentlist {list-style-type: none; margin: 0px; padding: 0; margin-bottom: 20px; } .commentlist li {background: url("images/ico_comment.gif") no-repeat top left; font-weight:bold; border-bottom: 1px solid #eeebd8; margin-top: 10px; padding-left: 25px; padding-bottom: 10px;} .commentlist li * {font-weight: normal;} .commentlist cite {left: 25px;} .commentlist .commentmetadata {clear: both; display: block; margin-left: -25px;} .commentlist p {margin-left: -25px;} h3#comments, h3#respond {background: url("images/widehr.gif") no-repeat bottom; padding-bottom: 10px; margin-bottom: 10px;} .sided h3#comments, .sided h3#respond {background: url("images/narrowhr.gif") no-repeat bottom;} /*.unsided h3#comments, .unsided h3#respond {width: 700px; margin-left: 20px;}*/ #commentform {width: 534px; height: 232px; background: url("images/comback.gif") no-repeat; padding-top: 25px;} #commentform p {margin: 0; padding: 0; position: relative; left: -10px; height: 26px; width: 360px; text-align: right; background: url("images/ctfb.gif") no-repeat top right; clear: both;} #commentform p.nop {height: 88px; text-align: right; background: url("images/ctab.gif") no-repeat top right; } #commentform p.sub {text-align: right; background: none;} #commentform label {float: left;} #commentform p input {float: right; width: 285px; margin-right: 7px; margin-top: 2px;} #commentform textarea {width: 285px; margin-right: 7px; height: 84px; overflow: auto;} #commentform p.sub input {background: transparent url("images/cbb.gif") no-repeat bottom right; border: none; padding: 5px 22px 0 0; width: auto; height: 28px;} #commentform input, #commentform textarea {border: none; background-color: transparent;} #mogmoblock {width: 160px; height: 200px; background: url(http://www.mogmo.com/blocks/160/b.gif) no-repeat bottom; font-family: Arial sans-serif; line-height: 16px; font-size: 12px; text-align: left;} #mogmoblock, #mogmoblock * {border: 0; margin: 0; padding: 0;} #mogmoblock br {font-size: 0px; line-height: 0px;} #mogmoblock a.l {clear: both; float: left;} #mogmoblock .bs {padding-left: 18px; margin-left: 7px; background: url(http://www.mogmo.com/blocks/160/gs.gif) no-repeat left; color: white;} #mogmoblock .fl, .fr {width: 50%; float: left;} #mogmoblock #sf {clear: both; padding: 6px 7px 0 7px; } #mogmoblock input, #mogmoblock #tf {width: 100%; height: 27px;} #mogmoblock #tf input {border: none; background-color: transparent; margin-top: 4px; height: 22px;} #mogmoblock #tf {background: url(http://www.mogmo.com/blocks/160/tf.gif) no-repeat; margin-bottom: 4px;} 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} .center {text-align: center;} .recent_child_pages ul {padding: 0; margin: 0 20px; list-style-type: none;} .recent_child_pages a {font-weight: bold; background: url("images/wcbulred.gif") no-repeat left; padding-left: 16px;} .recent_child_pages a:hover {background: url("images/wcbulwhite.gif") no-repeat left;} .rcp_excerpt {padding: 10px 0 10px 16px; display: block;} .rcp_excerpt p, .rcp_excerpt p.note {padding: 0; margin: 0; color: #6f665e;} ul.linkslist a {text-decoration: none; font-weight: bold;} ul.linkslist img {margin-right: 10px; float: left;} ul.linkslist li {margin: 10px 0; clear: both;} ul.linkslist b {clear: right; display: block;} .contactform {text-align: left; width: 400px;} .contactform label {float: left;} .contactform input, .contactform textarea {float: right;} .contactform textarea {width: 100%;} .contactleft {clear: left;} .contactleft, .contactright, .contactform label {line-height: 22px;} .contactleft, .contactright {padding: 2px 0;} .contactleft br {line-height: 5px;} .contactform .file {margin: 2px 0;} #contactsubmit {clear: both; margin-top: 10px;} #pp_page_links {text-align: center;} p.ru {background: url(images/pru.gif) no-repeat top; padding-top: 10px; margin-top: 10px;} .over {position: absolute; z-index: 201;} #copy {left: 140px; bottom: 0px; font-size: 11px;} #wplink {position: absolute; bottom: 10px; right: 60px;} /*.postdata {height: 322px;}*/ /*.postdata .print {float: left; width: 180px; margin-right: 20px;}*/ .unsided .print {text-align: center; border-top: 1px solid #eeebd8; padding-top: 10px;} .unsided .postmetadata {clear: none;} .unsided .l {float: left; color: #666; padding-right: 10px;} .unsided .navigation {float: left;} .post .pnote {margin: 20px 0;} .post .pnote .note {position: absolute; bottom: 5px; left: 0; width: 100%; text-align: center;} /*.post p {float: left;}*/ /*.unsided .print {background: url("images/star.gif") no-repeat left; line-height: 23px; padding-left: 25px;}*/ /*.unsided .navigation, .unsided .postmetadata, .unsided .pnote {*//*text-align: center; *//*border: none; font-family: Trebuchet MS;}*/ /*.unsided .navigation, .unsided .pnote {font-weight: bold; font-size: 1.6em; color: #ac9e4f; margin-bottom: 10px;}*/ /*.unsided .navigation a {text-decoration: none;}*/ /*.unsided .postmetadata {font-weight: bold; color: #ac9e4f;}*/