/*
Theme Name: Desk Mess Mirrored
Theme URI: http://buynowshop.com/themes/desk-mess-mirrored/
Description: Marble desktop covered with a mix of old and new items, such as some vintage papers, a stainless steel pen, and, a hot cup of coffee! Now with threaded comments and sticky posts! Please read the included changelog.txt file for the details of the latest changes and important notices. The child theme Multi, currently included, will not be included in versions after 1.4.5 but will be available for download at http://buynowshop.com/themes/desk-mess-mirrored/
Version: 1.4.5
Author: Edward Caissie
Author URL: http://edwardcaissie.com/
Tags: brown, orange, silver, tan, light, two-columns, right-sidebar, fixed-width, threaded-comments, sticky-post
**
* Theme Changelog: see changelog.txt
*
* The CSS, XHTML and design is released under GPL:
* http://www.opensource.org/licenses/gpl-license.php
**
*/
/* = GLOBAL = */
* {margin:0;padding:0;}
body {
margin: 0;
padding: 0;
background:#848484 url(images/marble-bg.png) repeat top left;
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size: 17px;
line-height:21px;
color: #635537;
}
a:link, a:visited {
color: #038D06;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:focus, a:active {
color: #038D06;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 h7 {
font-family:"wide latin", Georgia, Times, serif;
font-weight:normal;
line-height:normal;
}
h1 {
font-size:25px;
padding-bottom:2px;
}
h2 {
font-size:20px;
padding-bottom:10px;
padding-top:13px;
}
h3 {
font-size:17px;
padding-bottom:10px;
padding-top:14px;
}
h4 {
font-size:15px;
padding-bottom:10px;
padding-top:12px;
}
h5 {
font-size:13px;
padding-bottom:10px;
padding-top:11px;
}
h6 {
font-size:11px;
padding-bottom:10px;
padding-top:10px;
}
h7 {
font-size:50px;
padding-bottom:15px;
padding-top:15px;
}
.hr, .desk-mess-mirrored {
border: none;
background: none;
background-image: url(images/hr-img.png);
height: 40px;
width:560px;
margin:0 auto;
}
.aligncenter {text-align: center;}
sup {font-size: 75%;}
sub {font-size: 75%;}
/* === HEADER === */
#header-container {
width: 990px;
margin: auto;
padding: 0;
}
#header{
position:relative;
height:295px;
}
#header a:link,
#header a:visited,
#header a:hover,
#header a:focus,
#header a:active {
text-decoration: none;
color: inherit;
}
#headerleft {
margin-left: -195px;
margin-top: -195px;
float: left;
background: url(images/left-pile.png) no-repeat;
width: 640px;
height: 463px;
position: relative;
z-index: 100;
}
#logo {
margin-left: -93px;
float:left;
background:url(images/logo-bg.png) no-repeat;
width:360px;
height:227px;
position: relative;
top: -10px;
}
#logo h2{
font-family:"wide latin", Arial, sans-serif;
font-size:24px;
color:#84500e;
text-align:center;
font-style:italic;
font-weight:bold;
margin:40px 0 0 24px;
min-width:280px;
}
#logo p{ /* Tagline */
font-family:"wide latin", Arial, sans-serif;
font-size: 15px;
color:#84500e;
font-style:italic;
font-weight:bold;
margin-left:50px;
text-align:center;
max-width:300px;
max-height:75px;
}
#cup {
margin-right: -135px;
margin-top: -100px;
position: relative;
float: right;
background:url(images/cup3m.png) no-repeat;
height: 395px;
width: 400px;
}
/* === MENU === */
#menu {
height:55px;
left:20px;
margin:0;
padding:0;
position:absolute;
text-transform:uppercase;
top:248px;
}
#menu, #menu ul {
line-height:3.5;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#menu a, #menu a:hover {
border:none;
display:block;
text-decoration:none;
}
#menu li {
background:transparent url(images/menu_button.png) repeat scroll 0 0;
float:left;
height:61px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:2px;
margin-right:2px;
text-align:center;
min-width:99px;
position: relative;
white-space: nowrap;
}
#menu a, #menu a:visited {
color:#84500e;
display:block;
font-weight:bold;
padding:10px 12px;
}
#menu a:hover, #menu a:active {
color:#00761D;
text-decoration:none;
}
/* === MAIN AREA == */
.clear {
position: relative;
clear: both;
height: 5px;
}
#wrapper {
margin: 0 auto;
width: 977px;
background-image: url(images/main-page-middle.png);
background-repeat: repeat-y;
position: relative;
}
#mainwrap{
width:990px;
margin:0 auto;
}
#maintop {
margin: 0 auto;
position: static;
width: 977px;
background:url(images/main-page-top.png);
height:113px;
}
#content {
clear: both;
width: 940px; /* reduced from 950px - corrects IE6 horizontal scroll */
margin: 0 0 0 45px;
}
/* === MAIN BLOG === */
#main-blog {
float:left;
width:580px;
padding:15px 10px 10px 10px;
}
#main-blog h1 {
font-size:22px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
line-height:normal;
padding-bottom:2px;
}
#main-blog h1 a, #main-blog h1 a:visited, #main-blog h1 a:active{
color:#4a4131;
text-decoration:none;
border-bottom:1px solid #b2b0a4;
}
#main-blog h1 a:hover{
color:#00761D;
text-decoration:none;
border-bottom:1px solid #d21600;
}
div#main-blog ul li.page_item, div#main-blog div#contact-us ul li {
list-style: disc inside none;
padding-left: 10px;
}
.page ol {
list-style-image:none;
list-style-position:inside;
padding-left:12px;
}
div #main-blog .page ul {
list-style-image:none;
list-style-position:inside;
padding-left:10px;
}
div #main-blog .page li {padding-left: 10px;}
.postdata {
margin-bottom: 20px;
font-size: 15px;
font-weight: normal;
font-style:italic;
color: #4a4131;
}
.post {margin-bottom:60px;}
.post p {
margin:0;
padding:0 0 10px;
}
.post ul {
margin-left:35px;
margin-bottom:15px;
}
.post ol {
margin-left:35px;
margin-bottom:15px;
}
.post dl {
margin-left:5px;
margin-bottom:10px;
border-right: 1px inset;
border-bottom: 1px inset;
}
.post dl dt {font-weight: bold;}
.post dl dd {margin-left:10px;}
.sticky {
border: medium double Black;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-size: 14px;
padding: 5px;
}
#author_link{
padding-left: 10px;
font-weight: bold;
font-style: italic;
}
#author { /* add additional styling to the author's taste */
font-style: italic;
font-size: 14px;
padding: 5px;
/* width: 570px; */
text-align: left;
}
#author ul {
list-style-image:none;
list-style-type:none;
}
.post-comments {
float: right;
width: 63px;
height: 61px;
padding:18px 0 0 20px;
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
margin:-7px 20px 0 0;
background: url(images/commentbck.png) no-repeat;
}
.post-comments a:link, .post-comments a:visited, .post-comments a:active{
color:#4a4131;
text-decoration:none;
}
.post-comments a:hover {
color:#00761D;
text-decoration:none;
}
.post-social {
float: right;
width: 78px;
height: 74px;
margin:-22px 30px 0 0;
background: url(images/socialbck.png) no-repeat;
}
.rss {
background: url(images/rssicon.png) no-repeat 0 50%;
padding-left:20px;
padding-top:1px;
}
blockquote {
clear: both;
margin-top: 10px;
margin-right: 35px;
margin-bottom: 0px;
margin-left: 5px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 40px;
background-image: url(images/quotes.png);
background-repeat: no-repeat;
background-position: left 2px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-size: 14px;
color: #606060;
}
blockquote cite {
padding-left: 10px;
font-weight: bold;
}
pre { /* Use for "Code" text styling */
margin: 0px;
padding: 5px;
background-image: url(images/pre-bg.png);
border: 1px inset;
font-style: italic;
font-size: 14px;
text-align: left;
overflow: auto;
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
/* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
pre code {background-image: url(images/pre-bg.png);}
/* Gallery */
dl.gallery-item{margin: 0;}
/* === SIDEBAR == */
/* Organized by general layout of sidebar template */
#sidebar {
width:305px;
position:relative;
float:left;
margin:-20px 0 0 -8px;
}
#sidebar-top {
background: url(images/sidebartop1.png) no-repeat;
height: 90px;
min-height: 90px;
}
#sidebar-content {
background: url(images/sidebarmid1.png) repeat-y;
padding:9px 30px 30px 30px;
}
#subcolumn{width:255px;}
#subcolumn ul {
list-style-image:none;
list-style-type:none;
}
#search{
width:252px;
height:125px;
background:url(images/searchbck.png) no-repeat;
margin-left:4px;
}
.form-input {
margin: 65px 10px 10px 37px;
width: 173px;
padding: 2px 2px;
background: #faf6f6;
border: 1px solid #e3dccb;
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
.form-input:focus {
background:#f2f0f0;
border: 1px solid #b5b4b2;
}
.search-submit {
margin:0 0 0 84px;
width: 85px;
background: #faf6f6;
border: 1px solid #e3dccb;
color: #666;
font-size:.85em;
}
#calendar_wrap{margin-left:55px;}
.widget {
width:252px;
margin-left:4px;
background:url(images/widgetbck.png) repeat-y;
border-bottom:1px solid #e3dccb;
margin-bottom:20px;
text-align:center;
padding-bottom:10px;
margin-top:10px;
}
.widget p {padding-left:5px;}
.widget h2 {
height:40px;
width:252px;
background:url(images/widgeth2.png) no-repeat;
text-align:center;
padding:22px 0 0 0;
font-size:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
line-height:normal;
color:#4a4131;
margin:0;
}
.widget ul {
margin:0 0 15px 0;
padding:5px 0;
border:none ;
list-style:none;
}
.widget ol {
margin:0 0 15px 0;
padding:5px 0;
border:none ;
list-style:none;
}
.widget li {list-style-image:none;}
.widget ul li {
padding:5px 15px 10px 15px;
margin:0px;
background: url(images/listseparator.png) no-repeat 25% 100%;
}
.widget ol li {
padding:5px 15px 10px 15px;
margin:0px;
background: url(images/listseparator.png) no-repeat 25% 100%;
}
.widget ul li a{
color: #00761D;
text-decoration:none;
}
.widget ol li a{
color: #00761D;
text-decoration:none;
}
.widget ul li a:hover{
color: #635537;
text-decoration:none;
}
.widget ol li a:hover{
color: #635537;
text-decoration:none;
}
.textwidget{padding:0 8px 0 8px;}
.widget #wp-calendar {
empty-cells:show;
font-size:12px;
font-weight:bold;
margin:0 auto;
padding:0;
text-align:center;
text-decoration:none;
width:200px;
}
.widget table#wp-calendar {margin: 0 auto;}
.widget #calendar_wrap{margin: 0 auto;}
#sidebar-bottom {
background: url(images/sidebarbottom1.png) no-repeat;
height: 37px;
min-height: 37px;
text-align:right;
2margin-left:-1px;
}
/* --- IMAGES --- */
p img {
padding: 0;
max-width: 100%;
}
img.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
}
img.alignright, img.right {
margin: 0 0 13px 13px;
display: inline;
}
img.alignleft, img.left {
margin: 0 13px 13px 0;
display: inline;
}
.alignleft, .left {float: left}
.alignright, .right {float: right;}
.wp-caption {
border: 1px solid #59350b;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption.aligncenter {margin: 10px auto;}
.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;
}
/* == FOOTER == */
#bottom{
background:url(images/footer.png) no-repeat;
height:100px;
}
#bottom p{
clear:both;
text-align:center;
padding-top:100px;
}
#bottom-extended {
background-image: url(images/main-page-middle.png);
background-repeat: repeat-y;
position: relative;
margin: 0 auto;
left: -2px;
text-align: center;
width: 977px;
}
#bottom-container {
left: 25px;
position: relative;
width: 910px;
}
/* == COMMENTS (Threaded) == */
#comments-main {margin-top: 10px;}
#comments-main div#respond p.not-logged-in {
position: relative;
left: 180px;
top: -25px;
}
.commentlist {
padding: 0;
text-align: justify;
}
ul#singlecomments.commentlist {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
ul#singlecomments.commentlist li {
margin-top: 0;
padding-top: 10px;
padding-left: 10px;
}
ul.children {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
.comment-body {padding-right: 10px;}
.avatar {
display: inline;
float:left;
margin:0 10px 10px 0;
}
.comment-meta, commentmetadata {
font-size: 75%;
padding-top: 2px;
}
#commentform {
padding-top: 30px;
font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
margin: 2px;
padding: 6px 0px;
}
#commentform input{
width: 200px;
background: #fff;
border: 1px solid #b2b0a4;
padding: 5px;
margin-top: 3px;
font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
}
#commentform textarea{
background: #fff;
border: 1px solid #b2b0a4;
padding: 5px;
margin-top: 3px;
font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
overflow-x: hidden;
overflow-y: auto;
}
#commentform #submit {cursor:pointer;}
a#cancel-comment-reply-link {
position: relative;
left: 30px;
top: 30px;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.odd, comment-text-1 {
margin-top: 1px;
background: #f2f2f2;
border: 1px solid #b2b0a4;
}
.even, comment-text-2 {
margin-top: 1px;
background: #ffffff;
border: 1px solid #b2b0a4;
}
.administrator, .user-id-1 {
margin-top: 1px;
background:#e5dfcf url(images/bns-author.png);
border: 1px solid #7e7d75;
}
.jellybeen, .user-id-2 {
margin-top: 1px;
background:#e5dfcf url(images/jb-author.png) center; /* Rainbow */
border: 1px solid #7e7d75;
}
.reply {
padding-bottom: 5px;
font-size: 85%;
}
a.comment-reply-link {
font-size: 12px;
font-weight: bold;
}
.comment-author {
font-size: 120%;
font-family:Geneva, Arial, Helvetica, sans-serif;
color: #2b2d2f;
}
.comment-author a:link,
.comment-author a:visited,
.comment-author a:active {
color: #00761D;
border-bottom: 1px solid #d21600 ;
text-decoration: none;
}
.comment-author a:hover {
color: #635537;
border-bottom:1px solid #b2b0a4;
text-decoration: none;
}
.comment-date {
margin-left:2px;
margin-top:3px;
font-size: .75em;
color: #888;
}
code {
margin: 0px;
background-color: Silver;
font-style: italic;
font-size: 14px;
text-align: left;
overflow: auto;
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
/* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
#comments{
background:url(images/comment-h3.png) no-repeat;
margin-bottom:10px;
color:#271b03;
padding:30px 0 0 30px;
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
width: 175px;
height: 88px;
}
#respond {
background:url(images/comment-h3.png) no-repeat;
color:#271b03;
clear: both;
margin-top:35px;
}
#respond h3 {
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
padding:30px 0 0 25px;
}
/* === Forms === */
fieldset {
padding: 15px;
border: 1px solid #b2b0a4;
width:550px;
}
legend {
font-size: 1.1em;
font-weight: normal;
color: #635537;
}
label {
padding-top: 4px;
color: #635537;
font-weight: normal;
line-height: normal;
}
input, textarea {border: 1px solid #b2b0a4;}
input#s.form-input { text-align: center; }
#main-blog input#s.form-input { margin: 0 auto; }
#main-blog .search-submit {
padding: 2px;
margin: 1px 0 0 0;
font-family: Arial,Helvetica,sans-serif;
font-size:0.8em;
}
input:focus, textarea:focus {
border: 1px solid #000;
padding: 1px 0;
}
textarea {
width: 98%;
min-height: 84px;
}
/* === Calendar === */
#wp-calendar {
empty-cells:show;
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
text-align:center;
text-decoration:none;
width:200px;
}
/* Miscellaneous Plugin Styles */
/* dTree plugin */
#dtreec {padding: 0 0 0 20px;}
#dtreea {padding: 0 0 0 20px;}
/* Hide WP-Stats plugin smiley at bottom of screen */
img#wpstats{display:none;}
/* Akisment alignment */
#akismetstats {margin: 0 auto;}
/* ---- BNS Plugins ---- */
/* bns-login plugin */
.bns-login {text-align: center;font-style: italic;}
#bns-logged-in {font-weight: bold;}
#bns-logged-out {font-weight: lighter;}
/* bns-featured-category */
.widget .post {margin-bottom: 10px;}
/* bns-featured-tag */
.widget .post {margin-bottom: 10px;}
/* ---- BNS Plugins ---- */