/* Theme Name: PhotosPress Theme URI: http://wordpress.org/ Description: Specialy for PhotosPress by SpinyMan. Version: 1.0 Author: SpinyMan Author URI: http://spinyland.md6.ru/ Tags: blue, custom header, fixed width, two columns, widgets Text Domain: kubrick 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 */ /* Begin Typography & Colors */ body {font: 12px Arial, Verdana, Sans-Serif; background: #d5d6d7 url('images/fon.png') top center repeat-y; color: #fff; text-align: center;} #page {background: #FFF; text-align: left;} #header {} #content {font-size: 1.2em;} .widecolumn .entry p {font-size: 1.05em;} .narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em;padding: 9px;} .narrowcolumn .postmetadata, .entry form, .center {text-align: center;} .thread-alt {background: #f8f8f8;} .thread-even, #wp-calendar td.pad:hover {background: #0C040C;} .depth-1 {border: 1px solid #ddd;} .even, .alt {border-left: 1px solid #ddd;} small {font: 0.9em/1.5em Arial, Helvetica, Sans-Serif;} h1, h2, h3 {font-family: Arial, Verdana, Sans-Serif; font-weight: bold;} h1 {font-size: 4em; text-align: center;} #headerimg .description {font-size: 1.2em; text-align: center;} h2, h2.pagetitle {font-size: 1.6em;} #sidebar h2 {font: 1.2em 'Lucida Grande', Verdana, Sans-Serif;} h3 {font-size: 1.3em;} h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none; color: #FFF;} h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #fff;} h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite, #wp-calendar a {text-decoration: none;} .entry p a:visited {color: #fff;} .sticky {background: #f7f7f7; padding: 0 10px 10px;} .sticky h2 {padding-top: 10px;} .commentlist li, #commentform input, #commentform textarea {font: 0.9em Arial, Verdana, Sans-Serif;} .commentlist li ul li {font-size: 1em;} .commentlist li {font-weight: bold;} .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;} .commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;} #commentform p {font-family: Arial, Verdana, Sans-Serif;} .commentmetadata {font-weight: normal;} #sidebar {font: 1em Arial, Verdana, Sans-Serif;} small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;} code {font: 1.1em 'Courier New', Courier, Fixed;} acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em;} a, h2 a:hover, h3 a:hover {color: #fff; text-decoration: none;} a:hover {color: #fff; text-decoration: underline;} #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;} #wp-calendar caption {font: bold 1.3em Arial, Verdana, Sans-Serif; text-align: center;} #wp-calendar th {font-style: normal; text-transform: capitalize;} /* End Typography & Colors */ /* Begin Structure */ body {margin: 0; padding: 0;} #page {background: url('images/page_bg.png') repeat-y; margin: 0px auto; padding: 0; width: 998px;border-left:#8D3886 1px solid;border-right:#C8850B 1px solid;} #header {margin: 0; padding: 0; height: 318px; width: 998px;text-align: center;} #headerimg {margin: 0 0 5px; height: 200px;background: url('images/logo.jpg') no-repeat;} .narrowcolumn {float: left; margin: 0 0 0 20px; width: 710px;} .widecolumn {float:left; margin: 0 0 0 20px; width: 710px;} .post {margin: 0 0 10px; text-align: justify;border:#473C1F 1px solid;background: #0C040C;} .post hr, #wp-calendar a {display: block;} .widecolumn .post, #sidebar form {margin: 0;} .narrowcolumn .postmetadata {padding-top: 5px;} .widecolumn .postmetadata {margin: 30px 0;} .widecolumn .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;} .widecolumn .attachment {text-align: center; margin: 5px 0px;} .postmetadata, .clear {clear: both;} #footer {padding: 0; margin: 0 auto; height: 40px;padding: 25px 40px 0; clear: both;background: #000;color: #AD7542;} #footer a:link,#footer a:active,#footer a:visited { color: #fff;text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer p {margin: 0; padding: 20px 0; text-align: center;} /* End Structure */ /* Begin Headers */ h1 {padding-top: 70px; margin: 0;} h2 {} h2.pagetitle {text-align: center;} #sidebar h2 {margin: 5px 0 0; padding: 0;} h3 {padding: 0; margin: 30px 0 0;} h3.comments {padding: 0; margin: 40px auto 20px;} /* End Headers */ /* 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, .aligncenter, div.aligncenter {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 */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html > body .entry ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px;} html > body .entry li {margin: 7px 0 8px 10px;} .entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";} .entry ol {padding: 0 0 0 35px; margin: 0;} .entry ol li, #sidebar ul, #sidebar ul ol {margin: 0; padding: 0;} .postmetadata ul, .postmetadata li {display: inline; list-style: none none;} #sidebar ul li {list-style: none none;background: url('images/archive_bg.png') repeat-x;height:23px;padding: 3px 0 0 70px;font-size: 16px;display: block;margin: 0;} #sidebar ul li a:link,#sidebar ul li a:visited,#sidebar ul li a:active { color: #E4C38F;text-decoration: none; } #sidebar ul li a:hover { text-decoration: underline; } #sidebar ul p, #sidebar ul select {margin: 5px 0 8px;} #sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;} #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;} /* End Entry Lists */ /* Begin Form Elements */ #searchform {margin: 10px auto; padding: 5px 3px;} #sidebar #searchform #s {width: 122px;margin: 0 15px 0 6px;border: none;color: #fff;background: transparent;} #sidebar #searchform #search {height: 22px;padding: 2px 2px 2px 8px;} #sidebar #searchform #search #table { background: url('images/search_bg.png') left no-repeat; } #sidebar #searchsubmit {padding: 1px;} select {width: 130px;} #commentform input {} #commentform {margin: 5px 1px 0 0;} #commentform textarea {width: 704px; padding: 2px;border: #3A2D24 1px solid;background: #000;color: #fff;} #respond:after {content: "."; display: block; height: 0; clear: both;visibility: hidden; } #commentform #submit {margin: 0 0 5px auto; float: right;} /* End Form Elements */ /* Begin Comments*/ .alt {margin: 0; padding: 10px;} .commentlist {padding: 0; text-align: justify;} .commentlist li {margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none;} .commentlist li ul li {margin-right: -5px; margin-left: 10px;} .commentlist p {margin: 10px 5px 10px 0;} .children {padding: 0;} #commentform p {margin: 5px 0;} .nocomments {text-align: center; margin: 0; padding: 0;} .commentmetadata {margin: 0; display: block;} /* End Comments */ /* Begin Sidebar */ #sidebar {padding: 0 0 10px 0; margin-left: 740px; width: 238px;} #sidebar .widget,.widget { border:#755413 1px solid;margin-bottom: 9px;background: #0D050C;color: #E4C38F; } #sidebar .widgettitle,.widgettitle { height: 30px;background: url('images/widget_bg.jpg');padding-top: 5px;color: #fff;text-align: center;font-size: 18px; } .besttitle { height: 30px;background: url('images/best_bg.jpg');padding-top: 5px;color: #fff;text-align: center;font-size: 18px; } #header .widget { border: none;background: none; } .widget ul { margin: 0;padding: 10px 0 8px 9px; } .widget ul li { list-style: none;display: inline;margin: 0 5px 0 0; } .widget ul li img { border: #fff 1px solid; } #wp-calendar {empty-cells: show; margin: 10px auto 0;} #wp-calendar #next a {padding-right: 10px; text-align: right;} #wp-calendar #prev a {padding-left: 10px; text-align: left;} #wp-calendar caption {text-align: center; width: 100%;} #wp-calendar td {padding: 3px 0; text-align: center;} acronym, abbr, span.caps {cursor: help;} acronym, abbr {border-bottom: 1px dashed #999;} blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;} blockquote cite {margin: 5px 0 0; display: block;} .hidden, hr {display: none;} .screen-reader-text {position: absolute; left: -1000em;} a img {border: none;} .navigation {display: block; text-align: center; margin-top: 10px;background: url('images/pages_bg.png') repeat-x;height: 26px;} .navigation .link { margin: 4px 6px 0 6px;font-size: 16px;font-family: Verdana; } /* End Various Tags & Classes*/ /* Captions */ .wp-caption {border: 1px solid #ddd; text-align: center; background: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .wp-caption img {margin: 0; padding: 0; border: 0 none;} .wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} /* End captions */ /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. It won't be a stylish marriage, I can't afford a carriage. But you'll look sweet upon the seat of a bicycle built for two." */ #top-menu { height: 41px;background: url('images/menu_bg.png') repeat-x;padding: 10px 0 0 0; } #top-menu ul { padding: 0;margin: 0; } #top-menu ul li { display: inline;list-style: none;margin: 0 20px;font-size: 16px;text-transform: uppercase; } .post_header { height: 34px; background: url('images/dlg_bg.jpg') no-repeat;padding: 2px 10px 0 2px; } .post_header .post_date { float: left;width: 108px;height: 30px;color: #fff;margin-right: 5px;text-align: center;padding: 8px 0 0 3px;letter-spacing: 1px; } .post_header .post_title { padding: 4px 0 0 0;float: left;font-size: 18px;width: 396px;overflow: hidden; } .post_header .post_comments { float: right;padding: 4px 0 0 12px;font-size: 16px;height: 33px; } .post_bottom { height: 23px; background: url('images/read_bg.jpg') no-repeat; } .post_bottom .post_read { width: 152px;height: 16px;font-size: 12px;padding:1px 10px 0 0;float: right;text-align: right;margin: 3px; } .post_image { overflow: hidden; } .post_image img { border: #fff 1px solid; }